:root{--bg: #04020f;--bg-card: rgba(20, 10, 50, .85);--bg-elevated: rgba(15, 10, 38, .92);--text-primary: #EEEDFE;--text-secondary: #AFA9EC;--text-muted: #6b66b0;--purple-50: #EEEDFE;--purple-200: #AFA9EC;--purple-300: #9d98e8;--purple-400: #7F77DD;--purple-600: #534AB7;--purple-900: #26215C;--blue-200: #85B7EB;--blue-400: #378ADD;--blue-600: #185FA5;--blue-900: #042C53;--teal-400: #1D9E75;--amber: #EF9F27;--gold-start: #D4A017;--gold-end: #5a3e0a;--danger: #e05555;--card-border: rgba(127, 119, 221, .3);--card-radius: 20px;--font-english: "Orbitron", sans-serif;--font-serif: "Noto Serif SC", serif;--transition: .3s ease;--transition-slow: .5s cubic-bezier(.22, 1, .36, 1);--shadow-soft: 0 16px 40px rgba(7, 4, 28, .45);--shadow-glow: 0 0 24px rgba(127, 119, 221, .24)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;min-height:100dvh;min-height:-webkit-fill-available}body{background:radial-gradient(circle at 20% 20%,rgba(79,195,247,.08),transparent 28%),radial-gradient(circle at 80% 10%,rgba(239,159,39,.08),transparent 24%),radial-gradient(circle at 50% 80%,rgba(127,119,221,.12),transparent 30%),linear-gradient(180deg,#09031b,#050212 45%,#03010d);color:var(--text-primary);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#04020f80}::-webkit-scrollbar-thumb{background:var(--purple-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-300)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,var(--purple-400),var(--blue-400));color:#fff;border-radius:50px;font-size:1rem;font-weight:600;letter-spacing:.05em;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition),filter var(--transition);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 12px 28px #3c50b440}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--transition)}.btn-primary:hover:after{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 30px #4454c647,0 0 20px #7f77dd59;filter:saturate(1.08)}.btn-primary:active{transform:translateY(1px) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:transparent;color:var(--purple-300);border:1.5px solid var(--card-border);border-radius:50px;font-size:1rem;font-weight:500;letter-spacing:.05em;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition);-webkit-user-select:none;user-select:none}.btn-secondary:hover{transform:translateY(-2px);background:#7f77dd1a;border-color:var(--purple-400);box-shadow:0 12px 26px #23194640,0 0 12px #7f77dd33;color:var(--text-primary)}.btn-secondary:active{transform:translateY(1px) scale(.98)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;background:transparent;color:var(--text-secondary);border-radius:8px;font-size:.9rem;font-weight:400;transition:color var(--transition),background var(--transition),transform var(--transition);-webkit-user-select:none;user-select:none}.btn-ghost:hover{color:var(--text-primary);background:#7f77dd14;transform:scale(1.03)}.btn-ghost:active{transform:scale(.97)}.card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;transition:box-shadow var(--transition-slow),transform var(--transition-slow),border-color var(--transition);box-shadow:var(--shadow-soft)}.card:hover{box-shadow:0 20px 40px #0a08237a,0 0 0 1px #7f77dd14;transform:translateY(-4px);border-color:#7f77dd73}.page-container{min-height:100vh;width:100%;position:relative;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float-animation{animation:floatUpDown 3s ease-in-out infinite}.glow{filter:drop-shadow(0 0 8px rgba(127,119,221,.6))}.glow-text{text-shadow:0 0 12px rgba(127,119,221,.7),0 0 24px rgba(127,119,221,.4)}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes twinkleSlow{0%,to{opacity:.1}50%{opacity:.7}}@keyframes nebulaDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.03)}}.stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.stars-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 25% 40%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 5%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 55% 70%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 70% 25%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 55%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 35% 90%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 60% 45%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(2px 2px at 80% 10%,rgba(200,180,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 92% 80%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 5% 50%,rgba(180,200,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 48% 60%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 73% 88%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(2px 2px at 30% 30%,rgba(200,220,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 18% 65%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 65% 15%,rgba(255,240,200,.7) 0%,transparent 100%),radial-gradient(1px 1px at 50% 85%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 95% 60%,rgba(255,255,255,.6) 0%,transparent 100%);opacity:.52;animation:twinkleSlow 6s ease-in-out infinite}.stars-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 8% 35%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 22% 12%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 45% 75%,rgba(180,160,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 62% 92%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 78% 48%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(2px 2px at 88% 22%,rgba(200,240,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 12% 95%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 38% 55%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 57% 28%,rgba(255,220,180,.6) 0%,transparent 100%),radial-gradient(1px 1px at 83% 72%,rgba(255,255,255,.5) 0%,transparent 100%);opacity:.42;animation:twinkle 4s ease-in-out infinite,nebulaDrift 16s ease-in-out infinite;animation-delay:2s,0s}@keyframes feedbackPop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}50%{transform:scale(.95)}70%{transform:scale(1.05)}85%{transform:scale(1);opacity:1}to{opacity:0;transform:scale(1.1)}}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:transparent}.feedback-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-english);font-size:3.5rem;font-weight:900;letter-spacing:.1em;text-align:center;animation:feedbackPop 1.5s ease forwards;white-space:nowrap}.feedback-correct .feedback-message{color:var(--teal-400);text-shadow:0 0 20px rgba(29,158,117,.8),0 0 40px rgba(29,158,117,.5),0 0 60px rgba(29,158,117,.3)}.feedback-wrong .feedback-message{color:var(--danger);text-shadow:0 0 20px rgba(224,85,85,.8),0 0 40px rgba(224,85,85,.5)}.feedback-creative .feedback-message{color:var(--purple-300);text-shadow:0 0 20px rgba(157,152,232,.8),0 0 40px rgba(157,152,232,.5),0 0 60px rgba(157,152,232,.3)}.step-bar{display:flex;align-items:center;gap:0;width:100%}.step-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;position:relative}.step-circle{width:36px;height:36px;border-radius:50%;border:2px solid var(--card-border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--text-muted);transition:all var(--transition);z-index:1}.step-circle.active{border-color:var(--purple-400);background:#7f77dd33;color:var(--text-primary);box-shadow:0 0 12px #7f77dd66}.step-circle.completed{border-color:var(--teal-400);background:#1d9e7533;color:var(--teal-400)}.step-label{font-size:.75rem;color:var(--text-muted);text-align:center;white-space:nowrap}.step-label.active{color:var(--text-secondary)}.step-label.completed{color:var(--teal-400)}.step-line{flex:1;height:2px;background:var(--card-border);margin-top:-18px;position:relative}.step-line.completed{background:linear-gradient(90deg,var(--teal-400),var(--purple-400))}@keyframes typingCursor{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--purple-300);margin-left:2px;vertical-align:text-bottom;animation:typingCursor .8s ease infinite}.typewriter{overflow:hidden;white-space:pre-wrap;word-break:break-word}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-8px)}40%{transform:translate(8px)}50%{transform:translate(-6px)}60%{transform:translate(6px)}70%{transform:translate(-4px)}80%{transform:translate(4px)}90%{transform:translate(-2px)}}.shake{animation:shake .6s ease forwards}@keyframes explodeScale{0%{transform:scale(1)}10%{transform:scale(1.05)}20%{transform:scale(.97)}30%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes starBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.level-complete-explosion{animation:explodeScale .5s ease forwards}.burst-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--amber);animation:starBurst .8s ease-out forwards}.gradient-text{background:linear-gradient(135deg,var(--purple-300),var(--blue-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gold-text{background:linear-gradient(135deg,var(--gold-start),#f0c040,var(--gold-start));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.star-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;background:#ef9f2726;border:1px solid rgba(239,159,39,.4);border-radius:50px;color:var(--amber);font-size:.85rem;font-weight:600;font-family:var(--font-english)}.tag{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:.03em}.tag-purple{background:#7f77dd26;color:var(--purple-300);border:1px solid rgba(127,119,221,.3)}.tag-teal{background:#1d9e7526;color:var(--teal-400);border:1px solid rgba(29,158,117,.3)}.tag-amber{background:#ef9f2726;color:var(--amber);border:1px solid rgba(239,159,39,.3)}.divider{width:100%;height:1px;background:var(--card-border);margin:1rem 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:3px solid rgba(127,119,221,.2);border-top-color:var(--purple-400);border-radius:50%;animation:spin .8s linear infinite}.progress-bar-track{width:100%;height:8px;background:#7f77dd26;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--purple-400),var(--blue-400));transition:width .5s ease}.glass-panel{background:linear-gradient(180deg,#0f0a26eb,#090619d9);border:1px solid rgba(127,119,221,.22);border-radius:22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.cosmic-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(127,119,221,.22);background:#7f77dd14;color:var(--text-secondary);font-size:.78rem}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-36px;right:-22px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);pointer-events:none}.progress-strip{height:8px;border-radius:999px;overflow:hidden;background:#7f77dd1f}.progress-strip>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d53c8,#7f77dd 55%,#a7d7ff);box-shadow:0 0 18px #7f77dd59;transition:width .7s cubic-bezier(.22,1,.36,1)}.orbit-button{position:relative;isolation:isolate}.orbit-button:before,.orbit-button:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(127,119,221,.22);z-index:-1;animation:orbitPulse 2.8s infinite ease-in-out}.orbit-button:after{top:-15px;right:-15px;bottom:-15px;left:-15px;opacity:.5;animation-delay:.8s}@keyframes orbitPulse{0%,to{transform:scale(.96);opacity:.35}50%{transform:scale(1.05);opacity:.7}}.filing-footer{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:1200;pointer-events:none;padding:.35rem .85rem;border-radius:999px;background:#0805169e;border:1px solid rgba(127,119,221,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 26px #04020f38;color:#eeedfeb8;font-size:.74rem;letter-spacing:.04em;line-height:1;text-align:center;white-space:nowrap}@media (max-width: 767px){html{font-size:14px}.card{padding:1rem;border-radius:14px}.btn-primary,.btn-secondary{padding:.65rem 1.5rem;font-size:.9rem}.feedback-message{font-size:2.5rem}.glass-panel{border-radius:18px}.filing-footer{bottom:8px;padding:.32rem .72rem;font-size:.68rem}.step-circle{width:28px;height:28px;font-size:.75rem}.step-label{font-size:.65rem}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}button,a,[role=button]{min-height:44px;min-width:44px}button,.btn-primary,.btn-secondary,.btn-ghost,.glass-panel{-webkit-user-select:none;user-select:none}input,textarea,select{font-size:16px!important}body{-webkit-overflow-scrolling:touch}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 768px) and (max-width: 1024px){html{font-size:15px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.opacity-50{opacity:.5}.opacity-0{opacity:0}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 400px){html{font-size:13px}.card{padding:.85rem;border-radius:12px}.btn-primary,.btn-secondary{padding:.55rem 1.2rem;font-size:.85rem}.glass-panel{border-radius:14px;padding:.85rem}}@media print{@page{size:A4 landscape;margin:.8cm}body *{visibility:hidden}#certificate-content,#certificate-content *{visibility:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}#certificate-content{position:fixed;top:0;left:0;right:0;margin:0;border-radius:0!important}}