:root{--color-primary: #1a6b4a;--color-primary-light: #218358;--color-primary-dark: #145239;--color-primary-bg: #e8f5ee;--color-primary-gradient: linear-gradient(135deg, #1a6b4a 0%, #218358 100%);--color-hero-gradient: linear-gradient(160deg, #1a6b4a 0%, #0d3b28 50%, #1a1a2e 100%);--color-dark: #1a1a2e;--color-gold: #c9a96e;--color-gold-light: #f5ecd7;--color-gold-bg: #fdf9f1;--color-gold-gradient: linear-gradient(135deg, #c9a96e 0%, #d4b87a 50%, #b8943d 100%);--color-correct: #2d8a56;--color-correct-bg: #e8f5ee;--color-error: #c44d4d;--color-error-bg: #fdf0f0;--color-warning: #e8a838;--color-warning-bg: #fef9ee;--color-info: #3b6fb6;--color-info-bg: #edf3fb;--color-bg: #faf8f5;--color-card: #ffffff;--color-border: #e8e5e0;--color-border-light: #f0ede9;--color-muted: #9a9792;--color-text: #1a1a2e;--color-text-secondary: #5c5a56;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", STSong, serif;--text-h1: 22px;--text-h2: 18px;--text-h3: 16px;--text-body: 15px;--text-sm: 13px;--text-xs: 11px;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 2px 10px rgba(0,0,0,.06);--shadow-lg: 0 4px 20px rgba(0,0,0,.08);--shadow-xl: 0 8px 30px rgba(0,0,0,.1);--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}.page{flex:1;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-lg));overflow-y:auto;animation:pageIn .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{padding:var(--space-2xl) var(--space-lg) var(--space-lg);position:sticky;top:0;background:var(--color-bg);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f5d9}.page-header__title{font-size:var(--text-h1);font-weight:700;color:var(--color-dark);line-height:var(--leading-tight)}.page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.back-link{display:inline-block;font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:500}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:box-shadow .2s ease,transform .2s ease}.card--md{padding:var(--space-lg)}.card--lg{padding:var(--space-xl)}.card--hover:hover{box-shadow:var(--shadow-md)}.card--active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:11px var(--space-xl);border-radius:var(--radius-full);font-size:var(--text-body);font-weight:600;transition:all .2s ease;white-space:nowrap;letter-spacing:.01em}.btn--primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 2px 8px #1a6b4a40}.btn--primary:active{transform:scale(.97);box-shadow:0 1px 4px #1a6b4a33}.btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--outline:active{background:var(--color-primary-bg)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:active{background:var(--color-border-light)}.btn--sm{padding:7px var(--space-md);font-size:var(--text-sm)}.btn--block{width:100%}.btn--gold{background:var(--color-gold-gradient);color:#fff;box-shadow:0 2px 8px #c9a96e4d}.progress-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-primary-gradient);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.tag{display:inline-flex;align-items:center;padding:3px var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);line-height:1.5}.tag--primary{background:var(--color-primary-bg);color:var(--color-primary)}.tag--gold{background:var(--color-gold-light);color:#8b6914}.tag--error{background:var(--color-error-bg);color:var(--color-error)}.tag--warning{background:var(--color-warning-bg);color:#8b6914}.tag--info{background:var(--color-info-bg);color:var(--color-info)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-border-light) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-lg));left:50%;transform:translate(-50%);background:var(--color-dark);color:#fff;padding:12px var(--space-xl);border-radius:var(--radius-full);font-size:var(--text-sm);z-index:100;animation:toastIn .3s ease;box-shadow:var(--shadow-lg)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);padding-bottom:var(--safe-bottom);z-index:50;box-shadow:0 -2px 10px #0000000a}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-sm) var(--space-xs);color:var(--color-muted);transition:all .2s ease;font-size:var(--text-xs);line-height:1;position:relative}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--color-primary);border-radius:0 0 3px 3px}.bottom-nav__icon{font-size:22px;line-height:1}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.hero{background:var(--color-hero-gradient);color:#fff;padding:var(--space-3xl) var(--space-lg) var(--space-2xl);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff0a;border-radius:50%}.hero h1{font-size:24px;font-weight:700;margin-bottom:var(--space-xs)}.hero p{font-size:var(--text-sm);opacity:.8}.hero__stats{display:flex;gap:var(--space-xl);margin-top:var(--space-xl)}.hero__stat{text-align:center}.hero__stat strong{display:block;font-size:28px;font-weight:700}.hero__stat span{font-size:var(--text-xs);opacity:.7}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-title h2{font-size:var(--text-h2);font-weight:700}.section-title p{font-size:var(--text-sm);color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.knowledge-card{animation:fadeIn .3s ease}.knowledge-card__header{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center}.knowledge-card__subject{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-border-light);padding:3px var(--space-sm);border-radius:var(--radius-full)}.knowledge-card__chapter{font-size:var(--text-xs);color:var(--color-muted)}.knowledge-card__title{font-size:var(--text-h2);font-weight:700;margin-bottom:var(--space-md);line-height:var(--leading-tight);color:var(--color-dark)}.knowledge-card__content{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-lg);white-space:pre-line}.knowledge-card__exam-form{font-size:var(--text-sm);color:var(--color-info);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.knowledge-card__tip,.knowledge-card__memory{background:var(--color-gold-bg);border-left:4px solid var(--color-gold);padding:var(--space-md) var(--space-lg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-md)}.knowledge-card__tip strong,.knowledge-card__memory strong{display:block;font-size:var(--text-sm);margin-bottom:var(--space-xs);color:var(--color-dark)}.knowledge-card__tip p,.knowledge-card__memory p{font-size:var(--text-body);color:var(--color-text);line-height:var(--leading-relaxed)}.knowledge-card__source{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-sm)}.knowledge-card__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.question-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md)}.question-card__head>div{display:flex;gap:var(--space-xs);flex-wrap:wrap}.question-card__index{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap}.question-card__meta{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.question-card__stem{font-size:var(--text-body);font-weight:600;line-height:var(--leading-relaxed);margin-bottom:var(--space-xl);color:var(--color-dark)}.option-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.option-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:left;transition:all .15s ease;width:100%}.option-item:active{transform:scale(.98)}.option-item.active{border-color:var(--color-primary);background:var(--color-primary-bg)}.option-item.correct{border-color:var(--color-correct);background:var(--color-correct-bg)}.option-item.wrong{border-color:var(--color-error);background:var(--color-error-bg);animation:shake .4s ease}.option-label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-card);border:1.5px solid var(--color-border);font-size:var(--text-sm);font-weight:700;flex-shrink:0}.option-item.active .option-label{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.option-item.correct .option-label{background:var(--color-correct);color:#fff;border-color:var(--color-correct)}.option-item.wrong .option-label{background:var(--color-error);color:#fff;border-color:var(--color-error)}.option-text{font-size:var(--text-body);line-height:var(--leading-normal);padding-top:3px}.feedback{padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-body)}.feedback strong{display:block;margin-bottom:var(--space-sm)}.feedback p{margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}.feedback small{display:block;color:var(--color-text-secondary);margin-top:var(--space-sm)}.feedback--correct{background:var(--color-correct-bg);border:1px solid var(--color-correct)}.feedback--wrong{background:var(--color-error-bg);border:1px solid var(--color-error)}.feedback--warn{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.wrong-analysis p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.wrong-analysis b{color:var(--color-error)}.question-card__actions{display:flex;justify-content:flex-end;margin-top:var(--space-lg)}.speech-timer{text-align:center}.speech-timer__display{margin-bottom:var(--space-lg)}.speech-timer__time{display:block;font-size:48px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--color-dark);line-height:1;margin-bottom:var(--space-sm);font-family:SF Mono,Menlo,monospace}.speech-timer__phase{font-size:var(--text-sm);color:var(--color-text-secondary)}.speech-timer__progress{margin-bottom:var(--space-lg)}.speech-timer__progress .progress-bar{margin-bottom:var(--space-xs)}.speech-timer__progress small{font-size:var(--text-xs);color:var(--color-muted)}.speech-timer__controls{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.script-tabs{margin-top:var(--space-lg)}.tab-row{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);-webkit-overflow-scrolling:touch}.tab-btn{flex-shrink:0;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-muted);border-radius:var(--radius-full);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:1px}.tab-btn.active{color:var(--color-primary);background:var(--color-primary-bg)}.tab-btn small{font-size:var(--text-xs);opacity:.7}.route-stops{display:flex;flex-direction:column;gap:var(--space-lg)}.route-stop{padding:var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md)}.route-stop__head{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm);align-items:flex-start}.route-stop__num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.route-stop__head strong{font-size:var(--text-h3);display:block}.route-stop__head small{font-size:var(--text-xs);color:var(--color-muted)}.route-stop__points{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md);margin-left:40px}.route-stop__script{font-size:var(--text-body);line-height:var(--leading-relaxed);white-space:pre-line;margin-left:40px}.memory-helper{padding:var(--space-lg)}.memory-helper__intro{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.memory-method{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-light)}.memory-method:last-child{border-bottom:none}.memory-method h4{font-size:var(--text-h3);margin-bottom:var(--space-md)}.keyword-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.number-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm)}.number-item{display:flex;gap:var(--space-md);align-items:baseline}.number-item strong{font-size:var(--text-h2);color:var(--color-primary);font-family:SF Mono,Menlo,monospace;min-width:60px}.spatial-map{display:block;padding:var(--space-md);background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:var(--text-body);text-align:center;letter-spacing:2px;margin-bottom:var(--space-sm)}.spot-selector{display:flex;flex-direction:column;gap:var(--space-lg)}.spot-city__name{font-size:var(--text-h3);color:var(--color-primary);margin-bottom:var(--space-sm);padding-left:var(--space-sm);border-left:3px solid var(--color-primary)}.spot-city__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.spot-chip{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);transition:all .2s ease}.spot-chip.active{border-color:var(--color-primary);background:var(--color-primary-bg)}.spot-chip__name{font-weight:600}.spot-chip__level{font-size:var(--text-xs);color:var(--color-muted)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.empty-state__icon{font-size:48px;display:block;margin-bottom:var(--space-lg)}.empty-state__title{font-size:var(--text-h2);display:block;margin-bottom:var(--space-sm)}.empty-state__message{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-lg);animation:fadeIn .2s ease}.modal-content{width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h2{font-size:var(--text-h2)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg);font-size:var(--text-h3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.stage-card{display:flex;flex-direction:column;gap:var(--space-sm);transition:all .25s ease}.stage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stage-card--locked{opacity:.6;pointer-events:none}.stage-card__header{display:flex;justify-content:space-between;align-items:flex-start}.stage-card__icon{font-size:24px}.stage-card__title{font-size:var(--text-h2);font-weight:700}.stage-card__label{font-size:var(--text-xs);color:var(--color-text-secondary);display:block;margin-bottom:2px}.stage-card__subtitle{font-size:var(--text-sm);color:var(--color-muted)}.stage-card__week{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg);padding:3px var(--space-sm);border-radius:var(--radius-full);display:inline-block;align-self:flex-start;margin-top:var(--space-xs)}.stage-card__lock-hint{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-sm)}.module-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md);transition:all .2s ease}.module-item:hover{background:var(--color-primary-bg);transform:translate(2px)}.module-item--locked{opacity:.5;pointer-events:none}.module-item__icon{font-size:20px;width:32px;text-align:center}.module-item__info{flex:1}.module-item__info strong{display:block;font-size:var(--text-body);font-weight:600}.module-item__info span{font-size:var(--text-xs);color:var(--color-muted)}.module-item__progress{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.metric-card{text-align:center;padding:var(--space-xl) var(--space-md)}.metric-card strong{display:block;font-size:32px;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--space-xs)}.metric-card span{font-size:var(--text-sm);color:var(--color-text-secondary)}.error-list{display:flex;flex-direction:column;gap:var(--space-md)}.profile-section{margin-bottom:var(--space-xl)}.profile-section h2{font-size:var(--text-h2);margin-bottom:var(--space-md)}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light)}.profile-field label{font-size:var(--text-body);color:var(--color-text)}.profile-field select,.profile-field input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--text-body);text-align:right}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-lg)}.daily-plan{display:flex;flex-direction:column;gap:var(--space-md)}.next-lesson{display:grid;gap:2px;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-primary-bg);border:1px solid rgba(26,107,74,.16)}.next-lesson span{font-size:var(--text-xs);color:var(--color-primary);font-weight:700}.next-lesson strong{font-size:var(--text-h3);color:var(--color-dark);line-height:var(--leading-tight)}.next-lesson small{font-size:var(--text-xs);color:var(--color-text-secondary)}.task-list{display:grid;gap:var(--space-sm)}.task-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border-light)}.task-item:active{transform:scale(.99)}.task-item__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--color-card);font-size:20px;box-shadow:var(--shadow-sm)}.task-item__main{min-width:0;display:grid;gap:1px}.task-item__main strong{font-size:var(--text-body);line-height:var(--leading-tight)}.task-item__main small{min-width:0;font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item__time{padding:4px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.task-item--primary .task-item__time{background:var(--color-primary-bg);color:var(--color-primary)}.task-item--info .task-item__time{background:var(--color-info-bg);color:var(--color-info)}.task-item--gold .task-item__time{background:var(--color-gold-light);color:#8b6914}.task-item--error .task-item__time{background:var(--color-error-bg);color:var(--color-error)}@media(max-width:360px){.task-item{grid-template-columns:32px minmax(0,1fr)}.task-item__time{grid-column:2;justify-self:start}}