:root{font-family:Microsoft YaHei,Noto Sans SC,Segoe UI,sans-serif;color:#26314d;background:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #26314d;--muted: #7b86a2;--line: rgba(91, 119, 151, .18);--glass: rgba(255, 255, 255, .66);--glass-strong: rgba(255, 255, 255, .84);--sky: #bdeaf4;--sky-deep: #7fc8df;--lilac: #e9d8f5;--peach: #ffd5db;--mint: #d9f3e8;--rose: #ef9eb9;--blue: #79b9dc;--shadow: 0 28px 80px rgba(96, 130, 168, .24);--soft-shadow: 0 18px 48px rgba(113, 146, 175, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;padding:24px;background:linear-gradient(120deg,#d1f1f9e6,#faf2fceb 45%,#ffeaeedb),repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0 1px,transparent 1px 36px);overflow:hidden;position:relative}.appShell:before,.appShell:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0}.appShell:before{width:72vw;height:36vh;left:-18vw;bottom:-7vh;border-radius:52% 48% 0 0;background:linear-gradient(120deg,#79c6dc57,#d6f3e847)}.appShell:after{width:46vw;height:42vh;right:-10vw;top:18vh;border-radius:44% 0 0 56%;background:linear-gradient(160deg,#e8b2de52,#ffd5db38)}.previewSwitch,.phoneFrame,.desktopFrame{position:relative;z-index:1}.previewSwitch{display:flex;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:#ffffff85;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.previewSwitch button{min-height:38px;border:0;border-radius:999px;padding:0 18px;background:transparent;color:var(--muted);font-size:14px;font-weight:800}.previewSwitch button.active{background:#ffffffe0;color:var(--ink);box-shadow:inset 0 -1px #7b9ab51f,0 8px 22px #617e9a24}.phoneFrame{width:min(100%,430px);height:min(900px,calc(100vh - 116px));min-height:680px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:34px;background:#fafdff9e;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.desktopFrame{width:min(1360px,calc(100vw - 48px));height:min(860px,calc(100vh - 116px));min-height:680px;display:grid;grid-template-columns:244px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.84);border-radius:34px;background:#ffffff8a;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.topBar{display:grid;grid-template-columns:1fr auto 112px;gap:10px;align-items:center;padding:16px 16px 12px;background:#ffffff5c;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.brandBlock strong{color:var(--ink);font-weight:900;white-space:nowrap}.searchBox{min-width:0;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff80;color:var(--muted);font-size:12px}.searchBox.large{height:48px;max-width:560px;font-size:14px}.searchBox span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modeSwitch,.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#ffffff75}.modeSwitch button,.segmented button{border:0;border-radius:999px;min-height:30px;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.modeSwitch button.active,.segmented button.active{color:var(--ink);background:linear-gradient(135deg,#bdeaf4eb,#ffd5dbc2);box-shadow:0 8px 18px #7696b521}.scrollArea{overflow-y:auto;padding:16px 16px 96px}.desktopSide{display:grid;grid-template-rows:auto auto 1fr;gap:18px;padding:26px 18px;border-right:1px solid var(--line);background:#ffffff5c}.brandBlock{display:flex;align-items:center;gap:12px}.brandBlock span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.brandMark{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ffffff,var(--sky));color:var(--ink);font-weight:900;box-shadow:var(--soft-shadow)}.desktopNav{display:grid;align-content:start;gap:8px}.desktopNav button{min-height:48px;display:flex;align-items:center;gap:12px;border:0;border-radius:18px;padding:0 14px;background:transparent;color:var(--muted);font-weight:800}.desktopNav button.active{background:#ffffffad;color:var(--ink);box-shadow:var(--soft-shadow)}.desktopMain{min-width:0;overflow-y:auto;padding:26px}.desktopHeader{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.softIconButton,.iconButton,.discPlay,.transport button{border:0;display:inline-flex;align-items:center;justify-content:center}.softIconButton{width:48px;height:48px;border-radius:18px;background:#ffffff9e;color:var(--ink)}.heroPanel{min-height:276px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:center;padding:28px;color:var(--ink);border:1px solid rgba(255,255,255,.78);border-radius:30px;background:linear-gradient(135deg,#ffffffb8,#ffffff57),linear-gradient(145deg,#bdeaf494,#e8d8f575 52%,#ffd5db6b);box-shadow:var(--soft-shadow);overflow:hidden;position:relative}.heroPanel.compact{min-height:248px;grid-template-columns:1fr 120px;padding:22px}.heroCopy{min-width:0}.heroPanel h1{max-width:520px;margin:8px 0 10px;font-size:42px;line-height:1.08;letter-spacing:0}.heroPanel.compact h1{font-size:30px}.heroPanel p{margin:0;color:var(--muted);line-height:1.7}.eyebrow{margin:0;color:#c27496;font-size:12px;font-weight:900}.crystalStage{min-height:190px;display:grid;place-items:center;color:#26314d57}.crystalDisc,.albumDisc{aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.96) 0 15%,transparent 16%),conic-gradient(from 110deg,#bdeaf4,#f2c7e6,#ffd5db,#d9f3e8,#bdeaf4);box-shadow:0 22px 58px #6791b13d}.crystalDisc{width:164px;grid-area:1 / 1}.heroPanel.compact .crystalDisc{width:116px}.crystalDisc span{position:absolute;inset:30%;border-radius:38% 62% 48% 52%;background:#ffffff8c;transform:rotate(22deg)}.crystalStage svg{grid-area:1 / 1;transform:translateY(76px)}.primaryAction,.secondaryAction{border:0;display:inline-flex;align-items:center;justify-content:center;min-height:56px;gap:10px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#9edceb,#f0c9e8 52%,#ffd4dc);color:var(--ink);font-weight:900;box-shadow:0 14px 28px #6c93b138}.primaryAction:disabled{opacity:.68;cursor:wait}.primaryAction.wide,.secondaryAction{width:100%}.desktopContentGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:18px;align-items:start}.desktopContentPrimary{min-width:0}.desktopPlayerDock{display:grid;gap:18px;position:sticky;top:0}.glassPanel{border:1px solid rgba(255,255,255,.78);border-radius:28px;background:var(--glass);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.recommendBand{display:grid;grid-template-columns:1fr 52px;gap:14px;align-items:center;margin-top:14px;padding:18px}h2,h3,p{margin-top:0}h2{margin-bottom:8px;font-size:20px;letter-spacing:0}h3{margin-bottom:4px;font-size:15px}p{color:var(--muted);line-height:1.65;font-size:14px}.iconButton{width:52px;height:52px;border-radius:18px;background:#ffffffdb;color:var(--ink);box-shadow:0 12px 28px #6791b12e}.playlistRail{display:grid;grid-auto-flow:column;grid-auto-columns:156px;gap:12px;overflow-x:auto;padding:14px 0 4px}.playlistCard{min-height:188px;display:grid;align-content:end;gap:8px;border:1px solid rgba(255,255,255,.76);border-radius:28px;padding:14px;text-align:left;color:var(--ink);box-shadow:var(--soft-shadow)}.playlistCard.sky{background:linear-gradient(145deg,#beeff8e0,#ffffff9e)}.playlistCard.peach{background:linear-gradient(145deg,#ffd4dce6,#e8d8f58f)}.playlistCard.mint{background:linear-gradient(145deg,#d9f3e8f0,#beeaf48f)}.playlistCard strong{font-size:16px}.playlistCard small,.shortcutRail small{color:var(--muted)}.coverArt{width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.96) 0 11px,transparent 12px),conic-gradient(from 160deg,#bdeaf4,#f5c7e8,#ffd5db,#d9f3e8,#bdeaf4);color:var(--ink)}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:16px}.sectionTitle h2{margin:0}.sectionTitle span{color:var(--muted);font-size:12px;font-weight:800}.quickScenes,.inputPanel,.playerPanel,.matchPanel,.assessmentPanel,.profilePanel,.communityPanel{margin-top:14px;padding:18px}.sceneGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sceneGrid button,.testCards button,.patches button,.shortcutRail button,.toggle{border:1px solid rgba(255,255,255,.78);border-radius:20px;background:#ffffff94;color:var(--ink)}.sceneGrid button{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.shortcutRail{display:grid;grid-auto-flow:column;grid-auto-columns:166px;gap:10px;overflow-x:auto;padding:14px 0 4px}.shortcutRail button{min-height:104px;display:grid;gap:8px;align-content:center;text-align:left;padding:14px}.shortcutRail span{font-weight:900}.inputPanel{display:grid;gap:13px}.inputPanel label{display:grid;gap:7px}.inputPanel label span{color:var(--muted);font-size:12px;font-weight:900}.inputPanel input,.controls select{min-height:46px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:#ffffff94;color:var(--ink);padding:0 14px;outline:none}.inputPanel input:focus,.controls select:focus{border-color:#7ebedab3;box-shadow:0 0 0 4px #7ebeda24}.patches{display:flex;flex-wrap:wrap;gap:8px}.patches button{min-height:38px;display:inline-flex;align-items:center;gap:5px;padding:0 12px;color:var(--muted);font-weight:800}.patches button.active,.toggle.active{background:linear-gradient(135deg,#bdeaf4d1,#d9f3e8c2);color:var(--ink)}.playerPanel{text-align:center}.playerPanel.elevated{margin-top:0}.nowPlayingTop{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:900}.albumDisc{width:min(210px,68%);margin:18px auto 16px;display:grid;place-items:center}.discPlay,.mainTransport{width:58px;height:58px;border-radius:22px;background:#ffffffe6;color:var(--ink);box-shadow:0 12px 28px #7492af33}.discPlay:disabled,.mainTransport:disabled{opacity:.52;cursor:not-allowed}.trackText h2{margin-bottom:6px;font-size:24px}.trackText p{margin-bottom:0}.softWave{height:88px;display:flex;align-items:center;justify-content:center;gap:4px;margin:14px 0;overflow:hidden}.softWave span{width:5px;height:calc(14px + (var(--i) % 8) * 4px);border-radius:999px;background:linear-gradient(180deg,#6fa9c7,#6fa9c729);opacity:.62;transform-origin:center}.softWave.active span{animation:lowWave 1.7s ease-in-out infinite;animation-delay:calc(var(--i) * 42ms)}@keyframes lowWave{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.14)}}.transport{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:14px}.transport button:not(.mainTransport){width:44px;height:44px;border-radius:18px;background:#ffffff9e;color:var(--ink)}.controls{display:grid;grid-template-columns:1fr 96px 70px;gap:8px}.controls label{min-width:0;display:flex;align-items:center;gap:6px}.controls select{min-width:0;width:100%;padding:0 8px;font-size:12px}.toggle{min-height:46px;font-weight:900}.infoRow{display:grid;gap:5px;padding:12px 0;border-top:1px solid var(--line)}.infoRow span,.parameterGrid span{color:var(--muted);font-size:12px;font-weight:900}.infoRow strong{line-height:1.55}.parameterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.parameterGrid div,.statGrid div{min-height:88px;display:grid;align-content:center;gap:7px;padding:14px;border-radius:22px;background:#ffffff80}.parameterGrid strong,.statGrid strong{font-size:15px;line-height:1.35}.testCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.testCards button{min-height:78px;display:grid;place-items:center;gap:8px;font-weight:900}.radarMock{display:grid;gap:10px;margin:12px 0}.radarMock div{display:grid;grid-template-columns:70px 1fr 36px;gap:10px;align-items:center}.radarMock span,.radarMock strong{font-size:13px}.radarMock i{height:12px;border-radius:999px;background:linear-gradient(90deg,#85c8df var(--value),transparent var(--value)),#ffffff94}.resultCallout,.profileHeader,.articleList article{display:flex;gap:12px;align-items:flex-start}.resultCallout{padding:14px;border-radius:24px;background:#d9f3e89e;color:var(--ink);margin-bottom:14px}.resultCallout p{margin-bottom:0}.avatar{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff,var(--lilac));color:var(--ink)}.profileHeader{align-items:center}.profileHeader h2,.profileHeader p{margin-bottom:2px}.statGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px}.statGrid span{color:var(--muted);font-size:12px}.statGrid strong{font-size:22px}.trendText{color:#537b92;font-weight:900}.trackingList{display:grid;gap:10px;margin:14px 0}.trackingList div{display:grid;grid-template-columns:48px 1fr 34px;gap:8px;align-items:center;font-size:13px}meter{width:100%;height:12px}.secondaryAction{color:var(--ink);background:linear-gradient(135deg,#d9f3e8e6,#bdeaf4cc)}.articleList{display:grid;gap:10px}.articleList article{padding:14px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#ffffff80}.articleList svg{color:#c27496;flex:0 0 auto}.articleList p{margin-bottom:0}.bottomNav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px 12px 14px;background:#ffffff6b;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottomNav button{min-width:0;min-height:58px;border:0;border-radius:22px;display:grid;place-items:center;gap:3px;background:transparent;color:var(--muted);font-size:12px}.bottomNav button.active{background:#ffffffb3;color:var(--ink);font-weight:900;box-shadow:var(--soft-shadow)}@media(max-width:980px){.appShell.desktop{overflow:auto}.desktopFrame{height:auto;min-height:0;grid-template-columns:1fr}.desktopSide{display:none}.desktopContentGrid{grid-template-columns:1fr}.desktopPlayerDock{position:static}.heroPanel{grid-template-columns:1fr}}@media(max-width:520px){.appShell{padding:0;gap:0}.previewSwitch{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:5}.previewSwitch button{min-height:34px;padding:0 12px;font-size:12px}.phoneFrame,.desktopFrame{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0}.topBar{grid-template-columns:1fr 96px;padding-top:62px}.brand{display:none}.desktopMain{padding:62px 14px 18px}.desktopHeader{display:none}.heroPanel,.heroPanel.compact{grid-template-columns:1fr 106px;min-height:230px;padding:20px;border-radius:28px}.heroPanel h1,.heroPanel.compact h1{font-size:27px}.crystalStage{min-height:132px}.crystalDisc,.heroPanel.compact .crystalDisc{width:106px}.crystalStage svg{transform:translateY(58px)}.controls{grid-template-columns:1fr 80px 62px}}