:root{--o:#ff7900;--o2:#ffad35;--b:#1769e0;--ink:#17233f;--muted:#6d778d;--line:#e6eaf1;--bg:#f6f8fc}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}.app{width:min(100%,480px);min-height:100svh;margin:auto;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 13%,#dcecff 0,transparent 34%),radial-gradient(circle at 0 42%,#fff0ce 0,transparent 28%),linear-gradient(180deg,#fff,#f8faff);box-shadow:0 0 44px #1c365b1a}.top{padding:18px 20px 0;display:flex;align-items:center;justify-content:space-between}.brand{font-size:12px;font-weight:900;letter-spacing:.08em;user-select:none}.brand b{color:var(--o)}.chip{font-size:11px;color:#fff;background:var(--b);padding:6px 10px;border-radius:99px;font-weight:800}.screen{display:none;padding:20px 20px 34px;min-height:calc(100svh - 50px);animation:up .32s ease}.screen.active{display:block}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1{font-size:37px;line-height:1.05;margin:22px 0 10px;letter-spacing:-.045em}h1 em{font-style:normal;background:linear-gradient(105deg,var(--o),#ffb323);-webkit-background-clip:text;color:transparent}.sub{font-size:19px;font-weight:900;margin:0 0 9px}.desc{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.mascots{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:24px 0 20px;padding:7px;border-radius:24px;background:linear-gradient(135deg,#fff4d8,#e8f3ff);border:4px solid #ffffffdd;box-shadow:0 18px 45px #213d6e2e}.mascots img{width:100%;aspect-ratio:1;object-fit:contain;background:#ffffffa8;border-radius:8px}.primary,.secondary,.danger{border:0;width:100%;min-height:52px;border-radius:16px;font-weight:900;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,var(--o),var(--o2));box-shadow:0 10px 24px #ff790047}.secondary{background:#edf3ff;color:var(--b);margin-top:10px}.danger{background:#fff0ee;color:#d33;margin-top:10px}.mini{text-align:center;color:#9099aa;font-size:11px;line-height:1.5}.progress-head{display:flex;justify-content:space-between;margin:4px 0 10px;font-size:12px;color:var(--muted)}.bar{height:8px;border-radius:99px;background:#e7ebf3;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--o),#ffd04e);transition:.3s}.qnum{margin-top:30px;color:var(--o);font-size:12px;font-weight:900;letter-spacing:.14em}.question{font-size:26px;line-height:1.35;margin:9px 0 22px}.answers{display:grid;gap:12px}.answer{position:relative;border:1px solid var(--line);background:#fffffff2;border-radius:19px;padding:17px 44px 17px 17px;text-align:left;color:var(--ink);line-height:1.45;box-shadow:0 9px 24px #1c356010;font-weight:750}.answer:after{content:"→";position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#b5becc}.back{border:0;background:transparent;color:var(--muted);padding:17px 0}.result{text-align:center}.eyebrow{font-size:12px;font-weight:900;color:var(--b);letter-spacing:.1em}.portrait{width:260px;height:260px;margin:14px auto 8px;border-radius:38px;background:linear-gradient(145deg,#fff1cf,#e2efff);box-shadow:0 18px 42px #1e376333;border:5px solid #fff;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:contain;padding:8px}.result h2{font-size:31px;margin:12px 0 5px}.trait{color:var(--o);font-weight:900;font-size:18px}.result-copy{margin:18px 0;text-align:left;background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 24px #1f3b6814;font-size:14px;line-height:1.75}.keyword{display:inline-block;margin-top:9px;border-radius:99px;background:#eaf2ff;color:var(--b);padding:6px 11px;font-size:12px;font-weight:800}.share-layer,.admin-gate{position:fixed;inset:0;background:#091224cc;z-index:30;display:none;align-items:center;justify-content:center;padding:18px}.share-layer.show,.admin-gate.show{display:flex}.share-box{width:min(92vw,410px);text-align:center}.share-box img{display:block;width:100%;max-height:76vh;object-fit:contain;border-radius:18px}.share-tip{color:#fff;font-size:13px;margin:10px}.close{border:0;border-radius:99px;background:#fff;padding:10px 22px;font-weight:800}.gate-card{width:min(100%,380px);background:#fff;border-radius:24px;padding:22px}.gate-card h3{margin:0 0 8px}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:12px;font-weight:800;color:#59647a}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe4ed;border-radius:12px;padding:11px;background:#fff;color:var(--ink)}.field textarea{min-height:80px;resize:vertical}.gate-actions{display:flex;gap:8px}.gate-actions button{flex:1;border:0;border-radius:12px;padding:12px;font-weight:800}.admin{display:none;min-height:100vh;background:#f3f5f9}.admin.show{display:block}.admin-head{position:sticky;top:0;z-index:10;background:#17233f;color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.admin-head h2{font-size:17px;margin:0}.admin-head button{border:0;border-radius:10px;padding:8px 11px;background:#ffffff18;color:#fff}.admin-body{width:min(100%,920px);margin:auto;padding:16px}.admin-note{font-size:12px;line-height:1.6;color:#6e788d;background:#fff9e8;border:1px solid #ffe1a1;padding:12px;border-radius:12px}.toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.toolbar button,.file-btn{border:0;border-radius:12px;padding:11px 8px;background:#fff;color:var(--ink);box-shadow:0 4px 15px #1c355012;font-weight:800;text-align:center;cursor:pointer}.toolbar .hot{background:var(--o);color:#fff}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.tab{white-space:nowrap;border:0;border-radius:99px;padding:9px 14px;background:#e7ebf2;color:#59647a;font-weight:800}.tab.on{background:var(--b);color:#fff}.panel{display:none}.panel.on{display:block}.card{background:#fff;border-radius:18px;padding:15px;margin-bottom:12px;box-shadow:0 6px 20px #1c35500f}.card-head{display:flex;gap:8px;align-items:center;justify-content:space-between}.card-head h3{font-size:15px;margin:0}.small-actions{display:flex;gap:5px}.small-actions button{border:0;border-radius:8px;padding:6px 8px;background:#eef2f8;color:#516078}.option-grid{display:grid;grid-template-columns:1fr 120px;gap:8px}.animal-edit{display:grid;grid-template-columns:96px 1fr;gap:12px}.animal-edit img{width:96px;height:96px;object-fit:contain;background:linear-gradient(145deg,#fff2d2,#e4f0ff);border-radius:16px}.upload{display:block;text-align:center;background:#edf3ff;color:var(--b);border-radius:10px;padding:8px;font-size:12px;font-weight:800;cursor:pointer;margin-top:6px}.upload input,.file-btn input{display:none}.status{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;background:#17233f;color:#fff;padding:10px 15px;border-radius:99px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.status.show{opacity:1}.invalid{border-color:#e33!important}.footer-admin{text-align:center;margin-top:24px}.footer-admin button{border:0;background:transparent;color:#b7bfcd;font-size:11px;padding:12px}@media(max-width:600px){.toolbar{grid-template-columns:repeat(2,1fr)}.animal-edit{grid-template-columns:76px 1fr}.animal-edit img{width:76px;height:76px}.option-grid{grid-template-columns:1fr}.admin-body{padding:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat strong{display:block;font-size:26px;color:var(--b)}.stat span{font-size:12px;color:var(--muted)}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}