:root{--bg-deep: #1a0b2e;--bg-mid: #2d1b4e;--bg-soft: #3d2a5c;--bg-glow: rgba(168, 85, 247, .15);--paper: #fbf4ff;--paper-soft: #f5e6ff;--paper-warm: #fff0f5;--paper-gold: #fff8e7;--ink: #2d1b4e;--ink-soft: #5a4a7a;--ink-muted: #9a8ab8;--ink-gold: #8b5a2b;--primary: #e91e63;--primary-deep: #c2185b;--primary-light: #f8bbd0;--primary-50: #fce4ec;--secondary: #ab47bc;--secondary-deep: #7b1fa2;--secondary-light: #e1bee7;--secondary-50: #f3e5f5;--gold: #d4a017;--gold-light: #ffd740;--gold-soft: #ffe082;--jade: #26a69a;--jade-light: #80cbc4;--lotus: #f06292;--correct: #26a69a;--correct-bg: #e0f2f1;--correct-border: #80cbc4;--wrong: #ec407a;--wrong-bg: #fce4ec;--wrong-border: #f48fb1;--line: #e6d5f0;--line-strong: #d4b8e6;--line-gold: rgba(212, 160, 23, .35);--shadow-sm: 0 2px 10px rgba(171, 71, 188, .12), 0 1px 3px rgba(233, 30, 99, .08);--shadow: 0 6px 24px rgba(171, 71, 188, .18), 0 2px 8px rgba(233, 30, 99, .12);--shadow-lg: 0 16px 48px rgba(171, 71, 188, .28), 0 6px 16px rgba(233, 30, 99, .18), 0 0 40px rgba(255, 215, 64, .08);--shadow-gold: 0 0 20px rgba(212, 160, 23, .35), 0 4px 14px rgba(233, 30, 99, .2);--shadow-glow-pink: 0 0 30px rgba(233, 30, 99, .35);--shadow-glow-purple: 0 0 30px rgba(171, 71, 188, .4);--radius: 22px;--radius-sm: 14px;--radius-lg: 30px;--radius-xl: 42px;--font-display: "Noto Serif SC", "Ma Shan Zheng", "STKaiti", serif;--font-body: "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-seal: "Noto Serif SC", "STKaiti", serif;--maxw: 1080px;--grad-primary: linear-gradient(135deg, #e91e63 0%, #ab47bc 50%, #7c4dff 100%);--grad-gold: linear-gradient(135deg, #ffd740 0%, #ff8a65 50%, #e91e63 100%);--grad-jade: linear-gradient(135deg, #80cbc4 0%, #4dd0e1 50%, #7c4dff 100%);--grad-paper: linear-gradient(135deg, #fff8e7 0%, #fce4ec 30%, #f3e5f5 70%, #e8eaf6 100%);--grad-sky: linear-gradient(180deg, #1a0b2e 0%, #2d1b4e 40%, #4a2c6a 80%, #6a3a8a 100%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--grad-sky);background-attachment:fixed;line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,215,64,.85),transparent 60%),radial-gradient(1px 1px at 25% 70%,rgba(255,255,255,.7),transparent 60%),radial-gradient(2px 2px at 45% 15%,rgba(248,187,208,.7),transparent 60%),radial-gradient(1.2px 1.2px at 65% 45%,rgba(225,190,231,.8),transparent 60%),radial-gradient(1.8px 1.8px at 80% 80%,rgba(255,215,64,.7),transparent 60%),radial-gradient(1px 1px at 92% 25%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 55% 90%,rgba(248,187,208,.7),transparent 60%),radial-gradient(1px 1px at 15% 55%,rgba(255,255,255,.55),transparent 60%),radial-gradient(ellipse 60% 40% at 20% 30%,rgba(171,71,188,.22),transparent 70%),radial-gradient(ellipse 50% 50% at 80% 60%,rgba(233,30,99,.15),transparent 70%),radial-gradient(ellipse 70% 35% at 50% 90%,rgba(255,215,64,.08),transparent 70%);animation:starTwinkle 6s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:50%;left:50%;width:85vw;height:85vw;max-width:900px;max-height:900px;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.07;background-image:radial-gradient(circle at center,transparent 0%,transparent 32%,currentColor 32.5%,currentColor 33.5%,transparent 34%,transparent 100%),radial-gradient(circle at center,transparent 0%,transparent 40%,currentColor 40.5%,currentColor 41.5%,transparent 42%,transparent 100%),radial-gradient(circle at center,transparent 0%,transparent 48%,currentColor 48.5%,currentColor 49.5%,transparent 50%,transparent 100%);color:#ffd740;animation:baguaRotate 80s linear infinite}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.35;margin:0 0 .5em;font-weight:700;letter-spacing:.03em}p{margin:0 0 .8em}a{color:var(--primary);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:var(--primary-deep);text-shadow:0 0 8px rgba(233,30,99,.3)}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:var(--radius-sm);box-shadow:0 0 0 6px #ffd74033,0 0 20px #e91e6340}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:28px 20px 56px;position:relative;z-index:1}.petal-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.petal{position:absolute;width:14px;height:14px;top:-20px;border-radius:150% 0;opacity:0;animation:petalFall linear infinite}.petal:nth-child(1){left:3%;background:radial-gradient(circle at 30% 30%,#ffd740,#f8bbd0 60%,transparent);animation-duration:17s;animation-delay:0s}.petal:nth-child(2){left:12%;background:radial-gradient(circle at 30% 30%,#f8bbd0,#e91e63 70%,transparent);animation-duration:22s;animation-delay:2s;width:10px;height:10px}.petal:nth-child(3){left:22%;background:radial-gradient(circle at 30% 30%,#ffe082,#ab47bc 70%,transparent);animation-duration:19s;animation-delay:4s;width:16px;height:16px}.petal:nth-child(4){left:32%;background:radial-gradient(circle at 30% 30%,#f8bbd0,#ff8a65 70%,transparent);animation-duration:25s;animation-delay:1s}.petal:nth-child(5){left:42%;background:radial-gradient(circle at 30% 30%,#ffd740,#e91e63 65%,transparent);animation-duration:16s;animation-delay:6s;width:12px;height:12px}.petal:nth-child(6){left:52%;background:radial-gradient(circle at 30% 30%,#e1bee7,#ab47bc 70%,transparent);animation-duration:21s;animation-delay:3s;width:18px;height:18px}.petal:nth-child(7){left:62%;background:radial-gradient(circle at 30% 30%,#f8bbd0,#c2185b 70%,transparent);animation-duration:18s;animation-delay:5s}.petal:nth-child(8){left:72%;background:radial-gradient(circle at 30% 30%,#ffe082,#f06292 65%,transparent);animation-duration:23s;animation-delay:.5s;width:11px;height:11px}.petal:nth-child(9){left:82%;background:radial-gradient(circle at 30% 30%,#f8bbd0,#7b1fa2 70%,transparent);animation-duration:20s;animation-delay:7s;width:15px;height:15px}.petal:nth-child(10){left:92%;background:radial-gradient(circle at 30% 30%,#ffd740,#ab47bc 65%,transparent);animation-duration:24s;animation-delay:2.5s}.petal:nth-child(11){left:8%;background:radial-gradient(circle at 30% 30%,#e1bee7,#ec407a 70%,transparent);animation-duration:26s;animation-delay:8s;width:9px;height:9px}.petal:nth-child(12){left:97%;background:radial-gradient(circle at 30% 30%,#f8bbd0,#ffd740 65%,transparent);animation-duration:15s;animation-delay:4.5s}.nav{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#2d1b4eeb,#1a0b2ef2);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line-gold);box-shadow:0 4px 24px #0006,0 0 30px #ab47bc26,inset 0 -1px #ffd7401a}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 20px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:#fff8e7;font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:4px;text-shadow:0 0 12px rgba(255,215,64,.5),0 0 20px rgba(233,30,99,.35)}.brand:hover{text-decoration:none;color:var(--gold-light);text-shadow:0 0 16px rgba(255,215,64,.7),0 0 28px rgba(233,30,99,.5)}.brand-mark{display:inline-flex;flex-direction:column;gap:4px;width:28px;filter:drop-shadow(0 0 6px rgba(255,215,64,.6))}.brand-mark .yao{height:4.5px;background:linear-gradient(90deg,#ffd740,#e91e63,#ab47bc);border-radius:4px;box-shadow:0 0 8px #ffd74080}.brand-mark .yao-yin{background:linear-gradient(to right,#ffd740 0 40%,transparent 40% 60%,#ab47bc 60% 100%)}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{padding:10px 20px;border-radius:999px;color:#fff8e7cc;font-size:15px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s,transform .15s;position:relative}.nav-link:hover{background:#e91e632e;color:var(--gold-light);text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 0 14px #ffd74026,0 0 14px #e91e6333}.nav-link.is-active{background:linear-gradient(135deg,#e91e63e6,#ab47bce6);color:#fff8e7;box-shadow:0 4px 16px #e91e6373,0 0 20px #ffd74040,inset 0 1px #fff3;text-shadow:0 0 8px rgba(255,215,64,.6)}.nav-link.is-active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 10px var(--gold-light)}.nav-toggle{display:none;flex-direction:column;gap:6px;background:transparent;border:0;padding:8px;border-radius:12px;transition:background .2s}.nav-toggle:hover{background:#e91e6326}.nav-toggle span{display:block;width:26px;height:2.5px;background:linear-gradient(90deg,var(--gold-light),var(--primary-light));border-radius:3px;box-shadow:0 0 6px #ffd74080;transition:transform .3s,opacity .3s}.nav-toggle.is-open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;border:1.5px solid transparent;font-size:15px;font-weight:600;line-height:1.2;transition:transform .15s ease,background .25s,border-color .25s,color .25s,box-shadow .25s;white-space:nowrap;letter-spacing:.5px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-primary);color:#fff8e7;box-shadow:0 5px 18px #e91e6373,0 0 24px #ab47bc59,inset 0 1px #ffffff40;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{background:linear-gradient(135deg,#c2185b,#7b1fa2,#651fff);box-shadow:0 7px 26px #e91e638c,0 0 36px #ffd74040,inset 0 1px #ffffff4d;transform:translateY(-2px);text-decoration:none}.btn-ghost{background:linear-gradient(135deg,#fff8e7f2,#ffe0e6e6);border-color:var(--line-gold);color:var(--ink);box-shadow:var(--shadow-sm),inset 0 1px #fffc}.btn-ghost:hover{border-color:var(--gold);color:var(--primary-deep);background:linear-gradient(135deg,#fff8e7,#fce4ec);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow),0 0 18px #d4a01740}.btn-danger{background:linear-gradient(135deg,var(--wrong),#c2185b);color:#fff8e7;box-shadow:0 5px 18px #ec407a73,inset 0 1px #fff3}.btn-danger:hover{box-shadow:0 7px 26px #ec407a8c,0 0 20px #ffd74033;transform:translateY(-2px);text-decoration:none}.btn-lg{padding:16px 34px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.page-head{margin-bottom:28px}.page-title{font-size:32px;margin-bottom:12px;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,215,64,.25))}.page-desc{color:#e6d5f0;margin:0;max-width:60ch;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--secondary-light);margin-bottom:22px}.breadcrumb a,.breadcrumb-link{color:var(--gold-light);background:none;border:0;padding:0;font:inherit;cursor:pointer;font-weight:500;text-shadow:0 0 6px rgba(255,215,64,.35)}.breadcrumb-sep{color:var(--ink-muted)}.section{margin-top:40px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.section-title{font-size:24px;margin:0 0 14px;color:#fff8e7;text-shadow:0 0 14px rgba(255,215,64,.4),0 2px 6px rgba(0,0,0,.4);letter-spacing:.08em;position:relative;display:inline-block}.section-title:before,.section-title:after{content:"❋";color:var(--gold);font-size:.7em;margin:0 10px;opacity:.8;vertical-align:middle;filter:drop-shadow(0 0 6px var(--gold-light))}.section-more{font-size:14px;font-weight:500;color:var(--gold-light);text-shadow:0 0 6px rgba(255,215,64,.4)}.section-hint{color:#c8b8e0;font-size:14px;margin:-8px 0 16px}.card{background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius);box-shadow:var(--shadow-lg),inset 0 1px #ffffffe6;padding:26px;position:relative;overflow:hidden;animation:bounce-in .55s cubic-bezier(.34,1.56,.64,1)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#ffd74080,#e91e6359,#ab47bc66,#ffd74080);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.75;animation:borderGlow 5s ease-in-out infinite alternate}.card:after{content:"";position:absolute;top:-40%;right:-30%;width:260px;height:260px;background:radial-gradient(circle,rgba(255,215,64,.12),transparent 70%);pointer-events:none}.card>.cloud-corner{position:absolute;width:60px;height:60px;pointer-events:none;opacity:.18;z-index:0}.card>.cloud-tl{top:10px;left:10px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);border-top-left-radius:20px}.card>.cloud-br{bottom:10px;right:10px;border-bottom:2px solid var(--primary);border-right:2px solid var(--primary);border-bottom-right-radius:20px}.home .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 80% 0%,rgba(255,215,64,.18),transparent 60%),radial-gradient(ellipse 70% 50% at 0% 100%,rgba(233,30,99,.22),transparent 60%),linear-gradient(135deg,#2d1b4e,#4a2c6a 40%,#6a3a8a);border:1.5px solid var(--line-gold);border-radius:var(--radius-xl);padding:56px 42px;box-shadow:var(--shadow-lg),0 0 60px #ab47bc59,inset 0 1px #ffd74033}.home .hero:before{content:"";position:absolute;top:-60%;right:-25%;width:600px;height:600px;background:radial-gradient(circle at center,rgba(255,215,64,.12) 0%,transparent 40%),conic-gradient(from 0deg,transparent 0deg,rgba(255,215,64,.15) 30deg,transparent 60deg,rgba(233,30,99,.12) 120deg,transparent 150deg,rgba(171,71,188,.15) 210deg,transparent 240deg,rgba(255,215,64,.12) 300deg,transparent 330deg);animation:baguaRotate 60s linear infinite;pointer-events:none;opacity:.8}.home .hero:after{content:"";position:absolute;bottom:-50%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(233,30,99,.22) 0%,transparent 65%);pointer-events:none}.hero-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35}.hero-gua{position:absolute;color:var(--gold-light);filter:drop-shadow(0 0 18px rgba(255,215,64,.7)) drop-shadow(0 0 30px rgba(233,30,99,.4))}.hero-gua-1{top:-18px;right:32px;animation:float 6s ease-in-out infinite,guaGlow 3s ease-in-out infinite alternate}.hero-gua-2{bottom:-22px;right:140px;animation:float 7s ease-in-out infinite 1s,guaGlow 3.5s ease-in-out infinite alternate .5s;color:var(--primary-light)}.hero-content{position:relative;max-width:680px;z-index:2}.hero-eyebrow{color:var(--gold-light);letter-spacing:6px;font-size:13px;font-weight:600;margin:0 0 14px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,64,.6);position:relative;display:inline-block}.hero-eyebrow:before,.hero-eyebrow:after{content:"◈";margin:0 10px;color:var(--primary-light);font-size:.9em;filter:drop-shadow(0 0 6px var(--primary))}.hero-title{font-size:56px;letter-spacing:10px;margin:0 0 20px;background:linear-gradient(135deg,#ffd740,#ff8a65,#e91e63,#ab47bc,#7c4dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(255,215,64,.5)) drop-shadow(0 0 40px rgba(233,30,99,.35));line-height:1.15;font-family:var(--font-seal)}.hero-sub{font-size:17px;color:#fff8e7e6;margin:0 0 14px;max-width:56ch;line-height:1.9;text-shadow:0 1px 4px rgba(0,0,0,.4)}.hero-note{color:#e1bee7cc;font-size:13px;margin:0 0 28px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.stat-card{background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffffe6;padding:24px;position:relative;transition:transform .3s,box-shadow .3s;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--grad-gold);box-shadow:0 0 10px #ffd74080}.stat-card:after{content:"";position:absolute;top:-30%;right:-20%;width:160px;height:160px;background:radial-gradient(circle,rgba(171,71,188,.12),transparent 70%);pointer-events:none}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),0 0 30px #ffd74033}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stats-overview .stat-card{padding:22px;text-align:center}.stat-label{color:var(--ink-soft);font-size:13px;margin-bottom:10px;font-weight:600;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:36px;font-weight:700;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;filter:drop-shadow(0 0 8px rgba(255,215,64,.3))}.stat-unit{font-size:14px;font-weight:400;color:var(--ink-muted);margin-left:4px;-webkit-text-fill-color:var(--ink-muted)}.stat-sub{color:var(--ink-muted);font-size:12px;margin-top:12px}.stat-correct{color:var(--correct);-webkit-text-fill-color:var(--correct);filter:drop-shadow(0 0 6px rgba(38,166,154,.4))}.stat-wrong{color:var(--wrong);-webkit-text-fill-color:var(--wrong);filter:drop-shadow(0 0 6px rgba(236,64,122,.4))}.progress{height:10px;background:linear-gradient(90deg,var(--secondary-50),var(--primary-50));border-radius:999px;overflow:hidden;margin-top:16px;box-shadow:inset 0 2px 4px #ab47bc26;border:1px solid var(--line)}.progress-lg{height:16px;margin-top:0}.progress-bar{height:100%;background:linear-gradient(90deg,#ffd740,#e91e63,#ab47bc);border-radius:999px;transition:width .5s ease;box-shadow:0 0 10px #e91e6373,0 0 20px #ffd7404d;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s ease-in-out infinite}.progress-bar-correct{background:linear-gradient(90deg,#80cbc4,#4dd0e1,#7c4dff);box-shadow:0 0 10px #26a69a73}.ring{position:relative;width:68px;height:68px;border-radius:50%;background:conic-gradient(from 0deg,var(--gold) 0%,var(--primary) calc(var(--p, 0) * .8%),var(--secondary) calc(var(--p, 0) * 1%),var(--paper-soft) 0);display:grid;place-items:center;margin-top:14px;box-shadow:0 4px 16px #e91e634d,0 0 16px #ffd74040}.ring:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:var(--grad-paper);box-shadow:inset 0 1px 3px #00000014}.ring-text{position:relative;font-size:14px;font-weight:700;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.module-card{display:flex;gap:18px;align-items:flex-start;background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffffe6;padding:22px;color:var(--ink);transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary);opacity:0;transition:opacity .3s}.module-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(171,71,188,.12),transparent 70%);pointer-events:none}.module-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),0 0 30px #e91e6333;border-color:var(--primary);text-decoration:none}.module-card:hover:before{opacity:1;box-shadow:0 0 10px #e91e6380}.module-card-gua{color:var(--primary);flex-shrink:0;filter:drop-shadow(0 0 10px rgba(233,30,99,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.1))}.module-card-title{font-family:var(--font-display);font-weight:700;font-size:19px;margin-bottom:8px;display:flex;align-items:center;gap:8px;color:var(--ink)}.module-card-brief{color:var(--ink-soft);font-size:14px;line-height:1.75}.module-list{display:flex;flex-direction:column;gap:14px}.module-row{display:flex;align-items:center;gap:18px;background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffffe6;padding:20px 24px;color:var(--ink);text-align:left;width:100%;transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;position:relative;overflow:hidden}.module-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-primary);opacity:0;transition:opacity .3s}.module-row:hover{transform:translate(6px) translateY(-2px);box-shadow:var(--shadow-lg),0 0 26px #ffd7402e;border-color:var(--gold);text-decoration:none}.module-row:hover:before{opacity:1;box-shadow:0 0 10px #e91e6380}.module-row-btn{border:1.5px solid var(--line-gold);background:var(--grad-paper);font:inherit;cursor:pointer}.module-row-index{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--grad-primary);color:#fff8e7;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;box-shadow:0 3px 10px #e91e6359,0 0 14px #ffd74040,inset 0 1px #ffffff40;text-shadow:0 0 6px rgba(255,215,64,.5)}.module-row-gua{color:var(--primary);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(233,30,99,.3))}.module-row-body{flex:1;min-width:0}.module-row-title{font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink)}.module-row-brief{color:var(--ink-soft);font-size:14px;line-height:1.7}.module-row-meta{color:var(--ink-muted);font-size:12px;margin-top:6px}.module-row-arrow{flex-shrink:0;color:var(--gold);font-size:18px;font-weight:700;transition:transform .25s,color .25s;text-shadow:0 0 6px rgba(255,215,64,.5)}.module-row:hover .module-row-arrow{transform:translate(6px);color:var(--primary)}.badge-done{display:inline-block;font-size:11px;font-family:var(--font-body);font-weight:600;color:var(--correct);background:linear-gradient(135deg,var(--correct-bg),#b2dfdb);border:1px solid var(--correct-border);padding:4px 12px;border-radius:999px;line-height:1.6;letter-spacing:.5px;box-shadow:0 0 8px #26a69a33}.is-done .module-row-gua,.is-done .module-card-gua{color:var(--correct);filter:drop-shadow(0 0 8px rgba(38,166,154,.4))}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.entry-card{background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffffe6;padding:24px;color:var(--ink);transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.entry-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4.5px;background:var(--grad-gold);opacity:.9;box-shadow:0 0 10px #ffd74066}.entry-card:after{content:"✦";position:absolute;top:16px;right:18px;color:var(--gold);font-size:14px;opacity:.5;filter:drop-shadow(0 0 4px var(--gold-light))}.entry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),0 0 30px #ffd74040;border-color:var(--primary);text-decoration:none}.entry-title{font-size:19px;margin:0 0 10px;color:var(--primary-deep);font-weight:700;letter-spacing:.05em;font-family:var(--font-display)}.entry-desc{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.75}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#ffd7401f,#e91e631f,#ab47bc26);border:1.5px solid var(--line-gold);border-radius:var(--radius-lg);padding:22px 28px;flex-wrap:wrap;box-shadow:var(--shadow),inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resume-label{color:var(--gold-light);font-size:13px;font-weight:600;margin-bottom:5px;letter-spacing:1px;text-shadow:0 0 6px rgba(255,215,64,.4)}.resume-path{font-family:SF Mono,Menlo,Consolas,monospace;color:#fff8e7;font-size:14px}.module-learn .module-head{display:flex;gap:26px;align-items:center;margin-bottom:30px;padding:32px;background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(255,215,64,.18),transparent 55%),linear-gradient(135deg,#2d1b4e,#4a2c6a,#6a3a8a);border:1.5px solid var(--line-gold);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 50px #ab47bc4d,inset 0 1px #ffd74026;position:relative;overflow:hidden}.module-learn .module-head:after{content:"";position:absolute;top:-60%;right:-15%;width:360px;height:360px;background:radial-gradient(circle,rgba(255,215,64,.15) 0%,transparent 65%);pointer-events:none;animation:float 8s ease-in-out infinite}.module-head-gua{color:var(--gold-light);flex-shrink:0;filter:drop-shadow(0 0 20px rgba(255,215,64,.7)) drop-shadow(0 0 35px rgba(233,30,99,.45))}.module-head-title{font-size:28px;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,215,64,.4));margin:0 0 8px}.module-head-brief{color:#fff8e7e0;margin:0;font-size:15px;line-height:1.8;text-shadow:0 1px 4px rgba(0,0,0,.35)}.knowledge-cards{display:grid;gap:18px;margin-bottom:34px}.knowledge-card-h{font-size:19px;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;letter-spacing:.05em;font-family:var(--font-display)}.knowledge-card-body{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.85}.bagua-section{margin-bottom:36px}.bagua-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bagua-item{background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius);padding:22px 16px;text-align:center;box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.bagua-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,64,.12),transparent 55%);pointer-events:none;opacity:0;transition:opacity .3s}.bagua-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg),0 0 24px #ffd7404d;border-color:var(--primary)}.bagua-item:hover:before{opacity:1}.bagua-item-gua{color:var(--primary);display:flex;justify-content:center;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(233,30,99,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.08));transition:transform .3s,filter .3s}.bagua-item:hover .bagua-item-gua{transform:rotate(8deg) scale(1.08);filter:drop-shadow(0 0 16px rgba(255,215,64,.5)) drop-shadow(0 0 28px rgba(233,30,99,.4))}.bagua-item-name{font-family:var(--font-display);font-weight:700;font-size:17px;margin-bottom:7px;color:var(--ink);letter-spacing:.08em}.bagua-item-desc{font-size:12px;color:var(--ink-muted);line-height:1.7}.key-points{margin-bottom:34px;background:linear-gradient(135deg,#fff8e7,#fce4ec,#f3e5f5);border:1.5px solid var(--line-gold);border-radius:var(--radius);box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6;padding:24px;position:relative;overflow:hidden}.key-points:before{content:"";position:absolute;top:-30%;left:-15%;width:200px;height:200px;background:radial-gradient(circle,rgba(212,160,23,.12),transparent 70%);pointer-events:none}.key-points-title{font-size:19px;color:var(--primary-deep);margin-bottom:14px;letter-spacing:.05em;font-family:var(--font-display)}.key-points-list{margin:0;padding-left:26px}.key-points-list li{margin-bottom:10px;color:var(--ink-soft);line-height:1.8;padding-left:4px}.key-points-list li::marker{color:var(--gold);font-size:1.1em;text-shadow:0 0 4px var(--gold-light)}.module-practice{margin-bottom:34px}.module-practice-list{display:grid;gap:16px}.module-complete{text-align:center;margin:40px 0}.done-banner{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,#e0f2f1,#b2dfdb,#80cbc4);color:var(--correct);border:1.5px solid var(--correct-border);padding:16px 32px;border-radius:999px;font-weight:700;box-shadow:0 5px 20px #26a69a4d,0 0 24px #ffd7402e,inset 0 1px #fffc;animation:bounce-in .55s cubic-bezier(.34,1.56,.64,1);letter-spacing:.05em}.done-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--correct),#00897b);color:#fff8e7;font-size:15px;box-shadow:0 2px 8px #26a69a66,inset 0 1px #ffffff40}.module-nav{display:flex;justify-content:space-between;gap:16px;margin-top:32px;border-top:1.5px solid var(--line-gold);padding-top:28px}.module-nav-link{display:flex;flex-direction:column;gap:5px;padding:16px 20px;border:1.5px solid var(--line-gold);border-radius:var(--radius);background:var(--grad-paper);color:var(--ink);min-width:160px;transition:border-color .25s,color .25s,transform .25s,box-shadow .25s;box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6}.module-nav-link:hover{border-color:var(--primary);color:var(--primary-deep);transform:translateY(-3px);box-shadow:var(--shadow),0 0 20px #e91e6333;text-decoration:none}.module-nav-link.next{text-align:right}.module-nav-dir{font-size:12px;color:var(--ink-muted);letter-spacing:1px}.module-nav-name{font-family:var(--font-display);font-weight:700;color:var(--primary-deep);font-size:17px}.quiz-runner{display:flex;flex-direction:column;gap:18px}.question-card{background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 1px #ffffffe6;padding:30px;animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-primary);box-shadow:0 0 12px #e91e6373}.question-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-size:13px}.tag{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--grad-primary);color:#fff8e7;font-size:12px;font-weight:600;letter-spacing:.5px;box-shadow:0 3px 10px #e91e6366,inset 0 1px #fff3;text-shadow:0 0 6px rgba(255,215,64,.45)}.tag-soft{background:linear-gradient(135deg,#fff8e7,#fce4ec);color:var(--primary-deep);box-shadow:none;border:1px solid var(--line-gold)}.q-index{color:var(--ink-muted);margin-left:auto;font-weight:600}.q-score{color:var(--ink-muted)}.question-text{font-size:21px;line-height:1.75;margin:0 0 22px;color:var(--ink);font-weight:500;font-family:var(--font-display);letter-spacing:.02em}.options{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:13px}.option{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:17px 20px;border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#fff,#fff8e7);color:var(--ink);font:inherit;font-size:15px;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff}.option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 50%,rgba(255,215,64,.1),transparent 50%);opacity:0;transition:opacity .2s}.option:hover:not(:disabled){border-color:var(--primary);background:linear-gradient(135deg,#fff8e7,#fce4ec);transform:translateY(-2px) translate(3px);box-shadow:0 5px 16px #e91e632e,0 0 14px #ffd7402e}.option:hover:not(:disabled):before{opacity:1}.option:disabled{cursor:default}.option-label{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--ink-soft);font-family:var(--font-display);transition:all .2s;background:#fff}.option-text{flex:1;position:relative;z-index:1}.option-mark{font-size:19px;font-weight:700;position:relative;z-index:1}.option-selected{border-color:var(--primary);background:linear-gradient(135deg,#fce4ec,#f3e5f5);box-shadow:0 4px 18px #e91e6340,0 0 18px #ab47bc33}.option-selected .option-label{border-color:var(--primary);background:var(--grad-primary);color:#fff8e7;box-shadow:0 0 10px #e91e6380,inset 0 1px #ffffff40;text-shadow:0 0 6px rgba(255,215,64,.5)}.option-correct{border-color:var(--correct);background:linear-gradient(135deg,#e0f2f1,#b2dfdb);animation:sparkle .55s ease;box-shadow:0 4px 18px #26a69a47,0 0 22px #80cbc44d}.option-correct .option-label{border-color:var(--correct);background:linear-gradient(135deg,#26a69a,#00897b);color:#fff8e7;box-shadow:0 0 12px #26a69a80,inset 0 1px #ffffff40}.option-correct .option-mark{color:var(--correct);text-shadow:0 0 8px rgba(38,166,154,.5)}.option-wrong{border-color:var(--wrong);background:linear-gradient(135deg,#fce4ec,#f8bbd0);animation:shake .45s ease;box-shadow:0 4px 18px #ec407a47,0 0 20px #f48fb140}.option-wrong .option-label{border-color:var(--wrong);background:linear-gradient(135deg,#ec407a,#c2185b);color:#fff8e7;box-shadow:0 0 12px #ec407a80,inset 0 1px #fff3}.option-wrong .option-mark{color:var(--wrong);text-shadow:0 0 8px rgba(236,64,122,.5)}.option-dim{opacity:.55}.feedback{border-radius:var(--radius);padding:18px 20px;margin-bottom:20px;border:1.5px solid;animation:bounce-in .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.feedback:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.feedback-correct{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);border-color:var(--correct-border)}.feedback-correct:before{background:var(--correct);box-shadow:0 0 8px var(--correct)}.feedback-wrong{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-color:var(--wrong-border)}.feedback-wrong:before{background:var(--wrong);box-shadow:0 0 8px var(--wrong)}.feedback-head{font-family:var(--font-display);font-weight:700;margin-bottom:7px;font-size:17px}.feedback-correct .feedback-head{color:var(--correct);text-shadow:0 0 6px rgba(38,166,154,.3)}.feedback-wrong .feedback-head{color:var(--wrong);text-shadow:0 0 6px rgba(236,64,122,.3)}.feedback-exp{font-size:14px;color:var(--ink-soft);line-height:1.8}.question-foot{display:flex;justify-content:flex-end}.quiz-progress{height:9px;background:linear-gradient(90deg,#fff8e74d,#fce4ec66);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001f;border:1px solid rgba(255,215,64,.25)}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,#ffd740,#ff8a65,#e91e63,#ab47bc);border-radius:999px;transition:width .5s ease;box-shadow:0 0 12px #e91e6380,0 0 24px #ffd7404d;position:relative;overflow:hidden}.quiz-progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shimmer 2s ease-in-out infinite}.quiz-summary{text-align:center}.summary-title{font-size:28px;margin-bottom:22px;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(255,215,64,.5));letter-spacing:.08em;font-family:var(--font-display)}.summary-ring{width:140px;height:140px;margin:0 auto 22px;border-radius:50%;background:conic-gradient(from 0deg,#ffd740,#e91e63 calc(var(--p, 0) * .7%),#ab47bc calc(var(--p, 0) * 1%),#fff8e733 0);display:grid;place-items:center;position:relative;box-shadow:0 10px 36px #e91e6359,0 0 36px #ffd7404d}.summary-ring:before{content:"";position:absolute;width:108px;height:108px;border-radius:50%;background:var(--grad-paper);box-shadow:inset 0 2px 6px #00000014}.summary-ring-num{position:relative;font-family:var(--font-display);font-size:36px;font-weight:700;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,215,64,.35))}.summary-line{color:#e6d5f0;margin-bottom:24px;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.summary-wrong{text-align:left;margin:24px 0;padding:20px;background:linear-gradient(135deg,#fce4ec,#f3e5f5);border:1.5px solid var(--wrong-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.summary-wrong-title{font-size:17px;color:var(--wrong);margin-bottom:14px;font-weight:700;font-family:var(--font-display)}.summary-wrong-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.summary-wrong-list li{display:grid;gap:5px;padding-bottom:14px;border-bottom:1px dashed var(--wrong-border)}.summary-wrong-list li:last-child{border-bottom:0;padding-bottom:0}.wrong-module{font-size:12px;color:var(--wrong);font-weight:600;letter-spacing:.5px}.wrong-q{font-size:14px;color:var(--ink-soft);line-height:1.75}.summary-perfect{color:var(--correct);font-family:var(--font-display);font-size:22px;margin:20px 0;font-weight:700;text-shadow:0 0 12px rgba(38,166,154,.4);letter-spacing:.08em}.summary-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}.wrong-actions{margin-bottom:22px}.wrong-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.wrong-item-meta{display:flex;gap:10px;margin-bottom:14px}.wrong-item-q{font-family:var(--font-display);font-size:18px;margin-bottom:12px;line-height:1.75;color:var(--ink)}.wrong-item-answer{font-size:14px;color:var(--correct);margin-bottom:10px;font-weight:700}.wrong-item-exp{font-size:13px;color:var(--ink-muted);border-left:3.5px solid var(--gold);padding-left:14px;margin-bottom:16px;line-height:1.8;box-shadow:inset 4px 0 10px -6px #ffd74066}.wrong-item-foot{text-align:right}.empty-state{text-align:center;padding:56px 32px}.empty-gua{color:var(--gold-light);opacity:.6;margin-bottom:22px;display:flex;justify-content:center;filter:drop-shadow(0 0 22px rgba(255,215,64,.6)) drop-shadow(0 0 36px rgba(233,30,99,.35));animation:float 6s ease-in-out infinite}.empty-title{font-family:var(--font-display);font-size:22px;margin:0 0 10px;color:#fff8e7;text-shadow:0 0 14px rgba(255,215,64,.45);letter-spacing:.08em}.empty-desc{color:#c8b8e0;margin:0 0 24px;line-height:1.8}.empty-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.practice-tip{margin-top:26px;background:linear-gradient(135deg,#fff8e7,#fce4ec,#f3e5f5);border:1.5px solid var(--line-gold);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 24px}.practice-tip h3{margin:0 0 10px;font-size:17px;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em}.practice-tip p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.8}.inline-link{color:var(--primary-deep);font-weight:700;text-shadow:0 0 5px rgba(233,30,99,.25)}.inline-link:hover{color:var(--secondary-deep);text-shadow:0 0 8px rgba(171,71,188,.4)}.bar-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.bar-row-label{font-family:var(--font-display);font-weight:700;color:var(--ink)}.bar-row-value{color:var(--primary-deep);font-weight:700;font-size:19px;filter:drop-shadow(0 0 4px rgba(233,30,99,.25))}.table-wrap{overflow-x:auto;border:1.5px solid var(--line-gold);border-radius:var(--radius);background:var(--grad-paper);box-shadow:var(--shadow)}.stats-table{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}.stats-table th,.stats-table td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--line)}.stats-table th{background:linear-gradient(135deg,#f3e5f5,#fce4ec);color:var(--primary-deep);font-family:var(--font-display);font-weight:700;letter-spacing:.05em}.stats-table tbody tr:last-child td{border-bottom:0}.stats-table tbody tr:hover{background:linear-gradient(135deg,#fff8e799,#fce4ec80)}.td-name{text-align:left;font-family:var(--font-display);font-weight:700;color:var(--ink)}.td-correct{color:var(--correct);font-weight:700;text-shadow:0 0 5px rgba(38,166,154,.3)}.td-wrong{color:var(--wrong);font-weight:700;text-shadow:0 0 5px rgba(236,64,122,.3)}.table-link{font-size:13px}.danger-zone{margin-top:40px;border-color:var(--wrong-border);background:linear-gradient(135deg,#fce4ec,#f8bbd0);box-shadow:var(--shadow),0 0 20px #ec407a2e}.danger-zone-title{color:var(--wrong);font-size:19px;margin-bottom:10px;font-family:var(--font-display)}.danger-zone-desc{color:var(--ink-soft);font-size:14px;margin-bottom:20px;line-height:1.8}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1a0b2eb3,#1a0b2eeb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;z-index:100;animation:fade .25s ease}.dialog{background:var(--grad-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 60px #ffd74040,0 0 80px #ab47bc4d;padding:32px;max-width:460px;width:100%;animation:rise .3s cubic-bezier(.34,1.56,.64,1);border:1.5px solid var(--line-gold);position:relative;overflow:hidden}.dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-gold);box-shadow:0 0 12px #ffd74080}.dialog-title{font-size:22px;margin-bottom:16px;color:var(--ink);font-family:var(--font-display);background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dialog-body{color:var(--ink-soft);font-size:15px;margin-bottom:26px;line-height:1.85}.dialog-actions{display:flex;justify-content:flex-end;gap:14px}.not-found{text-align:center;padding:72px 28px}.not-found-gua{color:var(--gold-light);opacity:.55;display:flex;justify-content:center;margin-bottom:26px;filter:drop-shadow(0 0 24px rgba(255,215,64,.55)) drop-shadow(0 0 40px rgba(233,30,99,.35));animation:float 7s ease-in-out infinite}.not-found-title{font-size:34px;margin-bottom:14px;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(255,215,64,.45));font-family:var(--font-display);letter-spacing:.1em}.not-found-desc{color:#c8b8e0;margin-bottom:28px;line-height:1.85}.footer{border-top:1px solid var(--line-gold);background:linear-gradient(180deg,#1a0b2ed9,#1a0b2efa);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin-top:auto;box-shadow:0 -4px 20px #00000059,inset 0 1px #ffd7401a}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:32px 20px;text-align:center;color:var(--secondary-light);font-size:13px;line-height:1.9}.footer-inner p{margin:0 0 7px}.footer-inner p:first-child:before,.footer-inner p:first-child:after{content:"❋";color:var(--gold);margin:0 12px;opacity:.75;filter:drop-shadow(0 0 5px var(--gold-light))}.footer-note{font-size:12px;color:var(--ink-muted)}.section-tabs{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.section-tab{padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,#fff8e7f2,#fce4ece6);border:1.5px solid var(--line-gold);color:var(--ink-soft);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;font-family:var(--font-body);box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6}.section-tab:hover{border-color:var(--primary);color:var(--primary-deep);background:linear-gradient(135deg,#fff8e7,#fce4ec);box-shadow:var(--shadow),0 0 18px #e91e632e;transform:translateY(-2px)}.section-tab-active{background:var(--grad-primary);color:#fff8e7;border-color:transparent;box-shadow:0 5px 18px #e91e6373,0 0 24px #ffd7404d,inset 0 1px #ffffff38;text-shadow:0 0 8px rgba(255,215,64,.55);transform:translateY(-2px)}.section-tab-active:hover{color:#fff8e7;background:linear-gradient(135deg,#c2185b,#7b1fa2);box-shadow:0 6px 22px #e91e638c,0 0 30px #ffd74059}.section-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.section-card{background:var(--grad-paper);border:1.5px solid var(--line-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow),inset 0 1px #ffffffe6;padding:26px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--grad-gold);opacity:.9;box-shadow:0 0 12px #ffd74080}.section-card:after{content:"";position:absolute;top:-50%;right:-40%;width:280px;height:280px;background:radial-gradient(circle,rgba(233,30,99,.12),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s,transform .4s}.section-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:var(--shadow-lg),0 0 40px #ffd74047;border-color:var(--primary)}.section-card:hover:after{opacity:1;transform:scale(1.15)}.section-card-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:var(--grad-primary);color:#fff8e7;margin-bottom:16px;box-shadow:0 5px 16px #e91e6366,0 0 22px #ffd7404d,inset 0 1px #ffffff38;text-shadow:0 0 8px rgba(255,215,64,.5);position:relative;z-index:1}.section-card-title{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--ink);margin-bottom:10px;letter-spacing:.05em;position:relative;z-index:1}.section-card-desc{font-size:14px;color:var(--ink-soft);line-height:1.8;margin-bottom:18px;position:relative;z-index:1}.section-card-modules{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px dashed var(--line-gold);font-size:13px;color:var(--ink-muted);font-weight:600;position:relative;z-index:1}.section-card-questions{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted)}.section-card-questions strong{color:var(--primary-deep);font-weight:700;font-size:15px;filter:drop-shadow(0 0 4px rgba(233,30,99,.3))}@keyframes starTwinkle{0%{opacity:.85}to{opacity:1}}@keyframes baguaRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes petalFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.85}30%{transform:translateY(30vh) translate(40px) rotate(120deg)}50%{transform:translateY(55vh) translate(-25px) rotate(220deg)}75%{transform:translateY(82vh) translate(35px) rotate(310deg)}to{transform:translateY(115vh) translate(-10px) rotate(400deg);opacity:0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.92) translateY(14px)}50%{transform:scale(1.025) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sparkle{0%{transform:scale(1);box-shadow:0 0 #26a69a80,0 0 12px #80cbc466}50%{transform:scale(1.025);box-shadow:0 0 0 10px #26a69a00,0 0 22px #80cbc499}to{transform:scale(1);box-shadow:0 0 #26a69a00,0 0 12px #80cbc466}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}@keyframes guaGlow{0%{filter:drop-shadow(0 0 14px rgba(255,215,64,.6)) drop-shadow(0 0 24px rgba(233,30,99,.35))}to{filter:drop-shadow(0 0 24px rgba(255,215,64,.9)) drop-shadow(0 0 40px rgba(233,30,99,.55))}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes borderGlow{0%{opacity:.55;filter:hue-rotate(0deg)}to{opacity:.9;filter:hue-rotate(15deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body:before,body:after,.petal{display:none!important}}@media (max-width: 860px){.overview,.stats-overview{grid-template-columns:repeat(2,1fr)}.module-grid,.entry-grid{grid-template-columns:1fr}.bagua-grid{grid-template-columns:repeat(2,1fr)}.section-cards{grid-template-columns:1fr}.hero-title{font-size:44px!important;letter-spacing:6px!important}}@media (max-width: 720px){.nav-links{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:linear-gradient(180deg,#1a0b2efa,#2d1b4efa);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line-gold);padding:16px 20px;gap:8px;box-shadow:var(--shadow-lg),0 8px 30px #00000080;transform:translateY(-16px);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.nav-links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link{padding:15px 20px;border-radius:var(--radius);font-size:16px;color:#fff8e7;background:#ffffff0d;border:1px solid rgba(255,215,64,.15)}.nav-toggle{display:flex}.home .hero{padding:38px 28px}.hero-title{font-size:36px!important;letter-spacing:5px!important}.module-learn .module-head{flex-direction:column;text-align:center;padding:28px}.module-nav{flex-direction:column}.module-nav-link,.module-nav-link.next{text-align:left}.question-card{padding:24px 22px}.section-tabs{gap:8px}.section-tab{padding:9px 18px;font-size:13px}}@media (max-width: 480px){body{font-size:15px}.main{padding:22px 14px 44px}.page-title{font-size:26px}.home .hero{padding:32px 22px;border-radius:var(--radius-lg)}.hero-title{font-size:30px!important;letter-spacing:4px!important}.hero-eyebrow{letter-spacing:3px}.hero-eyebrow:before,.hero-eyebrow:after{margin:0 6px}.hero-sub{font-size:15px}.overview,.stats-overview{grid-template-columns:1fr}.question-card{padding:22px 18px;border-radius:var(--radius)}.question-text{font-size:19px}.option{padding:15px;font-size:14px}.option-label{width:30px;height:30px;font-size:13px}.btn{padding:13px 22px;font-size:14px;min-height:48px}.btn-lg{width:100%}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.summary-actions{flex-direction:column}.summary-actions .btn{width:100%}.module-row{padding:18px;gap:15px}.module-row-title{font-size:17px}.card,.stat-card,.entry-card{padding:20px}.bagua-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bagua-item{padding:18px 12px}.dialog{padding:26px;border-radius:var(--radius)}.section-card{padding:22px}.section-card-icon{width:50px;height:50px;border-radius:16px}.section-card-title{font-size:19px}.resume-card{padding:18px 22px}}.bug-tip{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;padding:10px 22px;background:linear-gradient(135deg,#1a0b2ef2,#2d1b4ef2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--line-gold);border-radius:999px;color:#ffd740;font-size:13px;font-weight:600;letter-spacing:.5px;box-shadow:0 6px 28px #00000073,0 0 24px #ffd74033,inset 0 1px #ffd74033;white-space:nowrap;max-width:calc(100vw - 32px);animation:bugTipGlow 3s ease-in-out infinite alternate}.bug-tip-icon{font-size:15px;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(255,215,64,.6))}.bug-tip-text{line-height:1.4;text-shadow:0 0 8px rgba(255,215,64,.4)}.bug-tip-close{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#ffffff1a;border:none;color:#ffd740;font-size:12px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .2s;opacity:.65}.bug-tip-close:hover{background:#e91e634d;opacity:1;color:#fff}.bug-tip.is-hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none;transition:opacity .3s,transform .3s}@keyframes bugTipGlow{0%{box-shadow:0 6px 28px #00000073,0 0 20px #ffd74026,inset 0 1px #ffd74026}to{box-shadow:0 6px 28px #00000073,0 0 36px #ffd74059,inset 0 1px #ffd74040}}@media (max-width: 480px){.bug-tip{bottom:14px;padding:9px 16px;font-size:12px;gap:8px}.bug-tip-icon{font-size:14px}}