:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#fff;background:#201936}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#7c5da4 0,transparent 35%),linear-gradient(150deg,#34255b,#1c1931);overflow-x:hidden}#app{width:min(100%,480px);margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 18px calc(28px + env(safe-area-inset-bottom));position:relative}.hero-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:-2}.shade{position:fixed;inset:0;background:linear-gradient(180deg,rgba(20,14,42,.28),rgba(20,14,42,.82));z-index:-1}.brand{letter-spacing:.12em;font-size:.74rem;color:#eadbff;margin-top:13vh}.title{font-size:clamp(2rem,9vw,3.2rem);line-height:1.1;margin:18px 0}.lede{line-height:1.8;color:#e1d9f3}.button{border:0;border-radius:18px;padding:16px 20px;background:linear-gradient(110deg,#efa5cb,#b3a6ef);color:#281a44;font-weight:800;font-size:1rem;min-height:54px;cursor:pointer}.start{width:100%;margin-top:22vh}.top{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:.84rem}.back{background:none;border:0;color:#fff;padding:9px;font-size:1rem}.progress{height:5px;background:#ffffff35;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:#ffbed9;border-radius:inherit}.question{font-size:1.28rem;line-height:1.5;margin:20px 0 14px}.cards{display:grid;gap:11px}.choice{padding:9px;border:1px solid #ffffff3d;border-radius:18px;background:#251c42d9;color:#fff;text-align:left;display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;min-height:92px;cursor:pointer}.choice img{width:88px;height:72px;border-radius:12px;object-fit:cover;background:#805e99}.choice.selected{outline:2px solid #ffc1dc;background:#594477}.choice strong{display:block;color:#ffd1e4;margin-bottom:4px}.continue{margin-top:16px;width:100%}.notice{font-size:.83rem;color:#e6d8ff;margin-top:12px;min-height:22px}.report-hero{width:100%;border-radius:24px;background:#ffffff12;padding:18px;margin:12px 0 24px}.avatar{width:100%;aspect-ratio:1/1;border-radius:18px;background:#513879}.module{padding:23px 0;border-bottom:1px solid #ffffff2b;line-height:1.9}.module h2{font-size:1.15rem;color:#ffd2e6}.hint{font-size:.85rem;color:#e0d5ef}#offline-status{position:fixed;right:10px;bottom:10px;max-width:calc(100vw - 20px);background:#171126e8;border:1px solid #ffffff27;border-radius:13px;padding:8px 11px;font-size:.76rem;z-index:5}@media(min-width:700px){#app{padding-left:34px;padding-right:34px}.start{margin-top:15vh}}