:root{--bg:#15130f;--bg-card:#1e1b16;--bg-elevated:#25211b;--bg-muted:#2a2620;--bg-accent:#2d2820;--text:#f0ebe0;--text-secondary:#c4bdae;--text-muted:#8a8275;--text-dim:#5c564c;--gold:#c9a961;--gold-bright:#e0c478;--gold-deep:#9a7c42;--gold-muted:#c9a96126;--crimson:#a04848;--jade:#6b8e6b;--border:#3a352d;--border-light:#2e2a23;--divider:#33302a;--font-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-en:"Cormorant Garamond", "Times New Roman", serif;--font-en-sans:"Cormorant Garamond", "Helvetica Neue", sans-serif;--radius:2px;--radius-lg:6px;--radius-full:999px;--page-width:440px;--page-padding:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;line-height:1.75}#root{background:var(--bg);justify-content:center;width:100%;min-height:100vh;display:flex}.app-container{width:100%;max-width:var(--page-width);background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden;box-shadow:0 0 80px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes drawLine{0%{width:0}to{width:100%}}.page-enter{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.gold-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);border:none;height:1px;margin:28px 0}.gold-line-thick{background:linear-gradient(90deg, transparent 10%, var(--gold-deep) 50%, transparent 90%);border:none;height:2px;margin:32px 0}.divider{background:var(--divider);border:none;height:1px;margin:28px 0}.module-number{align-items:center;gap:12px;margin-bottom:16px;display:flex}.module-number .num{font-family:var(--font-en);color:var(--gold);letter-spacing:.1em;font-size:14px;font-weight:700}.module-number .num-line{background:var(--border);flex:1;height:1px}.module-number .num-label{font-family:var(--font-en);letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;font-size:10px}.section-title{font-family:var(--font-serif);color:var(--gold-bright);letter-spacing:.03em;margin-bottom:16px;font-size:18px;font-weight:700}.section-title .en{font-family:var(--font-en);color:var(--text-dim);letter-spacing:.1em;margin-top:2px;font-size:12px;font-style:italic;font-weight:400;display:block}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.btn{border:1px solid var(--gold-deep);background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);color:#1a1814;font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;transition:var(--transition);letter-spacing:.05em;text-transform:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex}.btn:hover{background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 100%);box-shadow:0 0 16px #c9a9614d}.btn-outline{color:var(--gold);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--gold-deep);background:var(--gold-muted);box-shadow:none}.btn:disabled{opacity:.3;cursor:not-allowed}.progress-track{background:var(--border-light);border-radius:1px;height:2px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold-bright));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.input{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-family:var(--font-en);color:var(--text);background:var(--bg-card);transition:var(--transition);letter-spacing:.15em;text-align:center;text-transform:uppercase;padding:14px 16px;font-size:17px}.input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9a9611a}.input::placeholder{color:var(--text-dim);text-transform:none;font-size:14px}.option-btn{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--text);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);margin-bottom:10px;padding:18px 20px;font-size:15px;line-height:1.65;display:block;position:relative;overflow:hidden}.option-btn:before{content:"";background:var(--gold);transform-origin:bottom;width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.option-btn:hover{border-color:var(--gold-deep);background:var(--bg-elevated)}.option-btn:hover:before{transform:scaleY(1)}.option-btn:active{transform:scale(.99)}.option-btn .option-label{font-family:var(--font-en);color:var(--gold);min-width:24px;margin-right:12px;font-size:20px;font-weight:700;display:inline-block}.tag{border-radius:var(--radius-full);letter-spacing:.05em;background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border);padding:3px 12px;font-size:11px;display:inline-block}.tag-gold{background:var(--gold-muted);color:var(--gold-bright);border:1px solid var(--gold-deep)}.footer-copy{color:var(--text-dim);text-align:center;letter-spacing:.03em;padding:24px 0;font-size:11px;line-height:1.7}.drop-cap:first-letter{font-family:var(--font-serif);color:var(--gold);float:left;margin-top:2px;margin-right:6px;font-size:36px;font-weight:700;line-height:1}.quote-block{border-left:2px solid var(--gold);font-family:var(--font-serif);color:var(--text-secondary);padding-left:16px;font-style:italic}.text-gold-gradient{background:linear-gradient(135deg, var(--gold-bright), var(--gold), var(--gold-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.vignette{position:relative}.vignette:after{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#0000004d 100%);position:absolute;inset:0}