:root{--color-primary: #1e6b9b;--color-primary-light: #2980B9;--color-primary-bg: #E3F2FD;--color-secondary: #00838F;--color-secondary-light: #0097A7;--color-secondary-bg: #E0F7FA;--color-bg: #f4f6f8;--color-bg-subtle: #eef0f3;--color-card: #FFFFFF;--color-border: #e2e4e7;--color-divider: #eeeff1;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-hint: #8b8b8f;--color-text-inverse: #FFFFFF;--color-success: #1e6b9b;--color-error: #DC2626;--color-warning: #D97706;--color-info: #2563EB;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-size-4xl: 48px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 14px;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 36px;--spacing-3xl: 52px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 6px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.06);--topbar-height: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg);line-height:var(--line-height-normal);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}input,textarea{font:inherit;border:none;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding-bottom:var(--spacing-3xl)}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;height:var(--topbar-height);padding:0 var(--spacing-lg);background:var(--color-card);border-bottom:1px solid var(--color-border)}.topbar__logo{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-sm);margin-right:var(--spacing-lg);flex-shrink:0}.topbar__nav{display:flex;gap:var(--spacing-xl);margin-left:auto}.topbar__tab{font-size:var(--font-size-sm);color:var(--color-text-hint);padding:var(--spacing-sm) 0;position:relative;transition:color .2s;letter-spacing:.3px}.topbar__tab--active{color:var(--color-primary);font-weight:600}.topbar__tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;transition:transform .1s,opacity .2s}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:active{background:var(--color-primary-light)}.btn--secondary{background:var(--color-secondary);color:var(--color-text-inverse)}.btn--outline{border:1.5px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn--ghost{color:var(--color-primary)}.btn--danger{background:var(--color-error);color:var(--color-text-inverse)}.btn--sm{height:36px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm)}.btn--lg{height:56px;font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.home-page{max-width:480px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.home-page__body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.countdown-card{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;position:relative}.countdown-card__edit{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-hint);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);transition:background .2s}.countdown-card__edit:active{background:var(--color-bg-subtle)}.countdown-card__name{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.countdown-card__time{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm)}.countdown-card__days{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary);line-height:1}.countdown-card__unit{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:600}.countdown-card__hms{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;letter-spacing:1px}.countdown-card__time--expired{font-size:var(--font-size-2xl);color:var(--color-warning);font-weight:600}.countdown-card__form{display:flex;flex-direction:column;gap:var(--spacing-md);text-align:left}.countdown-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.countdown-card__input{width:100%;height:44px;padding:0 var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--color-bg-subtle);transition:border-color .2s}.countdown-card__input:focus{border-color:var(--color-primary)}.countdown-card__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md)}.feature-item__icon{font-size:var(--font-size-xl);flex-shrink:0}.feature-item__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.dash-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);text-align:center;min-height:80px;position:relative}.dash-card--main{grid-column:1 / -1;background:var(--color-primary-bg)}.dash-card--clickable{cursor:pointer;transition:transform .1s}.dash-card--clickable:active{transform:scale(.98)}.dash-card__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);line-height:1}.dash-card__value--warn{color:var(--color-warning)}.dash-card__label{font-size:var(--font-size-xs);color:var(--color-text-hint)}.dash-card__dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--color-error)}.dash-section{grid-column:1 / -1;margin-top:var(--spacing-md)}.dash-section__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.dash-chapter{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.dash-chapter__name{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:64px}.dash-chapter__pct{font-size:var(--font-size-xs);color:var(--color-text-hint);min-width:32px;text-align:right}.dash-chapter__bar{flex:1;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.dash-chapter__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s}.topbar__search-btn{font-size:var(--font-size-lg);padding:var(--spacing-xs);margin-right:var(--spacing-md);opacity:.7}.topbar__search-btn:active{opacity:1}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:200;display:flex;flex-direction:column}.search-overlay__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-card);border-bottom:1px solid var(--color-border)}.search-overlay__input{flex:1;height:44px;padding:0 var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-subtle)}.search-overlay__input:focus{border-color:var(--color-primary)}.search-overlay__body{flex:1;overflow-y:auto;padding:var(--spacing-md)}.search-result{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;text-align:left;padding:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-sm)}.search-result:active{background:var(--color-bg-subtle)}.search-result__path{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.search-result__snippet{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-goal{background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm)}.daily-goal__header{display:flex;justify-content:space-between;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.daily-goal__bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.daily-goal__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s}.daily-goal__done{text-align:center;font-size:var(--font-size-sm);color:var(--color-success);margin-top:var(--spacing-xs)}.dash-chapter__count{font-size:var(--font-size-xs);color:var(--color-text-hint);min-width:40px;text-align:right}.rec-card{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;text-align:left;padding:var(--spacing-lg);border-radius:var(--radius-lg);transition:transform .1s}.rec-card:active{transform:scale(.99)}.rec-card--error{background:#fff5f5;border-left:3px solid var(--color-error)}.rec-card--review{background:var(--color-secondary-bg);border-left:3px solid var(--color-secondary)}.rec-card--learn{background:var(--color-primary-bg);border-left:3px solid var(--color-primary)}.rec-card__header{display:flex;align-items:center;gap:var(--spacing-sm)}.rec-card__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.rec-card__msg{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:500}.rec-card__path{font-size:var(--font-size-xs);color:var(--color-text-hint)}.rec-card__interval{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.study-plan{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.study-plan__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}.study-plan__form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.study-plan__input{flex:1;height:44px;padding:0 var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--color-bg-subtle)}.study-plan__input:focus{border-color:var(--color-primary)}.study-plan__hint{font-size:var(--font-size-sm);color:var(--color-text-hint);text-align:center;padding:var(--spacing-md) 0}.study-plan__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-divider)}.study-plan__item--done{opacity:.5}.study-plan__check{font-size:var(--font-size-lg);color:var(--color-text-hint);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.study-plan__check:active{background:var(--color-bg-subtle)}.study-plan__check--done{color:var(--color-success)}.study-plan__text{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.study-plan__del{color:var(--color-text-hint);font-size:var(--font-size-xs);padding:var(--spacing-xs)}.study-plan__del:active{color:var(--color-error)}.study-plan__done{margin-top:var(--spacing-sm);cursor:pointer}.study-plan__done summary{font-size:var(--font-size-sm);color:var(--color-text-hint)}.daily-goal{margin-top:0}.review-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.review-stat{flex:1;background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.review-stat__num{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.review-stat__label{font-size:var(--font-size-sm);color:var(--color-text-hint)}.review-stat--due .review-stat__num{color:var(--color-error)}.exam-hub{display:flex;flex-direction:column;gap:var(--spacing-md)}.exam-entry{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:left;width:100%;border:none;cursor:pointer;transition:background .15s}.exam-entry:active{background:var(--color-bg-subtle)}.exam-entry--disabled{opacity:.5;cursor:not-allowed}.exam-entry--disabled:active{background:var(--color-card)}.exam-entry__icon{font-size:28px;flex-shrink:0}.exam-entry__body{flex:1}.exam-entry__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.exam-entry__desc{font-size:var(--font-size-sm);color:var(--color-text-hint)}.exam-entry__arrow{color:var(--color-text-hint);font-size:var(--font-size-lg);flex-shrink:0}.exam-entry__tag{font-size:var(--font-size-xs);color:var(--color-text-hint);background:var(--color-bg-subtle);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.profile-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profile-stat{flex:1;background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.profile-stat__num{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.profile-stat__label{font-size:var(--font-size-xs);color:var(--color-text-hint)}.system-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.85;vertical-align:middle}.breadcrumb{display:flex;align-items:center;gap:4px;padding:var(--spacing-md) 0;font-size:var(--font-size-sm);flex-wrap:wrap}.breadcrumb__link{color:var(--color-primary);font-weight:500}.breadcrumb__link:active{opacity:.6}.breadcrumb__sep{color:var(--color-text-hint);font-size:var(--font-size-base)}.breadcrumb__text{color:var(--color-text-secondary)}.breadcrumb__current{color:var(--color-text-primary);font-weight:600}.home-cta{margin-top:0}.home-section{margin-top:var(--spacing-lg)}.home-section__title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-hint);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--spacing-md)}.home-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.home-sys{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);background:var(--color-card);border-radius:var(--radius-md);transition:background .15s}.home-sys:active{background:var(--color-bg-subtle)}.home-sys__name{font-size:var(--font-size-xs);color:var(--color-text-primary);font-weight:500;text-align:center}.home-sys__count{font-size:10px;color:var(--color-text-hint)}.home-overall{background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-lg)}.home-overall__header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.home-overall__pct{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary)}.home-overall__bar{height:6px;background:var(--color-bg-subtle);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.home-overall__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .5s ease}.home-overall__detail{font-size:var(--font-size-xs);color:var(--color-text-hint)}.page{max-width:480px;margin:0 auto;padding:var(--spacing-lg)}.page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);letter-spacing:-.3px}.page-loading{text-align:center;padding:var(--spacing-3xl) 0;color:var(--color-text-hint)}.empty-hint{text-align:center;padding:var(--spacing-2xl) 0;color:var(--color-text-hint)}.page-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.page-header__back{font-size:var(--font-size-base);color:var(--color-primary);font-weight:500;flex-shrink:0}.page-header__back:active{opacity:.6}.page-header__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.module-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-lg);text-align:left;transition:transform .1s;width:100%}.module-card:active{transform:scale(.98)}.module-card__icon{font-size:28px}.module-card__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);line-height:var(--line-height-tight)}.module-card__desc{font-size:var(--font-size-xs);color:var(--color-text-hint)}.module-card__footer{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs)}.module-card__bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.module-card__bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s}.module-card__rate{font-size:var(--font-size-xs);color:var(--color-text-hint);white-space:nowrap}.section-tree{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-group{background:var(--color-card);border-radius:var(--radius-lg);overflow:hidden}.section-group__header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);transition:background .15s}.section-group__header:active{background:var(--color-bg-subtle)}.section-group__arrow{font-size:10px;color:var(--color-text-hint);transition:transform .25s;width:14px;text-align:center}.section-group__arrow--open{transform:rotate(90deg)}.section-group__icon{font-size:var(--font-size-base)}.section-group__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.section-group__body{padding:0 var(--spacing-lg) var(--spacing-md)}.subsection-block{padding-left:var(--spacing-xl);border-left:2px solid var(--color-divider);margin-left:var(--spacing-md);margin-bottom:var(--spacing-md)}.subsection-block:last-child{margin-bottom:0}.subsection-block__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-sm);display:block}.unit-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.unit-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-subtle);border-radius:var(--radius-sm);transition:background .15s,transform .1s;min-height:44px}.unit-item:active{background:var(--color-primary-bg);transform:scale(.99)}.unit-item__name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.unit-item__badge{font-size:10px;color:#fff;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;font-weight:500;flex-shrink:0}.page--systems{padding-bottom:var(--spacing-2xl)}.system-list{display:flex;flex-direction:column;gap:2px}.system-accordion{background:var(--color-card);border-radius:var(--radius-md);overflow:hidden}.system-accordion__bar{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);min-height:56px;transition:background .15s}.system-accordion__bar:active{background:var(--color-bg-subtle)}.system-accordion__icon{font-size:24px;flex-shrink:0}.system-accordion__info{flex:1;display:flex;flex-direction:column;min-width:0}.system-accordion__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.system-accordion__meta{font-size:var(--font-size-xs);color:var(--color-text-hint)}.system-accordion__arrow{font-size:14px;color:var(--color-text-hint);transition:transform .25s;width:20px;text-align:center;flex-shrink:0}.system-accordion__arrow--open{transform:rotate(90deg)}.system-accordion__body{padding:0 var(--spacing-lg) var(--spacing-md);border-top:1px solid var(--color-divider);animation:accordionIn .2s ease}@keyframes accordionIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.system-section{margin-top:var(--spacing-md)}.system-section__header{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs)}.system-subsection{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xs)}.system-part{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px var(--spacing-md);border-radius:var(--radius-sm);transition:background .15s;min-height:44px}.system-part:active{background:var(--color-primary-bg)}.system-part__title{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left}.system-part__phase{font-size:10px;color:#fff;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;font-weight:500;flex-shrink:0;margin-left:var(--spacing-sm)}.page--learn{padding-bottom:100px}.learn-page__phase-badge{font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-bg);padding:2px 10px;border-radius:var(--radius-full);font-weight:500;margin-left:auto}.learn-page__action{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(transparent,var(--color-bg) 30%);pointer-events:none}.learn-page__action .btn{pointer-events:auto}.content-viewer{line-height:var(--line-height-relaxed);color:var(--color-text-primary);word-wrap:break-word}.content-viewer h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-divider)}.content-viewer h2{font-size:var(--font-size-xl);font-weight:700;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}.content-viewer h3{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.content-viewer p{margin-bottom:var(--spacing-md)}.content-viewer ul,.content-viewer ol{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.content-viewer li{margin-bottom:var(--spacing-sm);list-style:disc}.content-viewer ol li{list-style:decimal}.content-viewer strong{font-weight:700;color:var(--color-text-primary)}.content-viewer em{font-style:italic;color:var(--color-text-secondary)}.content-viewer table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;font-size:var(--font-size-sm);overflow-x:auto;display:block}.content-viewer th,.content-viewer td{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.content-viewer th{background:var(--color-bg-subtle);font-weight:600;white-space:nowrap}.content-viewer blockquote{border-left:3px solid var(--color-primary);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md) 0;background:var(--color-primary-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.content-viewer pre{background:#f5f5f5;border-radius:var(--radius-sm);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) 0;font-size:var(--font-size-sm)}.content-viewer code{font-family:SF Mono,Consolas,monospace;font-size:.9em}.content-viewer img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-md) 0;cursor:zoom-in}.content-viewer a{color:var(--color-primary);text-decoration:underline}.notes-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-divider)}.notes-section__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}.notes-section__form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.notes-section__input{flex:1;padding:var(--spacing-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);resize:vertical;background:var(--color-bg-subtle)}.notes-section__input:focus{border-color:var(--color-primary)}.notes-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-divider)}.notes-item__text{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.notes-item__time{font-size:var(--font-size-xs);color:var(--color-text-hint);white-space:nowrap;align-self:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.lightbox__close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);background:#ffffff26;border-radius:var(--radius-full)}.lightbox__close:active{background:#ffffff4d}.lightbox__img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox__caption{color:#ccc;font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.content-img{max-width:100%;border-radius:var(--radius-md);cursor:zoom-in;transition:opacity .2s}.content-img:active{opacity:.8}.quiz-session{padding:var(--spacing-lg) 0}.quiz-session__progress{display:flex;align-items:center;gap:6px;margin-bottom:var(--spacing-xl);justify-content:center}.quiz-session__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .2s}.quiz-session__dot--done{background:var(--color-primary-light)}.quiz-session__dot--active{background:var(--color-primary);width:10px;height:10px}.quiz-session__count{margin-left:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-hint)}.quiz-session__nav{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.quiz-blank{font-size:var(--font-size-lg);line-height:2.2;padding:var(--spacing-xl);background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.quiz-blank__wrapper{display:inline-block;position:relative;vertical-align:middle}.quiz-blank__input{width:100px;height:40px;border:none;border-bottom:2px solid var(--color-primary);border-radius:0;padding:0 var(--spacing-sm);font-size:var(--font-size-lg);text-align:center;background:var(--color-primary-bg);margin:0 2px;transition:border-color .2s}.quiz-blank__input:focus{border-bottom-color:var(--color-primary-light);background:#e3f2fd}.quiz-blank__hint-btn{position:absolute;top:-8px;right:-18px;width:20px;height:20px;border-radius:50%;background:var(--color-secondary-bg);color:var(--color-secondary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.quiz-blank__hint-btn:active{background:var(--color-secondary);color:#fff}.quiz-blank__hint{display:block;font-size:var(--font-size-xs);color:var(--color-secondary);margin-top:2px}.quiz-result{display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:center}.quiz-result__score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:var(--color-primary-bg);border:4px solid var(--color-primary);margin:0 auto}.quiz-result__score-num{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary);line-height:1}.quiz-result__score-label{font-size:var(--font-size-sm);color:var(--color-primary)}.quiz-result__summary{font-size:var(--font-size-base);color:var(--color-text-secondary)}.quiz-result__errors{text-align:left}.quiz-result__errors-title{font-size:var(--font-size-base);color:var(--color-error);margin-bottom:var(--spacing-md)}.quiz-result__error-item{padding:var(--spacing-md);background:#fff5f5;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border:1px solid #FED7D7}.quiz-result__error-stem{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.quiz-result__error-answer,.quiz-result__error-correct{font-size:var(--font-size-sm);margin-bottom:2px}.quiz-result__error-wrong{color:var(--color-error);text-decoration:line-through}.quiz-result__error-right{color:var(--color-success);font-weight:600}.quiz-result__actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.review-page{padding:var(--spacing-lg) 0}.review-page__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.review-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.review-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.review-card{padding:var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:3px solid var(--color-warning)}.review-card__question{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.review-card__answer{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.review-card__answer--wrong{color:var(--color-error)}.review-card__answer--correct{color:var(--color-success);font-weight:600}.review-card__hint{font-size:var(--font-size-xs);color:var(--color-secondary);background:var(--color-secondary-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;display:inline-block}.review-card__related{font-size:var(--font-size-xs);color:var(--color-text-hint)}.review-card__check{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-md);cursor:pointer}.test-type-badge{display:inline-block;font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-bg);padding:2px 10px;border-radius:var(--radius-full);margin-bottom:var(--spacing-md)}.test-question__stem{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.test-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.test-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,background .2s}.test-option input{display:none}.test-option--selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.test-option__key{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-subtle);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.test-option--selected .test-option__key{background:var(--color-primary);color:#fff}.test-option__text{font-size:var(--font-size-base)}.test-tf{display:flex;gap:var(--spacing-md)}.test-tf__btn{flex:1;height:64px;font-size:var(--font-size-xl)}.test-textarea{width:100%;min-height:120px;padding:var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);resize:vertical;background:var(--color-bg-subtle)}.test-textarea:focus{border-color:var(--color-primary)}.error-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.error-item{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border-left:3px solid var(--color-error)}.error-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.error-item__type{font-size:var(--font-size-xs);color:var(--color-text-hint);background:var(--color-bg-subtle);padding:2px 8px;border-radius:var(--radius-full)}.error-item__mastery{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);color:#fff}.error-item__mastery--l0{background:var(--color-error)}.error-item__mastery--l1{background:var(--color-warning)}.error-item__mastery--l2{background:var(--color-info)}.error-item__mastery--l3{background:var(--color-success)}.error-item__stem{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.error-item__answers{margin-bottom:var(--spacing-sm)}.error-item__wrong{font-size:var(--font-size-sm);color:var(--color-error);text-decoration:line-through}.error-item__correct{font-size:var(--font-size-sm);color:var(--color-success);font-weight:600}.error-item__explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);cursor:pointer}.error-item__explanation summary{font-weight:600;color:var(--color-primary)}.error-item__explanation p{margin-top:var(--spacing-sm)}.error-item__path{font-size:var(--font-size-xs);color:var(--color-text-hint);margin-bottom:var(--spacing-md)}.error-item__actions{display:flex;gap:var(--spacing-sm)}.settings-section{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.settings-section__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.settings-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md)}.settings-input{width:100%;height:44px;padding:0 var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--color-bg-subtle)}.settings-input:focus{border-color:var(--color-primary)}.settings-hint{font-size:var(--font-size-sm);color:var(--color-text-hint);margin-bottom:var(--spacing-md)}.settings-confirm{background:#fff5f5;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #FED7D7}.due-section{background:#e0f7fa;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);border:1px solid var(--color-secondary)}.due-section__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-secondary)}.error-item--due{border-left-color:var(--color-warning);background:#e0f7fa}.practice-generate{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.practice-generate__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-md)}.practice-section__title{font-size:var(--font-size-base);color:var(--color-text-hint);margin-bottom:var(--spacing-md);text-align:center}.practice-checkboxes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.practice-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-subtle);border-radius:var(--radius-sm)}.practice-list__total{font-size:var(--font-size-sm);color:var(--color-text-hint);margin-bottom:var(--spacing-md);text-align:center}.practice-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-sm)}.practice-num{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:600;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s;min-height:48px}.practice-num:active{background:var(--color-bg-subtle)}.practice-num--correct{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.practice-num--wrong{background:#fff5f5;border-color:var(--color-error);color:var(--color-error)}.practice-status{font-size:var(--font-size-xl);font-weight:700;margin-left:auto;padding:0 var(--spacing-sm)}.practice-status--ok{color:var(--color-success)}.practice-status--err{color:var(--color-error)}.practice-question{padding:var(--spacing-lg) 0}.practice-question__type{display:inline-block;font-size:var(--font-size-xs);color:var(--color-text-hint);background:var(--color-bg-subtle);padding:2px 10px;border-radius:var(--radius-full);margin-bottom:var(--spacing-md)}.practice-question__stem{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.practice-feedback--ok{text-align:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-success)}.practice-feedback--err{text-align:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-error)}.practice-feedback__explain{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-subtle);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);line-height:var(--line-height-relaxed)}.practice-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.practice-filter__chip{font-size:var(--font-size-sm);padding:6px 14px;border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1.5px solid var(--color-border);transition:all .15s}.practice-filter__chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.practice-modes{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.practice-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-card);border:1.5px solid var(--color-border);transition:all .15s}.practice-mode-btn--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.practice-mode-btn__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.practice-mode-btn--active .practice-mode-btn__label{color:var(--color-primary)}.practice-mode-btn__desc{font-size:10px;color:var(--color-text-hint);margin-top:2px}.practice-mode-tag{font-size:10px;background:var(--color-primary);color:#fff;padding:1px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-xs)}.memorize-answer{background:var(--color-primary-bg);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);border-left:3px solid var(--color-primary)}.memorize-explain{background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.practice-question__hint{font-size:var(--font-size-sm);color:var(--color-text-hint);margin-bottom:var(--spacing-md)}.practice-result-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.practice-num--skipped{background:var(--color-bg-subtle);color:var(--color-text-hint);border-style:dashed}.test-option--correct{border-color:var(--color-success)!important;background:#e3f2fd!important}.test-option--correct .test-option__key{background:var(--color-success)!important;color:#fff!important}.test-option--wrong{border-color:var(--color-error)!important;background:#fff5f5!important}.test-option--wrong .test-option__key{background:var(--color-error)!important;color:#fff!important}.practice-stats{margin-bottom:var(--spacing-md)}.practice-stats__bar{display:flex;height:6px;background:var(--color-bg-subtle);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.practice-stats__fill{height:100%;transition:width .3s}.practice-stats__fill--correct{background:var(--color-primary)}.practice-stats__fill--wrong{background:var(--color-error)}.practice-stats__labels{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs)}.practice-stats__label{color:var(--color-text-hint)}.practice-stats__label--correct{color:var(--color-primary);font-weight:600}.practice-stats__label--wrong{color:var(--color-error);font-weight:600}.practice-reset-btn{font-size:var(--font-size-xs);color:var(--color-error);padding:4px 12px;border:1px solid var(--color-error);border-radius:var(--radius-full);transition:all .15s;flex-shrink:0}.practice-reset-btn:active{background:#fff5f5}@media(min-width:768px){.page{max-width:640px}.module-grid{grid-template-columns:repeat(3,1fr)}.test-tf__btn{max-width:320px}}@media(min-width:1024px){.page{max-width:800px}.module-grid{grid-template-columns:repeat(4,1fr)}.topbar__nav{margin-left:0}}@media(max-width:360px){:root{--font-size-base: 15px;--spacing-lg: 12px}.module-grid{gap:8px}.countdown-card{padding:var(--spacing-lg) var(--spacing-md)}}@media print{.topbar,.learn-page__action,.quiz-session__nav,.error-item__actions,.btn,.search-overlay,.notes-section__form{display:none!important}body{background:#fff;color:#000}.page{max-width:100%;padding:0}.error-item{break-inside:avoid;border:1px solid #ccc;margin-bottom:8px;page-break-inside:avoid}.error-item__wrong{color:#666}.error-item__correct{color:#000;font-weight:700}.error-item__explanation{display:block!important}.error-item__explanation[open] summary{color:#000}}