:root { color-scheme:light; --bg:#f7f8fa; --surface:#fff; --stage:#eef1f3; --ink:#21262b; --muted:#7a838d; --line:#e6eaed; --accent:#138a77; --soft:#e4f3ed; --gold:#a77735; --lyric-size:24px; }
[data-theme="dark"] { color-scheme:dark; --bg:#111315; --surface:#181b1e; --stage:#1c2023; --ink:#edf0f0; --muted:#8b969f; --line:#2b3136; --accent:#8cdbc0; --soft:#253b34; --gold:#e9c888; }
* { box-sizing:border-box; letter-spacing:0; }
body { margin:0; color:var(--ink); background:var(--bg); font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
button,input,select { font:inherit; }
button { border:0; color:inherit; background:none; cursor:pointer; -webkit-tap-highlight-color:transparent; }
button:disabled { opacity:.4; cursor:default; }
button:active:not(:disabled) { transform:scale(.96); }
button,input,select { transition:background .18s,color .18s,border-color .18s,transform .15s; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
input,select { min-width:0; color:var(--ink); }
input[type="range"] { accent-color:var(--accent); cursor:pointer; height:18px; }
svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
[data-icon] { display:inline-flex; flex-shrink:0; vertical-align:middle; }
[hidden] { display:none!important; }
h1,h2,h3,p { margin:0; } ul { list-style:none; padding:0; margin:0; }
.app { display:grid; grid-template-columns:192px minmax(0,1fr); grid-template-rows:minmax(0,1fr) 104px; height:100vh; height:100dvh; overflow:hidden; }
.sidebar { padding:30px 18px 22px; background:var(--surface); border-right:1px solid var(--line); display:flex; flex-direction:column; gap:6px; min-height:0; }
.brand { display:flex; gap:11px; align-items:center; color:inherit; text-decoration:none; margin-bottom:44px; }
.brand-symbol { height:36px; width:36px; display:grid; place-items:center; border-radius:8px; background:var(--ink); color:var(--surface); }
.brand h1 { font-size:18px; font-weight:750; white-space:nowrap; }.brand small { display:block; font-size:8px; color:var(--muted); margin-top:4px; }
.nav-label { color:var(--muted); font-size:10px; padding:0 12px; margin-bottom:9px; }.secondary-label { margin-top:30px; }
.nav-item { width:100%; display:flex; align-items:center; gap:10px; min-height:43px; padding:10px 12px; border-radius:7px; text-align:left; color:var(--muted); font-size:13px; margin-bottom:5px; }
.nav-item svg { width:18px;height:18px; }.nav-item b { margin-left:auto; font-size:10px; font-weight:500; }
.nav-item:hover { background:var(--bg); color:var(--ink); }.nav-item.active { color:var(--accent); background:var(--soft); font-weight:650; }
.sidebar-bottom { margin-top:auto; padding:24px 12px 0; }.connection { display:flex; gap:8px; align-items:center; font-size:10px; color:var(--muted); }.connection i { width:5px; height:5px; border-radius:50%; background:var(--muted); }.connection i.ready { background:var(--accent); }.edition { display:block; font-size:8px; color:var(--muted); opacity:.6; margin-top:10px; }
.workspace { min-width:0; min-height:0; display:flex; flex-direction:column; }.topbar { flex:0 0 70px; padding:0 30px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }.breadcrumb { color:var(--muted); font-size:11px; }.breadcrumb span { padding:0 12px; opacity:.4; }.breadcrumb b { color:var(--ink); font-weight:500; }.top-actions { display:flex; align-items:center; gap:9px; }.service-label { margin-right:10px; font-size:10px; color:var(--muted); }
.icon-btn { display:inline-grid; place-items:center; width:36px; height:36px; flex-shrink:0; border-radius:7px; color:var(--muted); position:relative; }.icon-btn:hover { background:var(--line); color:var(--ink); }.icon-btn.active { color:var(--accent); }.icon-btn.active svg { fill:var(--soft); }.icon-btn.small { width:30px; height:30px; }.icon-btn.small svg { width:17px; height:17px; }#queueBadge { position:absolute; top:-1px; right:-1px; background:var(--soft); color:var(--accent); min-width:15px; height:15px; border-radius:50%; font-size:9px; }
.main-grid { display:grid; grid-template-columns:minmax(350px,1fr) minmax(320px,.75fr); min-height:0; flex:1; }.catalog { overflow-y:auto; padding:31px 30px; min-width:0; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-bottom:23px; }.eyebrow { font-size:9px; color:var(--muted); }.section-heading h2 { font-size:28px; font-weight:650; margin-top:5px; }.title-dot { color:var(--accent); }.count-label { font-size:11px; color:var(--muted); padding-bottom:4px; white-space:nowrap; }
.searchbar { display:flex; gap:11px; align-items:center; border:1px solid var(--line); background:var(--surface); border-radius:8px; padding:5px 6px 5px 14px; height:48px; }.searchbar>span { color:var(--muted); }.searchbar input { flex:1; border:0; background:transparent; outline:none; width:100%; font-size:13px; }.searchbar:focus-within { border-color:var(--accent); }.search-submit { width:36px; height:34px; border-radius:6px; display:grid; place-items:center; background:var(--ink); color:var(--surface); }.searchbar.loading .search-submit svg { animation:turn 1.6s linear infinite; }
.search-tools { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:38px; margin:4px 0 13px; }.search-history { display:flex; gap:14px; overflow:hidden; }.history-chip { font-size:10px; padding:3px 0; color:var(--muted); max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.history-chip:hover { color:var(--accent); }
.filters { padding-bottom:17px; border-bottom:1px solid var(--line); display:grid; gap:12px; }.filter-row { display:flex; align-items:center; gap:12px; }.filter-label { flex:0 0 28px; font-size:10px; color:var(--muted); }.source-tabs { display:flex; flex-wrap:wrap; gap:4px; }.source-tab { font-size:11px; padding:6px 9px; border-radius:5px; color:var(--muted); }.source-tab.active { color:var(--accent); background:var(--soft); font-weight:650; }.source-tab:hover { color:var(--accent); }
select,input[type="number"] { background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:6px 10px; font-size:12px; }#qualitySelect { min-width:110px; }.source-note { font-size:10px; color:var(--gold); }
.list-toolbar { display:flex; justify-content:space-between; align-items:center; padding-top:14px; gap:10px; }.list-tabs { display:flex; gap:16px; align-items:center; font-size:10px; color:var(--muted); }.list-tabs .selected { font-size:13px; color:var(--ink); font-weight:650; }.toolbar-actions { display:flex; align-items:center; gap:6px; }.text-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; font-size:11px; padding:7px 9px; border-radius:6px; color:var(--muted); }.text-btn:hover { background:var(--line); color:var(--ink); }.text-btn svg { width:15px; height:15px; }
.status { font-size:11px; color:var(--muted); padding:9px 0; overflow-wrap:anywhere; min-height:32px; }.status.error { color:#c45359; }.error-state { padding:15px 0; border-bottom:1px solid var(--line); color:#b95460; font-size:12px; }.error-state p { margin-bottom:8px; }.error-state .text-btn { border:1px solid var(--line); margin-right:8px; }
.table-heading,.song { display:grid; grid-template-columns:24px minmax(0,1fr) 40px 94px; gap:10px; align-items:center; }.table-heading { padding:6px 8px; color:var(--muted); font-size:9px; }.song { padding:11px 8px; min-height:67px; border-bottom:1px solid var(--line); border-radius:5px; transition:background .18s; }.song:hover { background:var(--surface); }.song.playing { background:var(--soft); }.song-index { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }.song.playing .song-index { color:var(--accent); }.song-main { display:flex; align-items:center; text-align:left; gap:10px; padding:0; min-width:0; }.song-art { width:38px; height:38px; object-fit:cover; border-radius:5px; flex-shrink:0; }.song-art-fallback { width:38px; height:38px; flex-shrink:0; background:var(--line); color:var(--muted); display:grid; place-items:center; border-radius:5px; }.song-art-fallback svg { width:17px; height:17px; }.song-text { min-width:0; }.song-name { display:block; font-size:13px; font-weight:550; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.song-meta { display:block; font-size:10px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:4px; }.song-time { font-size:10px; color:var(--muted); font-variant-numeric:tabular-nums; }.song-actions { display:flex; gap:1px; }.song-actions .icon-btn { width:30px; height:30px; }.song-actions svg { width:15px; height:15px; }.load-more { margin:20px auto; display:flex; }.catalog-empty { padding:45px 12px; text-align:center; color:var(--muted); }.catalog-empty>span svg { width:32px; height:32px; }.catalog-empty h3 { font-size:15px; font-weight:500; margin:14px 0; }.suggestions { display:flex; justify-content:center; gap:12px; }.suggestions button { font-size:11px; color:var(--accent); }
.stage { background:var(--stage); border-left:1px solid var(--line); min-width:0; min-height:0; display:flex; flex-direction:column; padding:24px 26px 16px; }.stage-head { display:flex; align-items:center; justify-content:space-between; }.stage-head>div { display:flex; }.close-stage { display:none; }.stage-song { padding:22px 0 20px; display:flex; gap:20px; align-items:center; }.artwork { width:136px; height:136px; flex:0 0 136px; position:relative; }.record { width:100%; height:100%; overflow:hidden; border-radius:8px; background:var(--surface); box-shadow:0 12px 28px #00000014; display:grid; place-items:center; }.record img { width:100%; height:100%; object-fit:cover; }.record-placeholder { display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:center; color:var(--muted); font-size:10px; }.record-placeholder svg { width:48px; height:48px; stroke-width:1; }.stage-meta { min-width:0; }.source-badge { color:var(--muted); font-size:9px; }.stage-meta h2 { font-size:19px; line-height:1.5; margin:7px 0 4px; overflow-wrap:anywhere; }.stage-meta p { font-size:11px; color:var(--muted); }.quality-badge { display:inline-block; font-size:9px; color:var(--accent); margin-top:10px; padding:2px 6px; border:1px solid var(--accent); border-radius:3px; }
.stage-tools { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-bottom:10px; }.segmented { display:flex; gap:3px; }.segmented button { padding:6px 13px; font-size:11px; border-radius:5px; color:var(--muted); }.segmented button.active { background:var(--surface); color:var(--ink); }.lyric-area { position:relative; flex:1; min-height:0; }.lyric-body { height:100%; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; padding:80px 0 140px; overflow-anchor:none; }.lyric-body::-webkit-scrollbar { display:none; }.lyric-line { display:block; text-align:left; width:100%; line-height:1.6; padding:12px 3px; font-size:var(--lyric-size); color:var(--muted); opacity:.5; font-weight:600; overflow-wrap:anywhere; transition:color .35s,opacity .35s; }.lyric-line.active { color:var(--ink); opacity:1; }.lyric-line:hover { opacity:1; }.lyric-empty { text-align:center; color:var(--muted); font-size:13px; line-height:2; padding:25px 10px; }.follow-btn { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); padding:9px 14px; border-radius:7px; box-shadow:0 4px 18px #00000013; background:var(--surface); font-size:10px; white-space:nowrap; color:var(--accent); display:flex; gap:7px; align-items:center; }.follow-btn:active { transform:translateX(-50%) scale(.96); }.follow-btn svg { width:14px; height:14px; }.stage-footer { display:flex; justify-content:space-between; align-items:center; padding-top:12px; }.live-indicator { font-size:10px; color:var(--muted); }.is-playing .live-indicator { color:var(--accent); }
.stage[data-style="serif"] .lyric-line { font-family:Georgia,"Songti SC","SimSun",serif; font-weight:500; }.stage[data-style="serif"] .lyric-line.active { color:var(--gold); }.stage[data-style="focus"] .lyric-line { opacity:.2; }.stage[data-style="focus"] .lyric-line.active { opacity:1; color:var(--accent); }.stage[data-view="art"] .lyric-area { display:none; }.stage[data-view="art"] .stage-song { flex:1; flex-direction:column; justify-content:center; text-align:center; }.stage[data-view="art"] .artwork { width:min(80%,300px); height:auto; aspect-ratio:1; flex:0 0 auto; }
.artwork[data-animation="vinyl"] .record { border-radius:50%; background:repeating-radial-gradient(circle,#1a1c1d 0 2px,#292c2e 3px,#181a1b 4px 7px); padding:24%; animation:turn 18s linear infinite paused; }.artwork[data-animation="vinyl"] .record img { border-radius:50%; }.artwork[data-animation="vinyl"] .record-placeholder { color:#d9dddd; }.artwork[data-animation="vinyl"] .record-placeholder>span:last-child { display:none; }.is-playing .artwork[data-animation="vinyl"] .record { animation-play-state:running; }.is-playing .artwork[data-animation="cover"] .record { animation:breathe 5s ease-in-out infinite; }.artwork[data-animation="spectrum"] .record { opacity:.22; }#spectrum { position:absolute; inset:0; width:100%; height:100%; }
.player { grid-column:1/-1; display:grid; grid-template-columns:minmax(200px,1fr) minmax(280px,520px) minmax(150px,1fr); align-items:center; gap:20px; padding:12px 28px max(12px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--surface); z-index:30; }.now-playing { display:flex; align-items:center; gap:12px; min-width:0; }.mini-cover { width:48px; height:48px; border-radius:6px; overflow:hidden; display:grid; place-items:center; color:var(--muted); background:var(--stage); padding:0; flex-shrink:0; }.mini-cover img { width:100%; height:100%; object-fit:cover; }.np-meta { min-width:0; }.np-meta strong,.np-meta>span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.np-meta strong { font-size:12px; font-weight:600; }.np-meta>span { font-size:10px; color:var(--muted); margin-top:4px; }.now-playing>.icon-btn { margin-left:4px; }.transport { min-width:0; }.controls { display:flex; align-items:center; justify-content:center; gap:14px; }.play-btn { width:38px; height:38px; border-radius:50%; color:var(--surface); background:var(--ink); display:grid; place-items:center; }.play-btn svg { width:18px;height:18px; fill:currentColor;stroke-width:1; }.seek { display:flex; gap:10px; align-items:center; margin-top:5px; }.seek span { color:var(--muted); font-size:9px; min-width:28px; font-variant-numeric:tabular-nums; }.seek input { flex:1; width:100%; margin:0; }.player-extras { display:flex; justify-content:flex-end; gap:4px; align-items:center; }.player-extras input { width:76px; }#sleepIndicator { font-size:10px; color:var(--accent); }
dialog { border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); box-shadow:0 20px 80px #0003; padding:22px; max-width:calc(100vw - 28px); max-height:90dvh; }dialog::backdrop { background:#13191f80; backdrop-filter:blur(6px); }.dialog-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 16px; }.dialog-head h2 { font-size:18px; }.dialog-head small { color:var(--muted); font-size:12px; font-weight:400; }.settings-dialog { width:410px; }.setting-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid var(--line); font-size:12px; }.setting-row:last-child { border:0; }.setting-row select,.setting-row input[type="number"],.setting-row input[type="range"] { width:145px; }.setting-row input[type="checkbox"] { accent-color:var(--accent); width:18px; height:18px; }.queue-dialog { width:450px; }.queue-toolbar { display:flex; justify-content:space-between; }.queue-list { margin-top:12px; }.queue-item { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }.queue-item.playing { color:var(--accent); }.queue-item .queue-song { flex:1; min-width:0; text-align:left; }.queue-song strong,.queue-song small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.queue-song strong { font-weight:500; font-size:12px; }.queue-song small { font-size:10px; color:var(--muted); }.mv-dialog { width:920px; }.mv-search { display:flex; gap:10px; }.mv-search>input { flex:1; min-width:60px; padding:8px 12px; background:var(--bg); border:1px solid var(--line); border-radius:6px; }.mv-search label { display:flex; gap:5px; align-items:center; font-size:11px; color:var(--muted); }.mv-search input[type="number"] { width:60px; }.primary-btn { padding:8px 16px; border-radius:6px; color:var(--surface); background:var(--ink); font-size:12px; }video { width:100%; aspect-ratio:16/9; background:#090a0b; display:block; border-radius:6px; }.mv-footer { display:flex; justify-content:space-between; gap:15px; padding-top:14px; font-size:11px; color:var(--muted); align-items:center; }.mv-footer label { display:flex; gap:10px; align-items:center; }.toast { position:fixed; bottom:120px; left:50%; transform:translateX(-50%); background:var(--ink); color:var(--surface); padding:10px 18px; border-radius:7px; max-width:calc(100vw - 28px); font-size:12px; box-shadow:0 5px 25px #0002; z-index:100; overflow-wrap:anywhere; }
.focus-mode .sidebar,.focus-mode .catalog,.focus-mode .topbar { display:none; }.focus-mode .workspace { grid-column:1/-1; }.focus-mode .main-grid { display:block; height:100%; }.focus-mode .stage { height:100%; display:grid; grid-template-columns:minmax(230px,.8fr) minmax(280px,1.2fr); grid-template-rows:40px 1fr 40px; gap:0 8%; padding:24px 7%; background:var(--bg); }.focus-mode .stage-head { grid-column:1/-1; }.focus-mode .stage-song { grid-row:2; flex-direction:column; justify-content:center; align-items:flex-start; padding:20px 0; }.focus-mode .artwork { width:min(100%,350px); height:auto; aspect-ratio:1; flex:0 0 auto; }.focus-mode .stage-meta h2 { font-size:27px; }.focus-mode .stage-meta p { font-size:14px; }.focus-mode .stage-tools { grid-row:3; grid-column:1; border:0; }.focus-mode .lyric-area { grid-column:2; grid-row:2; height:100%; }.focus-mode .lyric-line { font-size:calc(var(--lyric-size) + 8px); padding:18px 0; }.focus-mode .stage-footer { grid-column:2; grid-row:3; }.focus-mode .close-stage { display:grid; }.focus-mode #fullScreenBtn { display:none; }.focus-mode .lyric-body { padding-top:35vh; padding-bottom:35vh; }
@keyframes turn { to { transform:rotate(360deg); } }@keyframes breathe { 50% { transform:scale(.97); } }
.reduced-motion *, .reduced-motion *::before, .reduced-motion *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }
@media(min-width:1650px) { .app { grid-template-columns:220px minmax(0,1fr); }.catalog { padding:40px 48px; }.stage { padding:28px 48px 20px; }.stage-song { padding:35px 0; }.artwork { width:190px; height:190px; flex-basis:190px; }.stage-meta h2 { font-size:24px; } }
@media(max-width:1100px) { .app { grid-template-columns:160px minmax(0,1fr); }.sidebar { padding:24px 12px; }.brand { gap:8px; }.brand h1 { font-size:16px; }.brand-symbol { width:30px;height:30px; }.catalog { padding:24px 20px; }.stage { padding:20px 18px; }.main-grid { grid-template-columns:minmax(320px,1fr) minmax(280px,.8fr); }.artwork { width:105px; height:105px; flex-basis:105px; }.stage-song { gap:14px; }.stage-meta h2 { font-size:16px; }.lyric-line { font-size:var(--lyric-size); }.table-heading,.song { grid-template-columns:20px minmax(0,1fr) 32px 62px; gap:7px; }.song-actions .mv-row { display:none; }.player { grid-template-columns:minmax(160px,1fr) minmax(250px,1.4fr) auto; padding:12px 18px; gap:12px; }.player-extras input { width:50px; } }
@media(max-width:850px) { .app { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr) 112px; }.sidebar { padding:13px 18px 0; border-right:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:10px; }.brand { margin:0; }.brand h1 { font-size:18px; }.brand small { display:none; }.sidebar nav { grid-column:1/-1; display:flex; gap:3px; }.nav-item { justify-content:center; margin:0; font-size:11px; padding:8px; min-height:37px; }.nav-item b { margin-left:0; }.nav-label,.sidebar-bottom,#focusNav { display:none; }#mvNav { grid-column:2; grid-row:1; width:auto; }.topbar { flex-basis:48px; padding:0 18px; }.breadcrumb { font-size:10px; }.service-label { display:none; }.main-grid { display:block; overflow:hidden; }.catalog { height:100%; padding:20px 18px 28px; }.section-heading { margin-bottom:17px; }.section-heading h2 { font-size:24px; }.stage { display:none; }.table-heading,.song { grid-template-columns:22px minmax(0,1fr) 36px 94px; gap:8px; }.song-actions .mv-row { display:grid; }.player { grid-row:3; display:grid; grid-template-columns:minmax(0,1fr) 1fr; grid-template-rows:44px 25px; gap:6px 10px; padding:10px 16px max(12px,env(safe-area-inset-bottom)); }.now-playing { gap:8px; }.mini-cover { width:38px;height:38px; }.now-playing>.icon-btn { display:none; }.np-meta strong { font-size:11px; }.np-meta>span { font-size:9px; }.transport { display:contents; }.controls { justify-content:flex-end; gap:4px; }.controls .icon-btn { width:30px; height:32px; }.play-btn { width:34px;height:34px; }.controls #modeBtn { display:none; }.seek { grid-row:2; grid-column:1/-1; margin:0; }.player-extras { display:none; }.focus-mode .app { grid-template-rows:minmax(0,1fr) 112px; }.focus-mode .player { grid-row:2; }.focus-mode .stage { display:flex; padding:16px 24px 12px; }.focus-mode .stage-head { flex:0 0 30px; }.focus-mode .stage-song { flex:none; flex-direction:row; align-items:center; justify-content:flex-start; gap:18px; padding:16px 0; }.focus-mode .artwork { width:90px; height:90px; flex:0 0 90px; }.focus-mode .stage-meta h2 { font-size:19px; }.focus-mode .stage-meta p { font-size:11px; }.focus-mode .lyric-area { flex:1; min-height:0; }.focus-mode .lyric-body { padding-top:120px; padding-bottom:200px; }.focus-mode .lyric-line { font-size:var(--lyric-size); padding:14px 0; }.focus-mode .stage-footer { flex:0 0 35px; }.focus-mode .stage-tools { flex:0 0 40px; }.focus-mode .stage[data-view="art"] .stage-song { flex:1; flex-direction:column; justify-content:center; }.focus-mode .stage[data-view="art"] .artwork { width:min(75%,300px); height:auto; flex:0 0 auto; }.toast { bottom:128px; } }
@media(max-width:380px) { .song,.table-heading { grid-template-columns:18px minmax(0,1fr) 30px 60px; gap:5px; }.song-actions .mv-row { display:none; }.song-main { gap:7px; }.song-art,.song-art-fallback { width:31px; height:31px; }.source-tab { padding:6px 7px; font-size:10px; }.controls { gap:0; }.nav-item { font-size:10px; }.stage-meta h2 { font-size:17px; }.mv-search { flex-wrap:wrap; }.mv-search>input { flex-basis:100%; } }