:root{--bg: #f5f5f7;--surface: rgba(255,255,255,.78);--surface-solid: #ffffff;--surface-muted: #f0f1f4;--ink: #1d1d1f;--subtle: #6e6e73;--faint: #98989d;--line: rgba(60,60,67,.13);--accent: #007aff;--accent-2: #5856d6;--green: #34c759;--red: #ff3b30;--orange: #ff9f0a;--shadow: 0 18px 45px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: rgba(28,28,30,.76);--surface-solid: #1c1c1e;--surface-muted: #2c2c2e;--ink: #f5f5f7;--subtle: #a1a1a6;--faint: #79797e;--line: rgba(235,235,245,.16);--accent: #0a84ff;--accent-2: #5e5ce6;--shadow: 0 20px 55px rgba(0,0,0,.34), 0 2px 8px rgba(0,0,0,.2)}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);background:var(--bg);font-family:var(--font);letter-spacing:.01em}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid rgba(0,122,255,.35);outline-offset:2px}.ambient{position:fixed;width:36rem;height:36rem;border-radius:50%;filter:blur(68px);opacity:.12;pointer-events:none;z-index:-1}.ambient-one{background:#80c7ff;top:-18rem;right:-14rem}.ambient-two{background:#d8b9ff;left:-16rem;bottom:-20rem}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.topbar-inner{width:min(1240px,calc(100% - 32px));height:68px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{appearance:none;border:0;background:transparent;padding:0;color:inherit;display:flex;gap:11px;align-items:center;text-align:left}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 8px 16px #007aff38}.brand strong{font-size:15px;letter-spacing:-.01em;display:block}.brand small{display:block;color:var(--subtle);font-size:10px;letter-spacing:.06em;margin-top:1px}.top-actions{display:flex;gap:10px;align-items:center}.sync-pill{border:1px solid var(--line);background:var(--surface);color:var(--subtle);border-radius:999px;padding:7px 11px;font-size:12px}.icon-button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--subtle);font-size:19px;line-height:1}.icon-button:hover{color:var(--accent);transform:rotate(-20deg)}.shell{width:min(1240px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.sidebar{padding:30px 0;position:sticky;top:68px;align-self:start;height:calc(100vh - 68px)}.profile-card{padding:15px;display:flex;gap:11px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);box-shadow:0 6px 18px #00000008}.profile-orb{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--accent);font-weight:800;background:color-mix(in srgb,var(--accent) 11%,transparent)}.eyebrow{color:var(--subtle);font-size:11px;margin:0 0 3px}.profile-card strong{font-size:13px}.nav-list{margin-top:18px;display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;padding:11px 12px;display:flex;gap:10px;align-items:center;color:var(--subtle);border-radius:12px;text-align:left;text-decoration:none;font-size:14px;transition:.18s ease}.nav-item span{display:grid;place-items:center;width:20px;font-size:17px;font-weight:600}.nav-item b{margin-left:auto;min-width:19px;padding:1px 5px;text-align:center;font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:999px}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:650}.sidebar-tip{margin:27px 4px 0;padding:14px;border-radius:16px;color:var(--subtle);background:color-mix(in srgb,var(--accent-2) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent-2) 12%,var(--line))}.sidebar-tip p{font-size:12px;line-height:1.55;margin:7px 0 0}.sidebar-tip strong{color:var(--ink)}.tip-icon{color:var(--accent-2);font-size:19px}.app{padding:36px 0 60px;min-height:calc(100vh - 68px)}.page-head{display:flex;gap:22px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.045em;margin:0}.page-head p{max-width:630px;margin:10px 0 0;color:var(--subtle);font-size:15px;line-height:1.55}.head-badge{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--subtle);font-size:12px;white-space:nowrap}.grid{display:grid;gap:16px}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}.stat-card{padding:18px 19px 17px;min-height:122px;overflow:hidden;position:relative}.stat-card:after{content:"";position:absolute;width:84px;height:84px;right:-26px;bottom:-35px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent)}.stat-label{color:var(--subtle);font-size:12px}.stat-value{margin-top:8px;font-size:30px;font-weight:760;letter-spacing:-.045em}.stat-detail{margin-top:4px;color:var(--subtle);font-size:11px}.section{margin-top:18px}.section-title{font-size:17px;letter-spacing:-.02em;margin:0 0 12px}.section-sub{color:var(--subtle);font-size:13px;margin:-6px 0 12px}.quick-grid{grid-template-columns:1.25fr 1fr 1fr}.quick-card{padding:24px;min-height:200px;display:flex;flex-direction:column;align-items:flex-start}.quick-card.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#007aff,#5856d6)}.quick-card h2{font-size:24px;letter-spacing:-.04em;margin:0 0 8px}.quick-card p{margin:0;color:var(--subtle);line-height:1.55;font-size:13px}.quick-card.primary p{color:#ffffffc4}.quick-card .button{margin-top:auto}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card{display:flex;align-items:center;gap:13px;padding:14px 15px;min-height:72px;text-align:left}.topic-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.topic-orb{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);font-size:15px;font-weight:800}.topic-card strong{font-size:13px;display:block}.topic-card span{display:block;color:var(--subtle);margin-top:4px;font-size:11px}.button{border:0;border-radius:999px;padding:11px 15px;font-size:13px;font-weight:650;transition:transform .16s ease,opacity .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{color:#fff;background:var(--accent);box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 22%,transparent)}.quick-card.primary .button.primary{color:var(--accent-2);background:#fff;box-shadow:none}.button.secondary{color:var(--ink);background:var(--surface-solid);border:1px solid var(--line)}.button.subtle{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.button.danger{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.button:disabled{opacity:.45;pointer-events:none}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:16px}.control{min-width:148px;flex:1}.control label{display:block;margin:0 0 6px 2px;color:var(--subtle);font-size:11px}.select{width:100%;color:var(--ink);border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;padding:10px 11px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--subtle) 50%),linear-gradient(135deg,var(--subtle) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.toolbar .button{margin-left:auto}.progress-line{height:6px;border-radius:999px;overflow:hidden;background:var(--surface-muted)}.progress-line>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;transition:width .35s ease}.practice-shell{max-width:820px;margin:0 auto}.session-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:18px 4px 10px;color:var(--subtle);font-size:12px}.question-card{padding:clamp(20px,4vw,34px);margin-top:12px}.question-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:var(--surface-muted);color:var(--subtle);font-size:11px}.chip.blue{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.chip.green{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.question-number{color:var(--subtle);font-size:12px}.question-text{margin:24px 0 26px;font-size:clamp(19px,2.4vw,26px);line-height:1.45;letter-spacing:-.025em;font-weight:650}.options{display:grid;gap:10px}.option{width:100%;min-height:57px;padding:12px 14px;display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);text-align:left;border-radius:16px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.option:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-solid))}.option.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface-solid))}.option.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface-solid))}.option:disabled{cursor:default}.option-key{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;font-size:12px;font-weight:750;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:9px}.option.correct .option-key{color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}.option.wrong .option-key{color:var(--red);background:color-mix(in srgb,var(--red) 14%,transparent)}.option-value{padding-top:3px;line-height:1.42;font-size:14px}.tf-options{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-options .option{align-items:center;justify-content:center;min-height:98px;font-size:18px;font-weight:700}.feedback{margin-top:18px;padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface-muted);animation:pop .2s ease}.feedback.good{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:color-mix(in srgb,var(--green) 9%,var(--surface-muted))}.feedback.bad{border-color:color-mix(in srgb,var(--red) 42%,var(--line));background:color-mix(in srgb,var(--red) 8%,var(--surface-muted))}.feedback strong{display:block;font-size:14px;margin-bottom:4px}.feedback p{margin:0;font-size:13px;color:var(--subtle);line-height:1.55}.feedback b{color:var(--ink)}.action-row{display:flex;gap:9px;justify-content:space-between;align-items:center;margin-top:20px}.action-row>div{display:flex;gap:9px}.hint-text{margin:13px 2px 0;font-size:12px;color:var(--subtle)}.empty{padding:48px 24px;text-align:center}.empty-icon{font-size:36px;color:var(--accent)}.empty h2{font-size:20px;margin:11px 0 7px;letter-spacing:-.02em}.empty p{color:var(--subtle);margin:0 auto 16px;font-size:13px;line-height:1.55;max-width:430px}.result-card{padding:32px;text-align:center;max-width:620px;margin:32px auto}.result-score{font-size:64px;line-height:1;margin:10px 0;font-weight:800;letter-spacing:-.07em;color:var(--accent)}.result-card p{color:var(--subtle);line-height:1.55;margin:0 auto 20px;max-width:420px;font-size:14px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.exam-info{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}.exam-mini{padding:14px;border-radius:16px;background:var(--surface-muted);text-align:center}.exam-mini strong{display:block;font-size:20px;letter-spacing:-.03em}.exam-mini span{display:block;color:var(--subtle);font-size:11px;margin-top:4px}.exam-note{padding:15px;margin-top:14px;border:1px solid color-mix(in srgb,var(--orange) 32%,var(--line));background:color-mix(in srgb,var(--orange) 8%,var(--surface));border-radius:16px;color:var(--subtle);font-size:13px;line-height:1.55}.exam-note strong{color:var(--ink)}.exam-grid{max-width:920px;margin:0 auto}.exam-question{padding:20px 0;border-bottom:1px solid var(--line)}.exam-question:last-child{border-bottom:0}.exam-question .question-text{font-size:17px;margin:9px 0 14px}.exam-question .options{gap:7px}.exam-question .option{min-height:46px;padding:9px 11px;border-radius:13px}.exam-question .option-value{font-size:13px}.exam-question .option-key{width:23px;height:23px;border-radius:8px}.exam-submit{position:sticky;bottom:20px;margin-top:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-solid) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.card-stage{max-width:760px;margin:0 auto}.flash-card{min-height:360px;padding:32px;display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;overflow:hidden}.flash-card:before{content:"";width:270px;height:270px;border-radius:50%;position:absolute;top:-165px;right:-115px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.flash-topic{position:relative;color:var(--accent);font-weight:700;font-size:12px}.flash-question{position:relative;max-width:600px;margin:19px auto 0;font-weight:680;line-height:1.45;letter-spacing:-.025em;font-size:clamp(22px,3.3vw,34px)}.flash-answer{position:relative;margin:24px auto 0;color:var(--subtle);max-width:580px;font-size:15px;line-height:1.55;display:none}.flash-card.revealed .flash-answer{display:block;animation:pop .18s ease}.card-actions{margin-top:16px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.wrong-list{display:grid;gap:11px}.wrong-item{padding:16px;display:flex;gap:12px;align-items:flex-start;text-align:left}.wrong-index{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);font-size:12px;font-weight:800}.wrong-body{min-width:0;flex:1}.wrong-body strong{display:block;font-size:14px;line-height:1.45}.wrong-body p{margin:5px 0 0;color:var(--subtle);font-size:12px;line-height:1.5}.wrong-item .button{margin-left:auto;align-self:center;white-space:nowrap}.toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%,20px);opacity:0;color:#fff;background:#1d1d1fe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:10px 14px;font-size:12px;pointer-events:none;transition:.25s ease}.toast.show{opacity:1;transform:translate(-50%)}.mobile-nav{display:none}.mobile-nav-item{text-decoration:none;text-align:center}.feature-kicker{margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.quick-card.primary .feature-kicker{color:#ffffffb3}.exam-landing{min-height:auto}.exam-landing>.button{margin-top:18px;align-self:flex-start}.toolbar-note{color:var(--subtle);font-size:13px}.storage-warning{margin-bottom:18px;padding:12px 14px;color:var(--orange);background:color-mix(in srgb,var(--orange) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--orange) 30%,var(--line));border-radius:14px;font-size:13px}@keyframes pop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.shell{grid-template-columns:1fr;width:min(100% - 26px,760px)}.sidebar{display:none}.app{padding:28px 0 94px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;z-index:20;left:0;right:0;bottom:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-top:1px solid var(--line)}.mobile-nav-item{padding:8px 2px;border:0;background:transparent;border-radius:10px;color:var(--subtle);font-size:11px}.mobile-nav-item.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:700}}@media(max-width:720px){.topbar-inner{width:calc(100% - 24px);height:62px}.topbar{position:sticky}.brand small,.sync-pill{display:none}.shell{width:calc(100% - 24px)}.app{min-height:calc(100vh - 62px)}.page-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:17px}.head-badge{padding:6px 10px}.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:105px;padding:15px}.stat-value{font-size:26px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:170px;padding:20px}.topic-grid{grid-template-columns:1fr}.toolbar{padding:14px}.control{min-width:calc(50% - 8px);flex:1 1 calc(50% - 8px)}.toolbar .button{width:100%;margin-left:0}.question-card{border-radius:22px}.question-text{font-size:21px;margin:19px 0 21px}.tf-options{grid-template-columns:1fr 1fr}.action-row{align-items:stretch;flex-direction:column-reverse}.action-row>div{width:100%}.action-row .button{flex:1}.exam-info{grid-template-columns:repeat(3,1fr)}.exam-mini{padding:10px 5px}.flash-card{min-height:330px;padding:24px 17px}.wrong-item .button{padding:9px 10px}}