:root{--bg: #FFF5F8;--bg-2: #F0E6F6;--paper: #FFFFFF;--paper-soft: #FFF0F5;--ink: #4A3B52;--ink-soft: #7A6B82;--ink-muted: #B8A8C0;--primary: #E8709A;--primary-dark: #D45C87;--primary-light: #FFDCE8;--primary-50: #FFF0F5;--secondary: #B088D4;--secondary-light: #E8DAF5;--accent: #FFB7C5;--accent-2: #A8D8EA;--accent-3: #FFE4B5;--correct: #6BC5A8;--correct-bg: #E8F6EF;--correct-border: #B5E8D5;--wrong: #F48FB1;--wrong-bg: #FDE8EF;--wrong-border: #F8BBD0;--line: #F0E0EB;--line-strong: #E4D0DC;--shadow-sm: 0 2px 8px rgba(232, 112, 154, .08);--shadow: 0 4px 20px rgba(232, 112, 154, .1), 0 2px 4px rgba(176, 136, 212, .06);--shadow-lg: 0 12px 40px rgba(232, 112, 154, .15), 0 4px 12px rgba(176, 136, 212, .08);--radius: 24px;--radius-sm: 16px;--radius-lg: 32px;--radius-xl: 40px;--font-display: "Noto Serif SC", serif;--font-body: "Noto Sans SC", sans-serif;--maxw: 1080px}*,*: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:linear-gradient(135deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%}body:before{top:-40px;left:10%;width:8px;height:8px;background:radial-gradient(circle,var(--primary) 0%,rgba(232,112,154,.3) 60%,transparent 80%);box-shadow:120px 140px 0 -2px var(--accent),320px 260px 0 1px var(--primary-light),540px 90px 0 -3px var(--secondary-light),780px 200px 0 2px var(--primary),160px 420px 0 -2px var(--accent-3),460px 560px 0 1px var(--primary-light),680px 680px 0 -2px var(--accent-2),260px 780px 0 2px var(--primary),580px 320px 0 -1px var(--accent),900px 500px 0 1px var(--secondary-light);animation:sakura-fall 18s linear infinite;opacity:.7}body:after{top:-60px;right:5%;width:6px;height:6px;background:radial-gradient(circle,var(--accent) 0%,rgba(255,183,197,.3) 60%,transparent 80%);box-shadow:80px 180px 0 1px var(--primary-light),280px 300px 0 -2px var(--primary),480px 140px 0 2px var(--accent-3),720px 260px 0 -1px var(--secondary-light),180px 480px 0 2px var(--accent),380px 620px 0 -2px var(--primary),620px 740px 0 1px var(--accent-2),860px 380px 0 -3px var(--primary-light),140px 620px 0 1px var(--accent),540px 460px 0 2px var(--secondary-light);animation:sakura-fall 22s linear infinite reverse;opacity:.55}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.35;margin:0 0 .5em;font-weight:700}p{margin:0 0 .8em}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark);text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm);box-shadow:0 0 0 6px #e8709a2e}.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}.nav{position:sticky;top:0;z-index:50;background:#ffffffd1;backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:2px}.brand:hover{text-decoration:none;color:var(--primary)}.brand-mark{display:inline-flex;flex-direction:column;gap:4px;width:24px}.brand-mark .yao{height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px}.brand-mark .yao-yin{background:linear-gradient(to right,var(--primary) 0 40%,transparent 40% 60%,var(--primary) 60% 100%)}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{padding:10px 18px;border-radius:999px;color:var(--ink-soft);font-size:15px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s,transform .15s}.nav-link:hover{background:var(--primary-50);color:var(--primary);text-decoration:none;transform:translateY(-1px)}.nav-link.is-active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 14px #e8709a59}.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:var(--primary-50)}.nav-toggle span{display:block;width:24px;height:2px;background:var(--primary);border-radius:2px;transition:transform .3s,opacity .3s}.nav-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;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}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 16px #e8709a59}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 6px 22px #e8709a73,0 0 0 4px #ffdce880;transform:translateY(-2px);text-decoration:none}.btn-ghost{background:#ffffffb3;border-color:var(--line-strong);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50);text-decoration:none;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--wrong),#E7698C);color:#fff;box-shadow:0 4px 16px #f48fb159}.btn-danger:hover{box-shadow:0 6px 22px #f48fb173,0 0 0 4px #fde8ef80;transform:translateY(-2px);text-decoration:none}.btn-lg{padding:15px 32px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.page-head{margin-bottom:28px}.page-title{font-size:30px;margin-bottom:10px;color:var(--ink)}.page-desc{color:var(--ink-soft);margin:0;max-width:60ch;font-size:15px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-muted);margin-bottom:22px}.breadcrumb a,.breadcrumb-link{color:var(--primary);background:none;border:0;padding:0;font:inherit;cursor:pointer;font-weight:500}.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:22px;margin:0 0 14px;color:var(--ink)}.section-more{font-size:14px;font-weight:500}.section-hint{color:var(--ink-muted);font-size:14px;margin:-8px 0 16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden;animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#e8709a40,#b088d433,#ffb7c526);-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:.8}.home .hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--paper) 0%,var(--primary-50) 50%,var(--secondary-light) 100%);border:1.5px solid rgba(232,112,154,.2);border-radius:var(--radius-xl);padding:48px 36px;box-shadow:var(--shadow-lg)}.home .hero:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(232,112,154,.18) 0%,transparent 65%);pointer-events:none}.home .hero:after{content:"";position:absolute;bottom:-40%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(176,136,212,.15) 0%,transparent 65%);pointer-events:none}.hero-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22}.hero-gua{position:absolute;color:var(--primary);filter:drop-shadow(0 4px 12px rgba(232,112,154,.25))}.hero-gua-1{top:-10px;right:24px;animation:float 6s ease-in-out infinite}.hero-gua-2{bottom:-18px;right:120px;animation:float 7s ease-in-out infinite 1s}.hero-content{position:relative;max-width:680px;z-index:2}.hero-eyebrow{color:var(--primary);letter-spacing:4px;font-size:13px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.hero-title{font-size:48px;letter-spacing:6px;margin:0 0 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero-sub{font-size:17px;color:var(--ink-soft);margin:0 0 12px;max-width:56ch;line-height:1.8}.hero-note{color:var(--ink-muted);font-size:13px;margin:0 0 24px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;position:relative;transition:transform .25s,box-shadow .25s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.stats-overview .stat-card{padding:20px;text-align:center}.stat-label{color:var(--ink-muted);font-size:13px;margin-bottom:8px;font-weight:500}.stat-value{font-family:var(--font-display);font-size:34px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.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:10px}.stat-correct{color:var(--correct);-webkit-text-fill-color:var(--correct)}.stat-wrong{color:var(--wrong);-webkit-text-fill-color:var(--wrong)}.progress{height:10px;background:var(--paper-soft);border-radius:999px;overflow:hidden;margin-top:14px;box-shadow:inset 0 1px 3px #b088d426}.progress-lg{height:16px;margin-top:0}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;transition:width .4s ease;box-shadow:0 0 8px #e8709a4d}.progress-bar-correct{background:linear-gradient(90deg,var(--correct),#8DD9BE);box-shadow:0 0 8px #6bc5a84d}.ring{position:relative;width:64px;height:64px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary) calc(var(--p, 0) * 1%),var(--paper-soft) 0);display:grid;place-items:center;margin-top:12px;box-shadow:0 4px 14px #e8709a33}.ring:before{content:"";position:absolute;width:48px;height:48px;border-radius:50%;background:var(--paper)}.ring-text{position:relative;font-size:14px;font-weight:700;color:var(--primary)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.module-card{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.module-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(232,112,154,.08) 0%,transparent 70%);pointer-events:none}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);text-decoration:none}.module-card-gua{color:var(--primary);flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(232,112,154,.25))}.module-card-title{font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:6px;display:flex;align-items:center;gap:8px;color:var(--ink)}.module-card-brief{color:var(--ink-soft);font-size:14px;line-height:1.7}.module-list{display:flex;flex-direction:column;gap:14px}.module-row{display:flex;align-items:center;gap:18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 22px;color:var(--ink);text-align:left;width:100%;transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;position:relative}.module-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary);text-decoration:none}.module-row-btn{border:1px solid var(--line);background:var(--paper);font:inherit;cursor:pointer}.module-row-index{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-50),var(--secondary-light));color:var(--primary);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:14px;box-shadow:0 2px 6px #e8709a26}.module-row-gua{color:var(--primary);flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(232,112,154,.2))}.module-row-body{flex:1;min-width:0}.module-row-title{font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:4px;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.6}.module-row-meta{color:var(--ink-muted);font-size:12px;margin-top:6px}.module-row-arrow{flex-shrink:0;color:var(--primary);font-size:16px;font-weight:600;transition:transform .2s}.module-row:hover .module-row-arrow{transform:translate(4px)}.badge-done{display:inline-block;font-size:11px;font-family:var(--font-body);font-weight:600;color:var(--correct);background:var(--correct-bg);border:1px solid var(--correct-border);padding:3px 10px;border-radius:999px;line-height:1.6;letter-spacing:.5px}.is-done .module-row-gua,.is-done .module-card-gua{color:var(--correct);filter:drop-shadow(0 2px 6px rgba(107,197,168,.3))}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.entry-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.entry-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.entry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);text-decoration:none}.entry-title{font-size:18px;margin:0 0 8px;color:var(--primary);font-weight:700}.entry-desc{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.7}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--primary-50),var(--secondary-light));border:1px solid rgba(232,112,154,.2);border-radius:var(--radius-lg);padding:18px 24px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.resume-label{color:var(--primary);font-size:13px;font-weight:600;margin-bottom:4px;letter-spacing:1px}.resume-path{font-family:SF Mono,Menlo,Consolas,monospace;color:var(--ink-soft);font-size:14px}.module-learn .module-head{display:flex;gap:24px;align-items:center;margin-bottom:28px;padding:28px;background:linear-gradient(135deg,var(--paper) 0%,var(--primary-50) 60%,var(--secondary-light) 100%);border:1.5px solid rgba(232,112,154,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow);position:relative;overflow:hidden}.module-learn .module-head:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(232,112,154,.12) 0%,transparent 65%);pointer-events:none}.module-head-gua{color:var(--primary);flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(232,112,154,.3))}.knowledge-cards{display:grid;gap:16px;margin-bottom:32px}.knowledge-card-h{font-size:18px;color:var(--primary);margin-bottom:10px}.knowledge-card-body{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.8}.bagua-section{margin-bottom:32px}.bagua-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bagua-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 14px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}.bagua-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary)}.bagua-item-gua{color:var(--primary);display:flex;justify-content:center;margin-bottom:10px;filter:drop-shadow(0 2px 8px rgba(232,112,154,.25))}.bagua-item-name{font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:6px;color:var(--ink)}.bagua-item-desc{font-size:12px;color:var(--ink-muted);line-height:1.6}.key-points{margin-bottom:32px;background:linear-gradient(135deg,var(--primary-50),var(--paper-soft));border:1.5px solid rgba(232,112,154,.15);border-radius:var(--radius)}.key-points-title{font-size:18px;color:var(--primary);margin-bottom:12px}.key-points-list{margin:0;padding-left:22px}.key-points-list li{margin-bottom:8px;color:var(--ink-soft);line-height:1.7}.module-practice{margin-bottom:32px}.module-practice-list{display:grid;gap:16px}.module-complete{text-align:center;margin:36px 0}.done-banner{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--correct-bg),#D4F0E4);color:var(--correct);border:1.5px solid var(--correct-border);padding:14px 28px;border-radius:999px;font-weight:600;box-shadow:0 4px 16px #6bc5a833;animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1)}.done-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--correct);color:#fff;font-size:14px;box-shadow:0 2px 6px #6bc5a859}.module-nav{display:flex;justify-content:space-between;gap:14px;margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.module-nav-link{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);min-width:150px;transition:border-color .25s,color .25s,transform .25s,box-shadow .25s}.module-nav-link:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm);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);font-size:17px}.quiz-runner{display:flex;flex-direction:column;gap:16px}.question-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;animation:bounce-in .45s cubic-bezier(.34,1.56,.64,1)}.question-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font-size:13px}.tag{display:inline-block;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #e8709a4d}.tag-soft{background:var(--primary-50);color:var(--primary);box-shadow:none;border:1px solid rgba(232,112,154,.2)}.q-index{color:var(--ink-muted);margin-left:auto;font-weight:500}.q-score{color:var(--ink-muted)}.question-text{font-size:20px;line-height:1.7;margin:0 0 20px;color:var(--ink);font-weight:500}.options{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}.option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border:2px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;font-size:15px;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;cursor:pointer}.option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-50);transform:translateY(-2px);box-shadow:0 4px 14px #e8709a26}.option:disabled{cursor:default}.option-label{flex-shrink:0;width:30px;height:30px;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}.option-text{flex:1}.option-mark{font-size:18px;font-weight:700}.option-selected{border-color:var(--primary);background:var(--primary-50);box-shadow:0 4px 16px #e8709a33}.option-selected .option-label{border-color:var(--primary);background:var(--primary);color:#fff}.option-correct{border-color:var(--correct);background:var(--correct-bg);animation:sparkle .5s ease;box-shadow:0 4px 16px #6bc5a833}.option-correct .option-label{border-color:var(--correct);background:var(--correct);color:#fff}.option-correct .option-mark{color:var(--correct)}.option-wrong{border-color:var(--wrong);background:var(--wrong-bg);animation:shake .4s ease;box-shadow:0 4px 16px #f48fb133}.option-wrong .option-label{border-color:var(--wrong);background:var(--wrong);color:#fff}.option-wrong .option-mark{color:var(--wrong)}.option-dim{opacity:.55}.feedback{border-radius:var(--radius);padding:16px 18px;margin-bottom:18px;border:1.5px solid;animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1)}.feedback-correct{background:var(--correct-bg);border-color:var(--correct-border)}.feedback-wrong{background:var(--wrong-bg);border-color:var(--wrong-border)}.feedback-head{font-family:var(--font-display);font-weight:700;margin-bottom:6px;font-size:16px}.feedback-correct .feedback-head{color:var(--correct)}.feedback-wrong .feedback-head{color:var(--wrong)}.feedback-exp{font-size:14px;color:var(--ink-soft);line-height:1.7}.question-foot{display:flex;justify-content:flex-end}.quiz-progress{height:8px;background:var(--paper-soft);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #b088d41f}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;transition:width .4s ease;box-shadow:0 0 8px #e8709a40}.quiz-summary{text-align:center}.summary-title{font-size:26px;margin-bottom:20px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.summary-ring{width:130px;height:130px;margin:0 auto 20px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary) calc(var(--p, 0) * 1%),var(--paper-soft) 0);display:grid;place-items:center;position:relative;box-shadow:0 8px 30px #e8709a40}.summary-ring:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--paper)}.summary-ring-num{position:relative;font-family:var(--font-display);font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.summary-line{color:var(--ink-soft);margin-bottom:22px}.summary-wrong{text-align:left;margin:22px 0;padding:18px;background:var(--wrong-bg);border:1.5px solid var(--wrong-border);border-radius:var(--radius)}.summary-wrong-title{font-size:16px;color:var(--wrong);margin-bottom:12px;font-weight:700}.summary-wrong-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.summary-wrong-list li{display:grid;gap:4px;padding-bottom:12px;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.7}.summary-perfect{color:var(--correct);font-family:var(--font-display);font-size:20px;margin:18px 0;font-weight:700}.summary-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.wrong-actions{margin-bottom:20px}.wrong-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.wrong-item-meta{display:flex;gap:10px;margin-bottom:12px}.wrong-item-q{font-family:var(--font-display);font-size:17px;margin-bottom:10px;line-height:1.7;color:var(--ink)}.wrong-item-answer{font-size:14px;color:var(--correct);margin-bottom:8px;font-weight:600}.wrong-item-exp{font-size:13px;color:var(--ink-muted);border-left:3px solid var(--primary-light);padding-left:12px;margin-bottom:14px;line-height:1.7}.wrong-item-foot{text-align:right}.empty-state{text-align:center;padding:48px 28px}.empty-gua{color:var(--primary);opacity:.45;margin-bottom:18px;display:flex;justify-content:center;filter:drop-shadow(0 4px 12px rgba(232,112,154,.2))}.empty-title{font-family:var(--font-display);font-size:20px;margin:0 0 8px;color:var(--ink)}.empty-desc{color:var(--ink-muted);margin:0 0 20px;line-height:1.7}.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.practice-tip{margin-top:22px;background:linear-gradient(135deg,var(--primary-50),var(--paper-soft));border:1.5px solid rgba(232,112,154,.15)}.practice-tip h3{margin:0 0 8px;font-size:16px;color:var(--primary)}.practice-tip p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.7}.inline-link{color:var(--primary);font-weight:600}.inline-link:hover{color:var(--primary-dark)}.bar-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.bar-row-label{font-family:var(--font-display);font-weight:700;color:var(--ink)}.bar-row-value{color:var(--primary);font-weight:700;font-size:18px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-sm)}.stats-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}.stats-table th,.stats-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line)}.stats-table th{background:var(--primary-50);color:var(--primary);font-family:var(--font-display);font-weight:700}.stats-table tbody tr:last-child td{border-bottom:0}.stats-table tbody tr:hover{background:var(--primary-50)}.td-name{text-align:left;font-family:var(--font-display);font-weight:700;color:var(--ink)}.td-correct{color:var(--correct);font-weight:600}.td-wrong{color:var(--wrong);font-weight:600}.table-link{font-size:13px}.danger-zone{margin-top:36px;border-color:var(--wrong-border);background:var(--wrong-bg)}.danger-zone-title{color:var(--wrong);font-size:18px;margin-bottom:8px}.danger-zone-desc{color:var(--ink-soft);font-size:14px;margin-bottom:18px;line-height:1.7}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a3b5273;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:100;animation:fade .2s ease}.dialog{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;max-width:440px;width:100%;animation:rise .25s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--line)}.dialog-title{font-size:20px;margin-bottom:14px;color:var(--ink)}.dialog-body{color:var(--ink-soft);font-size:15px;margin-bottom:22px;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.not-found{text-align:center;padding:64px 24px}.not-found-gua{color:var(--primary);opacity:.5;display:flex;justify-content:center;margin-bottom:20px;filter:drop-shadow(0 4px 14px rgba(232,112,154,.25))}.not-found-title{font-size:30px;margin-bottom:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.not-found-desc{color:var(--ink-muted);margin-bottom:24px;line-height:1.7}.footer{border-top:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:28px 20px;text-align:center;color:var(--ink-muted);font-size:13px;line-height:1.8}.footer-inner p{margin:0 0 6px}.footer-note{font-size:12px}.section-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.section-tab{padding:10px 20px;border-radius:999px;background:var(--paper);border:1.5px solid var(--line);color:var(--ink-soft);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s;font-family:var(--font-body)}.section-tab:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.section-tab-active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 4px 14px #e8709a4d}.section-tab-active:hover{color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.section-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.section-card{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;transition:transform .3s,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:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));opacity:.85}.section-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.section-card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--primary-50),var(--secondary-light));color:var(--primary);margin-bottom:14px;box-shadow:0 4px 12px #e8709a26}.section-card-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink);margin-bottom:8px}.section-card-desc{font-size:14px;color:var(--ink-soft);line-height:1.7;margin-bottom:16px}.section-card-modules{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px dashed var(--line);font-size:13px;color:var(--ink-muted);font-weight:500}.section-card-questions{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted)}.section-card-questions strong{color:var(--primary);font-weight:700}.sakura-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sakura{position:absolute;width:12px;height:12px;background:radial-gradient(circle,var(--accent) 0%,var(--primary-light) 60%,transparent 80%);border-radius:50% 0;opacity:.6;animation:sakura-drift 12s linear infinite}.sakura:nth-child(1){left:5%;width:10px;height:10px;animation-duration:14s;animation-delay:0s}.sakura:nth-child(2){left:15%;width:8px;height:8px;animation-duration:18s;animation-delay:2s}.sakura:nth-child(3){left:25%;width:12px;height:12px;animation-duration:16s;animation-delay:4s}.sakura:nth-child(4){left:35%;width:6px;height:6px;animation-duration:20s;animation-delay:1s}.sakura:nth-child(5){left:45%;width:14px;height:14px;animation-duration:15s;animation-delay:3s}.sakura:nth-child(6){left:55%;width:9px;height:9px;animation-duration:17s;animation-delay:5s}.sakura:nth-child(7){left:65%;width:7px;height:7px;animation-duration:19s;animation-delay:.5s}.sakura:nth-child(8){left:75%;width:11px;height:11px;animation-duration:13s;animation-delay:2.5s}.sakura:nth-child(9){left:85%;width:8px;height:8px;animation-duration:21s;animation-delay:6s}.sakura:nth-child(10){left:95%;width:10px;height:10px;animation-duration:16s;animation-delay:1.5s}@keyframes sakura-fall{0%{transform:translateY(-20px) translate(0) rotate(0)}25%{transform:translateY(25vh) translate(30px) rotate(90deg)}50%{transform:translateY(50vh) translate(-20px) rotate(180deg)}75%{transform:translateY(75vh) translate(40px) rotate(270deg)}to{transform:translateY(110vh) translate(0) rotate(360deg)}}@keyframes sakura-drift{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(50vh) translate(30px) rotate(180deg)}to{transform:translateY(110vh) translate(-20px) rotate(360deg);opacity:0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.92) translateY(12px)}50%{transform:scale(1.02) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sparkle{0%{transform:scale(1);box-shadow:0 0 #6bc5a866}50%{transform:scale(1.02);box-shadow:0 0 0 8px #6bc5a800}to{transform:scale(1);box-shadow:0 0 #6bc5a800}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@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,.sakura{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}}@media (max-width: 720px){.nav-links{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:14px 18px;gap:6px;box-shadow:var(--shadow-lg);transform:translateY(-14px);opacity:0;pointer-events:none;transition:transform .3s 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:14px 18px;border-radius:var(--radius);font-size:16px}.nav-toggle{display:flex}.home .hero{padding:32px 24px}.hero-title{font-size:36px;letter-spacing:4px}.module-learn .module-head{flex-direction:column;text-align:center;padding:24px}.module-nav{flex-direction:column}.module-nav-link,.module-nav-link.next{text-align:left}.question-card{padding:22px 20px}.section-tabs{gap:6px}.section-tab{padding:8px 16px;font-size:13px}}@media (max-width: 480px){body{font-size:15px}.main{padding:20px 14px 40px}.page-title{font-size:24px}.home .hero{padding:28px 20px;border-radius:var(--radius-lg)}.hero-title{font-size:30px;letter-spacing:3px}.hero-sub{font-size:15px}.overview,.stats-overview{grid-template-columns:1fr}.question-card{padding:20px 16px;border-radius:var(--radius)}.question-text{font-size:18px}.option{padding:14px;font-size:14px}.option-label{width:28px;height:28px;font-size:13px}.btn{padding:12px 20px;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:16px;gap:14px}.module-row-title{font-size:16px}.card,.stat-card,.entry-card{padding:18px}.bagua-grid{grid-template-columns:repeat(2,1fr);gap:10px}.bagua-item{padding:16px 10px}.dialog{padding:22px;border-radius:var(--radius)}.section-card{padding:20px}.section-card-icon{width:44px;height:44px;border-radius:14px}.section-card-title{font-size:18px}}