:root{font-family:Microsoft YaHei,Noto Sans SC,Segoe UI,sans-serif;color:#22312d;background:#edf3ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #3d6f5c;--mint: #dcefe3;--paper: #fbfaf4;--ink: #22312d;--muted: #697871;--line: rgba(44, 75, 64, .16);--coral: #d06e58;--gold: #c99a3d;--blue: #4d7491;--shadow: 0 24px 70px rgba(40, 67, 58, .18)}*{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;padding:24px;background:radial-gradient(circle at 14% 20%,rgba(208,110,88,.18),transparent 28%),linear-gradient(135deg,#e8f0e8,#f7f1e6 48%,#e8f1f3)}.phoneFrame{width:min(100%,430px);height:min(900px,calc(100vh - 48px));min-height:680px;background:var(--paper);border:1px solid rgba(34,49,45,.18);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.topBar{display:grid;grid-template-columns:1fr auto 112px;gap:10px;align-items:center;padding:14px 16px 10px;background:#fbfaf4f0;border-bottom:1px solid var(--line)}.brand{color:var(--green);font-weight:800;white-space:nowrap}.searchBox{min-width:0;display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#f6f3eb;color:var(--muted);font-size:12px}.searchBox span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modeSwitch,.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:8px;background:#e6ece6}.modeSwitch button,.segmented button{border:0;border-radius:6px;min-height:28px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.modeSwitch button.active,.segmented button.active{background:var(--green);color:#fffaf0}.scrollArea{overflow-y:auto;padding:14px 16px 92px}.heroPanel,.recommendBand,.inputPanel,.playerPanel,.matchPanel,.assessmentPanel,.profilePanel,.communityPanel,.quickScenes{border:1px solid var(--line);border-radius:8px;background:#fffdf7d6}.heroPanel{min-height:218px;display:grid;align-content:space-between;gap:22px;padding:22px;color:#fdf9ee;background:linear-gradient(145deg,#264f41f5,#3e6658e6),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 18px);border-color:#ffffff47}.heroPanel h1{max-width:320px;margin:8px 0;font-size:30px;line-height:1.12}.heroPanel p{margin:0;color:#fffdf7c7;line-height:1.6}.eyebrow{margin:0;color:var(--coral);font-size:12px;font-weight:800}.heroPanel .eyebrow{color:#f2c27b}.primaryAction,.secondaryAction,.iconButton,.playButton{border:0;display:inline-flex;align-items:center;justify-content:center}.primaryAction{min-height:54px;gap:10px;padding:0 18px;border-radius:8px;background:#f4c267;color:#25332e;font-weight:900;box-shadow:inset 0 -2px #593b141f}.primaryAction:disabled{opacity:.68;cursor:wait}.primaryAction.wide{width:100%}.recommendBand{display:grid;grid-template-columns:1fr 48px;gap:14px;align-items:center;margin-top:12px;padding:16px}h2,h3,p{margin-top:0}h2{margin-bottom:6px;font-size:18px}h3{margin-bottom:4px;font-size:15px}p{color:var(--muted);line-height:1.62;font-size:14px}.iconButton,.playButton{width:48px;height:48px;border-radius:50%;background:var(--green);color:#fffaf0}.shortcutRail{display:grid;grid-auto-flow:column;grid-auto-columns:148px;gap:10px;overflow-x:auto;padding:12px 0 4px}.shortcutRail button,.sceneGrid button,.patches button,.secondaryAction,.toggle{border:1px solid var(--line);border-radius:8px;background:#fffdf7;color:var(--ink)}.shortcutRail button{min-height:82px;display:grid;gap:8px;align-content:center;text-align:left;padding:12px}.shortcutRail span{font-weight:800}.shortcutRail small{color:var(--muted)}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:14px}.sectionTitle h2{margin:0}.sectionTitle span{color:var(--muted);font-size:12px}.quickScenes,.inputPanel,.playerPanel,.matchPanel,.assessmentPanel,.profilePanel,.communityPanel{margin-top:12px;padding:16px}.sceneGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sceneGrid button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.inputPanel{display:grid;gap:12px}.inputPanel label{display:grid;gap:7px}.inputPanel label span{color:var(--muted);font-size:12px;font-weight:800}.inputPanel input,.controls select{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#f8f5ec;color:var(--ink);padding:0 12px;outline:none}.inputPanel input:focus,.controls select:focus{border-color:#3d6f5cb8;box-shadow:0 0 0 3px #3d6f5c1f}.patches{display:flex;flex-wrap:wrap;gap:8px}.patches button{min-height:36px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;color:var(--muted)}.patches button.active,.toggle.active{border-color:#3d6f5c73;background:var(--mint);color:var(--green);font-weight:800}.playerHeader{display:grid;grid-template-columns:1fr 58px;gap:14px;align-items:center}.playButton{width:58px;height:58px;background:var(--coral)}.playButton:disabled{background:#c8c6bd;cursor:not-allowed}.spectrum{height:108px;display:flex;align-items:center;justify-content:space-between;gap:4px;margin:16px 0;padding:16px;border-radius:8px;background:linear-gradient(180deg,#eef5ed,#f8f4ea);overflow:hidden}.spectrum span{width:7px;height:calc(18px + (var(--i) % 7) * 8px);border-radius:999px;background:linear-gradient(180deg,var(--blue),var(--green));opacity:.55;transform-origin:bottom}.spectrum.active span{animation:pulseBar 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * 64ms)}@keyframes pulseBar{0%,to{transform:scaleY(.65)}50%{transform:scaleY(1.18)}}.controls{display:grid;grid-template-columns:1fr 92px 68px;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:42px}.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:800}.infoRow strong{line-height:1.55}.parameterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.parameterGrid div,.statGrid div{min-height:86px;display:grid;align-content:center;gap:7px;padding:12px;border-radius:8px;background:#f3f0e6}.parameterGrid strong,.statGrid strong{font-size:15px;line-height:1.35}.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,var(--green) var(--value),transparent var(--value)),#e4e0d4}.resultCallout,.profileHeader,.articleList article{display:flex;gap:12px;align-items:flex-start}.resultCallout{padding:14px;border-radius:8px;background:var(--mint);color:var(--green);margin-bottom:14px}.resultCallout p{margin-bottom:0}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green)}.profileHeader{align-items:center}.profileHeader h2,.profileHeader p{margin-bottom:2px}.statGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 10px}.statGrid span{color:var(--muted);font-size:12px}.statGrid strong{font-size:22px}.trendText{color:var(--green);font-weight:800}.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{width:100%;min-height:46px;color:var(--green);font-weight:900}.articleList{display:grid;gap:10px}.articleList article{padding:13px;border:1px solid var(--line);border-radius:8px;background:#fffdf7}.articleList svg{color:var(--gold);flex:0 0 auto}.articleList p{margin-bottom:0}.bottomNav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:9px 10px 12px;background:#fbfaf4f5;border-top:1px solid var(--line)}.bottomNav button{min-width:0;min-height:54px;border:0;border-radius:8px;display:grid;place-items:center;gap:3px;background:transparent;color:var(--muted);font-size:12px}.bottomNav button.active{background:var(--mint);color:var(--green);font-weight:900}@media(max-width:520px){.appShell{padding:0}.phoneFrame{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0}.topBar{grid-template-columns:1fr 88px}.brand{display:none}.heroPanel h1{font-size:26px}.controls{grid-template-columns:1fr 80px 62px}}