*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#07132e;color:#f5fbff;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}canvas{display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-ui,.transition-ui,.result-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center}.home-copy{transform:translateY(-2vh);filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.eyebrow{letter-spacing:.26em;font-size:clamp(11px,1.05vw,20px);color:#83f7ff;margin:0 0 20px;font-weight:700}.home-copy h1,.result-ui h1{font-family:Archivo Black,Noto Sans SC,sans-serif;font-size:clamp(58px,7.2vw,142px);line-height:.95;margin:0;background:linear-gradient(180deg,#fff 10%,#8eefff 55%,#5c8dff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.03em}.home-copy h2{font-size:clamp(23px,2.5vw,48px);letter-spacing:.12em;margin:22px 0 18px;color:#fff}.hint{font-size:clamp(16px,1.5vw,28px);margin:0 0 45px;color:#d6f7ff}.primary,.secondary,.sound{pointer-events:auto;border:0;font:900 clamp(20px,1.85vw,35px) "Noto Sans SC",sans-serif;cursor:pointer;transition:transform .16s,filter .16s}.primary{color:#051331;background:linear-gradient(105deg,#57f7ff,#79bdff);padding:20px 54px;border-radius:999px;box-shadow:0 0 0 7px #64efff29,0 0 42px #55f6ff8c;animation:pulse 1.8s ease-in-out infinite}.primary b{font-size:1.25em;margin-left:15px}.primary:hover,.primary:active{transform:scale(1.06);filter:brightness(1.13)}.brand-mark{position:absolute;left:4vw;top:4.5vh;display:flex;gap:7px;align-items:center;font-weight:900;font-size:20px;letter-spacing:.15em}.brand-mark i{font:900 34px Archivo Black;font-style:normal;color:#07132e;background:#55f6ff;padding:5px 9px;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.record{position:absolute;left:4vw;bottom:5vh;display:flex;align-items:baseline;gap:11px;text-align:left;color:#bcefff;font-size:clamp(14px,1.2vw,22px)}.record span{display:block}.record strong{font:900 clamp(25px,2.4vw,46px) "Archivo Black";color:#ffd45c}.sound{position:absolute;right:4vw;top:4.5vh;border:1px solid rgba(199,250,255,.4);border-radius:99px;padding:11px 20px;background:#0417418f;color:#eafaff;font-size:clamp(13px,1vw,19px)}.corner{position:absolute;right:4vw;bottom:4.5vh;color:#dcf7ff80;font-size:13px;letter-spacing:.16em}.transition-ui{background:radial-gradient(circle,#2d96ff4d,#020c2bed 54%);flex-direction:column}.transition-ui p{font-size:clamp(21px,2.5vw,48px);font-weight:900;letter-spacing:.1em;color:#c5f8ff;margin:0 0 20px}.transition-ui strong{font:900 clamp(170px,28vw,460px) "Archivo Black";line-height:.82;color:#fff;text-shadow:0 0 45px #55f6ff;animation:count .6s ease-in-out infinite}.transition-ui span{margin-top:32px;color:#55f6ff;letter-spacing:.4em;font-weight:700}.result-ui{background:radial-gradient(ellipse at 50% 28%,#319bff80,#031032f2 60%);flex-direction:column;padding:4vh 0}.result-ui h1{font-size:clamp(46px,5vw,94px);margin-bottom:10px}.score{font:900 clamp(92px,11vw,205px) "Archivo Black";color:#ffd45c;line-height:1;text-shadow:0 0 35px rgba(255,212,92,.4)}.score-label{margin:5px 0 24px;color:#b7eefe;letter-spacing:.33em;font-size:clamp(11px,1vw,18px)}.stats{display:flex;gap:clamp(18px,3vw,70px);justify-content:center;margin-bottom:clamp(20px,3vh,44px)}.stats div{display:flex;flex-direction:column;min-width:150px}.stats b{font-size:clamp(25px,2.2vw,43px);color:#fff}.stats span{font-size:clamp(13px,1vw,18px);color:#a9dcf5;margin-top:7px}.stats .reward b{color:#ffd45c}.result-actions{display:flex;gap:22px;pointer-events:auto}.secondary{color:#e7f9ff;background:#041a4ab8;padding:18px 42px;border-radius:999px;border:1px solid rgba(181,245,255,.43)}.new-record{font:900 clamp(20px,2vw,36px) "Archivo Black";letter-spacing:.12em;color:#ffd45c;text-shadow:0 0 20px rgba(255,212,92,.75);animation:flash .75s ease-in-out infinite;margin-bottom:12px}@keyframes pulse{50%{box-shadow:0 0 0 13px #64efff0f,0 0 62px #55f6ffcc}}@keyframes count{50%{transform:scale(1.07);filter:brightness(1.35)}}@keyframes flash{50%{transform:scale(1.08);filter:brightness(1.5)}}@media(max-width:900px){.stats{gap:18px}.stats div{min-width:105px}.result-actions{gap:12px}.primary,.secondary{padding:14px 25px}.corner{display:none}}.challenge-actions{display:flex;justify-content:center;gap:22px;align-items:stretch}.challenge-actions .primary,.game-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:min(330px,31vw);border-radius:24px;padding:18px 28px}.challenge-actions .primary small,.game-card small{font-size:12px;letter-spacing:.18em;margin-bottom:7px;opacity:.75}.challenge-actions .primary b,.game-card b{position:absolute;align-self:flex-end;margin-top:18px}.game-card{pointer-events:auto;position:relative;border:1px solid rgba(255,212,92,.65);background:linear-gradient(135deg,#082350eb,#164a67eb);color:#f7fbff;font:900 clamp(19px,1.55vw,30px) "Microsoft YaHei",sans-serif;cursor:pointer;box-shadow:0 0 28px #ffd45c29;transition:.18s}.game-card:hover{transform:translateY(-4px);box-shadow:0 0 42px #ffd45c52}.game-card small{color:#ffd45c}.game-card em{font-style:normal;font-size:12px;color:#9defff;margin-top:9px}.challenge-actions .primary{position:relative;font-size:clamp(19px,1.55vw,30px)}.home-copy .hint{margin-bottom:28px}@media(max-width:850px){.challenge-actions{gap:10px}.challenge-actions .primary,.game-card{min-width:38vw;padding:13px 16px}.home-copy h2{margin:12px 0 8px}.home-copy .hint{margin-bottom:16px}}.challenge-actions{gap:14px;flex-wrap:wrap;max-width:1740px;margin-left:auto;margin-right:auto}.challenge-actions .primary,.game-card{min-width:min(275px,17vw);padding-left:22px;padding-right:22px}.challenge-actions .primary em{font-style:normal;font-size:12px;color:#17436c;margin-top:9px}.flight-card{border-color:#a67dffbf;background:linear-gradient(135deg,#201451f2,#10607ef2)}.flight-card.unlocked{box-shadow:0 0 36px #a67dff66;animation:flightGlow 1.8s ease-in-out infinite}.flight-card.locked{filter:saturate(.38);opacity:.72;cursor:not-allowed;border-style:dashed}.flight-card.locked:hover{transform:none;box-shadow:0 0 28px #ffd45c29}.progress-record{flex-direction:column;align-items:flex-start;gap:6px;font-weight:800}.progress-record strong{font-size:1.65em}.progress-record i{display:block;width:min(320px,25vw);height:9px;border:1px solid rgba(130,245,255,.5);border-radius:99px;overflow:hidden}.progress-record i b{display:block;height:100%;background:linear-gradient(90deg,#55f6ff,#ffd45c);box-shadow:0 0 15px #55f6ff}.challenge-reward{margin:-8px 0 22px;padding:9px 24px;border:1px solid rgba(255,212,92,.48);border-radius:99px;background:#ffd45c14;font-size:clamp(16px,1.35vw,25px);color:#dffaff}.challenge-reward strong,.final-badge{color:#ffd45c}.final-badge{margin:-6px 0 25px;font:900 clamp(18px,1.6vw,30px) "Microsoft YaHei";letter-spacing:.12em;text-shadow:0 0 18px rgba(255,212,92,.45)}@keyframes flightGlow{50%{box-shadow:0 0 55px #a67dffb3;filter:brightness(1.15)}}@media(max-height:800px){.home-copy{transform:translateY(-1vh)}.home-copy h1{font-size:clamp(52px,6vw,92px)}.home-copy h2{margin:10px 0}.home-copy .hint{margin-bottom:14px}.challenge-actions .primary,.game-card{padding-top:12px;padding-bottom:12px}.result-ui{padding:2vh 0}.result-ui .score{font-size:clamp(72px,9vw,140px)}.score-label{margin-bottom:12px}.stats{margin-bottom:16px}.challenge-reward,.final-badge{margin-bottom:14px}}#ui>.sound{top:clamp(128px,14.5vh,160px);right:3vw;padding:8px 15px;background:#031233c7;font-size:clamp(12px,.9vw,17px);z-index:4}.challenge-actions .game-card{min-width:min(292px,17.4vw)}.game-card .card-title{display:flex;align-items:center;gap:10px;line-height:1.15}.game-card .card-title i{font-style:normal;font-size:1.25em;filter:drop-shadow(0 0 10px rgba(120,240,255,.55))}.g-flight{border-color:#a67dffcc;background:linear-gradient(135deg,#201451f2,#10607ef2);box-shadow:0 0 34px #a67dff52}.g-flight:hover{box-shadow:0 0 52px #a67dff8c}.briefing-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(circle at 50% 32%,#0e3a78b8,#030c22f0)}.brief-card{width:min(1080px,86vw);max-height:88vh;overflow:auto;padding:clamp(26px,3.4vh,46px) clamp(30px,3.6vw,58px);border:1px solid rgba(130,245,255,.42);border-radius:30px;background:linear-gradient(150deg,#071a3ef7,#093456f7);box-shadow:0 28px 90px #0000008c,0 0 60px #55f6ff24;color:#eaf9ff;text-align:left}.brief-card .eyebrow{margin:0;font:800 clamp(12px,.95vw,16px) system-ui;letter-spacing:.26em;color:#ffd45c}.brief-card h1{display:flex;align-items:center;gap:16px;margin:10px 0 18px;font:900 clamp(30px,3.3vw,58px) "Microsoft YaHei",sans-serif;color:#fff}.brief-icon{font-size:1.05em;filter:drop-shadow(0 0 16px rgba(120,240,255,.6))}.brief-intro{padding:16px 22px;border-left:5px solid #55f6ff;border-radius:0 16px 16px 0;background:#55f6ff14}.brief-intro p{margin:0;font:500 clamp(15px,1.28vw,22px)/1.85 "Microsoft YaHei",sans-serif;color:#cfeeff}.brief-intro b{color:#ffd45c}.brief-tips{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:11px}.brief-tips li{position:relative;padding-left:38px;font:700 clamp(14px,1.18vw,21px)/1.55 "Microsoft YaHei",sans-serif;color:#eaf9ff}.brief-tips li:before{content:"▸";position:absolute;left:12px;top:-1px;color:#ffd45c;font-size:1.15em}.brief-tips b{color:#7ff0ff}.brief-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;flex-wrap:wrap}.brief-best{font:700 clamp(13px,1vw,18px) system-ui;color:#9defff;letter-spacing:.06em}.brief-best strong{color:#ffd45c;font-size:1.4em}.brief-actions{display:flex;gap:14px;margin-left:auto}.brief-actions button{pointer-events:auto;cursor:pointer;border-radius:99px;padding:13px 34px;font:900 clamp(15px,1.24vw,23px) "Microsoft YaHei",sans-serif;transition:.18s}.brief-actions .primary{border:none;background:linear-gradient(120deg,#ffd45c,#ffb42b);color:#0a2242;box-shadow:0 0 30px #ffd45c6b}.brief-actions .primary:hover{transform:translateY(-3px);box-shadow:0 0 48px #ffd45ca6}.brief-actions .secondary{border:1px solid rgba(140,240,255,.5);background:#061c40b3;color:#cfeeff}.brief-actions .secondary:hover{background:#0c3466d9}@media(max-width:850px){.brief-card{padding:20px 22px}.brief-intro p{line-height:1.7}.brief-actions{width:100%}.brief-actions button{flex:1;padding:12px 18px}}#ui>.ingame-home{position:absolute;top:clamp(128px,14.5vh,160px);left:3vw;pointer-events:auto;cursor:pointer;padding:8px 16px;border:1px solid rgba(255,110,140,.55);border-radius:99px;background:#2e0818b8;color:#ffd2dc;font:800 clamp(12px,.9vw,17px) "Microsoft YaHei",sans-serif;letter-spacing:.04em;z-index:4;transition:.16s}#ui>.ingame-home:hover{background:#781230db;color:#fff;box-shadow:0 0 22px #ff5e7a66}.home-ui .challenge-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1vw,20px);flex-wrap:nowrap;width:min(1740px,94vw)}.home-ui .challenge-actions .game-card{min-width:0;padding:16px clamp(12px,1.2vw,26px)}.home-ui .game-card .card-title{font-size:clamp(16px,1.42vw,29px);gap:8px}.home-ui .game-card small{font-size:clamp(10px,.72vw,13px);letter-spacing:.12em;white-space:nowrap}@media(max-width:920px){.home-ui .challenge-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-ui .feather-brief{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(18px,3.2vh,44px);width:min(1560px,94vw);display:flex;align-items:stretch;gap:clamp(14px,1.6vw,30px);padding:clamp(14px,1.7vh,24px) clamp(18px,1.9vw,34px);border:1px solid rgba(130,245,255,.3);border-radius:22px;background:linear-gradient(100deg,#061a3ce0,#0a2f63d1 55%,#781a4a80);box-shadow:0 14px 46px #0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left}.fb-badge{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(74px,6vw,104px);border-radius:16px;background:linear-gradient(150deg,#ffd45c,#ff4f92);color:#08203f;box-shadow:0 0 26px #ff8caa59}.fb-badge b{font:900 clamp(30px,2.9vw,52px)/1 "Archivo Black",sans-serif}.fb-badge span{font:800 clamp(11px,.95vw,16px) "Microsoft YaHei",sans-serif;letter-spacing:.22em;margin-top:3px}.fb-body{flex:1 1 auto;min-width:0}.fb-body h3{margin:0 0 6px;font:900 clamp(15px,1.35vw,25px) "Microsoft YaHei",sans-serif;color:#fff;letter-spacing:.02em}.fb-body h3 em{font-style:normal;color:#ffd45c}.fb-body p{margin:0;font:500 clamp(12px,1.02vw,19px)/1.62 "Microsoft YaHei",sans-serif;color:#cdeaff}.fb-body b{color:#ffd45c;font-weight:800}.fb-chips{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.fb-chips span{padding:3px 14px;border:1px solid rgba(255,79,146,.6);border-radius:99px;background:#ff4f9224;color:#ffd0e2;font:800 clamp(11px,.92vw,16px) "Microsoft YaHei",sans-serif}.fb-chips small{color:#bee1fa9e;font-size:clamp(10px,.82vw,14px);letter-spacing:.06em}.fb-progress{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:5px;padding-left:clamp(12px,1.4vw,26px);border-left:1px solid rgba(130,245,255,.22);min-width:clamp(150px,12vw,220px)}.fb-progress span{color:#9fd8f2;font:700 clamp(11px,.9vw,15px) "Microsoft YaHei",sans-serif;letter-spacing:.1em}.fb-progress p{margin:0;display:flex;align-items:baseline;gap:6px}.fb-progress strong{font:900 clamp(30px,3vw,54px)/1 "Archivo Black",sans-serif;color:#ffd45c}.fb-progress small{color:#9fd8f2;font-size:clamp(12px,1vw,18px)}.fb-progress i{display:block;height:9px;border:1px solid rgba(130,245,255,.45);border-radius:99px;overflow:hidden}.fb-progress i b{display:block;height:100%;background:linear-gradient(90deg,#55f6ff,#ffd45c 60%,#ff4f92);box-shadow:0 0 14px #78f0ff99}.home-ui .home-copy{transform:translateY(-7vh)}.home-ui .hint{margin-bottom:clamp(16px,2.6vh,34px)}@media(max-width:1100px){.fb-body p{display:none}.fb-body h3{margin-bottom:8px}}.briefing-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:linear-gradient(100deg,#030c20e0,#041028b3 46%,#0410282e 72%,#0410280d)}.brief-stage{width:min(1280px,90vw);padding:clamp(20px,3vh,40px) clamp(26px,3.4vw,58px);text-align:left;position:relative}.brief-stage .eyebrow{display:flex;align-items:center;gap:14px;margin:0;font:800 clamp(12px,1vw,17px) system-ui;letter-spacing:.24em;color:#ffd45c}.brief-pillar{padding:3px 14px;border:1px solid rgba(255,79,146,.65);border-radius:99px;background:#ff4f9229;color:#ffd0e2;font:800 clamp(11px,.9vw,15px) "Microsoft YaHei",sans-serif;letter-spacing:.06em}.brief-stage h1{display:flex;align-items:center;gap:18px;margin:12px 0 22px;font:900 clamp(32px,3.6vw,64px) "Microsoft YaHei",sans-serif;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.5)}.brief-icon{font-size:1.05em;filter:drop-shadow(0 0 18px rgba(120,240,255,.65))}.brief-lines{min-height:clamp(120px,17vh,210px);display:grid;gap:clamp(8px,1.1vh,16px);align-content:start}.brief-line{margin:0;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease,color .5s ease;font:600 clamp(17px,1.62vw,32px)/1.6 "Microsoft YaHei",sans-serif;color:#c4e4faad}.brief-line.on{opacity:1;transform:none}.brief-line.now{color:#fff;text-shadow:0 0 26px rgba(120,240,255,.4)}.brief-tips{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}.brief-tips li{position:relative;padding-left:34px;font:700 clamp(13px,1.06vw,19px)/1.5 "Microsoft YaHei",sans-serif;color:#bfe6ff}.brief-tips li:before{content:"▸";position:absolute;left:10px;top:-1px;color:#ffd45c}.brief-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;flex-wrap:wrap}.brief-best{font:700 clamp(12px,.95vw,17px) system-ui;color:#9fd8f2;letter-spacing:.06em}.brief-best strong{color:#ffd45c;font-size:1.45em}.brief-actions{display:flex;gap:12px;margin-left:auto;align-items:center}.brief-actions button{pointer-events:auto;cursor:pointer;border-radius:99px;padding:13px 34px;font:900 clamp(15px,1.22vw,23px) "Microsoft YaHei",sans-serif;transition:.18s;border:0}.brief-actions .primary{background:linear-gradient(120deg,#ffd45c,#ff9f2e);color:#0a2242;box-shadow:0 0 34px #ffbe5a80;animation:pulse 1.8s ease-in-out infinite}.brief-actions .primary:hover{transform:translateY(-3px)}.brief-actions .secondary{border:1px solid rgba(140,240,255,.45);background:#061c40b8;color:#cfeeff}.brief-actions .ghost{background:transparent;border:1px solid rgba(190,225,250,.3);color:#c8e8fccc;padding:11px 24px;font-size:clamp(13px,1vw,18px)}.brief-actions .ghost:hover{border-color:#ffd45cb3;color:#ffd45c}.brief-progress{position:absolute;left:clamp(26px,3.4vw,58px);right:clamp(26px,3.4vw,58px);bottom:-4px;height:5px;border-radius:99px;background:#8cdcff29;overflow:hidden;display:block}.brief-progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#55f6ff,#ffd45c 65%,#ff4f92);transition:width .25s linear}@media(max-width:900px){.brief-lines{min-height:120px}.brief-actions{width:100%}.brief-actions button{flex:1;padding:12px 16px}}.result-ui .quiz{width:min(940px,88vw);margin:0 auto clamp(16px,2.4vh,30px);padding:clamp(14px,1.8vh,22px) clamp(18px,2vw,32px);border:1px solid rgba(130,245,255,.32);border-radius:20px;background:linear-gradient(105deg,#061a3ce6,#0a2f63d1 60%,#781a4a6b);text-align:left;pointer-events:auto}.quiz-tag{margin:0 0 6px;font:800 clamp(11px,.92vw,16px) "Microsoft YaHei",sans-serif;letter-spacing:.12em;color:#ffd0e2}.quiz-tag b{color:#ffd45c}.quiz-q{margin:0 0 12px;font:900 clamp(15px,1.36vw,26px)/1.45 "Microsoft YaHei",sans-serif;color:#fff}.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quiz-opt{pointer-events:auto;cursor:pointer;padding:12px 14px;border:1px solid rgba(150,225,255,.4);border-radius:14px;background:#051838bf;color:#e8f7ff;font:800 clamp(13px,1.06vw,20px) "Microsoft YaHei",sans-serif;transition:.16s;line-height:1.35}.quiz-opt:hover:not(:disabled){border-color:#ffd45c;background:#0e3468e6;transform:translateY(-2px)}.quiz-opt:disabled{cursor:default;opacity:.62}.quiz-opt.right{border-color:#39e69d;background:#145a42d9;color:#c9ffe6;opacity:1}.quiz-opt.wrong{border-color:#ff4f92;background:#601234d9;color:#ffd2e2;opacity:1}.quiz-why{margin:12px 0 0;font:600 clamp(12px,1vw,18px)/1.55 "Microsoft YaHei",sans-serif;color:#cdeaff}.quiz-why.ok{color:#a9ffd8}.quiz-why.no{color:#ffd0e2}@media(max-width:860px){.quiz-options{grid-template-columns:1fr}}