:root{--bg: #0B1026;--ink: #E8ECFF;--mut: #9AA3C7;--dim: #6B76A3;--cyan: #4CC9F0;--pur: #8B7CFF;--yel: #FFD166;--pink: #FF7BAC;--grn: #51E6A8;--org: #FF9F5A;--card-b: rgba(140,160,255,.16);--pcell: 26px;--dcell: 30px;--led: 34px;--bit: 40px;--card-pad: 22px;--block-gap: 16px;--hero-pad: 20px;--hero-gap: 18px;--hero-icon: 62px;--hero-title: 22px;--body-pad-t: 18px;--body-pad-b: 28px}@media(min-width:2200px){body{zoom:1.35}}@media(min-width:3400px){body{zoom:1.8}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 10% 14%,rgba(76,201,240,.12),transparent 40%),radial-gradient(circle at 90% 82%,rgba(139,124,255,.13),transparent 42%),radial-gradient(circle at 55% 115%,rgba(255,123,172,.07),transparent 46%),linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:auto,auto,auto,46px 46px,46px 46px}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:15px}input,textarea,select{font-family:inherit;font-size:15px}html.no-scroll,html.no-scroll body{overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#8ca0ff40;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.bg-stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.float-star{position:absolute;width:10px;height:10px;border-radius:2px;opacity:.5;animation:floaty 7s ease-in-out infinite}.float-star.s1{left:6%;top:22%;background:var(--cyan);animation-delay:0s}.float-star.s2{left:92%;top:30%;background:var(--yel);animation-delay:1.6s;width:12px;height:12px}.float-star.s3{left:84%;top:78%;background:var(--pink);animation-delay:3.1s}.float-star.s4{left:10%;top:74%;background:var(--pur);animation-delay:4.4s;width:8px;height:8px}.float-star.s5{left:50%;top:8%;background:var(--grn);animation-delay:2.3s;width:7px;height:7px}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(35deg)}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:10px 20px;background:#0b1026db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(140,160,255,.15);box-shadow:0 2px 20px #4cc9f012;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px}.logo-star{flex:0 0 auto;animation:floaty 4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,209,102,.6))}.logo-txt{display:flex;flex-direction:column;line-height:1.25}.logo-txt b{font-size:17.5px;color:var(--cyan);letter-spacing:1.5px;text-shadow:0 0 14px rgba(76,201,240,.55)}.logo-txt span{font-size:11.5px;color:#8a93be;letter-spacing:.4px}.stage-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:center}.chip{padding:6px 14px;border-radius:999px;font-size:13px;color:#a9b2d8;background:#ffffff0e;border:1px solid rgba(140,160,255,.18);transition:all .15s;white-space:nowrap}.chip:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.chip.active{background:var(--cyan);border-color:var(--cyan);color:#0b1026;font-weight:600;box-shadow:0 0 16px #4cc9f080}.chip.done:after{content:" ✓";color:var(--grn);font-weight:700}.chip.active.done:after{color:#0b5c3e}.chip.locked{opacity:.45;cursor:not-allowed;border-style:dashed;filter:grayscale(.35)}.chip.locked:hover{border-color:#8ca0ff2e;color:#a9b2d8;transform:none;background:#ffffff0e;box-shadow:none}.chip .lock-ic{margin-right:5px;vertical-align:-2px;opacity:.9}.mebox{display:flex;align-items:center;gap:12px;font-size:14px}.mebox .who{color:var(--ink);font-weight:500}.mebox .stars{color:var(--yel);font-weight:700;font-size:16px;text-shadow:0 0 10px rgba(255,209,102,.55)}.follow-toggle{display:none}#app{min-height:100vh;display:flex;flex-direction:column}body.student #app{padding-top:var(--top-h, 62px);padding-bottom:var(--foot-h, 40px)}body.student .topbar{position:fixed;top:0;left:0;right:0;z-index:50;flex:0 0 auto}body.student .footnote{position:fixed;bottom:0;left:0;right:0;z-index:40;flex:0 0 auto;background:linear-gradient(180deg,#0b102600,#0b1026eb 55%)}.topbar,.footnote{flex:0 0 auto}.stage-body{flex:0 0 auto;min-height:0;height:calc(100vh - var(--top-h, 62px) - var(--foot-h, 40px));padding:var(--body-pad-t) 18px var(--body-pad-b);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.stage-body[data-dens="1"]{--card-pad: 17px;--block-gap: 12px;--hero-pad: 15px;--hero-gap: 14px;--hero-icon: 54px;--hero-title: 20px;--pcell: 24px;--led: 31px;--body-pad-t: 14px;--body-pad-b: 18px}.stage-body[data-dens="2"]{--card-pad: 13px;--block-gap: 10px;--hero-pad: 12px;--hero-gap: 12px;--hero-icon: 46px;--hero-title: 18.5px;--pcell: 21px;--dcell: 24px;--led: 27px;--bit: 34px;--body-pad-t: 10px;--body-pad-b: 14px}.stage-body[data-dens="3"]{--card-pad: 10px;--block-gap: 8px;--hero-pad: 9px;--hero-gap: 10px;--hero-icon: 40px;--hero-title: 17px;--pcell: 18px;--dcell: 21px;--led: 23px;--bit: 30px;--body-pad-t: 8px;--body-pad-b: 10px}.stage-body[data-dens="4"]{--card-pad: 8px;--block-gap: 6px;--hero-pad: 7px;--hero-gap: 8px;--hero-icon: 34px;--hero-title: 16px;--pcell: 14px;--dcell: 17px;--led: 19px;--bit: 24px;--body-pad-t: 6px;--body-pad-b: 8px}body[data-dens="2"] .btn{padding:8px 17px;font-size:14.5px}body[data-dens="3"] .btn{padding:6px 14px;font-size:14px}body[data-dens="4"] .btn{padding:5px 12px;font-size:13.5px}body[data-dens="2"] .card h2{font-size:16.5px;margin-bottom:6px}body[data-dens="3"] .card h2{font-size:15.5px;margin-bottom:4px}body[data-dens="4"] .card h2{font-size:15px;margin-bottom:3px}body[data-dens="2"] .hint{font-size:13px;margin-bottom:8px}body[data-dens="3"] .hint{font-size:12.5px;margin-bottom:6px}body[data-dens="4"] .hint{font-size:12px;margin-bottom:4px}body[data-dens="2"] .hero-goal{font-size:12.5px;margin-top:3px}body[data-dens="3"] .hero-goal{font-size:12px;margin-top:2px}body[data-dens="3"] .footnote{padding:6px 0 4px}body[data-dens="4"] .hero-goal{display:none}body[data-dens="4"] .footnote{padding:4px 0 3px}main{width:100%;max-width:1080px;margin:0 auto;padding:18px 18px 28px;flex:1 0 auto}.teacher main{max-width:1280px}.card{background:linear-gradient(180deg,#ffffff10,#ffffff09);border:1px solid var(--card-b);border-radius:18px;padding:var(--card-pad);box-shadow:0 6px 26px #0508196b;margin-bottom:var(--block-gap)}.card h2{font-size:17.5px;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;letter-spacing:.3px}.card h2:before{content:"";width:9px;height:9px;border-radius:2.5px;flex:0 0 auto;background:var(--cyan);box-shadow:0 0 9px #4cc9f0cc}.card h2 .tag{font-size:12px;font-weight:400;color:#8a93be}.hint{font-size:13.5px;color:var(--mut);margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:12px;font-size:15px;font-weight:500;transition:all .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#5ed2f6,#3bb8e8);color:#081226;font-weight:700;box-shadow:0 4px 16px #4cc9f066}.btn-primary:hover{box-shadow:0 5px 22px #4cc9f094}.btn-soft{background:#4cc9f021;color:var(--cyan);border:1px solid rgba(76,201,240,.32)}.btn-soft:hover{background:#4cc9f03d}.btn-ghost{background:#ffffff0f;color:#a9b2d8;border:1px solid rgba(140,160,255,.22)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn-orange{background:#ff7bac24;color:var(--pink);border:1px solid rgba(255,123,172,.32)}.btn-orange:hover{background:#ff7bac42}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-lg{padding:13px 30px;font-size:17px;border-radius:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;text-align:left}.field label{font-size:13.5px;color:#c6cdea;font-weight:500}.field input,.field textarea{border:1.5px solid rgba(140,160,255,.28);border-radius:11px;padding:11px 13px;outline:none;background:#ffffff12;color:var(--ink);transition:border-color .15s,box-shadow .15s}.field input::placeholder,.field textarea::placeholder{color:var(--dim)}.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #4cc9f02e}.field input.locked-input{background:#51e6a817;border-color:#51e6a86b;color:var(--grn);cursor:not-allowed;font-weight:600}.join-wrap{max-width:470px;margin:4.5vh auto 0;text-align:center}.join-wrap .big-title{font-size:34px;font-weight:800;margin-bottom:6px;letter-spacing:3px;background:linear-gradient(92deg,#4cc9f0 5%,#8b7cff 48%,#ff7bac 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.join-wrap .sub{color:var(--mut);font-size:13.5px;margin-bottom:24px;letter-spacing:.4px}.pixel-logo{display:grid;grid-template-columns:repeat(7,17px);grid-template-rows:repeat(7,17px);gap:3px;justify-content:center;margin-bottom:18px}.pixel-logo i{border-radius:4px;background:#ffffff17}.pixel-logo i.on-1{background:var(--cyan);box-shadow:0 0 8px #4cc9f0a6;animation:pixpulse 2.6s ease-in-out infinite}.pixel-logo i.on-2{background:var(--org);box-shadow:0 0 8px #ff9f5aa6;animation:pixpulse 2.6s ease-in-out infinite .5s}@keyframes pixpulse{0%,to{opacity:1}50%{opacity:.55}}.join-wrap .card{padding:26px 26px 20px;border-color:#4cc9f047;box-shadow:0 0 0 1px #4cc9f014,0 10px 40px #0508198c,0 0 44px #4cc9f01a}.err-tip{color:var(--org);font-size:13.5px;min-height:22px;margin-top:10px}.stage-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--hero-gap);padding:var(--hero-pad) 24px;border-radius:20px;margin-bottom:var(--block-gap);border:1px solid rgba(140,160,255,.22);box-shadow:0 6px 26px #05081966}.stage-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}.hero-0{background:linear-gradient(115deg,#8b7cff57,#8b7cff0d 62%),#ffffff0a}.hero-1{background:linear-gradient(115deg,#4cc9f057,#4cc9f00d 62%),#ffffff0a}.hero-2{background:linear-gradient(115deg,#ffd1664d,#ffd1660d 62%),#ffffff0a}.hero-3{background:linear-gradient(115deg,#ff7bac4d,#ff7bac0d 62%),#ffffff0a}.hero-4{background:linear-gradient(115deg,#51e6a84d,#51e6a80d 62%),#ffffff0a}.hero-5{background:linear-gradient(115deg,#ff9f5a4d,#ff9f5a0d 62%),#ffffff0a}.hero-icon{display:grid;gap:2px;width:var(--hero-icon);height:var(--hero-icon);flex:0 0 auto;filter:drop-shadow(0 0 10px var(--hc))}.hero-icon i{border-radius:2px;background:#ffffff12}.hero-icon i.on{background:var(--hc);box-shadow:0 0 5px var(--hc)}.hero-txt{flex:1;min-width:0}.hero-kicker{font-size:11.5px;letter-spacing:2.5px;color:var(--mut);font-weight:600;margin-bottom:3px}.hero-title{font-size:var(--hero-title);font-weight:800;color:#fff;letter-spacing:.6px;line-height:1.3}.hero-goal{font-size:13.5px;color:#b9c4e8;margin-top:5px;max-width:640px}.hero-stars{flex:0 0 auto;align-self:flex-start;font-size:13px;font-weight:700;color:var(--yel);background:#ffd16621;border:1px solid rgba(255,209,102,.4);padding:5px 13px;border-radius:999px;text-shadow:0 0 8px rgba(255,209,102,.5);white-space:nowrap}@media(max-width:640px){.stage-hero{flex-wrap:wrap;gap:12px;padding:16px 18px}.hero-icon{width:46px;height:46px}.hero-title{font-size:19px}}.warm-stage{display:flex;flex-direction:column;align-items:center;gap:12px}.warm-wrap{position:relative;padding:0 116px}.warm-wrap .card.warm-card{z-index:1;max-width:860px;margin:0 auto}.card.warm-card{position:relative;overflow:hidden;background:radial-gradient(ellipse 62% 55% at 50% 42%,rgba(110,190,255,.34),transparent 72%),radial-gradient(circle at 14% -4%,rgba(130,205,255,.2),transparent 44%),linear-gradient(165deg,#408cf680,#1a4ec499 58%,#103496a8);border:1.5px solid rgba(150,212,255,.62);box-shadow:0 0 52px #40a8ff6b,0 14px 46px #06123c8c,inset 0 0 80px #60aaff2e}.warm-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(118deg,transparent 32%,rgba(255,255,255,.08) 46%,rgba(255,255,255,.02) 55%,transparent 68%);background-size:240% 240%;animation:warm-sheen 8s ease-in-out infinite}@keyframes warm-sheen{0%,to{background-position:8% 0}50%{background-position:92% 0}}.wd{position:absolute;z-index:0;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(8,24,80,.5));animation:floaty 6s ease-in-out infinite}.wd svg{display:block}.wd-tl{left:2px;top:26px;transform:rotate(-6deg)}.wd-bl{left:12px;bottom:56px;animation-delay:1.8s}.wd-tr{right:2px;top:14px;animation-delay:.9s}.wd-br{right:16px;bottom:58px;animation-delay:2.6s}.wd-heart{left:30px;top:46%;animation-delay:3.2s}.wd-globe{right:26px;bottom:34%;animation-delay:1.4s}.wd-star{position:absolute;z-index:0;pointer-events:none;width:12px;height:12px;background:var(--yel);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:twinkle 2.8s ease-in-out infinite}.ws1{left:40px;top:26%}.ws2{right:44px;top:32%;animation-delay:1.1s;background:var(--pink)}.ws3{left:56px;bottom:24%;animation-delay:2s;background:var(--cyan);width:10px;height:10px}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}@media(max-width:1420px)and (min-width:1201px){.warm-wrap{padding:0 92px}.wd-tl{transform:rotate(-6deg) scale(.84)}.wd-tr{transform:scale(.88)}.wd-br{transform:scale(.85)}}@media(max-width:1080px){.warm-wrap{padding:0}}@media(max-width:1200px){.wd-tl,.wd-bl,.wd-tr,.wd-br,.wd-heart,.wd-globe,.wd-star{display:none}}.warm-card:before,.warm-card:after{content:"";position:absolute;border-radius:3px;pointer-events:none;animation:floaty 6s ease-in-out infinite}.warm-card:before{width:12px;height:12px;right:26px;top:26px;background:var(--yel);box-shadow:0 0 16px #ffd166d9}.warm-card:after{width:9px;height:9px;left:30px;bottom:30px;background:var(--grn);box-shadow:0 0 14px #51e6a8d9;animation-delay:2.2s}.warm-card h2{font-size:19px}.warm-card h2:before{width:10px;height:10px;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 12px #4cc9f0f2}.warm-card h2 .tag{color:#aecbf5}.warm-card .hint{color:#c9daf8;font-size:14px}.guess-grid{display:grid;gap:2px;background:#dfe7f3;padding:10px;border:2px solid rgba(150,205,255,.75);border-radius:16px;box-shadow:0 0 0 6px #78beff1f,0 0 44px #4cc9f080,0 10px 26px #050c2873}.guess-grid i{border-radius:2.5px;background:#fff;box-shadow:inset 0 0 0 1px #96aad229;transition:background .25s}.guess-grid i.on{box-shadow:inset 0 0 0 1px #78282840,0 0 8px #ff5a5a59}.guess-opts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.guess-opts .btn{padding:9px 26px;border-radius:999px;color:#eaf3ff;font-size:15px;background:#ffffff21;border:1px solid rgba(170,210,255,.42)}.guess-opts .btn:hover{background:#ffffff38;border-color:#9fd4ff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #286ef066}.warm-zoom{padding:11px 30px;border-radius:999px;font-size:15.5px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#56d0f8,#3e8bff);color:#fff;text-shadow:0 1px 6px rgba(10,40,110,.4);box-shadow:0 6px 20px #408cff80,inset 0 0 0 1px #a0dcff59}.warm-zoom:hover{box-shadow:0 8px 26px #408cffad,inset 0 0 0 1px #a0dcff59}.warm-tip{font-size:14px;color:#bcd2f6;letter-spacing:.3px}.warm-tip.ok{color:var(--grn)}.story{display:flex;gap:18px;align-items:flex-start}.story .pic{flex:0 0 96px;display:grid;grid-template-columns:repeat(6,15px);grid-template-rows:repeat(6,15px);gap:2px}.story .pic i{background:#ffffff1f;border-radius:2px}.story .pic i.b{background:#8b9cf5;box-shadow:0 0 5px #8b9cf580}.story p{font-size:15px;color:#c6cdea}.story p b{color:var(--yel)}.l1-layout{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}@media(max-width:900px){.l1-layout{grid-template-columns:1fr}}.code-panel{overflow:auto;background:#0508196b;border-radius:14px;padding:14px;border:1px solid rgba(140,160,255,.14)}.code-grid-shell{display:flex;flex-direction:column;gap:4px;background:#8ca0ff40;padding:8px;border-radius:12px;width:max-content;margin:0 auto;box-shadow:0 0 24px #8b7cff29}.paint-wrap{display:flex;flex-direction:column;gap:4px;background:#8ca0ff40;padding:8px;border-radius:12px;width:max-content;box-shadow:0 0 24px #4cc9f029}.paint-grid.inner{background:none;padding:0;border-radius:0;box-shadow:none;width:auto}.axis-top{display:flex;gap:6px}.axis-corner{width:18px;height:16px;flex:none}.axis-cols{display:grid;gap:2px}.axis-cols i{width:var(--pcell);height:16px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10.5px;color:#b9c4f5;font-family:Consolas,monospace}.axis-body{display:flex;gap:6px}.axis-rail{display:grid;grid-auto-rows:var(--pcell);gap:2px}.axis-rail i{width:18px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10.5px;color:#b9c4f5;font-family:Consolas,monospace}.code-cells{display:grid;grid-auto-rows:var(--pcell);gap:2px}.code-cells i{width:var(--pcell);display:flex;align-items:center;justify-content:center;font-style:normal;font-family:Consolas,Menlo,monospace;font-size:14px;background:transparent;color:#7c86b2}.code-cells i.one{background:transparent;color:var(--cyan);font-weight:700;text-shadow:0 0 8px rgba(76,201,240,.75)}.paint-grid{display:grid;gap:2px;background:#8ca0ff40;padding:8px;border-radius:12px;width:max-content;touch-action:none;box-shadow:0 0 24px #4cc9f029}.pcell{background:#fff;border-radius:3px;width:var(--pcell);height:var(--pcell);transition:background .06s}.pcell.dark{background:#1b2138}.pcell.wrong{outline:2px solid var(--org);outline-offset:-1px}.paint-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}.paint-tip{font-size:13.5px;color:var(--mut);margin-top:8px}.l2-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:860px){.l2-layout{grid-template-columns:1fr}}.led-grid{display:grid;gap:6px;background:#11162e;padding:12px;border-radius:14px;width:max-content;border:1px solid rgba(140,160,255,.2)}.led{width:var(--led);height:var(--led);border-radius:50%;background:#232a4a;transition:all .1s}.led.on{background:#ffd43b;box-shadow:0 0 14px #ffd43bbf}.led-tag{font-size:12.5px;color:var(--mut);margin-bottom:8px;letter-spacing:.4px;font-weight:500}.bit-rows{display:flex;flex-direction:column;gap:8px}.bit-row{display:flex;align-items:center;gap:8px}.bit-row .rowlab{width:52px;font-size:13px;color:#8a93be}.bit{width:var(--bit);height:var(--bit);border-radius:10px;background:#ffffff12;border:1.5px solid rgba(140,160,255,.3);font-size:17px;font-weight:700;color:#8a93be;font-family:Consolas,monospace;transition:all .12s}.bit:hover{border-color:var(--cyan)}.bit.on{background:#1b2138;color:var(--yel);border-color:var(--yel);text-shadow:0 0 8px rgba(255,209,102,.6)}.bit.locked{cursor:not-allowed}.bit-row.locked .bit{background:#ffffff0a;color:#565f8a;cursor:not-allowed}.bit-row.locked .bit.on{background:#2a3155;color:#b9c4f5;border-color:#5a66a8;text-shadow:none}.designer-layout{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}@media(max-width:900px){.designer-layout{grid-template-columns:1fr}}.palette{display:grid;grid-template-columns:repeat(2,34px);gap:7px;justify-content:center;background:#0508194d;padding:10px;border-radius:14px;border:1px solid rgba(140,160,255,.14)}.swatch{width:34px;height:34px;border-radius:9px;border:2px solid rgba(140,160,255,.3);transition:transform .1s}.swatch.sel{border-color:#fff;transform:scale(1.14);box-shadow:0 0 10px #ffffff59}.design-grid{display:grid;gap:0;grid-auto-rows:var(--dcell);background:#fff;border:2px solid rgba(76,201,240,.45);border-radius:10px;overflow:hidden;width:max-content;touch-action:none;box-shadow:0 0 28px #4cc9f033}.design-grid.lines .dcell{outline:1px solid rgba(150,160,190,.4);outline-offset:-.5px}.dcell{background:#fff}.design-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.rgb-box{margin-top:14px;border-top:1px dashed rgba(140,160,255,.25);padding-top:12px}.rgb-box summary{cursor:pointer;font-size:14px;color:var(--cyan);font-weight:500}.rgb-row{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:13.5px;color:#c6cdea}.rgb-row label{width:70px}.rgb-row input[type=range]{flex:1;accent-color:var(--cyan)}.rgb-mix{width:54px;height:36px;border-radius:9px;border:1px solid rgba(140,160,255,.35)}.submit-row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.submit-row input{flex:1;min-width:180px;border:1.5px solid rgba(140,160,255,.28);border-radius:11px;padding:10px 13px;outline:none;background:#ffffff12;color:var(--ink)}.submit-row input::placeholder{color:var(--dim)}.submit-row input:focus{border-color:var(--cyan)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.art-card{background:#ffffff0e;border:1px solid rgba(140,160,255,.18);border-radius:14px;padding:11px;text-align:center;transition:all .15s}.art-card:hover{border-color:var(--cyan);box-shadow:0 5px 22px #4cc9f03d;transform:translateY(-2px)}.art-thumb{display:grid;gap:0;width:108px;height:108px;margin:0 auto 8px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.25);cursor:zoom-in;background:#fff}.art-thumb i{display:block}.art-title{font-size:14px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-author{font-size:12.5px;color:#8a93be;margin-bottom:6px}.like-btn{font-size:13px;color:var(--pink);background:#ff7bac24;border-radius:999px;padding:4px 14px}.like-btn:hover{background:#ff7bac47}.like-btn.mine{background:#ffffff12;color:#8a93be;cursor:default}.like-btn.liked{background:var(--pink);color:#0b1026;font-weight:600}.empty-tip{color:var(--dim);font-size:14px;text-align:center;padding:26px 0}.quiz-q{margin-bottom:18px}.quiz-list{display:grid;grid-template-columns:1fr;gap:0 20px}.quiz-q .q{font-size:15.5px;font-weight:500;color:#fff;margin-bottom:8px}.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}@media(max-width:640px){.opts{grid-template-columns:1fr}}.opt{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1.5px solid rgba(140,160,255,.22);border-radius:11px;cursor:pointer;font-size:14.5px;background:#ffffff0d;color:#c6cdea;transition:border-color .12s}.opt:hover{border-color:var(--cyan)}.opt input{accent-color:var(--cyan)}.quiz-result{display:flex;align-items:center;gap:14px;padding:14px;border-radius:13px;background:#4cc9f01a;border:1px solid rgba(76,201,240,.3);margin-bottom:16px}.quiz-result .score{font-size:30px;font-weight:700;color:var(--cyan);text-shadow:0 0 12px rgba(76,201,240,.5)}.selfcheck{display:flex;flex-direction:column;gap:8px;margin:10px 0}.selfcheck label{display:flex;gap:9px;align-items:center;font-size:14.5px;color:#c6cdea;cursor:pointer}.selfcheck input{accent-color:var(--grn);width:17px;height:17px}.medal{text-align:center;padding:24px 12px}.medal .m-icon{font-size:52px;line-height:1.2;color:var(--yel);text-shadow:0 0 22px rgba(255,209,102,.65)}.medal .m-name{font-size:21px;font-weight:700;color:#fff;margin:4px 0 2px}.medal .m-stars{color:var(--yel);font-size:17px;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px rgba(255,209,102,.5)}.medal .m-sub{font-size:13px;color:#8a93be}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.dash-grid>.card,.dash-grid>.stat-row{margin-bottom:0}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span12{grid-column:span 12}@media(max-width:1100px){.span5,.span6,.span7{grid-column:span 12}}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:12px}.stat-card{background:linear-gradient(180deg,#ffffff10,#ffffff09);border:1px solid var(--card-b);border-radius:14px;padding:14px 12px;text-align:center}.stat-card .num{font-size:26px;font-weight:800;color:#fff;line-height:1.2}.stat-card .num.blue{color:var(--cyan);text-shadow:0 0 10px rgba(76,201,240,.45)}.stat-card .num.orange{color:var(--yel);text-shadow:0 0 10px rgba(255,209,102,.45)}.stat-card .num.green{color:var(--grn);text-shadow:0 0 10px rgba(81,230,168,.45)}.stat-card .lab{font-size:12px;color:#8a93be;margin-top:3px}.stage-ctl{display:flex;gap:8px;flex-wrap:wrap}.stage-ctl .btn{flex:1;min-width:130px;flex-direction:column;gap:1px;padding:8px 10px}.stage-ctl .btn .st-name{font-size:14px}.stage-ctl .btn .st-count{font-size:11.5px;opacity:.78;font-weight:400;letter-spacing:.5px}.stage-ctl .btn.active{color:#081226;font-weight:700;border-color:transparent}.stage-ctl .btn.active .st-count{opacity:.85;font-weight:600}.stage-ctl .btn.active.s0{background:linear-gradient(135deg,#a89dff,#7f70ee);box-shadow:0 4px 18px #8b7cff8c}.stage-ctl .btn.active.s1{background:linear-gradient(135deg,#5ed2f6,#3bb8e8);box-shadow:0 4px 18px #4cc9f08c}.stage-ctl .btn.active.s2{background:linear-gradient(135deg,#ffdb7d,#f0b93f);box-shadow:0 4px 18px #ffd1668c}.stage-ctl .btn.active.s3{background:linear-gradient(135deg,#ff9cc0,#f06a9b);box-shadow:0 4px 18px #ff7bac8c}.stage-ctl .btn.active.s4{background:linear-gradient(135deg,#7aebb9,#43d18f);box-shadow:0 4px 18px #51e6a88c}.stage-ctl .btn.active.s5{background:linear-gradient(135deg,#ffb877,#f08a3c);box-shadow:0 4px 18px #ff9f5a8c}.qbar{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:13.5px}.qbar .ql{width:148px;color:#c6cdea;flex:0 0 auto}.qbar .track{flex:1;height:14px;background:#ffffff14;border-radius:7px;overflow:hidden}.qbar .fill{height:100%;background:linear-gradient(90deg,#3bb8e8,#5ed2f6);border-radius:7px;transition:width .3s;box-shadow:0 0 8px #4cc9f080}.qbar .qv{width:88px;text-align:right;color:#8a93be;flex:0 0 auto}.stu-scroll{max-height:240px;overflow-y:auto;border-radius:10px}@media(max-height:940px){.stu-scroll{max-height:100px}}@media(max-height:800px){.stu-scroll{max-height:70px}}.stu-table{width:100%;border-collapse:collapse;font-size:13.5px}.stu-table th{background:#232b56;color:#b9c4f5;font-weight:500;padding:7px 6px;border-bottom:1px solid rgba(140,160,255,.2);white-space:nowrap;position:sticky;top:0;z-index:1}.stu-table td{padding:6px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center;color:#c6cdea}.stu-table td.nm{text-align:left;font-weight:500;color:#fff;white-space:nowrap}.stu-table .ok{color:var(--grn);font-weight:700}.stu-table .no{color:#565f8a}.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3a4166;margin-right:4px}.online-dot.on{background:var(--grn);box-shadow:0 0 6px #51e6a8b3}.notes-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow-y:auto}.note-item{background:#ffffff0e;border:1px solid rgba(140,160,255,.12);border-radius:11px;padding:9px 13px;font-size:13.5px;color:#c6cdea}.url-box{display:flex;align-items:center;gap:8px;background:#4cc9f017;border:1px solid rgba(76,201,240,.28);border-radius:11px;padding:9px 13px;font-size:14px;color:var(--cyan);font-weight:500;word-break:break-all}.seg{display:inline-flex;align-items:center;gap:3px;background:#ffffff0f;border:1px solid rgba(140,160,255,.22);border-radius:999px;padding:3px;margin-left:auto}.seg-label{font-size:12px;color:#8a93be;padding:0 4px 0 9px;white-space:nowrap}.seg-btn{font-size:12.5px;color:#a9b2d8;padding:4px 12px;border-radius:999px;transition:all .12s;white-space:nowrap}.seg-btn:hover{color:var(--cyan)}.seg-btn.on{background:var(--cyan);color:#0b1026;font-weight:700;box-shadow:0 0 10px #4cc9f066}.carousel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:3vh 24px;background:radial-gradient(circle at 50% 0%,rgba(76,201,240,.1),transparent 55%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#060918;background-size:auto,44px 44px,44px 44px,auto}.c-head{text-align:center}.c-title{color:#fff;font-size:24px;font-weight:800;letter-spacing:2px;text-shadow:0 0 18px rgba(76,201,240,.6)}.c-page{color:#8a93be;font-size:13px;margin-top:4px;letter-spacing:1px}.c-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;width:100%;min-height:0}.c-body>.art-thumb{border:2px solid rgba(76,201,240,.45);box-shadow:0 0 44px #4cc9f04d;cursor:default}.c-btitle{color:#fff;font-size:21px;font-weight:700}.c-bauthor{color:#b9c0d8;font-size:15px}.c-grid{display:grid;gap:20px 26px;justify-content:center;align-content:center}.c-grid.pp4{grid-template-columns:repeat(2,auto)}.c-grid.pp6,.c-grid.pp9{grid-template-columns:repeat(3,auto)}.c-cell{text-align:center}.c-cell .art-thumb{margin:0 auto 7px;cursor:default;border:2px solid rgba(76,201,240,.38);box-shadow:0 0 26px #4cc9f038}.c-cell .ct{color:#fff;font-size:14.5px;font-weight:600}.c-cell .ca{color:#8a93be;font-size:12.5px}.c-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.c-nav{font-size:13.5px;color:#c6cdea;background:#ffffff12;border:1px solid rgba(140,160,255,.3);border-radius:999px;padding:7px 18px;transition:all .12s}.c-nav:hover{border-color:var(--cyan);color:var(--cyan)}.c-hint{color:#565f8a;font-size:12.5px;margin-left:8px}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:4vh 28px;background:radial-gradient(circle at 20% 10%,rgba(139,124,255,.14),transparent 50%),radial-gradient(circle at 85% 90%,rgba(76,201,240,.1),transparent 50%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#070a1c;background-size:auto,auto,44px 44px,44px 44px,auto}.story-panel{display:flex;gap:38px;align-items:center;max-width:1060px;width:100%;background:#ffffff0d;border:1px solid rgba(140,160,255,.24);border-radius:24px;padding:38px 42px;box-shadow:0 14px 60px #030512b3,0 0 60px #8b7cff1f}.story-left{flex:0 0 auto;text-align:center}.story-img{width:min(330px,32vw);border-radius:16px;display:block;border:2px solid rgba(139,124,255,.5);box-shadow:0 0 36px #8b7cff52;background:#fff}.story-cap{margin-top:12px;font-size:12.5px;color:#8a93be;letter-spacing:.4px;max-width:320px}.story-right{flex:1;min-width:0}.story-kicker{font-size:12px;letter-spacing:3px;color:var(--pur);font-weight:700;margin-bottom:6px}.story-title{font-size:30px;font-weight:800;color:#fff;letter-spacing:1px;margin-bottom:16px;text-shadow:0 0 24px rgba(139,124,255,.5)}.story-facts{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.story-fact{display:flex;gap:12px;font-size:15px;line-height:1.7;color:#c6cdea}.story-fact b{flex:0 0 58px;text-align:center;align-self:flex-start;font-size:12.5px;color:var(--cyan);background:#4cc9f021;border:1px solid rgba(76,201,240,.35);border-radius:999px;padding:3px 0;font-weight:600}.story-script{background:#ffd16614;border:1px dashed rgba(255,209,102,.45);border-radius:14px;padding:13px 16px}.story-script .ss-tag{font-size:12px;color:var(--yel);font-weight:700;letter-spacing:1px;margin-bottom:5px}.story-script p{font-size:13.5px;color:#e8ddb8;line-height:1.7}.story-hint{color:#565f8a;font-size:12.5px}.music-row{display:flex;align-items:center;gap:14px;margin:6px 0 14px}.music-now{font-size:13.5px;color:var(--mut)}.music-seg{margin:0 0 14px;flex-wrap:wrap;border-radius:14px}.music-vol{font-size:13px;color:var(--cyan);width:44px;text-align:right}@media(max-width:860px){.story-panel{flex-direction:column;gap:20px;padding:22px}.story-title{font-size:24px}}.intro-wrap{max-width:1000px;margin:3.5vh auto 0}.story-panel.inpage{margin-bottom:18px}.intro-wait{text-align:center;font-size:15px;font-weight:600;letter-spacing:1px;color:var(--yel);text-shadow:0 0 12px rgba(255,209,102,.5);animation:waitpulse 2s ease-in-out infinite}@keyframes waitpulse{0%,to{opacity:1}50%{opacity:.45}}.cover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 34%,rgba(61,139,255,.22),transparent 56%),radial-gradient(circle at 10% 16%,rgba(255,209,102,.09),transparent 34%),radial-gradient(circle at 90% 20%,rgba(62,200,240,.12),transparent 38%),linear-gradient(rgba(255,255,255,.033) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.033) 1px,transparent 1px),linear-gradient(180deg,#0a1030,#0c1740 52%,#10246a);background-size:auto,auto,auto,46px 46px,46px 46px,auto}@keyframes coverin{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}@keyframes coverfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.cv-waves{position:absolute;left:0;right:0;bottom:0;height:clamp(110px,23vh,225px);pointer-events:none;z-index:0}.cv-waves svg{width:100%;height:100%;display:block}.cv-spark{position:absolute;pointer-events:none;z-index:1;opacity:.85;border-radius:2px;background:linear-gradient(currentColor,currentColor) center/100% 12.5% no-repeat,linear-gradient(currentColor,currentColor) center/12.5% 100% no-repeat;filter:drop-shadow(0 0 6px currentColor);animation:sparktw 2.8s ease-in-out infinite}@keyframes sparktw{0%,to{opacity:.22;transform:scale(.68) rotate(0)}50%{opacity:1;transform:scale(1.05) rotate(45deg)}}.cv-dust{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.cv-dust.cv-dust-front{z-index:4}.cv-p{position:absolute;bottom:-40px;left:0;line-height:1;font-family:Consolas,Courier New,ui-monospace,monospace;font-weight:700;color:var(--pc, #4CC9F0);text-shadow:0 0 10px var(--pc, #4CC9F0);will-change:transform,opacity;animation:cvfloat var(--d, 15s) linear var(--dl, 0s) infinite}.cv-p.block{width:var(--sz, 8px);height:var(--sz, 8px);border-radius:1px;text-indent:-999em;background:var(--pc, #4CC9F0);box-shadow:0 0 8px var(--pc, #4CC9F0)}.cv-dust-front .cv-p{filter:blur(1.6px)}@keyframes cvfloat{0%{transform:translateZ(0) rotate(0);opacity:0}8%{opacity:var(--o, .38)}45%{transform:translate3d(calc(var(--x, 0px) * .55),calc(-48vh - 30px),0) rotate(calc(var(--r, 180deg) * .45))}92%{opacity:var(--o, .38)}to{transform:translate3d(var(--x, 0px),calc(-104vh - 60px),0) rotate(var(--r, 180deg));opacity:0}}.cover-box{position:relative;z-index:3;text-align:center;padding:18px 20px;animation:coverin .8s cubic-bezier(.2,.9,.25,1) both}.cv-badge{display:inline-flex;align-items:center;font-size:clamp(12px,1.15vw,15px);font-weight:800;letter-spacing:.34em;text-indent:.34em;color:#ffd166;padding:.52em 1.35em;border-radius:999px;margin-bottom:clamp(14px,2.2vh,26px);border:1px solid rgba(255,209,102,.45);background:#ffd16614;box-shadow:0 0 18px #ffd16626}.cover-title{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.5vh,8px);font-weight:900;line-height:1.04;margin:0 0 clamp(14px,2.6vh,26px)}.cover-title .t{position:relative;font-size:clamp(54px,8.4vw,124px);letter-spacing:.08em;margin-right:-.08em;white-space:nowrap}.cover-title .t-blue{color:#4d9bff;text-shadow:-.045em 0 0 #FFF,.045em 0 0 #FFF,0 -.045em 0 #FFF,0 .045em 0 #FFF,-.033em -.033em 0 #FFF,.033em -.033em 0 #FFF,-.033em .033em 0 #FFF,.033em .033em 0 #FFF,0 .068em 0 #1A4FC2,0 .135em 0 #122E78,0 .22em .18em rgba(3,10,38,.55)}.cover-title .t-yel{color:#ffc531;text-shadow:-.045em 0 0 #FFF,.045em 0 0 #FFF,0 -.045em 0 #FFF,0 .045em 0 #FFF,-.033em -.033em 0 #FFF,.033em -.033em 0 #FFF,-.033em .033em 0 #FFF,.033em .033em 0 #FFF,0 .068em 0 #C97B00,0 .135em 0 #7A4A00,0 .22em .18em rgba(3,10,38,.55)}.cv-cursor{width:.4em;height:.4em;margin-left:.08em;vertical-align:.42em;transform:rotate(-8deg);filter:drop-shadow(0 .05em .04em rgba(11,22,64,.5))}.cv-sub{position:relative;display:inline-flex;align-items:center;background:linear-gradient(180deg,#5b9bff,#2e6bff 52%,#1d4fd8);color:#fff;font-weight:800;font-size:clamp(15px,1.6vw,22px);letter-spacing:.14em;text-indent:.14em;padding:.55em 1.7em;border-radius:999px;margin:0 0 clamp(18px,3.2vh,30px);border:1px solid rgba(255,255,255,.38);text-shadow:0 2px 5px rgba(9,20,60,.4);box-shadow:0 .28em #09143c80,0 1em 2.2em #1e4fc280,inset 0 1px #ffffff80,inset 0 -.35em .6em #09143c47}.cv-sub:before,.cv-sub:after{content:"";position:absolute;top:-.12em;width:.3em;height:.3em;border-radius:1px;background:#7fe3ff;box-shadow:.1em .34em 0 -.03em #4cc9f0,-.14em .64em 0 -.07em #bfe7ff,.16em .92em 0 -.1em #fff;filter:drop-shadow(0 0 5px rgba(79,201,240,.75))}.cv-sub:before{left:-.55em}.cv-sub:after{right:-.55em;transform:scaleX(-1)}.cv-pills{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,22px);flex-wrap:wrap}.cv-pill{display:inline-flex;align-items:center;gap:12px;padding:8px clamp(16px,1.8vw,26px) 8px 9px;border-radius:999px;background:linear-gradient(180deg,#78a0ff29,#3c64dc1f);border:1px solid rgba(150,185,255,.4);box-shadow:0 10px 26px #030a2673,inset 0 1px #ffffff24;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cv-pill .ic{width:clamp(30px,2.6vw,38px);height:clamp(30px,2.6vw,38px);border-radius:50%;flex:none;background:linear-gradient(160deg,#4d9bff,#1e4fc2);display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff47,0 4px 10px #1e4fc280}.cv-pill .ic svg{width:56%;height:56%}.cv-pill .tx{font-size:clamp(15px,1.5vw,20px);font-weight:700;color:#fff;letter-spacing:.05em;white-space:nowrap}.cv-pill .tx .lab{color:#9fc4ff;font-size:.8em;margin-right:.55em}.cv-deco{position:absolute;pointer-events:none;z-index:2}.cv-deco-left{left:clamp(16px,4vw,84px);top:13%;display:flex;flex-direction:column;align-items:center;gap:5px}.cv-photo{background:#fff;padding:clamp(6px,.55vw,9px);border-radius:clamp(10px,1vw,16px);transform:rotate(-6deg);box-shadow:0 14px 34px #030a2680}.cv-photo svg{display:block;width:clamp(118px,12.5vw,190px);height:auto;border-radius:6px}.cv-arrowmark{width:clamp(20px,1.9vw,28px);filter:drop-shadow(0 0 8px rgba(76,201,240,.85));animation:coverarrow 1.6s ease-in-out infinite}.cv-arrowmark svg{display:block;width:100%}@keyframes coverarrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.cv-code{background:#071230e0;border:1.5px solid rgba(76,201,240,.6);border-radius:clamp(8px,.9vw,14px);padding:clamp(8px,.8vw,12px) clamp(10px,1vw,16px);font-family:Consolas,Courier New,monospace;color:#5fe0ff;font-weight:700;font-size:clamp(11px,1vw,15px);letter-spacing:.14em;line-height:1.75;text-shadow:0 0 10px rgba(76,201,240,.7);box-shadow:0 0 22px #4cc9f047,inset 0 0 16px #4cc9f01a;transform:rotate(-2deg);white-space:nowrap}.cv-code-cap{margin-top:7px;font-size:clamp(11px,1vw,14px);color:#9db7e8;letter-spacing:.1em;transform:rotate(-2deg)}.cv-deco-right{right:clamp(18px,4.5vw,96px);top:13%;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(10px,1.6vh,20px)}.cv-photo-tilt{transform:rotate(7deg)}.cv-photo-tilt svg{width:clamp(88px,9vw,140px)}.cv-globe{margin-right:clamp(10px,3vw,60px);animation:coverfloat 6s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(30,79,194,.55))}.cv-globe svg{width:clamp(78px,8.5vw,132px);height:auto;display:block}.cv-mascot{position:absolute;right:clamp(12px,3.2vw,70px);bottom:clamp(8px,3.5vh,40px);z-index:2;pointer-events:none;animation:coverfloat 4.5s ease-in-out infinite}.cv-mascot svg{display:block;width:clamp(140px,14.5vw,225px);height:auto;filter:drop-shadow(0 12px 26px rgba(3,10,38,.55))}.cover-wait{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:clamp(20px,3.6vh,36px)}.cover-wait i{width:9px;height:9px;border-radius:2px;background:#ffd166;box-shadow:0 0 10px #ffd166b3;animation:waitpx 1.25s ease-in-out infinite}.cover-wait i:nth-child(2){animation-delay:.16s}.cover-wait i:nth-child(3){animation-delay:.32s}@keyframes waitpx{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.cover-wait .wt{margin-left:8px;color:#ffd166;font-size:clamp(15px,1.6vw,18px);letter-spacing:3px;text-shadow:0 0 14px rgba(255,209,102,.45)}.cover-exit{color:#6b76a3;font-size:13px;letter-spacing:2px}@media(max-width:1100px),(max-height:700px){.cv-deco,.cv-mascot{display:none}}@media(max-width:760px){.cover-title .t{font-size:clamp(42px,12.5vw,68px)}.cv-pill .tx{white-space:normal;text-align:left}.cv-sub{letter-spacing:.06em;text-indent:.06em}}@media(prefers-reduced-motion:reduce){.cover-box,.cv-spark,.cv-globe,.cv-mascot,.cv-arrowmark,.cover-wait i{animation:none!important}.cv-p{animation:none!important;opacity:var(--o, .35);transform:translate3d(var(--x, 0px),var(--fy, -46vh),0) rotate(45deg)}}.stage-ctl .btn.spre{border-style:dashed}.bb-card .bb-board{margin-top:10px;border-radius:14px;padding:22px 26px;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.06),transparent 60%),linear-gradient(160deg,#2e5a46,#22463a 70%,#1d3d33);border:6px solid #8D6E63;box-shadow:inset 0 0 40px #00000059,0 6px 20px #05081973;font-family:Kaiti SC,STKaiti,KaiTi,楷体,serif}.bb-title{text-align:center;font-size:26px;font-weight:700;color:#fff8dc;letter-spacing:8px;padding-bottom:12px;margin-bottom:14px;border-bottom:2px dashed rgba(255,248,220,.4);text-shadow:0 1px 2px rgba(0,0,0,.4)}.bb-line{display:flex;gap:14px;align-items:baseline;padding:7px 0;color:#f5f2e4;font-size:17px;letter-spacing:1px}.bb-line b{flex:none;min-width:58px;text-align:center;color:#ffe9a8;font-size:16.5px;border:1.5px solid rgba(255,233,168,.55);border-radius:8px;padding:2px 8px}.bb-line span{flex:1}.hw-card .hw-item{display:flex;gap:12px;align-items:flex-start;padding:12px 2px}.hw-card .hw-item+.hw-item{border-top:1px dashed rgba(140,160,255,.25)}.hw-badge{flex:none;font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:1px;margin-top:1px}.hw-badge.must{background:#51e6a829;color:var(--grn);border:1px solid rgba(81,230,168,.45)}.hw-badge.opt{background:#ffd16624;color:var(--yel);border:1px solid rgba(255,209,102,.45)}.hw-text{flex:1;font-size:15px;line-height:1.7;color:var(--ink)}#toastWrap{position:fixed;top:66px;right:18px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{background:#141a3cf7;color:var(--ink);border:1px solid rgba(140,160,255,.3);padding:11px 18px;border-radius:12px;font-size:14px;box-shadow:0 6px 22px #05081999;animation:slidein .25s;max-width:320px}.toast.ok{border-color:#51e6a880;color:var(--grn)}.toast.warn{border-color:#ff9f5a8c;color:var(--org)}.toast.stage{border-color:#4cc9f099;color:var(--cyan);font-size:15px;box-shadow:0 0 20px #4cc9f04d}@keyframes slidein{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}#modalWrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#070a1cb8;z-index:250;display:none;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#modalWrap.show{display:flex}.modal{background:#151b3d;border:1px solid rgba(140,160,255,.25);border-radius:18px;padding:22px;max-width:620px;width:100%;max-height:88vh;overflow:auto;position:relative;box-shadow:0 10px 44px #050819b3}.modal h3{font-size:18px;color:#fff;margin-bottom:12px}.modal .close-x{position:absolute;top:12px;right:14px;font-size:20px;color:#8a93be;line-height:1}.modal .close-x:hover{color:#fff}.footnote{text-align:center;color:#565f8a;font-size:12px;padding:14px 0 10px;letter-spacing:.3px}.confetti-piece{position:fixed;top:-14px;width:10px;height:14px;z-index:400;border-radius:2px;animation:cfall .95s ease-in forwards;pointer-events:none}@keyframes cfall{to{transform:translateY(106vh) rotate(660deg);opacity:.9}}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.jl{position:relative;max-width:1180px;margin:0 auto;padding:1vh 16px 110px}.jl-cube{position:absolute;border-radius:2px;opacity:.5;animation:jlfloat ease-in-out infinite;pointer-events:none}@keyframes jlfloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(22deg)}}.jl-deco{position:absolute;pointer-events:none}.jl-left{left:-6px;top:70px;width:260px}.jl-frame{border-radius:10px;padding:5px;background:linear-gradient(160deg,#fff,#cfe4ff);box-shadow:0 10px 30px #040a228c;display:inline-block}.jl-frame svg{display:block;border-radius:6px}.jl-frame-back{position:absolute;left:118px;top:-34px;transform:rotate(8deg);opacity:.92}.jl-left>.jl-frame{transform:rotate(-6deg)}.jl-arrow{margin:6px 0 0 62px;width:52px}.jl-binary{margin-top:2px;display:inline-flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:14px;background:#091a48b8;border:1.5px solid rgba(95,224,255,.42);box-shadow:0 0 26px #4cc9f033;font-family:Consolas,monospace;font-size:15px;letter-spacing:2.5px;color:#7fd4ff}.jl-right{right:-8px;top:46px;width:230px;text-align:right}.jl-globe{display:inline-block;filter:drop-shadow(0 6px 18px rgba(61,139,255,.45));margin-right:118px}.jl-boy{margin-top:96px;display:inline-block;filter:drop-shadow(0 14px 30px rgba(4,10,34,.6))}.jl-center{position:relative;z-index:2;max-width:470px;margin:0 auto;text-align:center}.jl-mosaic{position:relative;display:grid;grid-template-columns:repeat(13,15px);grid-template-rows:repeat(7,15px);gap:3px;justify-content:center;margin-bottom:6px}.jl-mosaic i{border-radius:3px;box-shadow:0 0 8px #78beff47}.jl-spark{position:absolute;width:30px;height:30px;top:50%;transform:translateY(-50%);filter:drop-shadow(0 0 8px rgba(255,209,102,.6))}.jl-spark-l{left:-46px}.jl-spark-r{right:-46px}.jl-title{font-size:56px;font-weight:900;letter-spacing:7px;line-height:1.15;margin-bottom:14px;background:linear-gradient(180deg,#fff 18%,#fff3c4 62%,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 16px rgba(255,209,102,.35))}.jl-pill{display:inline-block;padding:8px 22px;border-radius:999px;margin-bottom:26px;background:#6eb4ff29;border:1px solid rgba(140,200,255,.45);color:#d6ebff;font-size:13.5px;letter-spacing:.5px}.jl-card{padding:24px 24px 16px;border-radius:20px;text-align:left;background:linear-gradient(180deg,#183476b8,#0c1b48db);border:1.5px solid rgba(120,195,255,.38);box-shadow:0 0 0 1px #78c3ff14,0 16px 46px #040a2299,0 0 52px #4cc9f029;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.jl-card .field label{color:#b9c6e8}.jl-in{position:relative}.jl-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8fd2ff;opacity:.85}.jl-ic svg{width:18px;height:18px;display:block}.jl-in input{width:100%;padding-left:40px;border-radius:12px}.jl-in input.jl-locked{background:#4cc9f01a;border-color:#78c3ff80;color:#7fd4ff;cursor:not-allowed;font-weight:700;letter-spacing:1px}.jl-go{width:100%;margin-top:6px;padding:14px 20px;border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#c9edff,#8fd2ff);color:#0b3b8c;font-size:18px;font-weight:800;letter-spacing:3px;box-shadow:0 8px 26px #78c3ff66,inset 0 -2px #0b3b8c2e;transition:transform .12s,box-shadow .15s}.jl-go:hover{transform:translateY(-2px);box-shadow:0 12px 32px #78c3ff8c}.jl-go:active{transform:translateY(0)}.jl-go-ic{width:21px;height:21px;display:inline-flex}.jl-go-ic svg{width:21px;height:21px}.jl-wave{position:absolute;left:50%;transform:translate(-50%);bottom:-6px;width:100vw;height:96px;pointer-events:none;z-index:1}.jl-wave svg{width:100%;height:100%;display:block}@media(max-width:1150px){.jl-deco,.jl-cube{display:none}.jl-title{font-size:44px;letter-spacing:5px}}@media(max-width:520px){.jl{padding-bottom:110px}.jl-title{font-size:34px;letter-spacing:3px}.jl-pill{font-size:12px;padding:7px 14px}.jl-mosaic{grid-template-columns:repeat(13,10px);grid-template-rows:repeat(7,10px)}.jl-spark{display:none}}@media(max-height:820px)and (min-width:521px){.jl{padding-bottom:84px}.jl-wave{height:72px}.jl-mosaic{grid-template-columns:repeat(13,12px);grid-template-rows:repeat(7,12px)}.jl-title{font-size:48px;letter-spacing:6px;margin-bottom:10px}.jl-pill{margin-bottom:18px}.jl-card{padding:18px 20px 14px}.jl-go{padding:12px 20px}}@media(max-width:1400px),(max-height:940px){:root{--pcell: 22px;--dcell: 25px;--led: 30px;--bit: 36px}}@media(max-width:1400px),(max-height:1100px){.card{padding:16px;margin-bottom:12px}.stage-hero{padding:14px 18px;margin-bottom:12px}.dash-grid{gap:12px}.dash-grid>.card,.dash-grid>.stat-row{margin-bottom:0}.stat-card{padding:10px 12px}main{padding-top:14px}}@media(max-height:800px){.card{padding:12px 14px}.dash-grid{gap:10px}.card h2{margin-bottom:6px;font-size:16px}.hint{margin-bottom:6px}.stat-card{padding:8px 10px}.stage-ctl .btn{min-width:88px;padding:6px 8px}.dash-grid{gap:8px}main{padding-bottom:10px}}@media(max-height:940px){:root{--pcell: 19px;--dcell: 22px;--led: 26px;--bit: 32px}.stage-hero{padding:6px 14px;margin-bottom:10px}.hero-icon{width:46px;height:46px}.hero-title{font-size:19px}.hero-goal{font-size:12.5px;margin-top:2px}.empty-tip{padding:12px 0}main>*:last-child{margin-bottom:0}.quiz-list{grid-template-columns:1fr 1fr}.quiz-q{margin-bottom:12px}.medal{padding:16px 12px}}@media(max-height:800px){:root{--pcell: 16px;--dcell: 18px;--led: 22px;--bit: 28px}.card{padding:8px 10px}.card h2{margin-bottom:4px;font-size:15.5px}.stage-hero{padding:4px 12px;margin-bottom:8px}.empty-tip{padding:8px 0}.hero-txt{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hero-kicker{margin-bottom:0}.hero-goal{margin-top:0;flex-basis:100%;font-size:12px}}@media(max-height:760px){:root{--pcell: 14px;--dcell: 16px;--led: 19px;--bit: 26px}.stage-hero{padding:3px 12px;margin-bottom:6px}.hero-goal{font-size:11.5px}.card{padding:6px 10px}.footnote{padding:8px 0}}