html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{overflow-x:hidden}#root{display:block}:root{--orange:#ff9f3f;--orange-dark:#f06f18;--line:#e4e8f5;--muted:#71809a;--bg:#f5f8ff;--blue:#5c8df6;--green:#48c99a;--cyan:#6fd7ff;--ink:#17233d;--panel:#fff;--panel-soft:#fbfcff;--tech-dark:#384a83;--tech-mid:#6d8ff5;--glow-blue:#5c8df633;--glow-cyan:#6fd7ff33;--lavender:#8f7cf8;--cream:#fff8e8;color:var(--ink);background:var(--bg);font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}html,body,#root{max-width:100%;overflow-x:hidden}html body .student-login-page{width:100vw;max-width:100vw;overflow-x:hidden}html body .student-login-page .login-top-nav{box-sizing:border-box;width:100vw;max-width:100vw;left:0;right:0;overflow:hidden}html body .student-login-page .site-logo{flex:0 0 360px;width:360px;min-width:360px}html body .student-login-page .site-logo img{width:340px}html body .student-login-page .login-top-nav nav{flex:auto;min-width:0}html body .student-login-page .login-top-nav a{padding-left:14px;padding-right:14px;font-size:16px}html body .student-login-page .login-nav-auth-btn{flex:none;min-width:104px;margin-left:12px;padding-left:14px;padding-right:14px}html body .student-login-page .hetao-home,html body .student-login-page .hetao-section,html body .student-login-page .hetao-hero-screen{box-sizing:border-box;width:100vw;max-width:100vw;overflow-x:hidden}html body .student-login-page .hetao-hero-screen{min-height:900px;padding-left:max(72px,7vw);padding-right:max(72px,7vw);display:block;position:relative}html body .student-login-page .hetao-hero-screen:before{max-width:58vw;right:-30px}html body .student-login-page .hetao-hero-copy{margin-left:0}html body .student-login-page .particleify-computer-stage{width:auto;max-width:69vw;left:31vw;right:0}html body .student-login-page .particle-computer-stage{z-index:4;isolation:isolate;perspective:1000px;background:radial-gradient(circle at 24% 18%,#fffffff0,#0000 17%),radial-gradient(circle at 74% 78%,#ffb82f59,#0000 20%),linear-gradient(135deg,#388cff1a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(135deg,#f7fbff 0%,#eaf4ff 48%,#fff 100%);border-radius:58px;min-height:600px;position:relative;overflow:hidden;box-shadow:0 38px 86px #2f70be2e}html body .student-login-page .hetao-hero-copy{z-index:8;width:min(700px,43vw);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#ffffffb8,#fff0);border-left:6px solid #ff782c;border-radius:0;margin-top:40px;margin-left:-74px;padding:22px 0 22px 22px;position:relative}html body .student-login-page .particleify-computer-stage{z-index:2;min-height:auto;box-shadow:none;perspective:none;background:radial-gradient(circle at 68% 42%,#53b7ff3d,#0000 24%),radial-gradient(circle at 76% 72%,#ff782c3d,#0000 22%),linear-gradient(135deg,#2f7dc00f 1px,#0000 1px) 0 0/54px 54px,linear-gradient(135deg,#f8fbff 0%,#edf5ff 52%,#fff 100%);border-radius:0;position:absolute;inset:80px 0 0 30vw;overflow:hidden}html body .student-login-page .particleify-canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}html body .student-login-page .particleify-glass{z-index:1;filter:blur(.2px);background:radial-gradient(circle at 28% 24%,#ffffffeb,#0000 16%),linear-gradient(135deg,#53b7ff24,#ff782c1a);border-radius:56px;width:min(720px,48vw);height:min(520px,56vh);position:absolute;top:11vh;right:7vw;transform:rotate(-8deg)}html body .student-login-page .particle-caption{z-index:7;bottom:78px;left:auto;right:9vw;transform:none}html body .student-login-page .particle-computer-stage,html body .student-login-page .logo-character-stage,html body .student-login-page .hetao-binary-lab{display:none!important}html body .student-login-page .particle-computer-stage:before{content:"";z-index:0;background:radial-gradient(#2f7dc029,#0000 68%);border-radius:50%;width:580px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%)rotateX(68deg)}html body .student-login-page .particle-title{z-index:4;color:#2f7dc0;letter-spacing:.16em;font-size:13px;font-weight:950;position:absolute;top:30px;left:34px}html body .student-login-page .particle-computer{z-index:3;width:min(78%,560px);height:390px;transform-style:preserve-3d;transition:transform .45s;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)rotateX(58deg)rotate(-15deg)}html body .student-login-page .particle-computer-stage:hover .particle-computer{transform:translate(-50%,-48%)rotateX(58deg)rotate(-9deg)scale(1.03)}html body .student-login-page .particle-screen-frame{background:linear-gradient(135deg,#ffffff6b,#2f7dc014),#ffffff42;border:6px solid #2f7dc057;border-radius:24px;width:80%;height:54%;position:absolute;top:0;left:10%;box-shadow:inset 0 0 40px #2f7dc01f,0 22px 42px #2f7dc01f}html body .student-login-page .particle-keyboard{background:linear-gradient(135deg,#ffffffe0,#e8f4ffbd);border-radius:28px;width:92%;height:38%;position:absolute;bottom:0;left:4%;box-shadow:0 24px 50px #2f7dc024}html body .student-login-page .particle-trackpad{background:#2f7dc01f;border:1px solid #2f7dc033;border-radius:14px;width:20%;height:38px;position:absolute;bottom:34px;left:40%}html body .student-login-page .code-particle{left:calc(7% + var(--x));top:calc(6% + var(--y));z-index:4;color:#2f7dc0;min-width:34px;min-height:24px;animation:3.6s ease-in-out infinite codeParticleFloat;animation-delay:var(--delay);background:#ffffffc2;border:1px solid #2f7dc02e;border-radius:999px;place-items:center;padding:3px 7px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;font-style:normal;font-weight:950;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,background .35s;display:inline-grid;position:absolute;box-shadow:0 10px 20px #2f7dc01c}html body .student-login-page .code-particle:nth-child(3n){color:#ff782c;border-color:#ff782c38}html body .student-login-page .code-particle:nth-child(4n){color:#6a4a00;background:#ffd133b8}html body .student-login-page .particle-computer-stage:hover .code-particle{transform:translate3d(var(--dx), var(--dy), 80px) rotate(14deg) scale(1.08);opacity:.82}html body .student-login-page .particle-orbit{z-index:2;border:2px solid #2f7dc029;border-radius:50%;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)}html body .student-login-page .orbit-a{width:620px;height:620px;animation:10s linear infinite particleOrbit}html body .student-login-page .orbit-b{border-color:#ff782c2e;width:440px;height:440px;animation:8s linear infinite reverse particleOrbit}html body .student-login-page .particle-caption{z-index:5;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-radius:22px;min-width:300px;padding:14px 18px;position:absolute;bottom:42px;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #2f7dc01f}html body .student-login-page .particle-caption b{color:#2f7dc0;font-size:18px;display:block}html body .student-login-page .particle-caption span{color:#52657d;margin-top:4px;font-size:13px;font-weight:800;display:block}@keyframes codeParticleFloat{0%,to{translate:0}50%{translate:0 -8px}}@keyframes particleOrbit{to{transform:translate(-50%,-50%)rotateX(68deg)rotate(360deg)}}html body .student-login-page .logo-character-stage{z-index:4;isolation:isolate;background:radial-gradient(circle at 28% 18%,#fffffff0,#0000 17%),radial-gradient(circle at 78% 28%,#48aaff38,#0000 19%),radial-gradient(circle at 74% 76%,#ffbc3a6b,#0000 18%),linear-gradient(135deg,#f7fbff 0%,#eaf4ff 45%,#fff 100%);border-radius:58px;min-height:600px;position:relative;overflow:hidden;box-shadow:0 38px 86px #2f70be2e}html body .student-login-page .logo-character-stage:before{content:"";z-index:0;background:linear-gradient(135deg,#4482c814 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 50% 55%,#327ec21f,#0000 28%);position:absolute;inset:0}html body .student-login-page .logo-character-stage:after{content:"";z-index:1;filter:blur(2px);background:radial-gradient(#2f7dbe38,#0000 68%);border-radius:50%;height:74px;position:absolute;bottom:58px;left:14%;right:10%}html body .student-login-page .logo-robot-3d{z-index:5;width:300px;height:420px;animation:4.8s ease-in-out infinite robotFloat3d;position:absolute;top:92px;left:50%;transform:translate(-50%)}html body .student-login-page .logo-robot-head{background:radial-gradient(circle at 34% 38%,#ffffffe6,#0000 13%),linear-gradient(145deg,#3c86c9 0%,#2c78bb 60%,#1f5f9e 100%);border-radius:56px;width:210px;height:178px;position:absolute;top:38px;left:50%;transform:translate(-50%);box-shadow:inset -16px -18px #144c8733,inset 12px 14px #ffffff29,0 26px 52px #2d6eb242}html body .student-login-page .logo-robot-head:before,html body .student-login-page .logo-robot-head:after{content:"";background:#fff;border-radius:50%;width:44px;height:44px;position:absolute;top:72px;box-shadow:inset -8px -8px #dcebffcc}html body .student-login-page .logo-robot-head:before{left:48px}html body .student-login-page .logo-robot-head:after{right:48px}html body .student-login-page .logo-robot-face{z-index:6;background:#103a66;border-radius:999px;justify-content:center;align-items:center;gap:28px;width:128px;height:46px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 18px #3dd2ff47}html body .student-login-page .logo-robot-face b{background:#5ee9ff;border-radius:50%;width:18px;height:18px;animation:4.4s ease-in-out infinite robotEyeBlink;box-shadow:0 0 18px #5ee9ffe0}html body .student-login-page .logo-robot-smile{z-index:7;border-bottom:8px solid #fff;border-radius:0 0 999px 999px;width:66px;height:30px;position:absolute;top:158px;left:50%;transform:translate(-50%)}html body .student-login-page .logo-robot-antenna{z-index:6;background:#2f7dc0;border-radius:999px;width:10px;height:78px;position:absolute;top:0;left:36px;box-shadow:0 0 0 8px #2f7dc014}html body .student-login-page .logo-robot-antenna:before{content:"";background:#2f7dc0;border-radius:50%;width:38px;height:38px;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 14px 26px #2f7dc042}html body .student-login-page .logo-robot-body{background:linear-gradient(145deg,#fff3,#0000 32%),linear-gradient(145deg,#347fc1 0%,#286eae 100%);border-radius:54px 54px 40px 40px;width:210px;height:160px;position:absolute;top:220px;left:50%;transform:translate(-50%);box-shadow:inset -16px -18px #144c8733,0 28px 54px #2d6eb238}html body .student-login-page .logo-robot-body:before{content:"";background:#fff;border-radius:999px;width:12px;height:86px;position:absolute;top:44px;left:68px;box-shadow:30px 24px 0 -2px #fff,58px 56px 0 -2px #fff}html body .student-login-page .logo-robot-body:after{content:"";opacity:.92;border-top:8px solid #fff;border-bottom:0;border-left:0;border-right:8px solid #fff;border-radius:12px 20px 0 0;width:106px;height:56px;position:absolute;bottom:24px;right:22px}html body .student-login-page .logo-robot-arm{z-index:4;background:#2f7dc0;border-radius:999px;width:72px;height:34px;position:absolute;box-shadow:inset -8px -8px #144c872e}html body .student-login-page .arm-left{top:242px;left:10px;transform:rotate(-28deg)}html body .student-login-page .arm-right{top:236px;right:2px;transform:rotate(24deg)}html body .student-login-page .logo-robot-tool{z-index:8;background:#2f7dc0;position:absolute}html body .student-login-page .tool-wrench{border-radius:999px;width:74px;height:18px;top:224px;right:-10px;transform:rotate(-30deg)}html body .student-login-page .tool-wrench:after{content:"";border:10px solid #2f7dc0;border-left-color:#0000;border-radius:50%;width:36px;height:36px;position:absolute;top:-15px;right:-18px}html body .student-login-page .tool-screw{border-radius:999px;width:112px;height:14px;top:272px;right:30px;transform:rotate(-30deg)}html body .student-login-page .tool-screw:after{content:"";background:#2f7dc0;border-radius:50%;width:30px;height:30px;position:absolute;top:-8px;right:-8px}html body .student-login-page .hero-light-ring{z-index:2;border:2px solid #2f7dc033;border-radius:50%;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)}html body .student-login-page .ring-one{width:520px;height:520px;animation:10s linear infinite heroRingSpin}html body .student-login-page .ring-two{border-color:#ff7a1838;width:380px;height:380px;animation:7s linear infinite reverse heroRingSpin}html body .student-login-page .hero-stage-base{z-index:3;background:radial-gradient(#ffffffeb,#2f7dc029 68%,#0000 70%);border-radius:50%;width:420px;height:96px;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}html body .student-login-page .hero-holo-card{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #2f7dc02e;border-radius:22px;align-content:center;gap:6px;min-width:112px;min-height:92px;padding:16px;display:grid;position:absolute;box-shadow:0 18px 38px #2f7dc024}html body .student-login-page .hero-holo-card b{color:#2f7dc0;font-size:24px}html body .student-login-page .hero-holo-card span{color:#52657d;font-weight:900}html body .student-login-page .card-a{top:92px;left:58px}html body .student-login-page .card-b{top:136px;right:62px}html body .student-login-page .card-c{bottom:138px;left:86px}html body .student-login-page .hero-slogan-chip{z-index:6;color:#fff;background:linear-gradient(135deg,#2f7dc0,#59b7ff);border-radius:999px;align-items:center;min-height:48px;padding:0 18px;font-weight:950;display:inline-flex;position:absolute;bottom:112px;right:72px;box-shadow:0 18px 34px #2f7dc038}@keyframes robotFloat3d{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-16px)}}@keyframes robotEyeBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.18)}}@keyframes heroRingSpin{to{transform:translate(-50%,-50%)rotateX(68deg)rotate(360deg)}}html body .student-login-page .hetao-binary-lab{isolation:isolate;background:radial-gradient(circle at 20% 18%,#fffffff0,#0000 15%),radial-gradient(circle at 82% 72%,#ffb72fa6,#0000 18%),linear-gradient(135deg,#f6fbff 0%,#eaf3ff 28%,#fff 100%);border:0;border-radius:54px;box-shadow:0 38px 82px #255aa02e}html body .student-login-page .hetao-binary-lab:before{content:"";z-index:1;background:radial-gradient(circle,#ffffffeb 0 14%,#0000 15%),repeating-conic-gradient(#ff5b16 0deg 18deg,#ffb82f 18deg 36deg);border:18px solid #ffffffd6;border-radius:50%;width:270px;height:270px;animation:9s linear infinite labCoreSpin;position:absolute;top:17%;left:42%;transform:translate(-50%)rotateX(62deg);box-shadow:inset 0 -16px #c840002e,0 24px 48px #ff5b1638}html body .student-login-page .hetao-binary-lab:after{content:"";z-index:0;opacity:1;background:linear-gradient(135deg,#5f7eb414 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 72% 30%,#ffb92e61,#0000 20%),radial-gradient(circle at 22% 76%,#2389ff2e,#0000 22%);position:absolute;inset:0}html body .student-login-page .hetao-robot{z-index:4;background:linear-gradient(#fff,#eaf6ff);border-radius:30px;width:96px;height:96px;display:block;top:26%;left:18%;transform:rotate(-8deg);box-shadow:0 18px 36px #2764ae2e}html body .student-login-page .binary-count-orbit{z-index:5;height:92px;top:62px;left:58px;right:58px}html body .student-login-page .binary-count-orbit i{color:#ffffffc2;background:#ffffff57;border:4px solid #ffffffeb;border-radius:18px;min-width:68px;min-height:58px;box-shadow:0 16px 28px #225faa1f}html body .student-login-page .binary-count-orbit i:after{color:#fff;text-shadow:0 2px 8px #18509633}html body .student-login-page .binary-single-demo{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6ffffdb;border:5px solid #ffffffeb;border-radius:28px;bottom:74px;left:70px;right:70px;box-shadow:0 26px 52px #225faa29}html body .student-login-page .binary-single-demo span{color:#1685ff;background:#eaf6ff}html body .student-login-page .binary-single-demo b{color:#ff5b16}html body .student-login-page .binary-single-demo strong{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb72e)}html body .student-login-page .binary-success-pop{z-index:8;color:#ff5b16;background:#fffffff5;box-shadow:0 18px 34px #ff5b162e}html body .student-login-page .binary-carry-note{z-index:8;color:#ff5b16;background:#fffffff2;display:inline-flex}@keyframes labCoreSpin{to{transform:translate(-50%)rotateX(62deg)rotate(360deg)}}body .student-login-page .hetao-binary-lab{background:radial-gradient(circle at 20% 18%,#2bd3ff57,#0000 18%),radial-gradient(circle at 76% 30%,#7e56ff47,#0000 22%),linear-gradient(#54d2ff17 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#54d2ff17 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#08162d 0%,#0b2747 48%,#12214b 100%);border:1px solid #69e6ff6b;box-shadow:0 34px 90px #08162d47,0 0 42px #38e8ff2e}body .student-login-page .hetao-binary-lab:before{content:"";background:linear-gradient(90deg,#0000,#40deff2e,#0000),radial-gradient(circle,#1a8cff24,#0000 32%);border:1px solid #78e6ff3d;border-radius:38px;width:auto;height:auto;animation:4s ease-in-out infinite techScan;position:absolute;inset:24px;transform:none}body .student-login-page .hetao-binary-lab:after{content:"";background:linear-gradient(90deg,#0000,#38e8ff,#7f65ff,#0000);border-radius:999px;width:auto;height:2px;position:absolute;inset:auto 44px 42px;transform:none;box-shadow:0 0 26px #38e8ffb8}body .student-login-page .hetao-robot{display:none}body .student-login-page .binary-count-orbit i{color:#bff5ffc7;background:#0c1f40b8;border:1px solid #60e5ff80;box-shadow:inset 0 0 22px #38e8ff14,0 0 28px #38e8ff1f}body .student-login-page .binary-count-orbit i:after{color:#5aecffe6}body .student-login-page .binary-single-demo{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07122abd;border:1px solid #74e8ff75;box-shadow:inset 0 0 34px #38e8ff14,0 24px 54px #020a1c47}body .student-login-page .binary-single-demo span{color:#5cecff;background:#1a5fb447}body .student-login-page .binary-single-demo b{color:#a890ff}body .student-login-page .binary-single-demo strong{color:#fff;background:linear-gradient(135deg,#24d8ff,#7f65ff)}body .student-login-page .binary-success-pop{color:#70f3ff;background:#08142ce6;border:1px solid #64ebff80;box-shadow:0 0 34px #38e8ff47}@keyframes techScan{0%,to{opacity:.36;transform:translate(-18px)}50%{opacity:.9;transform:translate(18px)}}.student-login-page .space-visual{display:none}.student-login-page .login-top-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f8fff0;border:0;border-radius:0;width:100%;height:80px;padding:0 38px;position:fixed;top:0;left:0;right:0;transform:none;box-shadow:0 8px 28px #1c2b4b14}.student-login-page .login-top-nav strong{color:#2a303a;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:280px;font-size:24px;font-weight:950;display:grid}.student-login-page .login-top-nav strong:before{content:"";background:radial-gradient(circle,#0000 0 8px,#ff5b16 9px 13px,#0000 14px),conic-gradient(#ff5b16,#ffb02e,#ff5b16);border-radius:50%;width:42px;height:42px}.student-login-page .login-top-nav strong span{display:none}.student-login-page .login-top-nav nav{gap:0}.student-login-page .login-top-nav a{color:#242a34;border-left:1px solid #21293829;border-radius:0;align-items:center;min-height:80px;padding:0 22px;font-size:18px;font-weight:700;display:inline-flex}.student-login-page .login-top-nav a:hover{color:#ff5b16;background:#ffdd4a2e}.student-login-page .login-nav-auth-btn{color:#fff;background:linear-gradient(135deg,#ff5b16,#ffb02e);border-radius:999px;min-height:44px;margin-left:18px;padding:0 20px}.student-login-page .hetao-home{background:#eaf1ff;width:100%;margin:0;padding:0}.student-login-page .hetao-home>.public-hero,.student-login-page .hetao-home>.public-showcase-section,.student-login-page .hetao-home>.public-stat-wall,.student-login-page .hetao-home>.public-section{display:none!important}.student-login-page .hetao-hero-screen{background:linear-gradient(135deg,#5880cd14 1px,#0000 1px) 0 0/66px 66px,radial-gradient(circle at 78% 18%,#ffdd487a,#0000 18%),radial-gradient(circle at 82% 58%,#ff5b1633,#0000 18%),linear-gradient(135deg,#f6f9ff 0%,#eef4ff 54%,#e5eeff 100%);grid-template-columns:minmax(420px,.92fr) minmax(560px,1fr);align-items:center;gap:58px;min-height:900px;padding:110px 9.5vw 70px;display:grid}.student-login-page .hetao-hero-screen:before{content:"";opacity:.52;filter:drop-shadow(0 36px 50px #22488024);background:linear-gradient(90deg,#0000 0 42%,#ff5b16eb 43% 56%,#0000 57%),radial-gradient(circle at 50% 52%,#0000 0 18%,#ff6418 19% 27%,#0000 28%),radial-gradient(circle at 68% 70%,#ffb82f 0 8%,#0000 9%),linear-gradient(135deg,#ffffffe0,#dce8ffb8);border-radius:80px;width:54vw;min-width:640px;height:48vw;min-height:560px;position:absolute;top:74px;right:-110px;transform:rotate(-12deg)}.student-login-page .hetao-hero-copy{z-index:4;align-self:center;position:relative}.student-login-page .hetao-eyebrow{color:#ff5b16;letter-spacing:22px;white-space:nowrap;font-size:22px;font-weight:950;display:block}.student-login-page .hetao-hero-copy h1{color:#2a303a;margin:34px 0 28px;font-size:clamp(56px,5.2vw,92px);font-weight:950;line-height:1.08}.student-login-page .hetao-hero-copy h1 em{color:#ff5b16;font-style:normal}.student-login-page .hetao-hero-copy p{color:#3e4654;max-width:620px;font-size:22px;font-weight:700;line-height:1.9}.student-login-page .hetao-word-tags{gap:8px;margin-top:38px;display:flex}.student-login-page .hetao-word-tags b{color:#fff;background:#ff5b16;border-radius:7px;justify-content:center;align-items:center;min-width:94px;min-height:28px;padding:0 14px;font-size:14px;font-weight:950;display:inline-flex}.student-login-page .hetao-word-tags b:nth-child(2){background:#2a303a}.student-login-page .hetao-word-tags b:nth-child(3){background:#2388ff}.student-login-page .hetao-binary-lab{z-index:4;background:radial-gradient(circle at 22% 22%,#fffffff5,#0000 14%),radial-gradient(circle at 76% 72%,#ffb82f9e,#0000 16%),linear-gradient(135deg,#158cff 0%,#27d5c4 56%,#ffb82f 100%);border-radius:54px;min-height:580px;position:relative;overflow:hidden;box-shadow:0 36px 86px #1754a83d}.student-login-page .hetao-binary-lab:before{content:none;background:radial-gradient(circle at 50% 50%, #ffffffe6 0 34px, transparent 35px), repeating-conic-gradient(from 0deg, #ff6418 0 22deg, #ffb82f 22deg 44deg);border-radius:50%;width:250px;height:250px;animation:8s linear infinite binaryWheel;position:absolute;top:72px;right:34px;box-shadow:0 24px 52px #1156a03d}.student-login-page .hetao-binary-lab:after{content:none;color:#ff5b16;background:#ffffffb8;border-radius:16px;place-items:center;width:148px;height:74px;font-size:26px;font-weight:950;display:grid;position:absolute;bottom:90px;right:42px;transform:rotate(-14deg);box-shadow:0 18px 36px #1156a029}.student-login-page .hetao-robot{z-index:7;background:linear-gradient(#fff,#e9f6ff);border-radius:38px;width:132px;height:132px;display:none;position:absolute;top:86px;left:50%;transform:translate(-50%)rotate(8deg);box-shadow:0 22px 48px #0d56ae38}.student-login-page .binary-counter-stage{z-index:9;position:absolute;top:236px;left:42px;right:42px}.student-login-page .binary-add-flow{z-index:10;min-height:178px;position:absolute;bottom:70px;left:54px;right:54px}.student-login-page .binary-carry-note{z-index:11;top:34px;right:34px}@media (width<=1100px){.student-login-page .hetao-hero-screen{grid-template-columns:1fr;padding:128px 24px 64px}.student-login-page .hetao-binary-lab{min-height:500px}}.student-login-page .login-top-nav{justify-content:space-between;padding:0 42px}.student-login-page .site-logo{align-items:center;width:420px;min-width:420px;height:76px;display:flex}.student-login-page .site-logo:before{display:none}.student-login-page .site-logo img{object-fit:contain;object-position:left center;width:390px;max-height:68px;display:block}.student-login-page .login-top-nav nav{justify-content:flex-end;margin-left:auto}.student-login-page .login-top-nav a{white-space:nowrap;padding:0 18px;font-size:17px}.student-login-page .hetao-hero-screen{background:linear-gradient(135deg,#1e55be0d 25%,#0000 25%) 0 0/82px 82px,radial-gradient(circle at 78% 18%,#ffdd487a,#0000 17%),radial-gradient(circle at 72% 74%,#0fa9ff2e,#0000 20%),linear-gradient(135deg,#f8fbff 0%,#edf5ff 100%);grid-template-columns:minmax(520px,.86fr) minmax(620px,1fr)}.student-login-page .hetao-hero-copy h1{white-space:nowrap;max-width:none;font-size:clamp(48px,4.1vw,72px)}.student-login-page .hetao-hero-copy p{max-width:700px}.student-login-page .hetao-binary-lab{background:radial-gradient(circle at 18% 18%,#ffffffeb,#0000 14%),radial-gradient(circle at 82% 24%,#ffffff38,#0000 18%),linear-gradient(135deg,#138cff 0%,#24d0be 55%,#ffb72e 100%);min-height:560px}.student-login-page .binary-counter-stage,.student-login-page .binary-add-flow{display:none}.student-login-page .binary-count-orbit{z-index:9;justify-content:space-between;align-items:center;gap:18px;height:100px;display:flex;position:absolute;top:78px;left:70px;right:70px}.student-login-page .binary-count-orbit i{color:#ffffffb8;opacity:0;min-width:76px;min-height:64px;animation:9s ease-in-out infinite binaryOrbitStep;animation-delay:calc(var(--step) * 1s);background:#ffffff2e;border:4px solid #ffffff8f;border-radius:20px;place-items:center;padding:0 18px;font-family:Consolas,Monaco,Courier New,monospace;font-size:30px;font-style:normal;font-weight:950;display:inline-grid;position:relative;top:auto;left:auto;transform:scale(.82)}.student-login-page .binary-count-orbit i:after{content:"+1";color:#ffffffe6;font-size:14px;font-weight:950;position:absolute;right:-36px}.student-login-page .binary-count-orbit i:last-child:after{content:""}.student-login-page .binary-single-demo{z-index:10;background:#ffffffdb;border:4px solid #ffffffc7;border-radius:28px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:178px;padding:34px;display:grid;position:absolute;bottom:76px;left:80px;right:80px;box-shadow:0 24px 54px #0f56a52e}.student-login-page .binary-single-demo span,.student-login-page .binary-single-demo strong{border-radius:20px;place-items:center;min-height:76px;font-family:Consolas,Monaco,Courier New,monospace;font-size:38px;font-weight:950;display:grid}.student-login-page .binary-single-demo span{color:#1685ff;background:#eaf6ff;animation:9s ease-in-out infinite binaryInputFade}.student-login-page .binary-single-demo b{color:#ff5b16;font-size:26px;font-weight:950}.student-login-page .binary-single-demo strong{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb72e);animation:9s ease-in-out infinite binaryResultGrow}.student-login-page .binary-success-pop{z-index:14;color:#ff5b16;opacity:0;background:#fffffff2;border-radius:999px;align-items:center;min-height:48px;padding:0 22px;font-size:18px;font-weight:950;animation:9s ease-in-out infinite binarySuccessPop;display:inline-flex;position:absolute;top:34px;left:50%;transform:translate(-50%)translateY(-10px)scale(.9);box-shadow:0 18px 38px #0f56a52e}.student-login-page .binary-carry-note{color:#ff5b16;animation:9s ease-in-out infinite binaryCarryNoteShow;display:none;top:34px;right:34px}@keyframes binaryOrbitStep{0%,5%{opacity:0;transform:scale(.82)}10%,44%{opacity:.58;transform:scale(1)}50%,62%{opacity:1;color:#fff;background:#ff7a18eb;transform:translateY(-12px)scale(1.08)}78%,to{opacity:0;transform:translateY(-24px)scale(.9)}}@keyframes binaryInputFade{0%,18%{opacity:1;transform:scale(1)}32%,54%{opacity:.2;transform:scale(.94)}72%,to{opacity:1;transform:scale(1)}}@keyframes binaryResultGrow{0%,22%{opacity:.55;transform:scale(.92)}38%,72%{opacity:1;transform:scale(1.06)}86%,to{opacity:1;transform:scale(1)}}@keyframes binarySuccessPop{0%,72%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.9)}78%,94%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}}@keyframes binaryCarryNoteShow{0%,56%,to{opacity:.35}60%,82%{opacity:1}}.hetao-home>.public-hero,.hetao-home>.public-showcase-section,.hetao-home>.public-stat-wall,.hetao-home>.public-section{display:none!important}.hetao-home{background:linear-gradient(135deg,#196aff0b 25%,#0000 25%) 0 0/90px 90px,linear-gradient(225deg,#196aff0a 25%,#0000 25%) 0 0/90px 90px,#eaf1ff;width:100%;margin:0;padding:0}.login-top-nav{background:#f5f8ffeb;border:0;border-radius:0;width:100%;height:80px;top:0;box-shadow:0 8px 28px #10204114}.login-top-nav strong{color:#2c313a;gap:2px;font-size:25px;display:grid}.login-top-nav strong span{color:#1685ff;font-size:14px;font-weight:950}.login-top-nav a{color:#202735;border-left:1px solid #28304029;border-radius:0;min-height:40px;padding:0 22px;font-size:18px;font-weight:700}.login-nav-auth-btn{margin-left:16px}.hetao-section{min-height:760px;padding:110px min(7vw,130px) 80px;position:relative;overflow:hidden}.hetao-section h2{color:#242b36;text-align:center;margin:0;font-size:clamp(34px,3.4vw,54px);font-weight:950;line-height:1.2}.hetao-section h2 i{vertical-align:middle;background:linear-gradient(#ff8a18,#ff4d12);border-radius:999px;width:12px;height:42px;margin:0 22px;display:inline-block;transform:rotate(28deg);box-shadow:0 8px 18px #ff5b1259}.hetao-hero-screen{background:radial-gradient(circle at 82% 28%,#ffd64a59,#0000 18%),radial-gradient(circle at 68% 68%,#ff631838,#0000 18%),linear-gradient(135deg,#ffffffb8,#eef5ffeb),linear-gradient(135deg,#3c78ff14 25%,#0000 25%) 0 0/84px 84px;grid-template-columns:minmax(0,.9fr) minmax(520px,.95fr);align-items:center;gap:48px;min-height:900px;display:grid}.hetao-hero-screen:after{content:"";opacity:.32;background:radial-gradient(circle,#0000 0 18%,#ff6418 19% 28%,#0000 29%),conic-gradient(from 90deg,#ff6418,#ffb82f,#ff6418);border-radius:48px;width:44vw;height:44vw;position:absolute;top:110px;right:-60px;transform:rotate(-12deg)}.hetao-hero-copy{z-index:3;position:relative}.hetao-eyebrow{color:#ff5b16;letter-spacing:18px;font-size:24px;font-weight:900}.hetao-hero-copy h1{color:#2a303a;margin:30px 0 24px;font-size:clamp(52px,5vw,86px);font-weight:950;line-height:1.08}.hetao-hero-copy h1 em{color:#ff5b16;font-style:normal}.hetao-hero-copy p{color:#3e4a5c;width:min(620px,100%);font-size:22px;line-height:1.8}.hetao-word-tags{gap:8px;margin-top:34px;display:flex}.hetao-word-tags b{color:#fff;background:#ff5b16;border-radius:6px;justify-content:center;align-items:center;min-width:86px;min-height:28px;padding:0 14px;display:inline-flex}.hetao-binary-lab{z-index:4;background:radial-gradient(circle at 18% 18%,#fffffff2,#0000 18%),linear-gradient(135deg,#1685ff,#26d3c1 54%,#ffb82f);border-radius:46px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 34px 80px #1685ff3d}.hetao-robot{z-index:4;background:linear-gradient(#fff,#eef7ff);border-radius:38px;width:130px;height:130px;position:absolute;top:42px;right:42px;transform:rotate(8deg);box-shadow:0 18px 42px #0d56ae2e}.hetao-robot i,.hetao-robot span{border-radius:999px;position:absolute}.hetao-robot i{background:radial-gradient(circle at 32%,#13cfff 0 7px,#0000 8px),radial-gradient(circle at 68%,#13cfff 0 7px,#0000 8px),#19395d;height:34px;top:40px;left:28px;right:28px}.hetao-robot span{background:#ff6a18;width:48px;height:12px;bottom:28px;left:50%;transform:translate(-50%)}.hetao-star-screen{color:#fff;background:radial-gradient(circle at 12% 20%,#4f93ff 0 2px,#0000 3px),radial-gradient(circle at 72% 16%,#8ac4ff 0 2px,#0000 3px),radial-gradient(circle at 88% 70%,#6eb4ff 0 3px,#0000 4px),radial-gradient(circle at 42% 62%,#ffffff2e,#0000 26%),#181818;min-height:760px;position:relative;overflow:hidden}.about-particle-backdrop{z-index:1;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.about-photo-carousel{z-index:2;position:absolute;inset:0;overflow:hidden}.about-photo-slide{opacity:0;background:#05070d;transition:opacity .9s,transform 5.2s;position:absolute;inset:0;transform:scale(1.04)}.about-photo-slide:after{content:"";background:linear-gradient(#00000047,#00000014 42%,#0000006b),radial-gradient(circle at 50% 52%,#0000 0 38%,#0000006b 100%);position:absolute;inset:0}.about-photo-slide img{object-fit:cover;filter:saturate(1.08)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.about-photo-slide.active{opacity:.92;transform:scale(1)}.about-photo-slide.campus-front img{object-position:50% 46%}.about-photo-slide.classroom img{object-position:48% 46%}.about-photo-slide.teacher-profile{background-image:url(/static/about-slides/teacher-profile.jpg);background-position:50%;background-size:cover}.about-photo-slide.teacher-profile:before{content:"";background:inherit;filter:blur(28px)saturate(1.12)brightness(.72);position:absolute;inset:-34px;transform:scale(1.08)}.about-photo-slide.teacher-profile img{object-fit:contain;object-position:center;filter:saturate(1.06)contrast(1.03);width:auto;max-width:min(62vw,780px);height:calc(100% - 112px);margin:auto;inset:78px 0 34px;box-shadow:0 22px 70px #00000052}.about-carousel-arrow{z-index:4;-webkit-backdrop-filter:blur(10px);background:#0000002e;border:1px solid #ffffff3d;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;transform:translateY(-50%)}.about-carousel-arrow.prev{left:34px}.about-carousel-arrow.next{right:34px}.about-carousel-arrow span{border-top:1.5px solid #ffffffd1;border-left:1.5px solid #ffffffd1;width:15px;height:15px;margin:19px auto;display:block}.about-carousel-arrow.prev span{transform:rotate(-45deg)translate(2px,2px)}.about-carousel-arrow.next span{transform:rotate(135deg)translate(2px,2px)}.about-carousel-dots{z-index:4;align-items:center;gap:14px;display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.about-carousel-dots i{background:#ffffffb8;border-radius:50%;width:10px;height:10px}.about-carousel-dots i.active{background:#fff;border-radius:999px;width:34px}.hetao-star-screen h2{z-index:3;color:#fff;position:relative}.hetao-video-frame{z-index:4;-webkit-backdrop-filter:blur(14px)saturate(1.18);text-align:center;background:linear-gradient(135deg,#0e192ab8,#080d188f),#080d189e;border:1px solid #84ceff47;border-radius:30px;place-items:center;width:min(720px,78vw);min-height:420px;margin:70px auto 0;padding:34px;display:grid;position:relative;box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff29,inset 0 0 38px #2db8ff14}.hetao-video-frame:before{content:"";background:radial-gradient(circle at 68% 30%,#38bdf833,#0000 32%),radial-gradient(circle at 18% 78%,#8b5cf629,#0000 34%),linear-gradient(135deg,#07122094,#101f3470);border:1px solid #84ceff38;border-radius:20px;position:absolute;inset:54px 30px 30px;box-shadow:inset 0 0 42px #2db8ff1a,0 0 34px #2db8ff14}.hetao-video-frame>*{z-index:2;position:relative}.hetao-video-frame div{gap:8px;display:flex;position:absolute;top:42px;left:34px}.hetao-video-frame div b{color:#fff;background:#050c189e;border:1px solid #84ceff3d;border-radius:999px;padding:9px 14px;box-shadow:inset 0 1px #ffffff1f}.hetao-video-frame strong{color:#eef8fff5;letter-spacing:.04em;font-size:28px}.hetao-video-frame p{color:#d8ebfad1;font-size:18px}.hetao-fly-robot{z-index:5;background:linear-gradient(135deg,#fff,#dff4ff);border-radius:48px;width:150px;height:90px;position:absolute;top:46%;right:24%;transform:rotate(-18deg);box-shadow:0 0 0 10px #ff641833}.hetao-honor-screen{background:linear-gradient(90deg,#1667c90e 1px,#0000 1px) 0 0/96px 96px,linear-gradient(#1667c90d 1px,#0000 1px) 0 0/96px 96px,radial-gradient(circle at 74% 46%,#ff8a1c29,#0000 24%),radial-gradient(circle at 32% 18%,#1667c91f,#0000 24%),linear-gradient(135deg,#f8fbff,#eef4ff);grid-template-columns:minmax(360px,.78fr) minmax(520px,1fr);align-items:center;gap:42px;min-height:920px;scroll-margin-top:92px;display:grid;position:relative;overflow:hidden}.hetao-honor-screen:before{content:"HONOR";color:#1018270a;letter-spacing:0;pointer-events:none;font-size:clamp(120px,18vw,260px);font-weight:950;line-height:.8;position:absolute;top:104px;left:min(6vw,92px)}.honor-heart-copy{z-index:2;position:relative}.honor-heart-copy>span{color:#1667c9;letter-spacing:.18em;align-items:center;gap:12px;font-size:15px;font-weight:950;display:inline-flex}.honor-heart-copy>span:before{content:"";background:linear-gradient(90deg,#1667c9,#ff8a1c);border-radius:999px;width:44px;height:3px}.hetao-honor-screen h2,.honor-heart-copy h2{color:#101827;text-align:left;letter-spacing:0;margin:22px 0;font-size:clamp(50px,5.2vw,88px);font-weight:950;line-height:1}.honor-heart-copy p{color:#4b5870;max-width:620px;margin:0;font-size:20px;font-weight:700;line-height:1.9}.honor-heart-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.honor-heart-stats b{background:#ffffffb8;border-top:3px solid #ff8a1c;align-content:center;gap:8px;min-height:110px;padding:18px 14px;display:grid;box-shadow:0 18px 44px #14234614}.honor-heart-stats strong{color:#111827;font-size:32px;font-weight:950;line-height:1}.honor-heart-stats span{color:#647084;font-size:13px;font-weight:800;line-height:1.45}.honor-heart-stats span:before{display:none}.honor-heart-stage{z-index:2;min-height:680px;position:relative}.honor-heart-wall{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:min(72vh,760px);min-height:680px;position:relative}.honor-heart-wall.is-hovering-card{cursor:pointer}.honor-heart-wall canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.honor-heart-caption{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#ffffffb3;border:1px solid #1667c91f;width:min(280px,48%);padding:10px 12px;position:absolute;bottom:clamp(14px,4vh,42px);right:clamp(12px,3.2vw,34px);box-shadow:0 14px 34px #13274c1f}.honor-heart-caption span{color:#1667c9;letter-spacing:0;background:#1667c91a;border-radius:999px;width:max-content;max-width:100%;padding:3px 7px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.honor-heart-caption span:before{display:none}.honor-heart-caption strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 3px;font-size:16px;font-weight:950;line-height:1.18;display:block;overflow:hidden}.honor-heart-caption p{color:#536176;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.honor-heart-detail{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-user-select:text;user-select:text;background:#ffffffe0;border:1px solid #1667c929;grid-template-columns:92px minmax(0,1fr);gap:12px;width:min(318px,100% - 24px);padding:12px;display:grid;position:absolute;top:clamp(14px,4vh,38px);right:clamp(12px,3.2vw,34px);box-shadow:0 18px 44px #13274c2e}.honor-heart-detail button{color:#111827;cursor:pointer;background:#11182714;border:0;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;position:absolute;top:8px;right:8px}.honor-heart-detail img{aspect-ratio:10/13;object-fit:cover;background:#eef4ff;width:92px;box-shadow:0 10px 24px #13274c24}.honor-heart-detail div{min-width:0;padding:18px 4px 3px 0}.honor-heart-detail span{color:#1667c9;margin-bottom:8px;font-size:12px;font-weight:900;line-height:1.35;display:block}.honor-heart-detail span:before{display:none}.honor-heart-detail strong{color:#111827;font-size:20px;font-weight:950;line-height:1.15;display:block}.honor-heart-detail p{color:#ff7a00;margin:7px 0 5px;font-size:16px;font-weight:950;line-height:1.25}.honor-heart-detail small{color:#647084;font-size:12px;font-weight:800}.hetao-certificate b{color:#c18438;font-size:28px}.hetao-certificate span{color:#f01414;font-size:38px;font-weight:950}.hetao-value-screen{background:linear-gradient(135deg,#285fb40f 25%,#0000 25%) 0 0/88px 88px,#e6eefc}.hetao-value-screen>p,.hetao-course-screen>p,.hetao-method-screen>p,.hetao-coach-screen>p{text-align:center;color:#303846;font-size:22px}.hetao-value-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:min(520px,100%);margin:60px auto 0;display:grid}.hetao-value-grid article{background:#ffffffc7;border-radius:16px;place-items:center;gap:8px;min-height:150px;display:grid;box-shadow:0 14px 30px #2d4d8214}.hetao-value-grid b{color:#222a36;font-size:22px}.hetao-habit-card{gap:14px;width:min(520px,100%);margin:28px auto 0;display:grid}.hetao-habit-card b{color:#fff;background:linear-gradient(135deg,#ff6a18,#ff9c2b);border-radius:999px;align-items:center;width:170px;min-height:58px;padding:0 28px;display:inline-flex}.hetao-habit-card span{background:#ffffff73;border:1px solid #ff6a1859;border-radius:999px;align-items:center;min-height:58px;margin-top:-72px;margin-left:130px;padding:0 28px 0 60px;display:flex}.hetao-course-screen{background:linear-gradient(135deg,#285fb40f 25%,#0000 25%) 0 0/88px 88px,#e6eefc}.hetao-course-board{background:#fff;border-radius:20px;grid-template-columns:120px repeat(3,1fr);width:min(980px,100%);margin:54px auto 0;display:grid;overflow:hidden;box-shadow:0 26px 70px #1e468c1f}.hetao-course-board>*{border:1px solid #ffffffb3;place-items:center;min-height:76px;margin:0;padding:18px;font-weight:900;display:grid}.hetao-course-board div{color:#fff;font-size:24px}.hetao-course-board .orange{background:#ff9700;grid-column:2}.hetao-course-board .blue{background:#2687ff}.hetao-course-board .red{background:#ff4d10}.hetao-course-board span{color:#303846;background:#fff}.hetao-course-board p{color:#fff;text-align:left}.hetao-course-board p:nth-of-type(3n+1){background:#ff9700}.hetao-course-board p:nth-of-type(3n+2){background:#2687ff}.hetao-course-board p:nth-of-type(3n){background:#ff4d10}.hetao-method-screen{color:#fff;background:#2385f5;border-radius:0 46px 46px 0;min-height:720px}.hetao-method-screen h2,.hetao-method-screen p{color:#fff}.hetao-method-cards{grid-template-columns:repeat(3,1fr);gap:42px;width:min(1040px,100%);margin:74px auto 0;display:grid}.hetao-method-cards article{color:#303846;background:#ffffffc7;border:1px solid #ffffff8c;border-radius:16px;min-height:300px;padding:128px 32px 34px;box-shadow:0 20px 45px #002d6e29}.hetao-method-cards article.active{color:#fff;background:#ff6418}.hetao-method-cards b{font-size:28px}.hetao-coach-screen{background:linear-gradient(135deg,#285fb40f 25%,#0000 25%) 0 0/88px 88px,#e6eefc}.hetao-coach-ring{background:conic-gradient(#fff 0 70deg, #ff6418 70deg 142deg, #fff 142deg 214deg, #fff 214deg 286deg, #fff 286deg);border-radius:50%;width:430px;height:430px;margin:54px auto 0;position:relative;box-shadow:0 22px 60px #1e468c1f}.hetao-coach-ring b{color:#25344c;text-align:center;background:#dfe8fb;border-radius:50%;place-items:center;font-size:26px;display:grid;position:absolute;inset:145px}.hetao-coach-ring span{text-align:center;color:#25344c;width:120px;font-weight:950;position:absolute}.hetao-coach-ring span:first-of-type{top:70px;left:62px}.hetao-coach-ring span:nth-of-type(2){top:70px;right:62px}.hetao-coach-ring span:nth-of-type(3){top:210px;right:36px}.hetao-coach-ring span:nth-of-type(4){bottom:42px;left:154px}.hetao-coach-ring span:nth-of-type(5){color:#fff;top:210px;left:20px}.hetao-final-screen{background:linear-gradient(135deg,#fff6e8,#eaf4ff);justify-content:space-between;align-items:center;gap:32px;min-height:420px;display:flex}.hetao-final-screen h2{text-align:left}.hetao-final-screen p{color:#4c5b70;font-size:20px}.hetao-final-screen button{color:#fff;background:linear-gradient(135deg,#ff6418,#ffae28);border:0;border-radius:999px;min-height:60px;padding:0 34px;font-size:18px;font-weight:950;box-shadow:0 20px 42px #ff641847}@media (width<=900px){.hetao-section{min-height:auto;padding:130px 20px 60px}.hetao-hero-screen,.hetao-honor-screen,.hetao-method-cards{grid-template-columns:1fr}.hetao-honor-screen{gap:34px;min-height:auto;scroll-margin-top:168px}.honor-heart-stats{grid-template-columns:1fr;gap:12px;margin-top:24px}.honor-heart-stats b{min-height:88px;padding:16px 18px}.honor-heart-stats strong{font-size:34px}.honor-heart-stage{min-height:500px}.honor-heart-wall{height:520px;min-height:500px}.honor-heart-detail{grid-template-columns:88px minmax(0,1fr);width:calc(100% - 24px);padding:12px;top:auto;bottom:14px;right:12px}.honor-heart-detail img{width:88px}.honor-heart-detail div{padding-top:20px}.honor-heart-detail strong{font-size:20px}.honor-heart-detail p{font-size:16px}.hetao-binary-lab{min-height:430px}.hetao-course-board{grid-template-columns:1fr}.hetao-course-board .orange{grid-column:auto}.hetao-coach-ring{width:320px;height:320px}.hetao-coach-ring b{font-size:20px;inset:108px}}.student-login-page{color:#1c2a3f;background:radial-gradient(circle at 10% 14%,#ffd25b3d,#0000 20%),radial-gradient(circle at 88% 10%,#4dcdff3d,#0000 22%),linear-gradient(#f8fcff 0%,#fff 38%,#f6fbff 100%);min-height:100vh;overflow-x:hidden}.login-top-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffffdb;border-radius:999px;width:min(1180px,100% - 36px);height:74px;padding:0 20px 0 28px;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #2a67be1f}.login-top-nav strong{color:#ff7a18;letter-spacing:0;font-size:25px}.login-top-nav nav{gap:8px}.login-top-nav a{color:#2c3b55;border-radius:999px;min-height:42px;padding:0 14px;font-weight:850}.login-nav-auth-btn{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb72e);border-radius:999px;min-height:44px;padding:0 20px;font-weight:950;box-shadow:0 14px 28px #ff7a1842}.space-visual{opacity:.2}.public-home{z-index:2;position:relative}.public-hero{background:radial-gradient(circle at 18% 70%,#ffb92e3d,#0000 24%),radial-gradient(circle at 84%,#42b8ff3d,#0000 26%),linear-gradient(#eef9ff 0%,#fff 100%);padding-top:0}.public-hero-carousel{width:min(1220px,100% - 48px);min-height:760px;margin:0 auto}.public-hero-slide{grid-template-columns:minmax(0,.9fr) minmax(420px,.8fr);align-items:center;gap:58px;padding:132px 0 72px}.public-hero-slide:before{background:radial-gradient(circle at 12% 18%,#ffbd2e57,#0000 16%),radial-gradient(circle at 84% 70%,#32beff38,#0000 24%),linear-gradient(135deg,#ffffffd6,#fffaedeb);border-radius:42px;width:62%;height:500px;inset:110px auto auto -46px;transform:rotate(-2deg);box-shadow:0 34px 80px #3272be1f}.public-hero-slide:after{background-color:#0000;background-image:linear-gradient(#249cff14 1px,#0000 1px),linear-gradient(90deg,#249cff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:34px;width:560px;height:420px;inset:120px auto auto 30px}.public-slide-copy{z-index:4;color:#16243a;max-width:610px;position:relative}.public-slide-copy>span,.public-kicker{color:#ff7a18;min-height:34px;box-shadow:none;letter-spacing:0;background:#fff2d8;border:0;border-radius:999px;padding:0 14px;font-size:13px}.public-hero h1{color:#17243c;letter-spacing:0;max-width:620px;margin:22px 0 18px;font-size:clamp(46px,5.4vw,78px);line-height:1.05}.public-hero p{color:#52657d;max-width:540px;font-size:20px;line-height:1.8}.public-hero-actions{margin-top:34px}.public-hero-actions a{background:linear-gradient(135deg,#ff7a18,#ffb82f);border-radius:999px;min-height:54px;padding:0 28px;font-size:16px;box-shadow:0 16px 30px #ff7a183d}.public-hero-actions a+a{color:#188bff;background:#fff;box-shadow:0 16px 30px #338ee824}.public-slide-visual{background:radial-gradient(circle at 24% 18%,#fffffff0,#0000 16%),radial-gradient(circle at 78% 22%,#ffc23a73,#0000 18%),linear-gradient(135deg,#1aa7ff 0%,#27d6c3 58%,#ffb92f 100%);border:0;border-radius:44px;min-height:500px;position:relative;overflow:hidden;box-shadow:0 34px 82px #188bff38}.public-slide-visual:before{background:radial-gradient(circle,#ffffffc7 0 28px,#0000 29px),conic-gradient(#fff2d8,#ffb82f,#1aa7ff,#27d6c3,#fff2d8);border-radius:50%;width:230px;height:230px;animation:7s linear infinite binaryWheel;bottom:42px;right:42px;transform:none;box-shadow:0 26px 54px #0e5db433}.public-slide-visual:after{opacity:1;background:radial-gradient(circle at 38% 42%,#15243c 0 8px,#0000 9px),radial-gradient(circle at 62% 42%,#15243c 0 8px,#0000 9px),linear-gradient(#fffaf0,#fff);border:10px solid #ffffffdb;border-radius:42px;width:136px;height:136px;top:44px;left:52px;transform:rotate(-8deg);box-shadow:0 22px 40px #0c4c8c2e}.public-slide-visual>span{z-index:7;color:#1685ff;background:#ffffffeb;border-radius:999px;min-height:42px;font-size:15px;font-weight:950;bottom:34px;left:34px}.binary-animation{z-index:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;inset:126px 48px 140px 52px}.binary-animation i{color:#fff;background:#ffffff47;border-radius:18px;min-height:58px;font-size:30px;box-shadow:inset 0 0 0 1px #ffffff47,0 16px 32px #105eb024}.binary-animation i:nth-child(2n){background:#ffb82f6b}.binary-equation{z-index:8;color:#17243c;background:#fffffff0;border:3px solid #ffffffbf;min-width:min(82%,390px);min-height:64px;font-size:22px;bottom:64px;left:50%;box-shadow:0 22px 46px #105eb02e}.binary-equation span{color:#1685ff}.binary-equation b,.binary-equation strong{color:#ff7a18}.public-hero-dots{bottom:70px;left:0;right:auto}.public-hero-dots button{background:#1685ff42;width:12px;height:12px}.public-hero-dots button.active{background:#ff9f1c;width:38px}.public-showcase-section,.public-stat-wall,.public-section{width:min(1220px,100% - 48px)}.public-showcase-section{padding:80px 0 38px}.public-gallery-head{grid-template-columns:minmax(0,.7fr) minmax(320px,.3fr);align-items:end;gap:28px;margin-bottom:30px;display:grid}.public-gallery-head span{color:#ff7a18;font-weight:950}.public-gallery-head p{color:#617089;font-size:17px;line-height:1.7}.public-showcase-card-grid{background:0 0;border-radius:0;grid-template-columns:1.12fr .88fr .88fr;grid-auto-rows:230px;gap:22px;padding:0;display:grid}.public-showcase-card-grid:after{display:none}.public-showcase-card-grid article{background:radial-gradient(circle at 82% 18%,#ffffff5c,#0000 22%),linear-gradient(135deg,#1aa7ff,#20cfb4);border:0;border-radius:30px;min-height:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 22px 48px #2970be29}.public-showcase-card-grid article:hover{transform:translateY(-6px);box-shadow:0 30px 62px #2970be38}.public-showcase-card-grid article:before{content:"";background:#ffffff38;border-radius:50%;width:190px;height:190px;position:absolute;top:-38px;left:auto;right:-40px}.public-showcase-card-grid article:after{content:"";background:linear-gradient(135deg,#ffffffd1,#ffffff6b),repeating-linear-gradient(135deg,#ffb82fad 0 9px,#0000 9px 18px);border-radius:20px;width:90px;height:64px;position:absolute;top:28px;left:28px;transform:rotate(-7deg)}.public-showcase-card-grid .campus{background:linear-gradient(135deg,#0d9dff,#27d6c3);grid-row:span 2}.public-showcase-card-grid span,.public-showcase-card-grid b,.public-showcase-card-grid p{z-index:2;color:#fff;position:relative}.public-showcase-card-grid span{opacity:.88;margin-top:auto}.public-showcase-card-grid b{font-size:28px;line-height:1.2}.public-showcase-card-grid p{color:#ffffffe0;margin-top:10px}.public-stat-wall{background:radial-gradient(circle at 12% 12%,#ffb82f33,#0000 22%),linear-gradient(135deg,#17345f,#10233f 62%,#17345f);border-radius:38px;margin-top:52px;padding:48px;box-shadow:0 30px 76px #17345f33}.public-stat-building,.public-stat-line{display:none}.public-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.public-stat-grid article{min-height:160px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff24;border-radius:26px}.public-stat-grid strong{color:#fff;font-size:clamp(42px,4.5vw,68px)}.public-section{background:#fff;border:0;border-radius:38px;margin-top:72px;padding:54px;box-shadow:0 24px 60px #2a67be1a}.public-section-head h2,.public-section h2{color:#17243c;font-size:clamp(30px,3vw,44px)}.public-section-head p,.public-section p{color:#617089}.public-science-section{background:radial-gradient(circle at 88% 16%,#ffb82f3d,#0000 24%),linear-gradient(135deg,#eaf8ff,#fff)}.public-kicker.hot{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb82f)}.public-science-grid,.public-track-grid,.public-work-grid{gap:20px}.public-science-grid article,.public-track-grid article,.public-work-grid article,.public-notice-list article{background:#fbfdff;border:1px solid #2097ff1f;border-radius:26px;box-shadow:0 14px 34px #2a67be14}.public-science-grid article:hover,.public-track-grid article:hover,.public-work-grid article:hover,.public-notice-list article:hover{transform:translateY(-4px)}.public-science-grid button{color:#ff7a18;background:#fff1d6;border-radius:999px}.public-track-grid article strong{color:#17243c}.public-track-grid article span{color:#188bff}.public-media-section,.public-contact-section{background:linear-gradient(135deg,#fff7e6,#eaf8ff)}.public-video-card{background:linear-gradient(135deg,#188bff,#27d6c3);border-radius:30px;box-shadow:0 22px 46px #188bff33}.public-service-window{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb82f);border:0;border-radius:22px;box-shadow:0 18px 38px #ff7a1842}.public-service-window b,.public-service-window span{color:#fff}@keyframes binaryWheel{to{transform:rotate(360deg)}}@media (width<=900px){.login-top-nav{border-radius:24px;width:calc(100% - 20px);height:auto;min-height:72px;padding:12px 16px;position:fixed;top:10px}.login-top-nav nav{width:100%;overflow-x:auto}.public-hero-carousel{width:min(100% - 28px,760px);min-height:880px}.public-hero-slide{grid-template-columns:1fr;gap:24px;padding:150px 0 90px}.public-slide-visual{min-height:360px}.public-hero-dots{bottom:42px}.public-gallery-head,.public-showcase-card-grid,.public-stat-grid{grid-template-columns:1fr}.public-showcase-card-grid{grid-auto-rows:220px}.public-showcase-card-grid .campus{grid-row:span 1}.public-section,.public-stat-wall{width:min(100% - 28px,760px);padding:28px}}.binary-counter-stage{z-index:9;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:120px;left:42px;right:42px}.binary-counter-stage i{color:#fff;min-width:64px;min-height:58px;animation:5s ease-in-out infinite binaryStepGlow;animation-delay:calc(var(--step) * 1s);background:#ffffff47;border:3px solid #ffffffb8;border-radius:18px;place-items:center;padding:0 16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:28px;font-style:normal;font-weight:950;display:inline-grid;position:relative;box-shadow:0 18px 34px #0b5ca429}.binary-counter-stage i+i:before{content:"+1";color:#fff;text-shadow:0 2px 10px #0000002e;font-size:15px;font-weight:950;position:absolute;top:50%;left:-42px;transform:translateY(-50%)}.binary-add-flow{z-index:10;pointer-events:none;min-height:178px;position:absolute;bottom:92px;left:52px;right:52px}.binary-add-row{color:#17243c;opacity:0;background:#ffffffe6;border:3px solid #ffffffbd;border-radius:26px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px;animation:8s ease-in-out infinite binaryAddCycle;display:grid;position:absolute;inset:0;transform:translateY(16px)scale(.96);box-shadow:0 24px 48px #105eb02e}.binary-add-row:nth-child(2){animation-delay:2s}.binary-add-row:nth-child(3){animation-delay:4s}.binary-add-row:nth-child(4){animation-delay:6s}.binary-add-row span,.binary-add-row strong{border-radius:18px;place-items:center;min-height:58px;font-family:Consolas,Monaco,Courier New,monospace;font-size:34px;font-weight:950;display:grid}.binary-add-row span{color:#1685ff;background:#eaf6ff}.binary-add-row b{color:#ff6b16;font-size:24px;font-weight:950}.binary-add-row strong{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffbd32)}.binary-carry-note{z-index:11;color:#ff6b16;background:#ffffffeb;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-size:16px;font-weight:950;animation:2s ease-in-out infinite binaryCarryPop;display:inline-flex;position:absolute;top:34px;right:34px;box-shadow:0 16px 32px #105eb029}@keyframes binaryStepGlow{0%,12%,to{opacity:.58;background:#ffffff38;transform:translateY(0)scale(1)}18%,34%{opacity:1;background:#ff7e18eb;transform:translateY(-10px)scale(1.08)}}@keyframes binaryAddCycle{0%,18%{opacity:0;transform:translateY(16px)scale(.96)}22%,42%{opacity:1;transform:translateY(0)scale(1)}48%,to{opacity:0;transform:translateY(-16px)scale(.98)}}@keyframes binaryCarryPop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=900px){.binary-counter-stage{top:86px;left:18px;right:18px}.binary-counter-stage i{border-radius:13px;min-width:42px;min-height:42px;padding:0 8px;font-size:19px}.binary-counter-stage i+i:before{font-size:11px;left:-28px}.binary-add-flow{min-height:132px;bottom:68px;left:18px;right:18px}.binary-add-row{border-radius:20px;padding:12px}.binary-add-row span,.binary-add-row strong{border-radius:14px;min-height:46px;font-size:24px}.binary-add-row b{font-size:17px}}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s,box-shadow .18s,background-color .18s,border-color .18s,color .18s,filter .18s,opacity .18s}button:hover:not(:disabled){filter:brightness(1.03)}button:active:not(:disabled){filter:brightness(.96);transform:translateY(1px)scale(.98)}button:focus-visible{outline-offset:2px;outline:2px solid #16d7ff8a}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.admin-app{background:linear-gradient(#5c8df606 1px, transparent 1px), linear-gradient(90deg, #5c8df606 1px, transparent 1px), radial-gradient(circle at 12% 8%, #8f7cf829, transparent 26%), radial-gradient(circle at 88% 20%, #ff9f3f1f, transparent 24%), var(--bg);background-size:28px 28px,28px 28px,auto,auto,auto;grid-template-rows:66px 1fr;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.admin-header{color:#fff;background:linear-gradient(110deg,#4f68d8 0%,#7895ff 52%,#77d4ff 100%);grid-column:1/-1;justify-content:space-between;align-items:center;height:66px;padding:0 32px 0 46px;display:flex;box-shadow:0 12px 30px #5c71d03d}.admin-header strong{letter-spacing:0;text-shadow:0 3px 14px #3d429638;font-size:28px}.admin-header div{align-items:center;gap:12px;display:flex}.admin-header button,.student-header button{min-height:36px;color:var(--ink);background:#fffffff0;border:0;border-radius:18px;padding:0 18px;box-shadow:inset 0 0 0 1px #ffffff42}.admin-header button:hover,.student-header button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #16d7ff33}.admin-sidebar{background:linear-gradient(#fffffff7,#f7fbfff7);border-right:1px solid #2776ff29;grid-row:2;width:280px;padding:16px 20px 20px;overflow:auto;box-shadow:14px 0 38px #12233b14}.admin-sidebar nav{margin:4px 0 18px}.admin-sidebar nav p{height:42px;margin:0 0 8px;padding:0 56px;font-size:18px;font-weight:700;line-height:42px}.admin-sidebar nav button{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;height:50px;padding:0 28px 0 56px;font-size:18px}.admin-menu-item-label{justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.admin-menu-notice{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff4d61,#ff8a1f);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 5px;font-size:11px;font-weight:800;line-height:16px;display:inline-flex}.student-nav-notice{color:#fff;background:#ff4d4f;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-style:normal;font-weight:900;display:inline-grid}.admin-sidebar nav button:hover:not(.active){color:var(--blue);background:#eef7ff;transform:translate(3px)}.admin-sidebar nav .group-toggle{justify-content:space-between;align-items:center;padding:0 22px 0 28px;font-weight:700;transition:background .18s,color .18s,transform .18s;display:flex}.admin-sidebar nav .parent-home{padding-left:28px;font-weight:700}.parent-menu-label{align-items:center;gap:16px;display:inline-flex}.parent-menu-icon{color:#8a8a8a;flex:none;width:25px;height:25px;transition:color .18s,transform .18s}.admin-sidebar nav button:hover .parent-menu-icon,.admin-sidebar nav button.active .parent-menu-icon,.admin-sidebar nav button.parent-active .parent-menu-icon{color:var(--orange-dark);transform:scale(1.04)}.admin-sidebar nav .group-toggle:hover{background:#eef7ff}.admin-sidebar nav .group-toggle.parent-active{color:var(--blue);background:linear-gradient(90deg,#edf8ff,#fff7ed)}.admin-sidebar nav .group-arrow{color:#777;font-size:16px;transition:transform .22s}.submenu{opacity:1;max-height:900px;transition:max-height .26s,opacity .22s,transform .22s;overflow:hidden;transform:translateY(0)}.submenu.collapsed{opacity:0;pointer-events:none;max-height:0;transform:translateY(-6px)}.admin-sidebar nav button.active{color:var(--blue);box-shadow:inset 4px 0 0 var(--cyan), 0 10px 22px #2776ff1a;background:linear-gradient(90deg,#eaf6ff,#fff7ed)}.admin-menu-tree{gap:4px;display:grid}.admin-sidebar nav .admin-menu-parent{font-weight:800}.admin-menu-children{gap:4px;padding:0 0 4px 18px;display:grid}.admin-sidebar nav .admin-menu-children button{color:#516072;border-radius:8px;height:42px;padding-left:38px;font-size:16px;position:relative}.admin-sidebar nav .admin-menu-children button:before{content:"";background:#9fb2c8;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.admin-sidebar nav .admin-menu-children button.child-active{color:var(--blue);box-shadow:inset 3px 0 0 var(--cyan);background:#eef8ff}.admin-sidebar nav .admin-menu-children button.child-active:before{background:var(--orange)}.admin-main{grid-area:2/2;padding:10px 10px 10px 12px;overflow:auto}.admin-card{background:linear-gradient(#fffffff5,#f8fcfff5);border:1px solid #2776ff1f;width:100%;min-height:calc(100vh - 86px);padding:18px 20px 34px;box-shadow:0 18px 46px #12233b12}.section-title{margin:0 0 18px;padding-left:14px;font-size:20px;position:relative}.section-title:before{content:"";background:var(--orange);border-radius:4px;width:6px;height:12px;position:absolute;top:8px;left:0}.page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-actions{align-items:center;gap:10px;display:flex}.admin-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:16px;display:grid}.stat-box{background:#eef3fb;border-radius:8px;align-content:center;place-items:center;gap:12px;height:150px;display:grid}.stat-box strong{font-size:32px;font-weight:400}.shortcut-grid{grid-template-columns:repeat(10,minmax(90px,1fr));gap:28px 22px;padding:18px 10px 0;display:grid}.shortcut-grid button{background:0 0;border:0;place-items:center;gap:10px;font-size:18px;display:grid}.shortcut-grid i{color:#18a038;background:#e7f5e3;border-radius:50%;place-items:center;width:72px;height:72px;font-size:26px;font-style:normal;font-weight:900;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid}.shortcut-grid button:hover i{transform:translateY(-3px)scale(1.04);box-shadow:0 10px 20px #18a0382e}.soft-btn,.actions button{color:#1d4f8f;background:linear-gradient(#fff,#edf7ff);border:1px solid #c8d9ee;border-radius:5px;min-height:34px;padding:0 16px;box-shadow:0 5px 14px #2776ff14}.soft-btn:hover,.actions button:hover{border-color:var(--cyan);color:#0f6bdc;box-shadow:0 8px 18px var(--glow-cyan);background:#f3fbff;transform:translateY(-1px)}.dark-btn{background:linear-gradient(135deg, var(--tech-dark), var(--tech-mid));color:#fff;border:0;border-radius:4px;min-height:36px;padding:0 18px}.dark-btn:hover{background:linear-gradient(135deg,#0d203b,#2468b6);transform:translateY(-1px);box-shadow:0 10px 22px #2776ff38}.orange-btn{color:#fff;background:linear-gradient(135deg,#ff9b2f,#ff6b00);border:0;border-radius:6px;min-height:36px;padding:0 18px;box-shadow:0 8px 18px #ff790038}.orange-btn:hover{background:linear-gradient(135deg,#ffae48,#e66300);transform:translateY(-1px);box-shadow:0 10px 22px #ff79004d}.filter-panel{border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:16px 22px}.filter-panel.slim{padding:14px 18px}.filter-line,.filter-search,.search-row,.chip-row{flex-wrap:wrap;align-items:center;gap:26px;margin-bottom:18px;display:flex}.filter-line button,.chip{background:0 0;border:0;border-radius:6px;padding:7px 12px}.filter-line button:hover,.chip:hover{color:var(--orange-dark);background:#fff4dc}.filter-line button.active,.chip.active{background:var(--orange-dark);color:#fff;box-shadow:0 4px 10px #df5f0029}.filter-search input,.search-row input,.search-row select,.create-title input,.create-right input,.create-right select{border:1px solid #d8dee8;border-radius:4px;height:34px;padding:0 12px}.table-count{color:#555}.batch-toolbar{background:#fbfcff;border:1px solid #e3e8f0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;min-height:54px;margin:0 0 16px;padding:10px 14px;display:flex}.batch-toolbar span{color:#4b5563;margin-right:4px;font-weight:700}.batch-toolbar select{background:#fff;border:1px solid #d8dee8;border-radius:4px;min-width:150px;height:34px;padding:0 10px}.soft-btn.danger,.actions button.danger{color:#c03535;background:#fff2f2;border-color:#ffd2d2}.dark-btn.danger{color:#fff;background:#c93535}.dark-btn.danger:hover{background:#a52727;box-shadow:0 8px 16px #a9272733}.soft-btn.danger:hover,.actions button.danger:hover{color:#a52727;background:#ffe6e6;border-color:#faa}.data-table{border-collapse:collapse;table-layout:auto;background:#fff;width:100%}.data-table th,.data-table td{text-align:center;vertical-align:middle;word-break:keep-all;white-space:normal;border:1px solid #e5e9f0;padding:12px 10px}.data-table th{white-space:nowrap;background:#f6f6f8;font-size:17px}.data-table tr:nth-child(2n) td{background:#fafafa}.data-table .data-table-detail-row td{text-align:left;background:#f8fafc;padding:0}.data-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange);cursor:pointer}.empty-note{color:#7a8494}.actions{flex-wrap:wrap;justify-content:center;gap:10px;min-width:150px;display:flex}.status-badge{color:#168451;background:#e9f7ef;border-radius:13px;justify-content:center;align-items:center;min-width:52px;min-height:26px;padding:0 10px;font-size:13px;display:inline-flex}.status-badge.finished{color:#777;background:#f1f1f1}.status-badge.published{color:#1b8b56;background:#e9f7ef}.status-badge.unpublished{color:#7a8494;background:#f1f3f6}.empty-cell{color:#888;height:96px}.submission-detail-panel{background:#f8fafc;gap:0;padding:12px;display:grid}.submission-detail-head,.submission-detail-row{grid-template-columns:64px minmax(110px,1fr) minmax(140px,1.4fr) minmax(160px,1.2fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(180px,1fr);align-items:center;gap:10px;display:grid}.submission-detail-head{color:#475569;background:#eef3f9;border:1px solid #e3e9f2;border-radius:5px 5px 0 0;min-height:36px;padding:0 14px;font-size:13px;font-weight:800}.submission-detail-row{color:#334155;background:#fff;border:1px solid #e3e9f2;border-top:0;min-height:52px;padding:8px 14px}.submission-detail-row:last-child{border-radius:0 0 5px 5px}.submission-detail-row b,.submission-detail-row strong{color:#0f172a}.submission-detail-row em{color:#a34d00;background:#fff3d9;border-radius:4px;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.submission-detail-row em.done{color:#159154;background:#e8f8ee}.submission-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.submission-detail-actions .soft-btn{min-width:82px;padding:0 12px}.assignment-tabs{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:20px;display:grid}.assignment-tabs button{background:#eee;border:0;border-radius:6px;height:80px;font-size:26px}.assignment-tabs button:hover{color:var(--orange-dark);background:#fff4dc;transform:translateY(-2px);box-shadow:0 8px 18px #df5f001f}.assignment-tabs button.active{color:var(--orange-dark);box-shadow:inset 0 -4px 0 var(--orange);background:#fff4dc}.assignment-summary{background:#f7f7f7;border-radius:6px;justify-content:space-between;align-items:center;height:70px;margin-bottom:20px;padding:0 14%;font-size:18px;display:flex}.assignment-summary b{color:var(--orange-dark)}.create-layout{grid-template-columns:minmax(360px,52%) minmax(460px,48%);align-items:start;gap:14px;display:grid}.create-left,.form-block{border:1px solid #ddd;border-radius:6px;padding:18px}.create-right{background:#fff;border:1px solid #ddd;border-radius:4px;padding:0;overflow:hidden}.create-left{border:0;min-height:680px;padding:0}.create-title{border-bottom:1px solid #eee;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;min-height:64px;margin-bottom:18px;display:grid}.back-link{color:#111827;cursor:pointer;background:0 0;border:0;justify-self:start;font-weight:700}.selected-question,.question-preview{background:#f8fbff;border:1px solid #e2e8f2;border-radius:6px;margin-top:10px;padding:14px}.selected-question{background:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex}.selected-question>div{flex-shrink:0;align-items:center;gap:10px;display:flex}.selected-empty{color:#8a94a6;text-align:center;border:1px dashed #d5dbe6;border-radius:4px;place-items:center;min-height:120px;display:grid}.assignment-score-section{margin-top:18px}.assignment-score-head{color:#111827;align-items:center;gap:14px;min-height:34px;display:flex}.assignment-score-head strong{font-size:16px}.assignment-score-head button{padding:5px 12px}.selected-question-card{background:#fff;border:1px solid #dfe6f0;border-radius:6px;margin-top:12px;padding:14px}.selected-question-card header{color:#111827;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.assignment-score-input{color:#111827;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;font-weight:700;display:inline-flex}.assignment-score-input input{text-align:center;border:1px solid #cfd8e6;border-radius:4px;width:100px;height:34px;padding:0 10px;font-size:14px}.assignment-score-input input:focus{border-color:#ff7900;outline:0;box-shadow:0 0 0 2px #ff79001f}.selected-question-card h3{margin:0 0 10px;font-size:15px;font-weight:600}.selected-question-card img{border:1px solid #dfe6f0;border-radius:4px;max-width:360px;max-height:220px;margin:8px 0;display:block}.selected-question-card footer{justify-content:flex-end;margin-top:12px;display:flex}.muted-tip{color:#8a94a6;font-size:13px}.operation-note{color:#687386;background:#f8fbff;border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:13px}.operation-note.safe{color:#2d8559;background:#effaf4}.class-select-field{gap:8px;max-width:420px;display:grid}.class-select-field span{font-weight:700}.class-select-field small{color:#6b7280}.class-dropdown{width:min(300px,100%);position:relative}.class-dropdown>button{color:#6b7280;text-align:left;background:#fff;border:1px solid #cfd8e6;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;width:100%;height:36px;padding:0 12px;display:flex}.class-dropdown>button.open{border-color:#409eff}.class-dropdown>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-dropdown-menu{z-index:15;background:#fff;border:1px solid #d9dee8;border-radius:4px;width:100%;max-height:280px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 10px 24px #0f172a1f}.class-dropdown-menu:before{content:"";background:#fff;border-top:1px solid #d9dee8;border-left:1px solid #d9dee8;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.class-dropdown-menu button,.class-dropdown-menu .empty-option{color:#606266;text-align:left;background:0 0;border:0;width:100%;min-height:34px;padding:0 20px;display:block}.class-dropdown-menu button:hover,.class-dropdown-menu button.active{color:var(--orange-dark);background:#fff4dc}.assignment-question-list{flex-direction:column;display:flex}.create-right .filter-panel{border:0;border-bottom:1px solid #e2e8f2;border-radius:0;margin:0}.create-right .table-count{margin:12px 16px}.question-preview{background:#fff;border-width:1px 0 0;border-radius:0;margin:0}.question-preview.selected{background:#fffdf5}.question-preview header{background:#fafafa;border-bottom:1px solid #e2e8f2;justify-content:space-between;align-items:center;gap:12px;margin:-14px -14px 12px;padding:10px 14px;font-size:12px;display:flex}.question-preview h3{margin:0 0 10px;font-size:14px;font-weight:500}.preview-desc{border-left:4px solid var(--blue);background:#eaf4ff;margin-bottom:12px;padding:14px}.preview-desc p,.preview-options p{margin:0 0 8px}.question-preview img,.preview-options img{border:1px solid #dfe6f0;border-radius:4px;max-width:360px;max-height:220px;margin:8px 0;display:block}.question-preview footer{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.question-empty{color:#888;border:1px solid #e5e9f0;place-items:center;height:140px;display:grid}.question-card-list{flex-direction:column;gap:16px;display:flex}.question-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:44px;padding:14px 16px 0;display:flex}.question-pagination button{color:#25517f;background:#fff;border:1px solid #c7d9ef;border-radius:4px;min-width:34px;height:32px;font-weight:700}.question-pagination button.active{border-color:var(--blue);background:linear-gradient(135deg, var(--blue), #12bee9);color:#fff;box-shadow:0 8px 18px var(--glow-blue)}.question-pagination button:disabled{cursor:not-allowed;opacity:.45}.question-card{background:#fff;border:1px solid #dfe6f0}.question-card header{background:#fafafa;border-bottom:1px solid #dfe6f0;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:0 14px;font-size:13px;display:flex}.question-card header span{color:#333;white-space:nowrap}.question-card section{padding:14px 16px 18px}.question-card h3{margin:0 0 12px;font-size:16px;font-weight:500}.question-desc{white-space:pre-wrap}.question-desc.blue{border-left:4px solid var(--blue);background:#eaf4ff;border-radius:4px;min-height:120px;padding:16px 18px}.question-desc.blue b{margin-bottom:8px;display:block}.question-desc p,.question-options p{margin:0 0 8px}.question-option-item{margin-bottom:12px}.question-option-item img,.option-image-preview img{border:1px solid #dfe6f0;border-radius:4px;max-width:360px;max-height:220px;margin:8px 0;display:block}.question-analysis-panel{border:1px solid #e7edf6;border-left:4px solid var(--orange);color:#334155;background:#fffaf3;border-radius:5px;margin-top:14px;padding:12px 14px}.question-analysis-panel p{white-space:pre-wrap;margin:0 0 8px;line-height:1.7}.question-analysis-panel p:last-child{margin-bottom:0}.question-analysis-panel b{color:#d96b00;min-width:68px;display:inline-block}.question-analysis-panel span{color:#263445}.question-analysis-empty{color:#7b8794}.question-card footer{justify-content:flex-end;gap:10px;padding:0 16px 16px;display:flex}.question-card footer button{background:#d0d0d0;border:0;border-radius:3px;min-height:28px;padding:0 14px}.question-image,.question-explain-image img{border:1px solid #dfe6f0;border-radius:4px;max-width:520px;max-height:320px;margin:12px 0;display:block}.question-explain-image{margin-top:12px}.campus-form{grid-template-columns:1fr 1fr;gap:18px 24px;width:min(920px,100%);display:grid}.campus-form label{gap:8px;font-weight:700;display:grid}.campus-form label.full{grid-column:1/-1}.campus-form input,.campus-form textarea{border:1px solid #d8dee8;border-radius:5px;width:100%;padding:0 12px}.campus-form input{height:40px}.campus-form textarea{resize:vertical;min-height:140px;padding:12px}.campus-preview{background:#fff7e8;border-radius:6px;flex-wrap:wrap;gap:24px;width:min(920px,100%);margin-top:24px;padding:18px;display:flex}.toast{z-index:1000;color:#fff;background:#21a366;border-radius:6px;padding:12px 22px;font-weight:700;animation:.22s toastIn;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000002e}.modal-mask{z-index:30;background:#00000052;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.question-modal{background:#fff;border-radius:8px;width:min(920px,96vw);max-height:90vh;overflow:auto;box-shadow:0 24px 60px #0000003d}.question-editor-modal{width:min(1680px,98vw)}.question-import-modal{background:#fff;border-radius:8px;grid-template-rows:64px 46px minmax(0,1fr) 68px;width:min(1360px,98vw);height:min(860px,92vh);display:grid;overflow:hidden;box-shadow:0 24px 60px #0000003d}.assignment-meta-modal,.assignment-detail-modal,.submit-confirm-modal,.confirm-action-modal,.class-form-modal{background:#fff;border-radius:6px;width:min(600px,94vw);box-shadow:0 24px 60px #0000003d}.confirm-action-modal.danger{box-shadow:0 24px 70px #a9272742}.confirm-action-body{padding:26px 32px}.confirm-action-body p{color:#364152;margin:0;font-size:16px;line-height:1.8}.confirm-action-modal.danger .confirm-action-body{background:#fff8f8}.class-students-modal{background:#fff;border-radius:4px;width:min(1480px,98vw);max-height:92vh;overflow:auto;box-shadow:0 24px 60px #0000003d}.student-form-modal{background:#f6f7fa;border-radius:10px;width:min(760px,94vw);overflow:hidden;box-shadow:0 28px 70px #0f172a47}.assignment-detail-modal{width:min(920px,94vw);max-height:88vh;overflow:auto}.modal-head{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.modal-head .section-title{margin:0}.modal-head button{background:#f1f1f1;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.student-modal-head{background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:flex-start;gap:20px;min-height:92px;padding:22px 28px 18px;display:flex}.student-modal-head .section-title{margin:0 0 8px;font-size:22px}.student-modal-head p{color:#6b7280;margin:0;line-height:1.5}.student-modal-head button{color:#222;background:#f2f3f5;border:0;border-radius:50%;flex:none;width:38px;height:38px;font-size:22px}.student-form-body{gap:16px;padding:22px 28px;display:grid}.student-form-section{background:#fff;border:1px solid #e4e9f2;border-radius:8px;padding:18px}.student-form-section h3{border-left:4px solid var(--orange);margin:0 0 16px;padding-left:10px;font-size:16px}.student-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.student-form-grid label{color:#333;gap:8px;font-weight:700;display:grid}.student-form-grid label.wide{grid-column:1/-1}.student-form-grid span{font-size:14px}.student-form-grid input,.student-form-grid select{background:#fff;border:1px solid #d4dce8;border-radius:6px;height:42px;padding:0 12px;transition:border-color .16s,box-shadow .16s,background-color .16s}.student-form-grid input:focus,.student-form-grid select:focus{border-color:var(--orange);background:#fffdf9;outline:0;box-shadow:0 0 0 3px #ff820f1f}.login-account-preview{background:#fbfcff;border:1px dashed #d6dfeb;border-radius:6px;gap:5px;min-height:42px;padding:10px 12px;display:grid}.login-account-preview span{color:#6b7280;font-size:13px}.login-account-preview strong{color:#1f2937;font-size:15px}.student-form-tip{color:#5f6f86;background:#f8fbff;border:1px solid #dfe8f5;border-radius:8px;grid-template-columns:82px 1fr;gap:12px;padding:14px 16px;line-height:1.6;display:grid}.student-form-tip strong{color:#1f2937}.student-modal-actions{background:#fff;border-top:1px solid #e5e9f0;justify-content:flex-end;align-items:center;gap:12px;min-height:74px;padding:0 28px;display:flex}.question-form{grid-template-columns:1fr 1fr;gap:16px 20px;padding:20px;display:grid}.assignment-meta-form{gap:20px;padding:36px 60px 42px;display:grid}.assignment-detail-body{padding:22px 26px}.assignment-detail-body h3{margin:0 0 10px}.submit-confirm-body{gap:12px;padding:24px 32px;display:grid}.submit-confirm-body h3{color:#e76f00;margin:0;font-size:20px}.submit-confirm-body p{color:#4b5563;margin:0}.submit-confirm-body div{background:#fbfcff;border:1px solid #edf0f5;border-radius:6px;gap:8px;max-height:180px;padding:12px;display:grid;overflow:auto}.grade-section{border-top:1px solid #edf0f5;margin-top:18px;padding-top:14px}.grade-workbench{background:#fff;min-height:calc(100vh - 96px);padding:16px 16px 28px}.grade-workbench-head{border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;min-height:48px;display:flex}.grade-status-cards{grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;margin:16px 0;display:grid}.grade-status-cards>div{background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;gap:14px;height:64px;font-size:16px;display:flex}.grade-status-cards>div.pending{background:#fff3d9}.grade-status-cards b{color:#0f172a;font-size:28px;font-weight:500}.grade-status-icon{color:#fff;background:#777;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:inline-grid}.grade-status-icon.pending{background:#d85a00}.grade-page-main{background:#fff;border:1px solid #dfe7f2;border-radius:4px;padding:16px;box-shadow:0 8px 18px #1e2a440a}.grade-modal{width:min(980px,96vw)}.grade-summary-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:18px;padding:8px 0 16px;display:flex}.grade-summary-head h3{margin:0 0 12px}.grade-summary-head p{margin:0}.grade-score-summary{color:#6b4a00;background:#fff7e6;border-radius:8px;gap:8px;min-width:260px;padding:12px 14px;display:grid}.grade-score-summary b{color:#e76f00;font-size:18px}.grade-section h4{margin:0 0 12px;font-size:16px}.grade-section-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.grade-section-title-row h4{margin:0}.grade-section-title-row label{color:#4b5563;align-items:center;gap:8px;font-weight:700;display:inline-flex}.grade-reviewed-toggle{color:#334155;background:#fff;border:1px solid #cfd8e6;border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-weight:800;display:inline-flex}.grade-reviewed-toggle:hover:not(:disabled),.grade-reviewed-toggle.open{border-color:var(--orange);color:var(--orange-dark);background:#fff4dc}.grade-reviewed-toggle:disabled{cursor:not-allowed;opacity:.55}.grade-reviewed-toggle b{color:#475569;background:#edf2f7;border-radius:11px;place-items:center;min-width:22px;min-height:22px;font-size:12px;display:inline-grid}.grade-reviewed-toggle.open b,.grade-reviewed-toggle:hover:not(:disabled) b{color:var(--orange-dark);background:#fff}.grade-objective-row,.grade-programming-row{background:#fbfcff;border:1px solid #dfe6f0;border-radius:6px;gap:8px;margin-top:10px;padding:12px;display:grid}.grade-submit-bar{border-top:1px solid #e5eaf2;margin-top:18px;padding-top:16px}.grade-objective-row b.correct{color:#16a064}.grade-objective-row b.wrong{color:#e5484d}.grade-programming-row{background:#fff;grid-template-columns:1fr;align-items:stretch;padding:0 0 16px;overflow:hidden}.code-page.read-only .editor-toolbar .orange-btn{background:#475569}.code-page.read-only .monaco-shell{outline:3px solid #57bd342e}.grade-programming-list{gap:18px;display:grid}.grade-question-divider{color:#0f172a;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px 16px 6px;font-weight:800;display:grid}.grade-question-divider:before,.grade-question-divider:after{content:"";background:#d9e2ef;height:1px}.grade-question-divider span{text-align:center;min-width:64px}.grade-question-main{gap:12px;padding:14px 16px 16px;display:grid}.grade-question-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.grade-question-title span{color:#6b7280;font-size:13px}.grade-question-desc{background:#eaf4ff;border-left:4px solid #2d8cff;border-radius:6px;padding:14px 16px}.grade-question-desc.light{background:#effaff;border-left-color:#38bdf8}.grade-question-desc b{margin-bottom:8px;display:block}.grade-question-desc p{color:#4b5563;margin:0;line-height:1.65}.grade-student-answer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grade-student-answer span{font-weight:700}.grade-student-answer small{color:#6b7280}.grade-student-list{gap:12px;padding:0 16px;display:grid}.grade-student-row{background:#fff;border:1px solid #dfe6f0;border-radius:5px;grid-template-columns:minmax(360px,1fr) 120px auto;align-items:end;gap:12px;padding:14px;display:grid}.grade-student-row-head{color:#111827;border-bottom:1px solid #edf0f5;flex-wrap:wrap;grid-column:1/-1;gap:10px 28px;padding-bottom:12px;display:flex}.grade-student-row-head b{font-weight:800}.grade-student-row-head em{color:#94a3b8;background:#f1f5f9;border-radius:4px;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-style:normal;display:inline-flex}.grade-student-row-head em.done{color:#159154;background:#e8f8ee}.grade-inline-score{gap:6px;font-weight:800;display:grid}.grade-inline-score input{border:1px solid #cfd8e6;border-radius:4px;width:100%;height:36px;padding:0 10px}.dark-btn.compact{white-space:nowrap;min-height:36px;padding:0 14px}.grade-score-box{background:#f8fafc;border-left:1px solid #e2e8f0;align-content:start;gap:8px;min-height:100%;padding:16px;font-weight:700;display:grid}.grade-score-box input{border:1px solid #cfd8e6;border-radius:4px;height:36px;padding:0 10px}.green-btn{color:#fff;cursor:pointer;background:#57bd34;border:0;border-radius:5px;min-height:32px;padding:0 14px;font-weight:700}.green-btn:disabled{cursor:not-allowed;background:#cbd5e1}@media (width<=980px){.grade-student-row{grid-template-columns:1fr;align-items:stretch}.dark-btn.compact{justify-self:start}}.submitted-code-block{color:#e5e7eb;white-space:pre-wrap;background:#111827;border:1px solid #d7e0ec;border-radius:10px;max-height:260px;margin:12px 0 0;padding:14px 16px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.55;overflow:auto}.class-form{gap:18px;padding:28px 42px 34px;display:grid}.class-form label{gap:8px;font-weight:700;display:grid}.class-form input,.class-form select{border:1px solid #d8dee8;border-radius:4px;height:38px;padding:0 12px}.form-tip{color:#6b7280;background:#f8fbff;border:1px solid #e8eef8;border-radius:4px;margin:0;padding:12px 14px;line-height:1.6}.class-students-summary{color:#333;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:28px;min-height:72px;padding:18px 32px 8px;display:grid}.class-students-search{flex-wrap:wrap;align-items:center;gap:28px;padding:10px 32px 18px;display:flex}.class-students-search label{white-space:nowrap;align-items:center;gap:12px;display:flex}.class-students-search input{border:1px solid #d8dee8;border-radius:4px;width:120px;height:32px;padding:0 10px}.class-students-search .class-dropdown{width:120px}.class-students-body{border-top:1px solid #e5e9f0;grid-template-columns:1fr 1fr;gap:20px;padding:0;display:grid}.class-students-table{min-height:300px;overflow:auto}.class-students-table-head{background:#fbfcff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;height:46px;padding:0 14px;display:flex}.class-students-table-head strong{font-size:16px}.class-students-table-head span{color:var(--orange-dark);background:#fff4dc;border-radius:13px;padding:4px 10px;font-size:13px}.class-students-table .data-table th,.class-students-table .data-table td{height:52px}.class-students-table .data-table button{background:#eee;border:1px solid #d3d3d3;border-radius:4px;min-height:30px;padding:0 14px}.question-empty.compact{border-top:0;min-height:100px}.class-students-counts{color:#666;background:#fbfcff;border-top:1px solid #e5e9f0;justify-content:center;align-items:center;gap:28px;min-height:58px;padding:0 32px;display:flex}.class-students-counts span{white-space:nowrap}.assignment-meta-form label{grid-template-columns:80px 1fr;align-items:center;gap:12px;display:grid}.assignment-meta-form span{text-align:right}.assignment-meta-form label:nth-child(-n+2) span:first-letter{color:#d33}.assignment-meta-form input,.assignment-meta-form select{background:#fff;border:1px solid #d8dee8;border-radius:4px;height:34px;padding:0 12px}.question-editor-layout{grid-template-columns:160px 1fr;min-height:650px;display:grid}.question-editor-side{background:#fbfcff;border-right:1px solid #dbe3ef;padding:14px 10px}.question-editor-side label{gap:6px;margin-bottom:14px;display:grid}.question-editor-side span{color:#d44;font-size:12px}.question-editor-side input,.question-editor-side select{border:1px solid #d8dee8;border-radius:3px;width:100%;height:30px;padding:0 8px;font-size:12px}.tag-bank{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.tag-bank strong{flex-basis:100%}.tag-bank span{color:#42526e}.question-editor-main{padding:10px 18px 18px;overflow:auto}.question-plain-field{grid-template-columns:54px 1fr;align-items:start;gap:10px;margin-bottom:18px;display:grid}.question-plain-field>span{color:#c93535;padding-top:8px;font-size:13px;font-weight:700}.question-plain-field input,.question-plain-field textarea,.option-text-input{color:#263445;background:#fff;border:1px solid #dde3ec;border-radius:4px;outline:none;width:100%;font-size:13px;line-height:1.6}.question-plain-field input,.option-text-input{height:38px;padding:0 12px}.question-plain-field textarea{resize:vertical;min-height:116px;padding:10px 12px}.question-plain-field input:focus,.question-plain-field textarea:focus,.option-text-input:focus{border-color:#ff7900;box-shadow:0 0 0 2px #ff79001f}.rich-field{grid-template-columns:54px 1fr;align-items:start;gap:10px;margin-bottom:18px;display:grid}.rich-field>span,.option-area>span{color:#c93535;padding-top:8px;font-size:13px;font-weight:700}.rich-toolbar{background:#fff;border:1px solid #dde3ec;border-bottom:0;border-radius:4px 4px 0 0;grid-column:2;align-items:center;gap:4px;height:30px;padding:0 8px;display:flex;overflow:hidden}.rich-toolbar button{color:#334155;background:0 0;border:0;min-width:20px;height:22px;font-size:12px;font-weight:700}.rich-field textarea{resize:vertical;border:1px solid #dde3ec;border-radius:0 0 4px 4px;grid-column:2;width:100%;min-height:70px;padding:10px}.rich-box-field{grid-template-columns:54px 1fr}.rich-box-field.no-label{grid-template-columns:1fr;margin:0}.rich-box-field.compact .rich-editor-surface{min-height:38px;padding:7px 10px}.rich-box-field.compact .inline-image-node img{max-height:180px}.rich-editor-box{background:#fff;border:1px solid #dde3ec;border-radius:4px;grid-column:2;overflow:hidden}.rich-box-field.no-label .rich-editor-box{grid-column:1}.rich-editor-box .rich-toolbar{border:0;border-bottom:1px solid #edf1f6;border-radius:0;grid-column:auto}.rich-image-actions{background:#f9fbff;border-bottom:1px solid #edf1f6;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:flex}.rich-image-actions input{display:none}.rich-image-upload,.rich-image-clear{cursor:pointer;background:#fff;border:1px solid #d7dde7;border-radius:4px;min-height:26px;padding:0 10px;font-size:12px;font-weight:700}.rich-image-upload{color:#2c5aa0}.rich-image-clear{color:#c93535}.rich-editor-box textarea{resize:vertical;border:0;border-radius:0;width:100%;min-height:70px;padding:10px;display:block}.rich-editor-surface{color:#263445;white-space:pre-wrap;word-break:break-word;outline:none;min-height:82px;padding:10px 12px 14px;font-size:13px;line-height:1.7}.rich-editor-surface:empty:before{color:#aab4c4;content:attr(data-placeholder);pointer-events:none}.inline-image-node{cursor:default;-webkit-user-select:none;user-select:none;width:fit-content;max-width:100%;margin:6px 0 2px;line-height:0;display:block;position:relative}.inline-image-node img{border:1px solid #dfe6f0;border-radius:4px;width:100%;max-width:520px;max-height:320px;display:block}.inline-image-node.selected{outline-offset:2px;outline:2px solid #2f80ed}.inline-image-resize-handle{cursor:nwse-resize;background:#2f80ed;border:2px solid #fff;border-radius:50%;width:13px;height:13px;display:none;position:absolute;bottom:-7px;right:-7px;box-shadow:0 2px 7px #2f80ed59}.inline-image-remove{color:#fff;cursor:pointer;text-align:center;background:#ef4444;border:2px solid #fff;border-radius:50%;width:20px;height:20px;padding:0;font-size:15px;font-weight:700;line-height:15px;display:none;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 8px #ef444452}.inline-image-node.selected .inline-image-resize-handle,.inline-image-node.selected .inline-image-remove{display:block}.option-area{grid-template-columns:54px 1fr;gap:10px;margin-bottom:18px;display:grid}.option-area>span{grid-row:1/span 9}.option-editor{grid-column:2;grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:12px;display:grid}.option-mark{color:#555;grid-column:1;align-items:flex-start;gap:9px;min-height:34px;padding-top:8px;font-size:13px;font-weight:400;display:flex}.option-mark b{color:#4a5568;min-width:16px;font-weight:700}.option-mark input{margin-top:1px}.option-editor .rich-box-field,.option-editor .rich-editor-box,.option-text-input{grid-column:2}.option-delete-btn,.option-add-btn{color:#24364f;cursor:pointer;background:#fff;border:1px solid #d8e1ed;border-radius:5px;min-height:34px;font-weight:700}.option-delete-btn{grid-column:3;padding:0 12px}.option-add-btn{width:132px;color:var(--orange-dark);background:#fff7ed;border-color:#ffd2ad;grid-column:2}.option-delete-btn:disabled,.option-add-btn:disabled{cursor:not-allowed;opacity:.45}.paste-image-preview{grid-column:2;align-items:flex-start;gap:10px;margin-top:8px;display:flex}.paste-image-preview img{object-fit:contain;background:#fff;border:1px solid #dfe6f0;border-radius:4px;max-width:min(100%,360px);max-height:220px}.paste-image-preview button{min-width:74px;height:32px}.question-title-image-preview{margin-bottom:2px}.option-paste-image-preview{margin-bottom:4px}.question-import-tabs{border-bottom:1px solid #eceff4;align-items:flex-end;gap:34px;padding:0 28px;display:flex}.question-import-tabs button{color:#6b7280;background:0 0;border:0;border-bottom:3px solid #0000;height:46px;font-weight:700}.question-import-tabs button:disabled{cursor:not-allowed;opacity:.45}.import-upload-tab{color:#6b7280;cursor:pointer;border-bottom:3px solid #0000;align-items:center;height:46px;font-weight:700;display:inline-flex}.import-upload-tab:hover{color:#111827}.import-upload-tab input{display:none}.question-import-tabs button.active{color:#111827;border-bottom-color:#0f8cff}.question-import-layout{grid-template-columns:1fr 1.2fr;min-height:0;display:grid}.question-import-source,.question-import-preview{min-height:0;overflow:auto}.question-import-source{background:#fff;border-right:1px solid #e5e9f0;grid-template-rows:54px minmax(0,1fr) auto;display:grid}.question-import-single{background:#fafafa;min-height:0;padding:22px 28px;overflow:auto}.question-import-tools{justify-content:flex-end;gap:8px;padding:10px 18px;display:flex}.question-import-tools button{background:#fff;border:1px solid #d7dde7;border-radius:4px;height:32px;padding:0 14px}.question-import-source textarea{resize:none;border:0;border-top:1px solid #f0f2f5;outline:0;width:100%;height:100%;padding:22px 30px;font-family:inherit;font-size:15px;line-height:1.9}.import-upload-message{color:#536173;background:#f8fbff;border-top:1px solid #edf1f6;min-height:36px;padding:8px 18px;font-size:13px}.question-import-preview{background:#fafafa;padding:22px}.import-preview-question{background:#fff;border-radius:6px;padding:18px}.import-preview-question+.import-preview-question{margin-top:20px}.import-preview-question h3{color:#111827;margin:0 0 14px;font-size:15px;line-height:1.7}.import-preview-question h3 b,.import-preview-question h3 span,.import-preview-question label.selected span{color:#ff7900}.import-preview-question label{color:#374151;align-items:center;gap:8px;min-height:30px;margin:4px 0;display:flex}.import-preview-question label.selected{color:#ff7900}.import-preview-question label input{cursor:pointer}.import-blank-answer{align-items:center;max-width:520px}.import-blank-answer span{color:#374151;flex:0 0 42px;font-weight:700}.import-blank-answer input{border:1px solid #d6deeb;border-radius:4px;flex:1;height:34px;padding:0 10px}.import-preview-question p{color:#536173;margin:12px 0 0;line-height:1.7}.import-preview-option{margin:4px 0 10px}.import-answer-line,.import-answer-summary{color:#d96b00;background:#fff7ed;border-radius:4px;margin:12px 0 0;padding:8px 10px;font-weight:700}.import-answer-line strong{color:#d96b00}.import-answer-line.missing,.import-answer-summary.missing{color:#c93535;background:#fff1f2}.import-count{color:#5f6f86;margin-right:auto}.import-save-bank-toggle{color:#24364f;background:#fff;border:1px solid #d8e1ed;border-radius:5px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-weight:700;display:inline-flex}.import-save-bank-toggle input,.inline-answer-mark input,.inline-judge input{accent-color:var(--orange)}.inline-question-editor{background:#fff;border:1px solid #e1e8f2;border-radius:8px;max-width:980px;margin:0 auto;padding:20px}.inline-question-grid{grid-template-columns:1fr 1fr 120px;gap:14px;display:grid}.inline-question-grid label{color:#23324a;gap:7px;font-weight:700;display:grid}.inline-question-grid input,.inline-question-grid select{min-height:38px;font:inherit;border:1px solid #d6deeb;border-radius:5px;outline:0;padding:0 11px}.inline-question-editor>.rich-box-field{margin-top:16px}.inline-options{gap:10px;margin-top:16px;display:grid}.inline-option-row{grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.inline-option-row .rich-box-field,.inline-option-row .rich-editor-box{grid-column:2;margin:0}.inline-answer-mark{color:#23324a;justify-content:space-between;align-items:center;min-height:38px;font-weight:700;display:flex}.inline-judge{color:#23324a;gap:18px;margin-top:16px;font-weight:700;display:flex}.inline-option-delete,.inline-add-option{color:#24364f;cursor:pointer;background:#fff;border:1px solid #d8e1ed;border-radius:5px;min-height:36px;font-weight:700}.inline-option-delete{padding:0 12px}.inline-option-delete:disabled,.inline-add-option:disabled{cursor:not-allowed;opacity:.45}.inline-add-option{width:132px;color:var(--orange-dark);background:#fff7ed;border-color:#ffd2ad}.option-image-preview{grid-column:3}.image-upload-field{grid-template-columns:54px 1fr;gap:10px;margin:0 0 18px;display:grid}.image-upload-field>span{color:#555;padding-top:8px;font-size:13px;font-weight:700}.image-upload-field>div{align-items:center;gap:10px;display:flex}.image-upload-field img{border:1px solid #d8dee8;border-radius:4px;grid-column:2;max-width:420px;max-height:240px}.upload-button{color:#2c5aa0;cursor:pointer;background:#f8fbff;border:1px dashed #b7c3d5;border-radius:5px;align-items:center;min-height:34px;padding:0 16px;display:inline-flex}.upload-button input{display:none}.judge-area{align-items:center;gap:28px;margin:0 0 18px;display:flex}.judge-area>span{color:#c93535;width:54px;font-size:13px;font-weight:700}.judge-area label{align-items:center;gap:8px;display:inline-flex}.question-form label{gap:7px;font-weight:700;display:grid}.question-form label.full{grid-column:1/-1}.question-form input,.question-form select,.question-form textarea{border:1px solid #d8dee8;border-radius:5px;width:100%;padding:0 12px}.question-form input,.question-form select{height:38px}.question-form textarea{resize:vertical;min-height:92px;padding:10px 12px}.modal-actions{border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding:16px 20px 20px;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.student-app{background:radial-gradient(circle at 8% 16%,#8f7cf81f,#0000 22%),radial-gradient(circle at 92% 8%,#ff9f3f1f,#0000 20%),#f5f8ff;min-height:100vh}.student-login-page{background-color:#0000;background-image:linear-gradient(#2460ff09 1px,#0000 1px),linear-gradient(90deg,#2460ff09 1px,#0000 1px),radial-gradient(circle at 72% 8%,#00e1ff33,#0000 26%),linear-gradient(#071326 0 720px,#f5f8ff 720px 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:42px 42px,42px 42px,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;padding:0;position:relative;overflow-x:hidden}.login-top-nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030b1ce6;justify-content:space-between;align-items:center;height:76px;padding:0 8vw;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 12px 34px #00000038}.login-top-nav strong{color:#fff;font-size:26px}.login-top-nav nav{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.login-top-nav a{color:#ffffffe0;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.login-nav-auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d6ff,#2766ff);border:1px solid #00e1ff52;border-radius:999px;min-height:38px;padding:0 16px;font-weight:900;box-shadow:0 12px 24px #00d6ff29}.login-nav-auth-btn:hover{transform:translateY(-1px)}.student-login-shell{z-index:90;width:min(440px,92vw);margin:0;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.student-login-shell.open{display:block}.auth-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030b1c94;position:fixed;inset:0}.student-login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #4b168824;border-radius:0;gap:16px;min-height:486px;padding:34px 36px 30px;display:grid;position:relative;box-shadow:0 28px 70px #4b168824}.auth-modal-close{color:#4b1688;cursor:pointer;background:#f3eafd;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;position:absolute;top:12px;right:14px}.student-login-card strong{color:#4b1688;font-size:26px}.student-login-card h1{margin:0 0 4px;font-size:28px}.student-login-card label{gap:8px;font-weight:700;display:grid}.student-login-card input{border:1px solid #d8cce8;border-radius:0;height:42px;padding:0 12px;font-size:15px}.student-login-card select{background:#fff;border:1px solid #d8cce8;border-radius:0;height:42px;padding:0 12px;font-size:15px}.student-login-card p{color:#e76f00;margin:0;font-size:14px}.auth-tabs{border-bottom:1px solid #e5e5e5;grid-template-columns:1fr 1fr;height:48px;margin:-4px -36px 8px;display:grid}.auth-tabs button{background:0 0;border:0;border-radius:0;font-size:17px}.auth-tabs button.active{color:#4b1688;box-shadow:inset 0 -3px #4b1688}.auth-links{color:#777;justify-content:center;align-items:center;gap:10px;display:flex}.auth-links button{color:#333;background:0 0;border:0}.auth-links button:hover{color:#4b1688}.verify-row{grid-template-columns:1fr 112px;gap:10px;display:grid}.verify-row button{white-space:nowrap;min-height:42px;padding:0 10px}.public-home{z-index:2;width:100%;margin:0;padding:0 0 70px;position:relative}.public-hero{border-bottom:0;min-height:720px;margin-top:0;padding:0;position:relative;overflow:visible}.public-hero-carousel{min-height:720px;position:relative;overflow:hidden}.public-hero-slide{opacity:0;pointer-events:none;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);align-items:center;gap:44px;padding:142px max(7vw,48px) 110px;transition:opacity .7s;display:grid;position:absolute;inset:0}.public-hero-slide.active{opacity:1;pointer-events:auto}.public-hero-slide:before{content:"";z-index:-2;background:linear-gradient(90deg,#030b1ce6 0%,#0713269e 46%,#07132633 100%),radial-gradient(circle at 75% 28%,#00e1ff3d,#0000 24%),linear-gradient(135deg,#071326,#172d59 58%,#43208b);position:absolute;inset:0}.public-hero-slide:after{content:"";z-index:-1;opacity:.32;background-color:#0000;background-image:linear-gradient(#00e1ff1f 1px,#0000 1px),linear-gradient(90deg,#00e1ff1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 88%);mask-image:linear-gradient(90deg,#000,#0000 88%)}.public-slide-copy{color:#fff;max-width:720px}.public-slide-copy>span,.public-kicker{color:#071326;background:linear-gradient(135deg,#eaf9ff,#fff3d8);border:1px solid #00d6ff47;border-radius:999px;align-items:center;width:fit-content;min-height:34px;padding:0 16px;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #00d6ff1f}.public-kicker.hot{color:#fff;background:linear-gradient(135deg,#00d6ff,#2766ff);border-color:#00d6ff6b;box-shadow:0 12px 28px #00d6ff38}.public-hero h1{color:#fff;letter-spacing:0;margin:18px 0 16px;font-size:clamp(44px,5.2vw,76px);line-height:1.05}.public-hero p,.public-section p{color:#5e6e86;margin:0;font-size:17px;line-height:1.8}.public-hero p{color:#ffffffc7;max-width:620px}.public-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.public-hero-actions a,.public-contact-section a{color:#fff;background:linear-gradient(135deg,#00d6ff,#2766ff);border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 16px 34px #00d6ff38}.public-slide-visual{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(#00e1ff24 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#00e1ff24 1px,#0000 1px) 0 0/34px 34px;border:1px solid #ffffff38;min-height:430px;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000047}.public-slide-visual:before{content:"";border:36px solid #00e1ff29;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;right:-80px}.public-slide-visual:after{content:"";clip-path:polygon(0 0,100% 12%,78% 100%,0 86%);background:linear-gradient(135deg,#ffb84db8,#00e1ff2e),repeating-linear-gradient(135deg,#ffffff52 0 12px,#0000 12px 28px);width:58%;height:58%;position:absolute;top:58px;left:42px}.public-slide-visual>span{z-index:2;color:#fff;background:#030b1cad;border-left:4px solid #ffca55;align-items:center;min-height:44px;padding:0 18px;font-size:20px;font-weight:900;display:inline-flex;position:absolute;bottom:34px;left:34px}.public-hero-dots{gap:10px;display:inline-flex;position:absolute;bottom:94px;left:max(7vw,48px)}.public-hero-dots button{cursor:pointer;background:#ffffff94;border:0;border-radius:50%;width:10px;height:10px;padding:0}.public-hero-dots button.active{background:#ffca55;border-radius:999px;width:34px}.public-campus-strip{background:#fff;border:1px solid #4b168824;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1220px,100% - 48px);margin:34px auto 0;display:grid;box-shadow:0 24px 54px #4b168814}.public-showcase-section{width:min(1220px,100% - 48px);margin:46px auto 0;padding:0}.public-gallery-head{gap:8px;margin-bottom:22px;display:grid}.public-gallery-head span{color:#00a9e8;text-transform:uppercase;font-size:13px;font-weight:900}.public-gallery-head h2{color:#071326;margin:0;font-size:clamp(32px,4vw,54px);line-height:1.08}.public-gallery-head p{color:#607086;margin:0;font-size:17px}.public-gallery-grid{grid-template-columns:1.2fr .9fr .9fr;grid-auto-rows:300px;gap:18px;display:grid}.public-gallery-grid article{color:#fff;background:#071326;align-content:end;min-width:0;display:grid;position:relative;overflow:hidden}.public-gallery-grid article.large{grid-row:span 2}.public-gallery-grid article>div:last-child{z-index:2;background:linear-gradient(#0000,#030b1ce0);padding:22px;position:relative}.public-gallery-grid b{font-size:24px}.public-gallery-grid p{color:#ffffffc7;margin:8px 0 0;line-height:1.7}.public-photo-slot{z-index:1;background:linear-gradient(#030b1c0a,#030b1c52),linear-gradient(135deg,#00d6ff1f,#2766ff2e),#163452;place-items:center;display:grid;position:absolute;inset:0}.public-photo-slot:before{content:"";pointer-events:none;border:1px solid #ffffff2e;position:absolute;inset:18px}.public-photo-slot:after{content:"";aspect-ratio:4/3;opacity:.72;background:linear-gradient(135deg,#ffffff52,#ffffff14),linear-gradient(#ffffff29 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff29 1px,#0000 1px) 0 0/24px 24px;border:2px solid #ffffff57;width:46%}.public-photo-slot span{z-index:2;color:#fff;background:#030b1cb3;border-left:3px solid #ffca55;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;top:22px;left:22px}.public-gallery-grid .teacher .public-photo-slot{background:linear-gradient(#030b1c0a,#030b1c52),linear-gradient(135deg,#8c5bd633,#00d6ff1f),#15122d}.public-gallery-grid .course .public-photo-slot{background:linear-gradient(#030b1c0a,#030b1c52),linear-gradient(135deg,#00d6ff2e,#2766ff24),#0b2a45}.public-gallery-grid .honor .public-photo-slot{background:linear-gradient(#030b1c0a,#030b1c52),linear-gradient(135deg,#ffca5533,#8c5bd629),#2a1b36}.public-gallery-grid .work .public-photo-slot{background:linear-gradient(#030b1c0a,#030b1c52),linear-gradient(135deg,#48c99a33,#00d6ff1f),#0c2c35}.public-showcase-card-grid{background:radial-gradient(circle at 88% 82%,#00d6ff29,#0000 24%),linear-gradient(#00e1ff14 1px,#0000 1px) 0 0/46px 46px,linear-gradient(90deg,#00e1ff14 1px,#0000 1px) 0 0/46px 46px,linear-gradient(135deg,#071326,#102341 58%,#171033);grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:34px;display:grid;position:relative;overflow:hidden}.public-showcase-card-grid:after{content:"";pointer-events:none;border:42px solid #00d6ff1f;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-170px;right:-120px}.public-showcase-card-grid article{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0e;border:1px solid #ffffff21;align-content:space-between;gap:22px;min-height:260px;padding:22px;display:grid;position:relative}.public-showcase-card-grid article:before{content:"";background:linear-gradient(90deg,#00d6ff,#ffca55);border-radius:999px;width:46px;height:4px}.public-showcase-card-grid span{color:#ffffffad;text-transform:uppercase;font-size:13px;font-weight:900}.public-showcase-card-grid b{color:#fff;font-size:30px;line-height:1.1}.public-showcase-card-grid p{color:#ffffffb8;margin:10px 0 0;line-height:1.65}.public-showcase-card-grid .campus{background:#00d6ff17}.public-showcase-card-grid .teacher{background:#8c5bd61c}.public-showcase-card-grid .course{background:#2766ff1c}.public-showcase-card-grid .honor{background:#ffca551a}.public-showcase-card-grid .work{background:#48c99a1a}.public-stat-wall{background:radial-gradient(circle at 16% 12%,#00d6ff33,#0000 26%),radial-gradient(circle at 86% 18%,#8c5bd63d,#0000 24%),linear-gradient(135deg,#071326,#102341 58%,#171033);border:1px solid #00d6ff2e;width:min(1220px,100% - 48px);min-height:520px;margin:58px auto 0;padding:58px 46px 46px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0713262e}.public-stat-line{opacity:.26;background-color:#0000;background-image:linear-gradient(#00e1ff2e 1px,#0000 1px),linear-gradient(90deg,#00e1ff2e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.public-stat-building{opacity:.16;background:radial-gradient(circle, transparent 0 34%, #00e1ffe6 34% 35%, transparent 35% 100%), conic-gradient(from 0deg, transparent 0 8%, #00e1ffe6 8% 9%, transparent 9% 24%, #00e1ffe6 24% 25%, transparent 25% 100%);border-radius:50%;width:460px;height:460px;position:absolute;bottom:-120px;right:-90px}.public-stat-building:before{content:"";border:2px solid #00e1ffcc;border-radius:50%;position:absolute;inset:86px}.public-stat-building:after{content:"";background:#00e1ffe6;border-radius:50%;position:absolute;inset:156px;box-shadow:0 0 46px #00e1ffb3}.public-stat-grid{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:16px;display:grid;position:relative}.public-stat-grid article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;align-content:space-between;gap:14px;min-height:170px;padding:22px;display:grid}.public-stat-grid span{color:#ffffffbd;text-align:left;max-width:none;font-size:15px;font-weight:900;line-height:1.45}.public-stat-grid strong{color:#fff;white-space:nowrap;text-shadow:0 0 24px #00d6ff47;font-family:inherit;font-size:clamp(38px,4vw,64px);font-weight:950;line-height:1}.public-stat-grid b{color:#7ee8ff;background:#00d6ff1f;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:0 10px;font-size:14px;font-weight:900;display:inline-flex}.public-campus-strip article{border-right:1px solid #4b16881a;align-content:start;gap:10px;min-height:158px;padding:24px;display:grid}.public-campus-strip article:last-child{border-right:0}.public-campus-strip span{color:#8a6aa8;font-size:13px;font-weight:900}.public-campus-strip b{color:#241039;font-size:22px}.public-campus-strip p{color:#627084;margin:0;line-height:1.7}.public-section{width:min(1220px,100% - 48px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #4b16881f;border-radius:0;margin-top:34px;margin-left:auto;margin-right:auto;padding:30px}.public-clean-section{border-color:#0713261a}.public-section h2{color:#241039;margin:12px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.15}.public-section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.public-section-head strong{color:#4b1688;background:#f3eafd;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;display:inline-flex}.public-profile-section,.public-media-section,.public-contact-section{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:24px;display:grid}.public-profile-grid,.public-science-grid,.public-notice-list,.public-track-grid,.public-work-grid{gap:14px;display:grid}.public-profile-grid{grid-template-columns:1fr}.public-profile-grid article,.public-notice-list article,.public-track-grid article,.public-work-grid article{background:#fbfdff;border:1px solid #4b16881f;border-radius:0;gap:8px;padding:18px;display:grid}.public-profile-grid b,.public-track-grid strong,.public-work-grid b,.public-notice-list b,.public-science-grid b{color:#241039;font-size:19px}.public-profile-grid span,.public-track-grid span,.public-notice-list span{color:#64748b;font-weight:800}.public-science-section{color:#fff;background:linear-gradient(135deg,#071326f5,#183260f0);border-color:#4b168838}.public-science-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.public-science-grid article{min-height:190px;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff29;border-radius:0;align-content:space-between;gap:12px;padding:20px;display:grid}.public-science-grid button{color:#4b1688;background:#f3eafd;border:0;border-radius:999px;width:fit-content;min-height:34px;padding:0 12px;font-weight:900}.public-notice-list,.public-track-grid,.public-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-notice-list span{color:#4b1688;background:#f3eafd;border-radius:999px;width:fit-content;padding:5px 10px}.public-track-grid article{background:linear-gradient(135deg,#4b16880f,#0000 48%),#fbfdff;min-height:210px}.public-track-grid strong{font-size:28px}.public-track-grid span{color:#8a5a00;background:#fff7e8;border-radius:999px;width:fit-content;padding:6px 12px}.public-work-grid article{min-height:210px}.public-work-grid article div{color:#fff;background:linear-gradient(135deg,#4b1688,#8c5bd6);border-radius:18px;place-items:center;width:72px;height:72px;font-size:22px;font-weight:900;display:grid}.public-video-card{color:#fff;background:linear-gradient(135deg,#241039e6,#4b1688cc),#241039;border-radius:0;align-content:center;gap:12px;min-height:260px;padding:22px;display:grid}.public-video-card span{background:#fff;border-radius:50%;width:76px;height:76px;position:relative}.public-video-card span:after{content:"";border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:22px solid #ff7a1a;position:absolute;top:23px;left:31px}.public-video-card b{font-size:24px}.public-video-card p{color:#ffffffc7}.public-contact-section{background:linear-gradient(135deg,#4b168814,#ffb84d1f),#ffffffe0}.public-contact-section a{justify-self:end}.public-service-window{z-index:60;color:#fff;background:linear-gradient(135deg,#ff7a1a,#ffb02e);border-radius:26px;align-content:center;place-items:center;gap:4px;width:92px;min-height:92px;display:grid;position:fixed;bottom:24px;right:22px;box-shadow:0 18px 38px #ff7a1a3d}.public-service-window b{font-size:20px}.public-service-window span{font-size:12px;font-weight:900}.student-login-page{background:radial-gradient(circle at 12% 12%,#ff8a2429,#0000 20%),radial-gradient(circle at 88% 18%,#419aff38,#0000 24%),linear-gradient(#3f8fff0d 1px,#0000 1px),linear-gradient(90deg,#3f8fff0d 1px,#0000 1px),linear-gradient(#f5fbff 0%,#fff 46%,#f7fbff 100%)}.login-top-nav{background:#ffffffeb;box-shadow:0 12px 34px #3670ca1f}.login-top-nav strong{color:#ff7a18}.login-top-nav a{color:#26344d}.login-top-nav a:hover{color:#1677ff;background:#eaf5ff}.login-nav-auth-btn{background:linear-gradient(135deg,#ff8a18,#ffb32c);border:0;box-shadow:0 12px 24px #ff8a183d}.public-hero{background:radial-gradient(circle at 18% 82%,#ffb84d2e,#0000 20%),linear-gradient(#ecf7ff,#f8fcff)}.public-hero-carousel{min-height:720px}.public-hero-slide{grid-template-columns:minmax(0,.9fr) minmax(360px,.78fr)}.public-hero-slide:before{background:radial-gradient(circle at 74% 28%,#ff8a1829,#0000 18%),radial-gradient(circle at 82% 64%,#419aff38,#0000 22%),linear-gradient(135deg,#dff3ff 0%,#eef8ff 48%,#fff7ec 100%)}.public-hero-slide.works:before{background:radial-gradient(circle at 78% 30%,#ff8a182e,#0000 20%),linear-gradient(135deg,#e8f7ff 0%,#f3fbff 52%,#fff2e4 100%)}.public-hero-slide.honor:before{background:radial-gradient(circle at 78% 32%,#6f59ff24,#0000 22%),linear-gradient(135deg,#eaf5ff 0%,#f8fbff 52%,#fff5e8 100%)}.public-hero-slide:after{opacity:.58;background:linear-gradient(#3f8fff14 1px,#0000 1px),linear-gradient(90deg,#3f8fff14 1px,#0000 1px);-webkit-mask-image:none;mask-image:none}.public-slide-copy{color:#13213a}.public-slide-copy>span,.public-kicker{color:#ff7a18;background:linear-gradient(135deg,#fff4e7,#eaf7ff);border:1px solid #ff8a182e;box-shadow:0 10px 22px #ff8a181f}.public-kicker.hot{background:linear-gradient(135deg,#ff8a18,#ffb32c);border:0;box-shadow:0 12px 28px #ff8a1838}.public-hero h1{color:#13213a}.public-hero p{color:#52657d}.public-hero-actions a{background:linear-gradient(135deg,#ff8a18,#ffb32c);box-shadow:0 16px 34px #ff8a1833}.public-hero-actions a+a{background:linear-gradient(135deg,#3f8fff,#63c9ff);box-shadow:0 16px 34px #3f8fff33}.public-slide-visual{background:radial-gradient(circle at 46% 42%,#ffffffdb,#0000 22%),linear-gradient(135deg,#3f8fff,#66d6ff);border:0;border-radius:34px;min-height:430px;box-shadow:0 34px 70px #3f8fff38}.public-slide-visual:before{background:linear-gradient(135deg,#165dff,#33c6ff);border:0;border-radius:999px;width:280px;height:132px;bottom:34px;right:50%;transform:translate(50%);box-shadow:inset 0 -18px #00000014,0 26px 48px #165dff38}.public-slide-visual:after{opacity:1;background:radial-gradient(circle at 38% 38%,#fff 0 7px,#0000 8px),radial-gradient(circle at 62% 38%,#fff 0 7px,#0000 8px),linear-gradient(#ff8a18,#ffb32c);border:10px solid #ffffffdb;border-radius:50%;width:138px;height:138px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.public-slide-visual>span{color:#1677ff;background:#ffffffeb;border-left:0;border-radius:999px;bottom:28px;left:28px}.binary-animation{z-index:3;pointer-events:none;grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:absolute;inset:34px 34px 96px}.binary-animation i{color:#fff;background:#ffffff47;border-radius:18px;place-items:center;min-height:54px;font-size:30px;font-style:normal;font-weight:950;animation:2.8s ease-in-out infinite binaryFloat;display:grid;box-shadow:inset 0 0 0 1px #ffffff42,0 12px 24px #165dff1f}.binary-animation i:nth-child(2n){background:#ff8a1847;animation-delay:.24s}.binary-animation i:nth-child(3n){animation-delay:.48s}.binary-animation i:nth-child(4n){animation-delay:.72s}.binary-equation{z-index:4;color:#13213a;pointer-events:none;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:min(82%,360px);padding:12px 18px;font-size:20px;font-weight:950;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 34px #165dff2e}.binary-equation span,.binary-equation strong{font-family:Consolas,Monaco,Courier New,monospace}.binary-equation span{color:#1677ff;animation:2.4s ease-in-out infinite binaryPulse}.binary-equation b{color:#ff8a18}.binary-equation strong{color:#ff7a18;animation:2.4s ease-in-out infinite binaryResult}@keyframes binaryFloat{0%,to{opacity:.78;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-10px)scale(1.05)}}@keyframes binaryPulse{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes binaryResult{0%,44%{opacity:.66;transform:scale(.96)}58%,to{opacity:1;transform:scale(1)}}@media (width<=760px){.binary-animation{gap:8px;inset:22px 22px 88px}.binary-animation i{border-radius:14px;min-height:42px;font-size:22px}.binary-equation{min-width:min(88%,320px);padding:10px 12px;font-size:16px;bottom:22px}}.public-hero-dots button.active{background:#ff8a18}.public-gallery-head span{color:#1677ff}.public-gallery-head h2{color:#13213a}.public-showcase-card-grid{background:radial-gradient(circle at 90% 88%,#ff8a181f,#0000 24%),linear-gradient(#3f8fff14 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#3f8fff14 1px,#0000 1px) 0 0/40px 40px,linear-gradient(135deg,#eaf5ff,#fff8f0);border-radius:28px}.public-showcase-card-grid:after{border-color:#3f8fff1f}.public-showcase-card-grid article{color:#13213a;background:#ffffffdb;border:1px solid #3f8fff1f;border-radius:22px;min-height:245px;box-shadow:0 16px 34px #3670ca14}.public-showcase-card-grid article:before{background:linear-gradient(90deg,#ff8a18,#3f8fff);height:6px}.public-showcase-card-grid span{color:#6f7f96}.public-showcase-card-grid b{color:#13213a}.public-showcase-card-grid p{color:#52657d}.public-stat-wall{background:radial-gradient(circle at 16% 12%,#ff8a182e,#0000 23%),radial-gradient(circle at 86% 18%,#3f8fff38,#0000 24%),linear-gradient(135deg,#eaf5ff,#fff 58%,#fff6eb);border:0;border-radius:30px;box-shadow:0 22px 54px #3670ca1a}.public-stat-line{opacity:.35;background:linear-gradient(#3f8fff1f 1px,#0000 1px),linear-gradient(90deg,#3f8fff1f 1px,#0000 1px)}.public-stat-grid article{background:#ffffffd1;border:1px solid #3f8fff21;border-radius:22px;box-shadow:0 14px 30px #3670ca14}.public-stat-grid span{color:#52657d}.public-stat-grid strong{color:#1677ff;text-shadow:none}.public-stat-grid b{color:#ff7a18;background:#fff2e3}.public-section{border-color:#3f8fff1f;border-radius:28px}.public-science-section{color:#13213a;background:radial-gradient(circle at 88% 0,#ff8a182e,#0000 26%),linear-gradient(135deg,#f0f8ff,#fff8f0);border:0}.public-science-section h2,.public-science-section .public-science-grid b{color:#13213a}.public-science-section .public-section-head p,.public-science-section .public-science-grid p{color:#52657d}.public-science-grid article{background:#fff;border:1px solid #3f8fff21;border-radius:22px;box-shadow:0 14px 30px #3670ca14}.public-science-grid button{color:#ff7a18;background:#fff2e3}.space-visual{pointer-events:none;opacity:.42;height:760px;position:absolute;inset:76px 0 auto;overflow:hidden}.space-visual:before{content:"";background:radial-gradient(circle at 32% 30%,#ffffffc2,#0000 18%),linear-gradient(135deg,#ffffff75,#ffffff1f);border-radius:0;width:min(46vw,620px);height:min(46vw,520px);position:absolute;top:18vh;left:8vw;box-shadow:inset 0 0 0 2px #ffffff7a,0 28px 72px #7180b424}.space-visual:after{content:"";background:#ffffff8a;border-radius:999px;width:420px;height:118px;position:absolute;bottom:10vh;left:13vw;box-shadow:120px -44px 0 -22px #ffffff70,250px 18px 0 -30px #ffffff6b}.orbit{opacity:.92;background:#fff9;border:0;border-radius:0;position:absolute;box-shadow:0 22px 60px #8198d229}.orbit-one{width:430px;height:118px;top:62vh;left:8vw}.orbit-two{width:300px;height:84px;top:22vh;left:28vw}.orbit-three{width:360px;height:96px;top:34vh;right:12vw}.planet,.star{display:block;position:absolute}.planet{border:4px solid #ffffffe0;border-radius:0;box-shadow:0 18px 36px #7180b42e}.planet-purple{background:linear-gradient(135deg,#a792ff,#f3c4ff);width:118px;height:88px;top:24vh;left:7vw;transform:rotate(-9deg)}.planet-blue{background:linear-gradient(135deg,#73d4ff,#7f9cff);width:96px;height:72px;top:56vh;left:20vw;transform:rotate(8deg)}.planet-green{background:linear-gradient(135deg,#77dfaa,#c8f7da);width:110px;height:78px;top:70vh;left:34vw;transform:rotate(-4deg)}.planet-yellow{background:linear-gradient(135deg,#ffd166,#ff9f3f);width:98px;height:72px;top:20vh;right:10vw;transform:rotate(10deg)}.star{clip-path:polygon(50% 0,62% 35%,100% 35%,69% 58%,80% 100%,50% 76%,20% 100%,31% 58%,0 35%,38% 35%);filter:drop-shadow(0 8px 12px #ff9f3f3d);background:#ffd166;outline:0;width:30px;height:30px}.star-one{top:40vh;left:31vw}.star-two{top:38vh;right:8vw}.star-three{bottom:10vh;left:61vw}.code-planet{background:linear-gradient(135deg,#ffffff75,#0000 45%),linear-gradient(135deg,#6d8ff5,#6fd7ff);border:8px solid #ffffffdb;border-radius:34px;place-items:center;width:250px;height:182px;display:grid;position:absolute;top:38vh;left:25vw;transform:rotate(-10deg);box-shadow:0 24px 50px #6384dc3d}.code-planet:before{content:"";background:#ffffff94;border:0;border-radius:999px;width:164px;height:44px;position:absolute;inset:auto auto -30px 28px;transform:rotate(5deg)}.code-planet span{color:#fff;text-shadow:0 3px 8px #0003;font-size:42px;font-weight:900}.code-planet b{color:#eaffff;font-size:24px;position:absolute;bottom:44px;right:38px}.robot-visual{width:170px;height:150px;position:absolute;top:50vh;left:16vw;transform:rotate(-5deg)}.robot-antenna{background:#ffcf63;border-radius:999px;width:116px;height:26px;position:absolute;top:22px;left:28px;box-shadow:0 8px 16px #ff9f3f2e}.robot-antenna:after{content:"";background:#ffffffbd;border-radius:999px;width:22px;height:6px;position:absolute;top:7px;right:14px}.robot-head{background:linear-gradient(#fff,#f4fbff);border:5px solid #3f4f8f;border-radius:18px 18px 28px 28px;justify-content:center;align-items:center;gap:24px;width:126px;height:78px;display:flex;position:absolute;top:44px;left:22px;box-shadow:0 18px 32px #6384dc2e}.robot-head i{background:#4c5fd7;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 5px #edf2ff}.robot-body{background:#48c99a;border:0;border-radius:999px;width:70px;height:24px;position:absolute;top:112px;left:52px}.robot-arm{background:#3f4f8f;border-radius:8px;width:34px;height:8px;position:absolute;top:112px}.robot-arm.left{left:6px;transform:rotate(-24deg)}.robot-arm.right{right:6px;transform:rotate(24deg)}.code-card{color:#4a5788;background:#ffffffd6;border:2px solid #ffffffdb;border-radius:18px;min-width:112px;padding:11px 16px;font-family:Consolas,monospace;font-weight:800;position:absolute;box-shadow:0 14px 32px #6384dc29}.card-one{top:38vh;left:10vw;transform:rotate(-8deg)}.card-two{top:28vh;left:32vw;transform:rotate(7deg)}.card-three{top:58vh;left:40vw;transform:rotate(-5deg)}.circuit-line{background:linear-gradient(90deg,#0000,#8f7cf852,#0000);border-radius:999px;height:3px;position:absolute}.circuit-line:before,.circuit-line:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:-5px}.circuit-line:before{left:12px}.circuit-line:after{right:12px}.line-one{width:360px;top:68vh;left:8vw;transform:rotate(12deg)}.line-two{width:260px;top:24vh;left:28vw;transform:rotate(-18deg)}.student-header{z-index:20;background:radial-gradient(circle at 8% 0,#ffffff42,#0000 24%),linear-gradient(110deg,#5d72df 0%,#8aa0ff 54%,#8be0ff 100%);align-items:center;gap:clamp(12px,1.5vw,24px);height:96px;padding:0 clamp(18px,2.5vw,48px);display:flex;position:sticky;top:0;box-shadow:0 12px 32px #647ad638}.student-header strong{color:#fff;white-space:nowrap;text-shadow:0 3px 14px #3d429638;flex:240px;width:auto;min-width:190px;max-width:320px;font-size:clamp(22px,1.8vw,30px);line-height:1.1}.student-header nav{background:#ffffff1f;border:1px solid #ffffff38;border-radius:18px;flex:none;align-items:center;gap:8px;max-width:calc(100vw - 420px);padding:7px;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.student-header nav button{color:#ffffffe6;white-space:nowrap;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:104px;min-width:104px;height:48px;font-size:15px;font-weight:700;transition:background .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden}.student-editor-menu{flex:0 0 104px;width:104px;position:relative}.student-header nav .student-editor-toggle{width:100%;min-width:104px}.student-editor-options{z-index:50;background:#fff;border:1px solid #16d7ff47;border-radius:12px;gap:6px;min-width:168px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 40px #10243f38}.student-header nav .student-editor-options button{color:#1c2a3f;background:0 0;border-radius:8px;justify-content:flex-start;width:100%;min-width:0;height:38px;padding:0 12px;font-size:14px}.student-header nav .student-editor-options button:hover{color:#0f5fb8;box-shadow:none;background:#ecfbff;transform:none}.student-header nav .student-editor-options button:after{display:none}.student-header nav button:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--orange));opacity:0;border-radius:999px;width:0;height:3px;transition:width .18s,opacity .18s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.student-header nav button:hover{color:#fff;background:#ffffff2e;transform:translateY(-1px);box-shadow:0 10px 20px #16d7ff29}.student-header nav button.active{color:#0f5fb8;background:#fff;box-shadow:0 12px 24px #16d7ff33}.student-header nav button.active:after{opacity:1;width:44px}.student-header nav button span{z-index:1;position:relative}.student-nav-icon{z-index:1;width:20px;height:20px;transition:transform .18s;position:relative}.student-header nav button:hover .student-nav-icon,.student-header nav button.active .student-nav-icon{transform:translateY(-1px)scale(1.08)}.student-userbar{justify-content:flex-end;align-items:center;gap:14px;min-width:220px;margin-left:auto;display:inline-flex}.student-userbar button{color:#fff;background:linear-gradient(135deg,#20c98b,#16a5ff)}.student-userbar span{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:800;overflow:hidden}.student-main{background-color:#0000;background-image:linear-gradient(#2776ff06 1px,#0000 1px),linear-gradient(90deg,#2776ff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;margin:0;padding:24px 48px 56px}.breadcrumb{margin:0 0 18px}.student-welcome{background:radial-gradient(circle at 86% 22%,#ffd16657,#0000 18%),radial-gradient(circle at 76% 84%,#8f7cf829,#0000 20%),linear-gradient(135deg,#fff8e8 0%,#eef8ff 58%,#f7f2ff 100%);border:1px solid #ffffffc7;border-radius:26px;justify-content:space-between;align-items:center;gap:24px;min-height:190px;margin-bottom:18px;padding:32px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 52px #7180b429}.student-welcome:after{content:"{ }";color:#fff;background:linear-gradient(135deg,#8aa0ff,#77d4ff);border:4px solid #ffffffdb;border-radius:22px;place-items:center;width:78px;height:62px;font-weight:900;display:grid;position:absolute;top:28px;right:160px;transform:rotate(8deg);box-shadow:0 16px 28px #5c71d02e}.student-welcome:before{content:"";background:#ffffffad;border-radius:999px;width:128px;height:42px;position:absolute;bottom:24px;right:62px;box-shadow:-86px -18px 0 -10px #ffffff94}.student-welcome span{min-height:28px;color:var(--orange-dark);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #ff9f3f1f}.student-welcome h1{margin:14px 0 8px;font-size:34px;line-height:1.2}.student-welcome p,.student-section-head p{color:#6c7688;margin:0}.student-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.student-metrics button{cursor:pointer;background:linear-gradient(135deg,#8f7cf814,#0000 48%),#fff;border:1px solid #e8edf5;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;min-height:116px;padding:18px 20px;font-size:20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 12px 26px #1a2b4a12}.student-metrics button:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 16px 30px #2776ff24}.student-metrics b{color:#253247}.student-metrics strong{color:#0f74d8;font-size:34px;line-height:1}.student-metrics button:nth-child(2) strong,.student-metrics button:nth-child(2) b{color:#ee5253}.student-card{background:#fff;border:1px solid #e8edf5;border-radius:20px;padding:24px;box-shadow:0 16px 34px #7180b41a}.student-card h2{text-align:left;margin:0;font-size:26px}.student-section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.student-section-head>div{gap:6px;display:grid}.student-count-pill{color:#0f5fb8;background:#e9f8ff;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-weight:800;display:inline-flex}.student-empty-panel{color:#6c7688;background:linear-gradient(135deg,#4a90e214,#0000 46%),#fbfcff;border:1px dashed #cfd8e6;border-radius:12px;align-content:center;place-items:center;gap:8px;min-height:160px;display:grid}.student-empty-panel strong{color:#253247;font-size:20px}.student-empty-panel p{margin:0}.wrong-question-list{gap:14px;display:grid}.wrong-question-card{background:#fffaf2;border:1px solid #ffe0c2;border-radius:12px;gap:14px;padding:20px 22px;transition:box-shadow .18s,transform .18s;display:grid}.wrong-question-card:hover{transform:translateY(-1px);box-shadow:0 14px 26px #df5f001f}.wrong-question-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wrong-question-card span{min-height:28px;color:var(--orange-dark);background:#fff;border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.wrong-question-card strong{font-size:17px}.wrong-question-card h3{color:#111827;margin:0;font-size:19px;line-height:1.5}.wrong-question-card p{color:#253247;margin:0}.wrong-question-image,.wrong-question-option img{background:#fff;border:1px solid #e5e9f0;border-radius:8px;max-width:min(100%,520px);height:auto;display:block}.wrong-question-options{gap:10px;display:grid}.wrong-question-option{background:#fff;border:1px solid #f0e5d6;border-radius:10px;gap:10px;padding:12px 14px;display:grid}.wrong-answer-row{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:28px;margin-top:2px;padding:12px 14px;display:flex}.wrong-answer-row b{color:var(--orange-dark)}.suggestion-box-card{background:linear-gradient(#2776ff09 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#2776ff09 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 95% 0,#16d7ff29,#0000 26%),radial-gradient(circle at 4% 100%,#ff8a1f1f,#0000 28%),#fff;margin-bottom:18px}.suggestion-hero{align-items:center;gap:18px;display:flex}.suggestion-hero h2{margin:0 0 6px}.suggestion-hero p{color:#5d6b82;margin:0}.suggestion-mascot{background:linear-gradient(145deg,#eaf9ff,#fff7ed);border:3px solid #16d7ff8c;border-radius:22px;place-items:center;width:82px;height:82px;display:grid;position:relative;transform:rotate(-3deg)}.suggestion-face{background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:14px;justify-content:center;align-items:center;gap:8px;width:48px;height:34px;display:flex}.suggestion-face i{background:#fff;border-radius:50%;width:8px;height:8px}.suggestion-mascot b{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-10px;right:-7px}.suggestion-mood-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.suggestion-mood-row button{color:#253247;cursor:pointer;background:#fff;border:1px solid #c8d9ee;border-radius:999px;min-height:38px;padding:0 14px;font-weight:800}.suggestion-mood-row button.active{border-color:var(--cyan);color:#0f5fb8;box-shadow:0 8px 18px var(--glow-cyan);background:linear-gradient(#ecfbff,#f6fbff)}.suggestion-mood-row b{margin-right:7px}.suggestion-textarea{resize:vertical;width:100%;min-height:150px;font:inherit;border:1px solid #c8d9ee;border-radius:12px;margin-top:14px;padding:14px;line-height:1.6}.suggestion-textarea:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px #16d7ff24}.suggestion-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:12px;display:flex}.student-suggestion-list,.suggestion-admin-list{gap:12px;display:grid}.student-suggestion-card,.suggestion-admin-card{background:linear-gradient(135deg,#16d7ff0a,#0000 42%),#fbfcff;border:1px solid #dbe8f7;border-radius:12px;gap:8px;padding:16px;transition:transform .16s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 8px 20px #12233b0a}.student-suggestion-card span,.suggestion-admin-card em{color:#0f5fb8;background:#e9f8ff;border-radius:999px;width:fit-content;padding:4px 10px;font-size:13px;font-style:normal;font-weight:800}.student-suggestion-card.done,.suggestion-admin-card.done{background:linear-gradient(135deg,#22c58b0f,#0000 44%),#f4fff7;border-color:#bde7cb}.student-suggestion-card:hover,.suggestion-admin-card:hover{border-color:#16d7ff8c;transform:translateY(-2px);box-shadow:0 14px 28px #2776ff1c}.student-suggestion-card.done span,.suggestion-admin-card.done em{color:#11784d;background:#e9fff4}.student-suggestion-card p,.suggestion-admin-card p{color:#253247;margin:0;line-height:1.6}.student-suggestion-card small,.suggestion-admin-card small{color:#7b8798}.suggestion-reply-box{background:#edfff7;border:1px solid #bdebd8;border-radius:14px;gap:6px;padding:12px 14px;display:grid}.suggestion-reply-box strong{color:#13875f;font-size:13px}.suggestion-reply-box p{color:#182235}.suggestion-reply-box.student-side{background:#f7fbff;border-color:#d7e4f3}.suggestion-reply-box.student-side strong{color:#0f5fb8}.suggestion-reply-editor{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.suggestion-reply-editor textarea{resize:vertical;min-height:76px;font:inherit;border:1px solid #d7e4f3;border-radius:14px;outline:none;padding:10px 12px}.suggestion-reply-editor textarea:focus{border-color:#48c99a;box-shadow:0 0 0 3px #48c99a24}.suggestion-admin-stats{flex-wrap:wrap;gap:10px;display:flex}.suggestion-admin-stats span{color:#0f5fb8;background:#e9f8ff;border-radius:999px;padding:7px 12px;font-weight:800}.suggestion-admin-stats .suggestion-admin-new-count{color:#d60000;background:#fff3f3}.suggestion-admin-card>div,.suggestion-admin-card footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.suggestion-admin-card>div span{color:#6b7280}.suggestion-admin-card footer>div{gap:8px;display:flex}.suggestion-card-actions{justify-content:flex-end;display:flex}.empty-note{text-align:center;color:#777}.homework-shell{background:radial-gradient(circle at 90% 8%,#4a90e224,#0000 24%),#f4f7fb;grid-template-columns:300px minmax(0,1fr);gap:24px;width:100%;margin:0;padding:28px 42px 60px;display:grid}.homework-nav{background:#fff;border:1px solid #e0e7f1;border-radius:16px;align-self:start;padding:18px;position:sticky;top:118px;box-shadow:0 16px 34px #1a2b4a14}.close-btn{color:#253247;background:#f8fbff;border:1px solid #d7e1ef;border-radius:10px;width:100%;min-height:38px;margin-bottom:14px;font-weight:800}.close-btn:before{content:"返回作业库"}.close-btn{font-size:0}.close-btn:before{font-size:14px}.student-profile{place-items:center;gap:6px;margin-bottom:18px;display:grid}.avatar{color:#fff;background:#ffb22c;border-radius:50%;place-items:center;width:68px;height:68px;font-size:30px;font-weight:900;display:grid}.homework-progress{background:#f8fbff;border-radius:12px;gap:6px;margin:4px 0 18px;padding:14px;display:grid;position:relative;overflow:hidden}.homework-progress strong{color:var(--orange-dark);font-size:24px}.homework-progress span{color:#6c7688}.homework-progress i{background:linear-gradient(90deg,#ff820f,#38b77b);border-radius:999px;height:6px;transition:width .18s;display:block}.question-nav{margin:18px 0}.question-nav strong{color:#17233d;display:block;font-size:15px;font-weight:900}.question-nav div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.question-nav button{color:#7d8795;background:#fafafa;border:1px solid #d6dce5;border-radius:3px;width:34px;height:34px;padding:0;font-weight:500;transition:background .16s,color .16s,transform .16s,box-shadow .16s}.question-nav.question-nav-typed button{width:34px;height:34px;display:grid;place-items:center;padding:0;line-height:1}.question-nav button.answered{color:#fff;background:#6289c8;border-color:#6289c8;box-shadow:0 8px 14px #6289c82e}.question-nav button.review-correct{color:#fff;background:#6289c8;border-color:#4f83d1;box-shadow:0 8px 14px #6289c833}.question-nav button.review-wrong{color:#fff;background:#f2323c;border-color:#f2555f;box-shadow:0 8px 14px #f2323c2e}.question-nav button.pending-review{color:#8a5a00;background:#fff4dc;border-color:#d9b16a}.question-nav button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1a2b4a1f}.submit-btn{background:var(--orange);color:#fff;border:0;border-radius:12px;width:100%;min-height:46px;margin:24px auto;font-weight:900;display:block;box-shadow:0 12px 20px #df5f0033}.legend{gap:10px;display:grid}.legend span{align-items:center;gap:10px;display:flex}.legend i{background:#fff;border:1px solid #ddd;width:16px;height:16px}.legend .blue{background:#6289c8}.legend .green{background:#3dbb82}.legend .red{background:#f2323c}.legend .gold{background:#d9b16a}.homework-content{min-width:0;padding:0 0 40px}.homework-title-card{background:#fff;border:1px solid #e0e7f1;border-radius:16px;margin-bottom:18px;padding:24px 28px;box-shadow:0 16px 34px #1a2b4a12}.homework-title-card h1{margin:12px 0 8px;font-size:32px;line-height:1.25}.homework-title-card p{color:#6c7688;margin:0}.homework-score-summary{color:#7a3c00;background:#fff4dc;border-radius:999px;width:fit-content;margin-top:14px;padding:10px 14px;font-weight:800}.homework-score-summary b{color:var(--orange-dark);font-size:20px}.homework-score-summary span{color:#8a5a00;margin-left:12px;font-weight:700}.homework-group{color:#fff;background:linear-gradient(90deg,#253247,#516782);border-radius:12px;margin:20px 0 14px;padding:13px 18px;font-weight:900}.homework-group p{color:#ffffffd1;margin:6px 0 0;font-size:14px;font-weight:600;line-height:1.45}.question-render,.coding-question{background:#fff;border:1px solid #e0e7f1;border-radius:14px;gap:14px;margin-bottom:14px;padding:22px 24px;scroll-margin-top:24px;display:grid;box-shadow:0 12px 26px #1a2b4a0f}.question-render.answered,.coding-question.answered{border-color:#b7e4cd;box-shadow:0 12px 26px #38b77b1a}.question-render.review-correct,.coding-question.review-correct{background:#f3f7ff;border-color:#80a8e6;box-shadow:0 12px 26px #6289c824}.question-render.review-wrong,.coding-question.review-wrong{background:snow;border-color:#ffb3b3;box-shadow:0 12px 26px #f2323c1f}.coding-question.pending-review{background:#fffaf0;border-color:#d9b16a}.question-render-head,.coding-question-head{justify-content:space-between;gap:18px;display:flex}.question-render-head p,.coding-question>p,.coding-question-head p{color:#111827;margin:0;font-size:18px;font-weight:800;line-height:1.5}.question-render-head span,.question-status-pill{min-height:30px;color:var(--orange-dark);white-space:nowrap;background:#fff4dc;border-radius:999px;align-items:center;padding:0 12px;font-weight:800;display:inline-flex}.question-render label{cursor:pointer;background:#fbfcff;border:1px solid #e0e7f1;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:10px;min-height:48px;padding:12px 14px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid}.question-render label:hover{background:#fffaf2;border-color:#ffbf7a;transform:translateY(-1px);box-shadow:0 8px 18px #df5f0014}.question-render label.selected{background:#fff4dc;border-color:#ffbf7a}.question-render label.correct-option{color:#234f93;background:#eef5ff;border-color:#80a8e6}.question-render label.wrong-option{color:#b42323;background:#fff0f0;border-color:#ff9d9d}.answer-review-box{color:#203047;border-radius:10px;gap:6px;margin-top:14px;padding:12px 14px;font-weight:700;display:grid}.answer-review-box.correct{background:#eef5ff;border:1px solid #a9c7f3}.answer-review-box.wrong{background:#fff1f1;border:1px solid #ffc3c3}.answer-review-box strong{color:#285ea8}.answer-review-box.wrong strong{color:#c93535}.answer-review-box p{color:#4b5a70;margin:2px 0 0;font-weight:600;line-height:1.55}.question-render label input{margin-top:4px}.question-render label span{line-height:1.5}.saved-code-note{color:#13754b;background:#f0fff7;border:1px solid #bfe5d2;border-radius:10px;width:fit-content;max-width:100%;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.5}.saved-code-note.muted{color:#64748b;background:#f7faff;border-color:#dbe4ef;font-weight:600}.question-render input[type=text],.question-render>input,.blank-answer-input{border:1px solid #ccd6e6;border-radius:10px;width:min(100%,520px);height:42px;padding:0 12px}.question-render input:disabled{color:#253247;opacity:1;cursor:default}.question-content-image,.question-option-image{background:#fff;border:1px solid #e5e9f0;border-radius:10px;max-width:min(100%,520px);height:auto;display:block}.question-option-image{grid-column:2}.blue-desc{border-left:4px solid var(--blue);background:#e9f4ff;border-radius:10px;gap:8px;padding:18px 22px;display:grid}.code-page{background:#edf3fb;grid-template-rows:72px 1fr;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.code-page header{background:linear-gradient(90deg,#fff,#fff7e8);border-bottom:1px solid #dfe7f2;grid-column:1/-1;align-items:center;gap:12px;padding:0 24px 0 32px;display:flex;box-shadow:0 10px 28px #1b2a4414}.code-page header strong{color:#ff6400;white-space:nowrap;font-size:24px}.code-save-state{gap:3px;margin-right:auto;display:grid}.code-save-state b{color:#12233b;font-size:16px}.code-save-state span{color:#64748b;font-size:13px}.code-page aside,.scratch-page aside{background:#fff;border-right:1px solid #dbe6f4;padding:22px;overflow:auto}.code-page aside h3{color:#111827;margin:8px 0 16px;font-size:20px;line-height:1.45}.code-page aside strong{margin:18px 0 8px;display:block}.code-page aside p{color:#465266;white-space:pre-wrap;margin:0;line-height:1.7}.code-question-meta{flex-wrap:wrap;gap:8px;display:flex}.code-question-meta span{color:var(--orange-dark);background:#fff4dc;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.editor-note{color:#16784f;background:#f0fff7;border:1px solid #cfe8d8;border-radius:12px;margin-top:18px;padding:12px 14px;line-height:1.6}.back-link{color:#1677ff;background:0 0;border:0;margin-bottom:12px}.code-page main{grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-width:0;padding:16px;display:grid}.code-editor,.run-panels>div{color:#fff;background:#2c2f40;border:1px solid #1f2937;border-radius:12px;overflow:hidden;box-shadow:0 18px 36px #17253a29}.code-editor{grid-template-rows:54px 1fr;min-height:calc(100vh - 104px);display:grid}.editor-toolbar{background:#20283a;border-bottom:1px solid #38445a;align-items:center;gap:10px;height:54px;padding:0 14px;display:flex}.editor-toolbar span{color:#a8b3c7;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.editor-toolbar button{cursor:pointer;border:0;border-radius:8px;min-height:34px;padding:0 12px;transition:transform .15s,box-shadow .15s,background .15s}.editor-toolbar button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000038}.editor-toolbar button.active{background:var(--orange);color:#fff}.run-panels textarea{resize:none;color:#e8edf7;background:#111827;border:0;outline:none;width:100%;height:calc(100vh - 170px);padding:16px 20px;font-family:Consolas,Courier New,monospace;font-size:15px;line-height:1.55}.monaco-shell{background:#1e1e1e;height:calc(100vh - 158px);min-height:0}.run-panels{grid-template-rows:1fr 1fr;gap:16px;min-width:0;display:grid}.run-panels h3{color:#fff;background:#3b3e50;height:48px;margin:0;padding:12px 18px}.run-panels h3 button{float:right;cursor:pointer;border:0;border-radius:7px;min-height:30px;padding:0 10px}.run-panels textarea{height:calc(50vh - 92px)}.scratch-page{background:#edf4ff;grid-template-columns:390px 1fr;min-height:100vh;display:grid}.scratch-card{color:#777;text-align:center;border:2px solid #dce9ff;border-radius:4px;align-content:center;place-items:center;gap:8px;height:250px;margin-top:18px;padding:18px;display:grid}.scratch-card b,.scratch-card span,.scratch-card small{display:block}.scratch-card b{color:#12233b;font-size:18px}.scratch-card span{color:#465266;line-height:1.6}.scratch-card small{color:#8a95a7;line-height:1.5}.scratch-page main{min-width:0}.scratch-page main header{color:#fff;background:#438ff2;align-items:center;gap:18px;height:48px;padding:0 14px;display:flex}.scratch-page main header button{color:#fff;cursor:pointer;background:0 0;border:0;transition:transform .15s}.scratch-page main header button:hover{transform:translateY(-1px)}.scratch-run-btn{border-radius:999px;min-height:32px;padding:0 14px;font-weight:800;background:#20b96d!important}.scratch-page main header input{border:0;border-radius:3px;height:32px;padding:0 12px}.scratch-page main header span{margin-left:auto}.scratch-workspace{grid-template-columns:62px 250px 1fr 480px;gap:4px;height:calc(100vh - 48px);padding:8px;display:grid}.scratch-workspace.real{grid-template-columns:minmax(0,1fr) 420px;gap:12px;padding:12px}.blockly-canvas{background:#fff;border-radius:12px;min-width:0;height:calc(100vh - 72px);overflow:hidden;box-shadow:0 16px 32px #22487c1f}.block-cats,.blocks,.canvas-area,.stage-area{background:#fff;border-radius:7px;overflow:auto}.block-cats{flex-direction:column;align-items:center;gap:14px;padding:10px 4px;display:flex}.block-cats span{font-size:12px}.blocks{padding:18px 8px}.blocks button{color:#fff;background:#4c97ff;border:0;border-radius:8px;width:100%;min-height:38px;margin-bottom:12px;font-weight:800;display:block}.canvas-area{color:#9aa8bd;background-image:linear-gradient(#f2f5fb 1px,#0000 1px),linear-gradient(90deg,#f2f5fb 1px,#0000 1px);background-size:24px 24px;place-items:center;display:grid}.stage-area{background:#e8f1ff;grid-template-rows:42px 360px 1fr;gap:8px;padding:8px;display:grid}.scratch-workspace.real .stage-area{border-radius:12px;grid-template-rows:42px 280px 70px 1fr;min-width:0;box-shadow:0 16px 32px #22487c1f}.stage-controls,.stage-cat,.sprite-panel{background:#fff;border-radius:6px}.stage-controls{justify-content:flex-end;gap:8px;padding:10px;display:flex}.stage-controls button{cursor:pointer;background:#edf2f8;border:0;border-radius:8px;min-height:32px;padding:0 12px}.stage-cat{color:#777;place-items:center;font-size:24px;display:grid}.stage-preview{background:linear-gradient(#e8f7ff,#fffdf7);border:1px solid #dbe6f5;border-radius:14px;position:relative;overflow:hidden}.stage-grid{background-image:linear-gradient(#438ff214 1px,#0000 1px),linear-gradient(90deg,#438ff214 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.stage-sprite{color:#fff;background:linear-gradient(135deg,#ffcf54,#ff7a18);border:3px solid #ff8a18;border-radius:18px 18px 16px 16px;place-items:center;width:54px;height:54px;font-size:28px;font-weight:1000;transition:left .26s,top .26s,transform .26s;display:grid;position:absolute;box-shadow:0 12px 24px #ff7b1847}.sprite-bubble{z-index:2;color:#111827;background:#fff;border:1px solid #cad7e9;border-radius:12px;max-width:160px;padding:8px 10px;font-weight:800;position:absolute;box-shadow:0 8px 18px #1e2d461f}.sprite-panel{color:#384253;border:1px solid #e0e7f1;align-items:center;gap:12px;padding:18px;display:flex;overflow-x:auto}.generated-block-code{color:#d7e1f3;white-space:pre-wrap;background:#111827;border-radius:10px;margin:0;padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.5;overflow:auto}.scratch3-page{background:#f0f4fb;grid-template-rows:58px 1fr;min-height:100vh;display:grid}.scratch3-topbar{z-index:5;background:#fff;border-bottom:1px solid #dbe5f3;align-items:center;gap:14px;padding:0 18px;display:flex;position:relative;box-shadow:0 10px 24px #1a2b4a14}.scratch3-topbar div{gap:2px;margin-right:auto;display:grid}.scratch3-topbar strong{color:#111827;font-size:17px}.scratch3-topbar span{color:#6b7280;font-size:13px}.scratch3-shell{min-width:0;min-height:0;position:relative}.scratch3-mount{height:calc(100vh - 58px);min-height:0;overflow:hidden}.scratch3-mount>div{height:100%}.scratch3-mount button[aria-label=Debug]{display:none!important}.scratch3-loading{z-index:10;color:#1f2a3d;background:linear-gradient(135deg,#e8f7ff,#fff6e8);place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;inset:0}.course-page-subtitle{color:var(--muted);margin:-10px 0 14px 14px}.course-center-v2{background:linear-gradient(#fffffff5,#f8fcfffa)}.course-studio-hero{background:linear-gradient(135deg,#eef9ff 0%,#fff8e8 52%,#f7f4ff 100%);border:1px solid #7895ff38;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;min-height:150px;margin-bottom:18px;padding:24px 28px;display:flex;box-shadow:0 18px 38px #2776ff17}.course-studio-hero span,.course-quick-head span{width:fit-content;min-height:28px;color:var(--orange-dark);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.course-studio-hero h2{margin:12px 0 8px;font-size:30px}.course-studio-hero p{color:#64748b;margin:0}.course-studio-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.course-studio-layout{grid-template-columns:230px minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.course-system-panel,.course-board-panel,.course-quick-panel{background:#fff;border:1px solid #dbe8f7;border-radius:20px;box-shadow:0 16px 34px #12233b0f}.course-system-panel{gap:10px;padding:14px;display:grid}.course-system-panel>button{color:#253247;text-align:left;background:#fbfdff;border:1px solid #d9e7f7;border-radius:16px;gap:5px;min-height:72px;padding:12px;display:grid}.course-system-panel>button.active{box-shadow:inset 5px 0 0 var(--cyan), 0 12px 24px #2776ff1f;background:linear-gradient(135deg,#ecfbff,#fff8e8);border-color:#16a5ffb8}.course-system-panel>button b{font-size:16px}.course-system-panel>button span{color:#64748b;font-size:13px}.course-system-lessons{gap:6px;padding-left:10px;display:grid}.course-system-lessons button{color:#1c2a3f;text-align:left;cursor:pointer;background:#fbfdff;border:1px solid #dbe8f7;border-radius:12px;grid-template-columns:minmax(70px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.course-system-lessons button.active{background:#edfff7;border-color:#48c99a;box-shadow:inset 4px 0 #48c99a}.course-system-lessons span{color:#64748b;white-space:nowrap;min-width:62px;font-size:12px}.course-system-lessons b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.course-board-panel{padding:16px}.course-board-head{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-bottom:14px;display:flex}.course-board-head>div{gap:4px;display:grid}.course-board-head strong{font-size:20px}.course-board-head span{color:#64748b}.course-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.course-pagination-controls label{color:#64748b;background:#fbfdff;border:1px solid #dbe8f7;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.course-pagination-controls select{color:#1c2a3f;background:0 0;border:0;outline:0;height:28px;font-weight:900}.course-pagination-controls button{color:#0f5fb8;cursor:pointer;background:#fff;border:1px solid #dbe8f7;border-radius:999px;min-height:34px;padding:0 12px;font-weight:900}.course-pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.course-pagination-controls>span{text-align:center;color:#64748b;min-width:42px;font-weight:900}.course-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.course-lesson-card{background:linear-gradient(135deg,#16d7ff0d,#0000 44%),#fbfdff;border:1px solid #dbe8f7;border-radius:18px;align-content:space-between;gap:12px;min-height:190px;padding:16px;transition:transform .16s,box-shadow .18s,border-color .18s;display:grid}.course-lesson-card:hover,.course-lesson-card.active{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 16px 30px #2776ff1f}.course-lesson-main{text-align:left;background:0 0;border:0;gap:7px;padding:0;display:grid}.course-lesson-main span,.course-lesson-meta span{color:#0f5fb8;font-size:13px;font-weight:800}.course-lesson-main h3{color:#132238;margin:0;font-size:19px;line-height:1.35}.course-lesson-main p{color:#64748b;min-height:40px;margin:0;line-height:1.55}.course-lesson-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.course-lesson-meta span,.course-lesson-meta b{background:#edf8ff;border-radius:999px;padding:5px 9px;font-size:12px}.course-lesson-meta b{color:var(--orange-dark);background:#fff3df}.course-lesson-card footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.course-lesson-card footer a{color:#0f5fb8;background:linear-gradient(135deg,#e8f7ff,#fff8e8);border-radius:999px;min-height:34px;padding:7px 13px;font-weight:800;text-decoration:none}.course-quick-panel{gap:14px;padding:18px;display:grid;position:sticky;top:86px}.course-quick-head{gap:8px;display:grid}.course-quick-head strong{font-size:22px}.course-quick-field,.course-directory-row label{color:#26344d;gap:7px;font-weight:800;display:grid}.course-quick-field input,.course-quick-field textarea,.course-directory-row input,.course-directory-row select{background:#fbfdff;border:1px solid #cddbed;border-radius:13px;outline:0;width:100%;min-height:42px;padding:9px 12px}.course-quick-field textarea{resize:vertical;min-height:86px}.course-directory-row{grid-template-columns:1fr 1fr minmax(112px,.8fr);gap:10px;display:grid}.course-upload-drop{text-align:center;cursor:pointer;background:linear-gradient(135deg,#f2fbff,#fffaf0);border:2px dashed #aad3f2;border-radius:18px;align-content:center;place-items:center;gap:8px;min-height:118px;padding:18px;display:grid}.course-upload-drop input{display:none}.course-upload-drop b{color:#0f5fb8;font-size:17px}.course-upload-drop span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.course-upload-drop.filled{background:#edfff7;border-color:#48c99a}.course-upload-message{color:#0f5fb8;background:#f2fbff;border:1px solid #dbe8f7;border-radius:12px;min-height:38px;padding:9px 12px;font-weight:800}.course-advanced-panel{background:#f8fbff;border:1px solid #dbe8f7;border-radius:16px;padding:12px}.course-advanced-panel summary{cursor:pointer;color:#132238;font-weight:900}.course-advanced-panel[open] summary{margin-bottom:12px}.material-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.material-kit-grid button{text-align:left;background:#fbfdff;border:1px solid #d9e7f7;border-radius:14px;gap:5px;min-height:70px;padding:12px;display:grid}.material-kit-grid button.active{border-color:var(--cyan);box-shadow:inset 4px 0 0 var(--cyan);background:#eefaff}.material-kit-grid span{color:#64748b;font-size:13px}.course-resource-add.compact{grid-template-columns:1fr 110px 1fr auto}.course-resource-content.compact{min-height:70px}.course-resource-list.compact{max-height:320px;overflow:auto}.course-task-picker{margin-top:14px}.course-task-list.compact{grid-template-columns:1fr}.course-empty-large{color:#64748b;text-align:center;background:#fbfdff;border:1px dashed #c8d9ee;border-radius:18px;place-items:center;min-height:260px;display:grid}.course-admin-layout{grid-template-columns:220px minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.course-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.course-type-tabs button{color:#253247;text-align:left;background:linear-gradient(135deg,#16d7ff0d,#0000 48%),#fff;border:1px solid #d9e7f7;border-radius:18px;gap:5px;min-height:78px;padding:15px 18px;display:grid;box-shadow:0 12px 26px #12233b0d}.course-type-tabs button.active{box-shadow:inset 5px 0 0 var(--cyan), 0 16px 30px #2776ff1f;background:linear-gradient(135deg,#ecfbff,#fff8e8);border-color:#16a5ffb8}.course-type-tabs b{font-size:18px}.course-type-tabs span{color:#6c7688}.course-catalog-panel,.course-editor-panel,.course-list-panel{background:linear-gradient(135deg,#16d7ff0d,#0000 46%),#fff;border:1px solid #dbe8f7;border-radius:18px;box-shadow:0 16px 34px #12233b0f}.course-catalog-panel,.course-list-panel{gap:10px;padding:14px;display:grid}.course-catalog-head{justify-content:space-between;align-items:center;gap:10px;padding:4px 4px 10px;display:flex}.course-catalog-head strong{font-size:17px}.course-catalog-head span{color:#0f5fb8;background:#edf8ff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.course-catalog-panel>button,.course-task-list button,.student-course-catalog button{color:#253247;text-align:left;background:#fbfdff;border:1px solid #d9e7f7;border-radius:14px}.course-catalog-panel>button{gap:5px;min-height:70px;padding:12px;display:grid}.course-catalog-panel>button.active,.student-course-group>button.active{background:linear-gradient(135deg,#ecfbff,#fff8e8);border-color:#16a5ffb8;box-shadow:0 12px 24px #2776ff1f}.course-catalog-panel b,.course-list-main b,.student-course-catalog b{font-size:15px}.course-catalog-panel span,.course-list-main span,.student-course-catalog span{color:#6c7688;font-size:13px}.course-editor-panel{padding:18px}.course-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.course-form-grid label{color:#26344d;gap:7px;font-weight:800;display:grid}.course-form-grid input,.course-form-grid textarea,.course-section-head input,.course-resource-add input,.course-resource-add select,.course-resource-content{background:#fbfdff;border:1px solid #cddbed;border-radius:12px;outline:0;width:100%;min-height:40px;padding:9px 12px}.course-form-grid input:focus,.course-form-grid textarea:focus,.course-section-head input:focus,.course-resource-add input:focus,.course-resource-add select:focus,.course-resource-content:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #16d7ff21}.course-form-wide{grid-column:1/-1}.course-form-grid textarea,.course-resource-content{resize:vertical;min-height:88px}.course-section-box{background:#f8fbff;border:1px solid #e0e9f5;border-radius:16px;margin-top:16px;padding:16px}.course-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.course-section-head strong{font-size:17px}.course-file-import{color:#0f5fb8;cursor:pointer;background:#fff;border:1px solid #cbdcf0;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.course-file-import input{display:none}.course-resource-add{grid-template-columns:1.1fr 110px 1.6fr auto;gap:10px;margin-bottom:10px;display:grid}.course-resource-list,.course-selected-tasks,.course-task-list{gap:10px;margin-top:12px;display:grid}.course-resource-list article{background:#fff;border:1px solid #d9e7f7;border-radius:12px;gap:10px;padding:12px;display:grid}.course-resource-list article>div:first-child,.student-course-resources article>div:first-child{gap:3px;display:grid}.course-resource-actions{align-items:center;gap:8px;display:flex}.course-resource-actions a,.student-course-resources a,.course-video-link{color:#0f5fb8;background:linear-gradient(135deg,#e8f7ff,#fff8e8);border-radius:999px;width:fit-content;min-height:34px;padding:7px 13px;font-weight:800;text-decoration:none}.course-resource-list pre,.student-course-resources pre{color:#d7f8ff;white-space:pre-wrap;background:#101827;border-radius:10px;max-height:220px;margin:0;padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.55;overflow:auto}.course-selected-tasks{flex-wrap:wrap;display:flex}.course-selected-tasks button{color:#11784d;background:#e9fff4;border:0;border-radius:999px;min-height:32px;font-weight:800}.course-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}.course-task-list button{gap:5px;min-height:70px;padding:12px;display:grid}.course-task-list button.selected{background:#edfff7;border-color:#48c99a;box-shadow:inset 4px 0 #48c99a}.course-list-panel article{background:#fbfdff;border:1px solid #dbe8f7;border-radius:14px;gap:10px;padding:10px;display:grid}.course-list-panel article.active{border-color:var(--cyan);background:#f0fbff;box-shadow:0 12px 24px #16d7ff1f}.course-list-main{text-align:left;background:0 0;border:0;gap:5px;padding:0;display:grid}.course-list-panel article>div{justify-content:flex-end;gap:8px;display:flex}.course-empty-small{color:#6c7688;text-align:center;background:#fbfdff;border:1px dashed #c8d9ee;border-radius:12px;padding:14px}.student-course-main{gap:18px;display:grid}.student-course-hero{background:radial-gradient(circle at 86% 24%,#ffcb5961,#0000 22%),linear-gradient(135deg,#eaf9ff 0%,#fff8e8 48%,#f5f2ff 100%);border:1px solid #ffffffc7;border-radius:26px;justify-content:space-between;align-items:center;gap:24px;min-height:170px;padding:28px 34px;display:flex;box-shadow:0 22px 52px #7180b424}.student-course-hero span{min-height:28px;color:var(--orange-dark);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.student-course-hero h1{margin:12px 0 8px;font-size:30px}.student-course-hero p{color:#6c7688;margin:0}.student-course-hero strong{color:#fff;background:linear-gradient(135deg,#65d7ff,#6d8ff5);border-radius:28px;place-items:center;min-width:104px;height:104px;font-size:20px;display:grid;box-shadow:0 18px 30px #5c8df638}.student-course-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.student-course-catalog,.student-course-detail{background:#fff;border:1px solid #dbe8f7;border-radius:20px;box-shadow:0 16px 34px #12233b0f}.student-course-catalog{gap:12px;padding:14px;display:grid;position:sticky;top:92px}.student-course-picker-block{gap:10px;display:grid}.student-course-picker-block>strong{color:#182235;font-size:14px}.student-course-category-grid{gap:8px;display:grid}.student-course-category-grid button{text-align:left;background:linear-gradient(135deg,#ff893414,#0000 50%),#fbfdff;border:1px solid #dbe8f7;border-radius:16px;gap:4px;min-height:62px;padding:12px;display:grid}.student-course-category-grid button.active{background:#fff7ec;border-color:#ff8a24;box-shadow:inset 4px 0 #ff8a24,0 12px 22px #ff8a2424}.student-course-category-grid span{color:#6c7688;font-size:12px}.student-course-group{gap:8px;display:grid}.student-course-group>button{gap:4px;min-height:66px;padding:12px;display:grid}.student-course-lessons{gap:6px;padding-left:10px;display:grid}.student-course-lessons button{border-radius:12px;grid-template-columns:minmax(76px,auto) minmax(0,1fr);align-items:center;gap:12px;min-height:46px;padding:8px 10px;display:grid}.student-course-lessons .student-course-lesson-no{color:#6c7688;white-space:nowrap;min-width:64px;font-size:13px;line-height:1.2}.student-course-lessons b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.student-course-lessons button.active{background:#edfff7;border-color:#48c99a;box-shadow:inset 4px 0 #48c99a}.student-course-lesson-pager{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.student-course-lesson-pager button{text-align:center;place-items:center;min-height:34px;padding:6px 8px;display:inline-grid}.student-course-lesson-pager button:disabled{opacity:.45;cursor:not-allowed}.student-course-lesson-pager span{color:#6c7688;white-space:nowrap;font-size:12px;font-weight:900}.student-course-detail{padding:22px}.student-course-select-empty{place-items:center;min-height:420px;display:grid}.student-course-detail>header{border-bottom:1px solid #e6eef8;padding-bottom:16px}.student-course-detail>header span{color:#0f5fb8;font-weight:900}.student-course-detail>header h2{margin:8px 0;font-size:28px}.student-course-detail>header p{color:#6c7688;margin:0;line-height:1.7}.student-course-video{background:linear-gradient(135deg,#65d7ff1a,#0000 44%),#f8fbff;border:1px solid #dbe8f7;border-radius:18px;place-items:center;min-height:260px;margin-top:18px;display:grid;overflow:hidden}.student-course-video video{background:#0f172a;width:100%;max-height:560px;display:block}.course-video-placeholder{color:#6c7688;font-weight:800}.student-course-section{margin-top:18px}.student-section-head.compact{margin-bottom:12px}.student-course-resources,.student-course-tasks{gap:12px;display:grid}.student-course-resources article,.student-course-tasks article{background:linear-gradient(135deg,#16d7ff0a,#0000 48%),#fbfdff;border:1px solid #dbe8f7;border-radius:16px;padding:16px}.student-course-resources article{gap:10px;display:grid}.student-course-resources span,.student-course-tasks span{color:#6c7688}.student-course-tasks article{justify-content:space-between;align-items:center;gap:16px;display:flex}.student-course-tasks h3{margin:6px 0}.student-course-tasks p{color:#6c7688;margin:0;line-height:1.6}.student-course-empty{align-content:center;place-items:center;min-height:260px;display:grid}@media (width<=1100px){.admin-app,.homework-shell,.code-page,.scratch-page,.create-layout,.code-page main,.course-admin-layout,.student-course-layout{grid-template-columns:1fr}.admin-sidebar,.admin-main,.admin-header,.code-page header{grid-area:auto}.admin-sidebar{border-right:0;width:auto}.shortcut-grid,.assignment-tabs,.admin-stats,.student-metrics,.course-type-tabs,.course-form-grid,.course-resource-add,.course-task-list{grid-template-columns:1fr}.student-login-shell{margin:0;position:fixed;top:50%;left:50%}.code-planet,.robot-visual,.code-card,.circuit-line{opacity:.28}.planet-green{top:68vh;left:8vw}.student-header{flex-wrap:wrap;height:auto;min-height:96px;padding-top:12px;padding-bottom:12px}.student-header strong{flex:100%;max-width:none}.student-header nav{max-width:100%;overflow-x:auto}.student-userbar{min-width:0;margin-left:0}.public-home{width:min(100% - 28px,760px);padding-top:28px}.public-hero{min-height:auto;margin-top:0;padding:0}.public-hero-carousel{min-height:760px}.public-hero-slide{grid-template-columns:1fr;align-content:center;padding:122px 18px 118px}.public-slide-visual{order:2;min-height:260px}.public-hero-dots{bottom:106px;left:18px}.public-profile-section,.public-media-section,.public-contact-section{grid-template-columns:1fr}.public-gallery-grid{grid-template-columns:1fr;grid-auto-rows:260px}.public-gallery-grid article.large{grid-row:span 1}.public-showcase-card-grid{grid-template-columns:1fr;padding:18px}.public-showcase-card-grid article{min-height:190px}.public-stat-wall{width:min(100% - 28px,760px);min-height:auto;padding:34px 18px}.public-stat-grid{grid-template-columns:1fr;gap:12px}.public-stat-grid article{min-height:130px}.public-science-grid,.public-notice-list,.public-track-grid,.public-work-grid{grid-template-columns:1fr}.public-contact-section a{justify-self:start}.login-top-nav{flex-wrap:wrap;gap:10px;height:auto;min-height:76px;padding:12px 18px}.login-top-nav nav{width:100%;overflow-x:auto}}html,body,#root{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important}html body .student-login-page{isolation:isolate!important;width:100vw!important;max-width:100vw!important;min-height:100vh!important;margin:0!important;position:relative!important;overflow-x:clip!important}html body .student-login-page .public-home,html body .student-login-page .hetao-home,html body .student-login-page .hetao-section,html body .student-login-page .hetao-hero-screen{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;position:relative!important;overflow-x:clip!important}html body .student-login-page .hetao-home>.public-hero,html body .student-login-page .hetao-home>.public-showcase-section,html body .student-login-page .hetao-home>.public-stat-wall,html body .student-login-page .hetao-home>.public-section{visibility:hidden!important;pointer-events:none!important;display:none!important}html body .student-login-page .login-top-nav{z-index:1000!important;box-sizing:border-box!important;flex-wrap:nowrap!important;align-items:center!important;width:100vw!important;max-width:100vw!important;height:80px!important;min-height:80px!important;padding:0 42px!important;display:flex!important;position:fixed!important;inset:0 0 auto!important;overflow:hidden!important}html body .student-login-page .site-logo{flex:0 0 360px!important;width:360px!important;min-width:360px!important;max-width:360px!important;height:76px!important;overflow:visible!important}html body .student-login-page .login-top-nav nav{flex:auto!important;justify-content:flex-end!important;width:auto!important;min-width:0!important;margin-left:auto!important;display:flex!important;overflow:visible!important}html body .student-login-page .login-top-nav a{white-space:nowrap!important;flex:none!important;min-height:80px!important;padding:0 14px!important;font-size:16px!important}html body .student-login-page .login-nav-auth-btn{flex:none!important;min-width:104px!important;margin-left:12px!important;padding:0 14px!important}html body .student-login-page .hetao-hero-screen{min-height:900px!important;padding:150px max(72px,7vw) 70px!important;display:block!important}html body .student-login-page .hetao-hero-screen:before{z-index:0!important;max-width:58vw!important;right:-30px!important}html body .student-login-page .hetao-hero-copy{z-index:70!important;margin-left:0!important;position:relative!important}html body .student-login-page .hetao-hero-copy:before{content:""!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(90deg,#fffffff0 0%,#ffffffd1 74%,#fff0 100%)!important;border-radius:0 34px 34px 0!important;position:absolute!important;inset:-18px -28px -18px -18px!important;box-shadow:30px 0 46px #ffffffa8!important}html body .student-login-page .hetao-hero-copy>*{z-index:1!important;position:relative!important}html body .student-login-page .particleify-computer-stage{z-index:40!important;width:auto!important;max-width:69vw!important;left:31vw!important;right:0!important;overflow:hidden!important}html body .student-login-page .public-service-window{z-index:20!important}html body .student-login-page .hero-particle-backdrop{z-index:0!important;opacity:.28!important;filter:saturate(1.35)contrast(1.05)blur(.2px)!important;pointer-events:none!important;border:0!important;width:100%!important;height:calc(100% - 80px)!important;position:absolute!important;inset:80px 0 0!important}html body .student-login-page .hetao-hero-copy{color:#111827!important;width:min(560px,44vw)!important;padding-top:18px!important;padding-bottom:22px!important;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif!important}html body .student-login-page .hetao-eyebrow{color:#0891b2!important;letter-spacing:.14em!important;white-space:nowrap!important;text-shadow:0 0 18px #14f1ff47!important;min-height:28px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;align-items:center!important;padding:0!important;font-size:14px!important;font-weight:900!important;display:inline-flex!important}html body .student-login-page .hetao-eyebrow:before{content:""!important;background:linear-gradient(135deg,#14f1ff,#8a5cff)!important;border-radius:999px!important;width:8px!important;height:8px!important;margin-right:10px!important;box-shadow:0 0 18px #14f1ffb8!important}html body .student-login-page .hetao-hero-copy h1{color:#111827!important;letter-spacing:-.01em!important;text-shadow:0 12px 34px #0f172a1f!important;width:max-content!important;max-width:100%!important;margin:18px 0 22px!important;font-size:clamp(54px,4.9vw,86px)!important;font-weight:950!important;line-height:.98!important;position:relative!important}html body .student-login-page .hetao-hero-copy h1:after{content:""!important;background:linear-gradient(90deg,#14f1ff,#6b5cff,#8a5cff00)!important;border-radius:999px!important;width:2.1em!important;height:5px!important;position:absolute!important;bottom:-10px!important;left:.72em!important;box-shadow:0 0 24px #14f1ff73!important}html body .student-login-page .hetao-hero-copy h1 em{color:#14b8ff!important;text-shadow:0 0 22px #14b8ff6b!important;font-style:normal!important;font-weight:900!important}html body .student-login-page .hetao-hero-copy p{color:#46556f!important;letter-spacing:0!important;width:min(540px,100%)!important;margin:0 0 30px!important;font-size:18px!important;font-weight:650!important;line-height:1.9!important}html body .student-login-page .hetao-word-tags{flex-wrap:wrap!important;gap:10px!important;display:flex!important}html body .student-login-page .hetao-word-tags b{color:#fff!important;background:linear-gradient(135deg,#13c8ff,#2563eb)!important;border:1px solid #ffffff94!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;min-width:82px!important;height:34px!important;padding:0 16px!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;box-shadow:0 12px 30px #2563eb38,inset 0 1px #ffffff5c!important}html body .student-login-page .hetao-word-tags b:nth-child(2){color:#fff!important;background:linear-gradient(135deg,#182033,#34415f)!important}html body .student-login-page .hetao-word-tags b:nth-child(3){color:#fff!important;background:linear-gradient(135deg,#6b5cff,#8a5cff)!important}html body .student-login-page .hetao-hero-screen{background:#fff!important;min-height:900px!important;padding:80px 0 0!important;overflow:hidden!important}html body .student-login-page .hero-particle-backdrop{z-index:0!important;opacity:.58!important;filter:saturate(1.55)contrast(1.18)brightness(1.08)!important;width:100vw!important;height:calc(100% - 80px)!important;position:absolute!important;inset:80px 0 0!important;transform:none!important}html body .student-login-page .particleify-computer-stage{z-index:1!important;opacity:.78!important}html body .student-login-page .profile-hero-screen{background:radial-gradient(circle at 22% 18%,#36a7ff24,#0000 26%),radial-gradient(circle at 78% 20%,#7b5fff1f,#0000 24%),linear-gradient(135deg,#f9fcff 0%,#fff 46%,#f5f9ff 100%)!important;min-height:900px!important;padding:104px max(52px,5.4vw) 60px!important}html body .student-login-page .profile-hero-screen .hero-galaxy-canvas,html body .student-login-page .profile-hero-screen .profile-galaxy-canvas{z-index:0!important;opacity:.34!important;display:block!important;inset:80px 0 0!important}html body .student-login-page .profile-hero-shell{z-index:2;grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr);align-items:center;gap:clamp(34px,4vw,76px);min-height:720px;display:grid;position:relative}html body .student-login-page .profile-hero-copy{max-width:620px;position:relative}html body .student-login-page .profile-hero-copy:before{content:"";background:linear-gradient(#ff7a1a,#1cc7ff,#7866ff);border-radius:999px;width:5px;position:absolute;top:8px;bottom:8px;left:-28px}html body .student-login-page .profile-eyebrow{color:#0fadc8;letter-spacing:.14em;align-items:center;font-size:15px;font-weight:800;display:inline-flex}html body .student-login-page .profile-hero-copy h1{color:#101827;letter-spacing:0;margin:22px 0 24px;font-size:clamp(48px,5vw,82px);font-weight:950;line-height:1.02}html body .student-login-page .profile-hero-copy h1 span,html body .student-login-page .profile-hero-copy h1 small{display:block}html body .student-login-page .profile-hero-copy h1 small{color:#23324a;max-width:560px;margin-top:14px;font-size:clamp(28px,2.6vw,44px);font-weight:850;line-height:1.2}html body .student-login-page .profile-hero-copy p{color:#46556f;max-width:560px;margin:0;font-size:19px;font-weight:650;line-height:1.9}html body .student-login-page .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}html body .student-login-page .profile-stats b{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #1874d224;border-radius:20px;min-height:92px;padding:16px 14px;font-style:normal;box-shadow:0 18px 42px #295fa014}html body .student-login-page .profile-stats strong{color:#ff6b19;font-size:30px;font-weight:950;line-height:1;display:block}html body .student-login-page .profile-stats span{color:#4b5b74;margin-top:9px;font-size:13px;font-weight:750;display:block}html body .student-login-page .profile-credentials{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}html body .student-login-page .profile-credentials span{color:#1e3b62;background:linear-gradient(135deg,#14c1ff1f,#7d66ff1f);border-radius:999px;padding:9px 14px;font-size:14px;font-weight:800}html body .student-login-page .profile-hero-gallery{perspective:1400px;min-height:650px;position:relative}html body .student-login-page .profile-card{background:#ffffffb3;border:1px solid #ffffffb8;border-radius:28px;margin:0;position:absolute;overflow:hidden;box-shadow:0 34px 82px #1a37622e}html body .student-login-page .profile-card img{object-fit:cover;width:100%;height:100%;display:block}html body .student-login-page .profile-card figcaption{color:#172033;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border-radius:18px;padding:14px 16px;font-weight:850;position:absolute;bottom:18px;left:18px;right:18px}html body .student-login-page .profile-card figcaption strong,html body .student-login-page .profile-card figcaption span{display:block}html body .student-login-page .profile-card figcaption span{color:#516078;margin-top:4px;font-size:13px;font-weight:700}html body .student-login-page .profile-card-main{z-index:3;width:min(360px,31vw);height:560px;top:4%;left:2%}html body .student-login-page .profile-card-main img{object-position:center top}html body .student-login-page .profile-card-teaching{z-index:2;width:min(390px,34vw);height:470px;top:2%;right:0;transform:rotate(3deg)}html body .student-login-page .profile-card-honor{z-index:4;width:min(520px,44vw);height:300px;bottom:2%;right:9%;transform:rotate(-2deg)}@media (width<=1180px){html body .student-login-page .profile-hero-screen{padding:112px 28px 52px!important}html body .student-login-page .profile-hero-shell{grid-template-columns:1fr}html body .student-login-page .profile-hero-gallery{min-height:620px}html body .student-login-page .profile-card-main{width:min(360px,52vw)}html body .student-login-page .profile-card-teaching{width:min(360px,48vw)}html body .student-login-page .profile-card-honor{width:min(520px,70vw)}}@media (width<=720px){html body .student-login-page .profile-hero-screen{padding:104px 18px 42px!important}html body .student-login-page .profile-hero-copy:before{left:-12px}html body .student-login-page .profile-stats{grid-template-columns:1fr}html body .student-login-page .profile-hero-gallery{min-height:900px}html body .student-login-page .profile-card-main,html body .student-login-page .profile-card-teaching,html body .student-login-page .profile-card-honor{width:100%;height:auto;min-height:280px;margin-top:18px;position:relative;inset:auto;transform:none}html body .student-login-page .profile-card img{height:auto}}html body .student-login-page .hetao-hero-screen:before,html body .student-login-page .hetao-hero-screen:after,html body .student-login-page .hetao-hero-copy:before,html body .student-login-page .particleify-glass,html body .student-login-page .hero-particle-backdrop{content:none!important;display:none!important}html body .student-login-page .hetao-hero-copy{box-shadow:none!important;background:0 0!important;border-left:0!important}html body .student-login-page .particleify-computer-stage{z-index:40!important;opacity:.88!important;background:0 0!important;display:block!important}html body .student-login-page .particleify-canvas{display:block!important}html body .student-login-page .hetao-hero-copy h1:after,html body .student-login-page .hetao-eyebrow:before{content:none!important;display:none!important}html body .student-login-page .hetao-hero-screen,html body .student-login-page .hetao-home,html body .student-login-page .public-home{background:#fff!important}html body .student-login-page .hero-particle-backdrop,html body .student-login-page .particleify-glass{display:none!important}html body .student-login-page .hero-galaxy-canvas{z-index:0!important;pointer-events:none!important;width:100vw!important;height:calc(100% - 80px)!important;position:absolute!important;inset:80px 0 0!important}html body .student-login-page .hetao-hero-copy:before{content:none!important;display:none!important}html body .student-login-page .hetao-hero-copy{box-shadow:none!important;z-index:70!important;text-align:left!important;background:0 0!important;width:min(560px,42vw)!important;margin:0!important;padding:0!important;position:absolute!important;top:50%!important;left:max(68px,7vw)!important;transform:translateY(-50%)!important}html body .student-login-page .hetao-hero-copy:before{background:linear-gradient(90deg,#f8fbfff0 0%,#f8fbffc7 68%,#f8fbff00 100%)!important;inset:-28px -40px -30px -28px!important}html body .student-login-page .hetao-eyebrow{color:#0fadc8!important;letter-spacing:.16em!important;padding:0!important;font-size:15px!important;line-height:1.4!important}html body .student-login-page .hetao-eyebrow:before{display:none!important}html body .student-login-page .hetao-hero-copy h1{color:#111827!important;text-align:left!important;width:100%!important;margin:18px 0 24px!important;font-size:clamp(60px,5.2vw,88px)!important;line-height:1!important}html body .student-login-page .hetao-hero-copy h1:after{width:180px!important;bottom:-14px!important;left:0!important}html body .student-login-page .hetao-hero-copy h1 em{display:none!important}html body .student-login-page .hetao-hero-copy p{color:#46556f!important;text-align:left!important;width:min(520px,100%)!important;margin:0!important;font-size:18px!important;line-height:1.95!important}html body .student-login-page .hetao-word-tags{display:none!important}html body .student-login-page .hetao-hero-screen{background:#fff!important}html body .student-login-page .hetao-hero-screen:before,html body .student-login-page .hetao-hero-screen:after{content:none!important;display:none!important}html body .student-login-page .particleify-glass{display:none!important}html body .student-login-page,html body .student-login-page .public-home,html body .student-login-page .hetao-home,html body .student-login-page .hetao-hero-screen{background:#fff!important}html body .student-login-page .hetao-hero-screen{min-height:900px!important;padding:80px 0 0!important;position:relative!important;overflow:hidden!important}html body .student-login-page .hetao-hero-screen:before,html body .student-login-page .hetao-hero-screen:after,html body .student-login-page .hetao-hero-copy:before,html body .student-login-page .hero-particle-backdrop,html body .student-login-page .particleify-glass{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}html body .student-login-page .hero-galaxy-canvas{z-index:0!important;pointer-events:none!important;width:100vw!important;height:calc(100% - 80px)!important;display:block!important;position:absolute!important;inset:80px 0 0!important}html body .student-login-page .particleify-computer-stage{z-index:40!important;width:auto!important;max-width:69vw!important;min-height:auto!important;box-shadow:none!important;opacity:.9!important;pointer-events:none!important;background:0 0!important;border:0!important;display:block!important;position:absolute!important;inset:80px 0 0 31vw!important;overflow:visible!important}html body .student-login-page .particleify-canvas{pointer-events:auto!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}html body .student-login-page .hetao-hero-copy{z-index:70!important;width:min(560px,42vw)!important;box-shadow:none!important;text-align:left!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;position:absolute!important;top:50%!important;left:max(68px,7vw)!important;transform:translateY(-50%)!important}html body .student-login-page .hetao-hero-copy h1:after,html body .student-login-page .hetao-eyebrow:before,html body .student-login-page .hetao-word-tags{content:none!important;display:none!important}html body .student-login-page .hetao-hero-copy p{color:#ff6a1a!important}html body .student-login-page .hetao-eyebrow{color:#14b8d6!important;letter-spacing:.14em!important;text-shadow:none!important;-webkit-text-stroke:0 transparent!important;margin:0 0 22px!important;font-size:clamp(14px,1vw,18px)!important;font-weight:600!important;line-height:1.2!important;display:block!important}html body .student-login-page .hetao-hero-copy h1{color:#111827!important;letter-spacing:0!important;width:max-content!important;max-width:100%!important;margin:0 0 34px!important;font-size:clamp(70px,6.4vw,112px)!important;font-weight:950!important;line-height:.98!important;position:relative!important}html body .student-login-page .hetao-hero-copy h1:after{content:""!important;background:linear-gradient(90deg,#19d9ff 0%,#7b6cff 54%,#ff6a1a 100%)!important;border-radius:999px!important;width:176px!important;height:5px!important;display:block!important;position:absolute!important;bottom:-16px!important;left:0!important;box-shadow:0 0 18px #16d9ff57!important}html body .student-login-page .hetao-hero-copy p{color:#ff6a1a!important;letter-spacing:.035em!important;width:min(620px,100%)!important;text-shadow:none!important;-webkit-text-stroke:0 transparent!important;margin:10px 0 0!important;font-size:clamp(17px,1.2vw,22px)!important;font-weight:600!important;line-height:1.85!important}html body .student-login-page .hetao-hero-copy h1{color:#111827!important;-webkit-text-fill-color:#111827!important;letter-spacing:.015em!important;filter:drop-shadow(0 16px 24px #18c7ff1f)!important;text-shadow:0 2px #ffffffe0,0 10px 22px #18c7ff24,0 22px 42px #8b5cff1f!important;-webkit-text-stroke:0 transparent!important;background:0 0!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;font-family:Arial Rounded MT Bold,Nunito,PingFang SC,Microsoft YaHei,Arial,sans-serif!important;font-weight:950!important}html body .student-login-page .hetao-hero-copy h1:before{content:"二进制编程"!important;z-index:-1!important;color:#18c7ff29!important;-webkit-text-fill-color:#18c7ff29!important;filter:blur(2.4px)!important;text-shadow:0 16px 28px #18c7ff24,0 28px 48px #8b5cff24!important;font-family:Arial Rounded MT Bold,Nunito,PingFang SC,Microsoft YaHei,Arial,sans-serif!important;display:block!important;position:absolute!important;inset:0!important;transform:translate(5px,7px)!important}html body .student-login-page .site-logo{flex:0 0 235px!important;width:235px!important;min-width:235px!important;max-width:235px!important;height:58px!important}html body .student-login-page .site-logo img{object-fit:contain!important;object-position:left center!important;width:220px!important;max-width:220px!important;max-height:48px!important}html body .student-login-page .login-top-nav{-webkit-backdrop-filter:blur(26px)saturate(1.45)!important;background:linear-gradient(#fff6,#f6f9ff66)!important;border-bottom:1px solid #7890be38!important;box-shadow:0 12px 34px #1f44801f!important}html body .student-login-page .login-top-nav:after{content:""!important;pointer-events:none!important;background:linear-gradient(#ffffff85,#ffffff14)!important;position:absolute!important;inset:0!important}html body .student-login-page .hetao-hero-copy h1{color:#111827!important;-webkit-text-fill-color:#111827!important;filter:none!important;text-shadow:none!important;-webkit-text-stroke:0 transparent!important;background:0 0!important}html body .student-login-page .hetao-hero-copy h1:before{content:none!important;display:none!important}html body .student-login-page .hetao-hero-copy h1:after{background:linear-gradient(90deg,#18c7ff 0%,#8b5cff 36%,#ff5fc8 64%,#ffd447 100%)!important;box-shadow:0 0 18px #18c7ff52,0 0 26px #ff5fc833!important}html body .student-login-page .site-logo img{filter:saturate(1.45)contrast(1.42)brightness(.72)!important}html body .student-login-page .login-top-nav a{color:#05070d!important;letter-spacing:.01em!important;font-size:19px!important;font-weight:800!important}html body .student-login-page .login-top-nav a:hover{color:#000!important}html body .student-login-page .login-nav-auth-btn,html body .student-login-page .login-nav-auth-btn:hover,html body .student-login-page .login-nav-auth-btn:focus,html body .student-login-page .login-nav-auth-btn:active{color:#fff!important;min-height:44px!important;box-shadow:none!important;background:linear-gradient(135deg,#ff7a1a 0%,#ff8f1f 52%,#ffb02e 100%)!important;border:0!important;border-radius:999px!important;padding:0 22px!important;font-size:16px!important;font-weight:900!important}html body .student-login-page .about-wall-section{color:#111827!important;background:linear-gradient(90deg,#0a12200e 1px,#0000 1px) 0 0/96px 96px,linear-gradient(#0a12200d 1px,#0000 1px) 0 0/96px 96px,#f7f9fd!important;grid-template-columns:minmax(330px,.78fr) minmax(620px,1.22fr)!important;align-items:center!important;gap:min(6vw,86px)!important;min-height:900px!important;padding:118px min(6.5vw,112px) 92px!important;display:grid!important;position:relative!important;overflow:hidden!important}html body .student-login-page .about-wall-section:before{content:"ABOUT"!important;color:#0f1e3709!important;letter-spacing:0!important;pointer-events:none!important;font-size:clamp(100px,15vw,230px)!important;font-weight:950!important;line-height:1!important;position:absolute!important;top:92px!important;left:min(6vw,92px)!important}html body .student-login-page .about-wall-copy{z-index:3!important;max-width:520px!important;position:relative!important}html body .student-login-page .about-wall-copy span{color:#1667c9!important;letter-spacing:.22em!important;align-items:center!important;gap:12px!important;font-size:15px!important;font-weight:900!important;display:inline-flex!important}html body .student-login-page .about-wall-copy span:before{content:""!important;background:linear-gradient(90deg,#1667c9,#ff8a1c)!important;border-radius:999px!important;width:44px!important;height:3px!important}html body .student-login-page .about-wall-copy h2{color:#101827!important;text-align:left!important;letter-spacing:0!important;margin:22px 0 24px!important;font-size:clamp(48px,5.4vw,86px)!important;font-weight:950!important;line-height:1!important}html body .student-login-page .about-wall-copy p{color:#48566d!important;margin:0!important;font-size:20px!important;font-weight:600!important;line-height:2!important}html body .student-login-page .about-wall-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:42px!important;display:grid!important}html body .student-login-page .about-wall-metrics b{background:#ffffffb3!important;border-top:3px solid #1667c9!important;align-content:center!important;gap:10px!important;min-height:116px!important;padding:20px 16px!important;display:grid!important;box-shadow:0 18px 44px #14234614!important}html body .student-login-page .about-wall-metrics strong{color:#111827!important;font-size:24px!important;font-weight:950!important;line-height:1.15!important}html body .student-login-page .about-wall-metrics span{color:#647084!important;letter-spacing:0!important;font-size:13px!important;font-weight:800!important;line-height:1.5!important}html body .student-login-page .about-wall-metrics span:before{display:none!important}html body .student-login-page .about-teacher-card{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#ffffffbd!important;border-left:4px solid #ff8a1c!important;margin-top:28px!important;padding:24px 26px!important;box-shadow:0 22px 54px #14234617!important}html body .student-login-page .about-teacher-card span{color:#1667c9!important;letter-spacing:.18em!important;align-items:center!important;gap:10px!important;font-size:12px!important;font-weight:950!important;display:inline-flex!important}html body .student-login-page .about-teacher-card span:before{content:""!important;background:#ff8a1c!important;border-radius:999px!important;width:28px!important;height:2px!important}html body .student-login-page .about-teacher-card h3{color:#111827!important;letter-spacing:0!important;margin:12px 0 10px!important;font-size:28px!important;font-weight:950!important;line-height:1.15!important}html body .student-login-page .about-teacher-card p{color:#4d5a70!important;margin:0!important;font-size:15px!important;font-weight:700!important;line-height:1.8!important}html body .student-login-page .about-teacher-card>strong{color:#111827!important;border-top:1px solid #1667c926!important;margin-top:14px!important;padding-top:14px!important;font-size:16px!important;font-weight:950!important;line-height:1.6!important;display:block!important}html body .student-login-page .about-photo-wall{z-index:2!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;height:760px!important;display:grid!important;position:relative!important;overflow:hidden!important;-webkit-mask-image:linear-gradient(#0000,#000 9% 91%,#0000)!important;mask-image:linear-gradient(#0000,#000 9% 91%,#0000)!important}html body .student-login-page .about-photo-wall:before,html body .student-login-page .about-photo-wall:after{content:""!important;z-index:4!important;pointer-events:none!important;height:86px!important;position:absolute!important;left:-20px!important;right:-20px!important}html body .student-login-page .about-photo-wall:before{background:linear-gradient(#f7f9fd,#f7f9fd00)!important;top:0!important}html body .student-login-page .about-photo-wall:after{background:linear-gradient(#f7f9fd00,#f7f9fd)!important;bottom:0!important}html body .student-login-page .about-wall-column{will-change:transform!important;flex-direction:column!important;gap:22px!important;animation:24s linear infinite aboutWallRoll!important;display:flex!important}html body .student-login-page .about-wall-column.column-2{animation-name:aboutWallRollOffset!important;animation-duration:28s!important}html body .student-login-page .about-wall-column.column-3{animation-name:aboutWallRollDeep!important;animation-duration:32s!important}html body .student-login-page .about-photo-wall:hover .about-wall-column{animation-play-state:paused!important}html body .student-login-page .about-wall-card{cursor:zoom-in!important;transform-origin:50%!important;z-index:1!important;background:linear-gradient(135deg,#ffffffeb,#e7effafa),#eef4ff!important;border-radius:0!important;min-height:235px!important;margin:0!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,filter .32s!important;position:relative!important;overflow:hidden!important;transform:translateZ(0)scale(1)!important;box-shadow:0 18px 42px #12203a21!important}html body .student-login-page .about-wall-card:before,html body .student-login-page .about-wall-card:after{content:""!important;pointer-events:none!important;transition:opacity .26s!important;position:absolute!important;inset:0!important}html body .student-login-page .about-wall-card:before{z-index:0!important;background:linear-gradient(160deg,#1667c914,#ff8a1c14),repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 38px)!important}html body .student-login-page .about-wall-card:after{z-index:2!important;background:linear-gradient(90deg,#0000,#ffffff80,#0000)!important;animation:1.35s ease-in-out infinite aboutWallSkeleton!important;transform:translate(-100%)!important}html body .student-login-page .about-wall-card.is-loaded:before,html body .student-login-page .about-wall-card.is-loaded:after,html body .student-login-page .about-wall-card.is-error:after{opacity:0!important;animation:none!important}html body .student-login-page .about-wall-card:hover{filter:saturate(1.08)!important;z-index:20!important;overflow:visible!important;transform:translateY(-12px)scale(1.12)!important;box-shadow:0 34px 80px #0c1d3747!important}html body .student-login-page .about-wall-card:nth-child(3n+1){min-height:310px!important}html body .student-login-page .about-wall-card:nth-child(3n+2){min-height:255px!important}html body .student-login-page .about-wall-card img{z-index:1!important;width:100%!important;height:100%!important;min-height:inherit!important;object-fit:cover!important;opacity:0!important;filter:saturate(1.05)contrast(1.02)!important;transition:opacity .26s,transform .52s cubic-bezier(.2,.8,.2,1),filter .32s!important;display:block!important;position:relative!important;transform:scale(1.01)!important}html body .student-login-page .about-wall-card.is-loaded img{opacity:1!important}html body .student-login-page .about-wall-card img[src*=teacher-chuanchuan]{object-position:center 18%!important}html body .student-login-page .about-wall-card:hover img{filter:saturate(1.1)contrast(1.05)!important;transform:scale(1.08)!important}html body .student-login-page .about-wall-card figcaption{z-index:3!important;color:#fff!important;opacity:0!important;background:linear-gradient(#03081200,#030812b8)!important;gap:6px!important;padding:54px 20px 18px!important;transition:opacity .26s,transform .32s,background .32s!important;display:grid!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}html body .student-login-page .about-wall-card.is-loaded figcaption,html body .student-login-page .about-wall-card.is-error figcaption{opacity:1!important}html body .student-login-page .about-wall-card.is-error figcaption{color:#111827!important;background:linear-gradient(#fff0,#eef4fff5)!important}html body .student-login-page .about-wall-fallback{z-index:1!important;color:#1667c9!important;text-align:center!important;place-items:center!important;padding:28px!important;font-size:22px!important;font-weight:950!important;line-height:1.25!important;display:grid!important;position:absolute!important;inset:0!important}html body .student-login-page .about-wall-card:hover figcaption{background:linear-gradient(#0308120f,#030812d1)!important;transform:translateY(-4px)!important}html body .student-login-page .about-wall-card em{color:#ffffffe6!important;letter-spacing:0!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff2e!important;border:1px solid #ffffff80!important;border-radius:999px!important;width:max-content!important;max-width:100%!important;padding:4px 8px!important;font-size:11px!important;font-style:normal!important;font-weight:900!important;line-height:1!important}html body .student-login-page .about-wall-card strong{font-size:20px!important;font-weight:950!important;line-height:1.2!important}html body .student-login-page .about-wall-card span{color:#ffffffd1!important;letter-spacing:0!important;font-size:13px!important;font-weight:700!important;line-height:1.45!important}html body .student-login-page .about-wall-card span:before{display:none!important}@keyframes aboutWallRoll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes aboutWallRollReverse{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes aboutWallSkeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes aboutWallRollOffset{0%{transform:translateY(-16.666%)}to{transform:translateY(-66.666%)}}@keyframes aboutWallRollDeep{0%{transform:translateY(-8.333%)}to{transform:translateY(-58.333%)}}@media (width<=980px){html body .student-login-page .about-wall-section{grid-template-columns:1fr!important;gap:42px!important;padding:106px 22px 72px!important}html body .student-login-page .about-wall-metrics{grid-template-columns:1fr!important}html body .student-login-page .about-teacher-card{padding:22px 20px!important}html body .student-login-page .about-photo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:620px!important}html body .student-login-page .about-wall-column.column-3{display:none!important}}
.scratch3-workspace{min-width:0;min-height:0;height:calc(100vh - 58px);display:flex;background:#e8eef8}.scratch3-question-panel{width:320px;min-width:240px;max-width:560px;resize:horizontal;overflow:auto;background:#fff;border-right:1px solid #dbe5f3;padding:22px 20px;box-shadow:8px 0 20px #16294a0f;box-sizing:border-box}.scratch3-question-panel span{width:max-content;max-width:100%;min-height:26px;color:#ff6b1a;background:#fff4e8;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.scratch3-question-panel h2{color:#111827;margin:14px 0 18px;font-size:22px;line-height:1.35}.scratch3-question-desc{background:#f7faff;border:1px solid #e0e8f5;border-radius:10px;padding:14px}.scratch3-question-desc strong{color:#1f2a44;font-size:14px}.scratch3-question-desc p{color:#4b5870;white-space:pre-wrap;margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.8}.scratch3-question-image{max-width:100%;height:auto;border:1px solid #dbe5f3;border-radius:10px;margin-top:14px;display:block}.scratch3-workspace>.scratch3-shell{flex:1 1 auto;min-width:520px}.scratch3-workspace .scratch3-mount{height:calc(100vh - 58px)}@media (width<=900px){.scratch3-workspace{display:block;overflow:auto}.scratch3-question-panel{width:100%;max-width:none;min-width:0;resize:vertical;border-right:0;border-bottom:1px solid #dbe5f3}.scratch3-workspace>.scratch3-shell{min-width:760px}.scratch3-workspace .scratch3-mount{height:calc(100vh - 260px);min-height:620px}}.scratch3-workspace{overflow:hidden}.scratch3-question-panel{flex:0 0 auto}.scratch3-workspace>.scratch3-shell{height:calc(100vh - 58px);overflow:hidden}.scratch3-workspace .scratch3-mount{width:100%;height:100%}.rich-desc-field{display:grid;gap:8px}.rich-desc-field>span{color:#1f2a44;font-size:14px;font-weight:900}.rich-desc-editor{color:#1f2937;background:#fff;border:1px solid #d8e1ef;border-radius:10px;min-height:150px;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.8;outline:none;overflow:auto}.rich-desc-editor:focus{border-color:#ff8a1f;box-shadow:0 0 0 3px #ff8a1f1f}.rich-desc-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;font-weight:600}.rich-desc-editor img,.rich-desc-view img{max-width:100%;height:auto;border:1px solid #e2e8f0;border-radius:10px;margin:10px 0;display:block}.rich-desc-view{color:inherit;white-space:normal;line-height:1.8}.rich-desc-view p{margin:0 0 10px}.rich-desc-view br{line-height:1.8}.blue-desc .rich-desc-view{color:#334155;font-weight:700}.code-question-rich{color:#465266;font-weight:700}.scratch-question-rich{color:#4b5870;margin-top:8px;font-size:14px;font-weight:700}.rich-desc-field.rich-box-field{display:grid;grid-template-columns:1fr;gap:8px}.rich-desc-field.rich-box-field>span{color:#1f2a44;font-size:14px;font-weight:900}.rich-desc-field .rich-editor-box{grid-column:1}.rich-desc-field .rich-editor-surface{min-height:116px}.rich-desc-field .inline-image-node img{max-height:none}.rich-desc-view .inline-image-node{display:inline-block;position:relative;max-width:100%}.rich-desc-view .inline-image-node img{max-width:100%;height:auto}.rich-desc-view .inline-image-remove,.rich-desc-view .inline-image-resize-handle{display:none!important}.question-import-preview .import-preview-question.editable{padding:14px;border:1px solid #dfe7f2;border-radius:8px;background:#fff}.question-import-preview .import-add-question{position:sticky;top:0;z-index:20;width:100%;margin:0 0 12px;background:#fff7ed;border-color:#ffbd80;box-shadow:0 8px 18px #12233b14}.question-import-preview .inline-question-editor{border:0;background:transparent;padding:0}.question-import-preview .rich-editor-surface{min-height:116px}.question-import-preview .soft-btn.danger{margin-top:10px;color:#d33;border-color:#f1b8b8}
.question-import-preview .inline-question-editor{max-width:none;width:100%;box-sizing:border-box}
.question-import-preview .inline-question-grid{grid-template-columns:minmax(180px,1fr) minmax(118px,140px) 76px;align-items:end;gap:10px}
.question-import-preview .rich-desc-field{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:10px;margin-top:16px;margin-bottom:16px}
.question-import-preview .rich-desc-field>span{color:#c93535;padding-top:8px;font-size:13px;font-weight:700}
.question-import-preview .rich-desc-editor{box-sizing:border-box;width:100%;min-height:116px;border-radius:4px}
.question-import-preview .question-plain-field{margin-top:0}
.rich-desc-editor .inline-image-node{display:inline-block;position:relative;max-width:100%;vertical-align:top;margin:10px 0}
.rich-desc-editor .inline-image-node.selected{outline:2px solid #ff8a1f;outline-offset:2px;border-radius:10px}
.rich-desc-editor .inline-image-node img{width:100%;max-width:100%;height:auto;margin:0;display:block;box-sizing:border-box}
.rich-desc-editor .inline-image-remove{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border:0;border-radius:50%;background:#ff6b1a;color:#fff;font-size:14px;font-weight:900;line-height:22px;padding:0;cursor:pointer;display:none}
.rich-desc-editor .inline-image-resize-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#ff8a1f;box-shadow:0 2px 8px #1f293733;cursor:nwse-resize;display:none}
.rich-desc-editor .inline-image-node.selected .inline-image-remove,.rich-desc-editor .inline-image-node.selected .inline-image-resize-handle{display:block}

.question-import-preview .inline-question-grid>*{min-width:0}
.question-import-preview .inline-question-grid input,.question-import-preview .inline-question-grid select{box-sizing:border-box;width:100%;max-width:100%}
.question-import-preview .inline-question-grid label:last-child input{text-align:center;padding-left:8px;padding-right:8px}
@media (max-width: 1180px){.question-import-preview .inline-question-grid{grid-template-columns:1fr 1fr 72px}}
@media (max-width: 980px){.question-import-preview .inline-question-grid{grid-template-columns:1fr}.question-import-preview .inline-question-grid label:last-child input{text-align:left}}

/* BPC_ANSWER_CARD_STATIC_V1 */


/* BPC_ANSWER_CARD_LEFT_FLOW_V1 */

.homework-nav .question-nav{display:block!important;margin:18px 0;background:#fff;border:1px solid #e0e7f1;border-radius:14px;padding:14px 12px;box-shadow:0 10px 24px #1a2b4a0f}



/* BPC_ANSWER_CARD_STICKY_LEFT_V2 */







/* BPC_HOMEWORK_SPLIT_SCROLL_V1 */
.homework-shell{height:100vh!important;max-height:100vh!important;overflow:hidden!important;align-items:stretch!important}.homework-nav{position:relative!important;top:auto!important;flex:0 0 300px!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;align-self:stretch!important}.homework-content{height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth!important}.homework-content>.question-nav{display:none!important}.homework-nav .question-nav{display:block!important}@media (max-width:900px){.homework-shell{height:auto!important;max-height:none!important;overflow:visible!important}.homework-nav,.homework-content{height:auto!important;max-height:none!important;overflow:visible!important}.homework-content>.question-nav{display:block!important}.homework-nav .question-nav{display:none!important}}


/* Standalone Scratch cloud-platform shell */
.scratch3-page.scratch3-standalone{grid-template-rows:1fr;min-height:100vh;background:#e8eef8;position:relative;overflow:hidden}
.scratch3-standalone>.scratch3-topbar{display:none!important}
.scratch3-standalone>.scratch3-workspace{height:100vh!important;min-height:0!important;display:block!important;overflow:hidden!important;background:#e8eef8}
.scratch3-standalone>.scratch3-workspace>.scratch3-shell{height:100vh!important;min-width:0!important;overflow:hidden!important}
.scratch3-standalone .scratch3-mount{width:100%!important;height:100vh!important}
.scratch3-standalone [class*="menu-bar_menu-bar_"]{background:#4b94f3!important;color:#fff!important}
.scratch3-standalone [class*="menu-bar_menu-bar-item_"]{color:#fff!important}
.scratch3-standalone button[aria-label="Home"]{width:150px!important;color:#fff!important;justify-content:flex-start!important;position:relative!important}
.scratch3-standalone button[aria-label="Home"] img,.scratch3-standalone button[aria-label="Home"] svg{display:none!important}
.scratch3-standalone button[aria-label="Home"]::before{content:"图形化编程云平台";color:#fff;font-size:13px;font-weight:900;white-space:nowrap;margin-left:10px}
.scratch3-standalone [class*="project-title-input_title-field_"]{color:#fff!important;background:#72aef5!important;border-color:#3387e6!important;border-radius:4px!important;font-weight:800!important}
.scratch3-standalone [class*="project-title-input_title-field_"]::placeholder{color:#eaf4ff!important}
.scratch3-standalone-actions{position:absolute;top:8px;right:14px;z-index:9999;display:flex;align-items:center;gap:14px;color:#fff;font-size:13px;font-weight:900;pointer-events:none}
.scratch3-standalone-actions button{pointer-events:auto;min-height:32px;border:0;border-radius:4px;padding:0 14px;color:#fff;font:inherit;cursor:pointer}
.scratch3-standalone-actions button:hover{filter:brightness(1.05)}
.scratch3-save-btn{background:#ff8a18}
.scratch3-my-btn{background:#a75cf4}
.scratch3-standalone-actions span{text-shadow:0 1px 2px #1c5eb8;white-space:nowrap}

.scratch3-back-btn{background:#2f7bdc}

.scratch3-question-mode{min-height:100vh;background:#e8eef8;position:relative;overflow:hidden}
.scratch3-question-mode>.scratch3-topbar{display:none!important}
.scratch3-question-mode>.scratch3-workspace{height:100vh!important;min-height:0!important;background:#e8eef8}
.scratch3-question-mode>.scratch3-workspace>.scratch3-shell{height:100vh!important}
.scratch3-question-mode .scratch3-mount{height:100vh!important}
.scratch3-floating-actions{position:absolute;top:10px;right:12px;z-index:10000;display:flex;gap:10px;align-items:center;pointer-events:none}
.scratch3-floating-actions button{pointer-events:auto;min-height:34px;border-radius:5px;font-weight:900;box-shadow:0 6px 18px #1f29371f}
@media (width<=900px){.scratch3-question-mode>.scratch3-workspace{height:100vh!important}.scratch3-question-mode .scratch3-mount{height:100vh!important;min-height:620px}.scratch3-floating-actions{top:8px;right:8px}}