:root{--orange:#ec812f;--ink:#253b50;--muted:#7b8c9e;--line:#e5ebf1;--blue:#466883}*{box-sizing:border-box}body{margin:0;background:#edf1f5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #e9ab72;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.shell{max-width:720px;min-height:100dvh;margin:auto;background:#f6f8fa}header{height:77px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;gap:10px;align-items:center}.brand img{width:38px;height:38px;object-fit:contain}.brand b{font-size:16px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:4px}.badge{font-size:11px;padding:6px 10px;border-radius:8px;background:#f0f4f7;color:#657c92}.local{padding:6px 12px;background:#fff4df;color:#9c753c;font-size:10px;text-align:center}main{padding:18px 18px 105px}h1{font-size:27px;line-height:1.35;margin:8px 0 12px;letter-spacing:.5px}h2{font-size:18px;margin:0 0 14px}h3{font-size:16px;margin:0 0 10px}p{line-height:1.8}.muted{font-size:12px;color:var(--muted);line-height:1.8}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#a5754c;font-weight:600}.hero{padding:22px;border-radius:21px;background:linear-gradient(130deg,#fff3e3,#fffaf4 60%,#f2f6fa);border:1px solid #f4e6d5;margin-bottom:20px}.hero p{font-size:12px;color:#7c8995;margin:8px 0 0}.hero-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.hero-icon{font-size:30px;color:#cb8b51}.hero-foot{display:flex;gap:16px;margin-top:22px;padding-top:16px;border-top:1px solid #e9dfd4}.hero-foot b{font-size:19px;display:block;margin-bottom:4px}.hero-foot small{font-size:10px;color:#9b8873}.hero-foot>div{flex:1}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row>*{min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;margin-bottom:14px}.subject-tabs{display:flex;gap:8px;margin:16px 0}.subject-tabs button,.pill{border:1px solid var(--line);background:#fff;color:#6b7d91;border-radius:10px;padding:10px 15px}.subject-tabs button.active{color:#c26a25;background:#fff1e3;border-color:#efc9a4}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode{padding:20px 15px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:15px;color:var(--ink);min-height:120px}.mode i{display:block;font-size:22px;color:#b87f4c;margin-bottom:14px}.mode:nth-child(2n) i{color:#63859d}.mode strong{font-size:16px}.mode small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.primary{display:block;border:0;border-radius:12px;padding:14px;background:var(--orange);color:#fff;font-weight:650;text-align:center;width:100%}.secondary{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;color:var(--blue)}.wide{width:100%}.spaced{margin-top:18px}.exam-card{background:#263f55;color:#fff;padding:21px;border-radius:18px;margin:17px 0}.exam-card p{color:#b7c9d8;font-size:12px}.exam-card i{font-size:24px;color:#e2b57c}.link{border:0;background:transparent;padding:8px;color:#b57840}.empty{text-align:center;padding:34px 22px;line-height:1.8;color:var(--muted)}.empty i{display:block;font-size:36px;margin-bottom:15px;color:#b0bdc9}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:720px;display:flex;background:#fff;border-top:1px solid var(--line);padding:9px 6px calc(10px + env(safe-area-inset-bottom));z-index:5}nav[hidden]{display:none}nav button{flex:1;display:flex;flex-direction:column;gap:7px;align-items:center;background:none;border:0;color:#8594a5;font-size:11px;padding:5px}nav i{font-size:21px!important}nav button.active{color:var(--orange)}.question{font-size:19px;line-height:1.85;font-weight:600;margin:20px 0}.question-image{width:100%;max-height:250px;object-fit:contain;border-radius:10px;margin:12px 0}.options{display:grid;gap:12px}.option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--ink);line-height:1.6}.option span{border:1px solid #dae2ea;border-radius:8px;padding:3px 9px;flex-shrink:0}.option.selected{border-color:#eaa971;background:#fff5e9}.option.correct{border-color:#83bca5;background:#eff9f4}.option.wrong{border-color:#df9a98;background:#fff1ef}.answer{padding:16px;background:#f2f7f6;line-height:1.9;border-radius:12px;margin-top:16px;font-size:13px}.toolbar{display:flex;gap:10px;margin-top:20px}.toolbar>*{flex:1}.count{font-size:13px;color:#718598}.question-top{display:flex;justify-content:space-between;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-width:37px;min-height:37px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue)}.chips button.done{background:#e9f4ec;color:#528768}.chips button.current{border-color:var(--orange);color:var(--orange)}label{display:block;font-size:12px;font-weight:600;margin:16px 0 8px}input,select,textarea{width:100%;min-width:0;border:1px solid #dfe6ed;border-radius:10px;padding:12px;background:#fbfcfd;color:var(--ink);font-size:14px}textarea{min-height:85px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.step{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step-num{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f0f3f7;color:#96a3b2;flex-shrink:0}.step.pass .step-num{background:#e7f3ee;color:#54876d}.step-body{flex:1;min-width:0}.step strong{font-size:14px}.step p{margin:5px 0 0;color:#8091a2;font-size:11px}.money{font-size:29px;font-weight:750;color:var(--orange)}.money small{font-size:15px}.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0}.money-grid b{display:block;font-size:19px;margin-top:8px}.divider{border-top:1px solid var(--line);margin:16px 0}.order-no{word-break:break-all;font-size:11px;color:#8c99a7}.passed{color:#4b8d6c}.failed{color:#c56d57}.login{text-align:center;padding:35px 20px}.login img{width:64px;margin-bottom:15px}.login h1{font-size:25px}.notice{font-size:12px;line-height:1.8;color:#8b6f52;background:#fff6e9;border-radius:10px;padding:13px;margin-top:15px}dialog{border:0;border-radius:18px;width:min(350px,calc(100vw - 32px));padding:24px;color:var(--ink);box-shadow:0 20px 70px #13283c33}dialog::backdrop{background:#203c5466}dialog p{font-size:14px;white-space:pre-line}details summary{padding:12px 0;color:#6d8295;cursor:pointer}progress{width:100%;height:6px;accent-color:var(--orange)}@media(min-width:700px){main{padding:25px 32px 110px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{padding:28px}.hero h1{font-size:34px}}@media(max-width:350px){main{padding:13px 12px 95px}.hero{padding:18px}.mode{padding:16px 12px}h1{font-size:25px}.form-grid{grid-template-columns:1fr}.question{font-size:17px}}

/* Local ThinkPHP trace must not overlap this standalone preview navigation. */
#think_page_trace,#think_page_trace_open{display:none!important}
/* Driving study: sober navy, warm accents, clear touch targets. */
[hidden]{display:none!important}.study-intro{position:relative;overflow:hidden;padding:10px 3px 22px}.study-intro h1{font-size:29px;letter-spacing:1px;margin:13px 0 9px;line-height:1.4}.study-intro p{color:#758a9e;font-size:12px;margin:0}.intro-road{position:absolute;right:6px;top:39px;display:grid;place-items:center;width:98px;height:90px;border-radius:29px;background:linear-gradient(140deg,#e5edf4,#fafcfe);transform:rotate(-8deg);border:1px solid #e4eaf0}.intro-road i{color:#456780;font-size:45px;transform:rotate(8deg)}.learning-card{border:1px solid #e5ebf0;border-radius:18px;background:#fff;padding:8px 14px 18px;box-shadow:0 6px 24px #1f3c5305}.vehicle-tabs{display:flex;border-bottom:1px solid #e9eef2}.vehicle-tabs button{flex:1;border:0;background:none;padding:14px 4px 16px;font-size:14px;color:#8292a2;border-bottom:3px solid transparent;white-space:nowrap}.vehicle-tabs i{margin-right:4px}.vehicle-tabs small{font-size:10px;display:block;margin-top:5px;font-weight:400;letter-spacing:1px}.vehicle-tabs .active{border-bottom-color:#d98a40;color:#253e56;font-weight:750}.license-row{display:flex;gap:7px;align-items:center;margin-top:16px}.license-row>span{color:#8b9aaa;font-size:10px;margin-right:auto}.license-row button{border:1px solid #e4eaf0;background:#f7f9fb;border-radius:7px;padding:7px 10px;color:#6f8193;font-size:12px}.license-row button small{font-size:9px;margin-left:4px}.license-row button.active{color:#b5773b;border-color:#efd6bb;background:#fff5e9;font-weight:650}.learning-card .subject-tabs{margin:16px 0 0;gap:0;background:#f0f4f7;padding:4px;border-radius:11px}.learning-card .subject-tabs button{width:50%;border:0;padding:11px 4px;background:transparent;font-size:15px;font-weight:600}.subject-tabs small{display:block;font-size:9px;font-weight:400;line-height:1.6;margin-top:5px}.learning-card .subject-tabs button.active{background:#fff;box-shadow:0 2px 8px #16334c08;color:#203e56}.study-metrics{display:flex;justify-content:space-between;margin-top:21px;text-align:center}.study-metrics>div{flex:1;border-right:1px solid #edf0f3}.study-metrics>div:last-child{border:0}.study-metrics b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.study-metrics b small{font-size:11px;color:#9ba8b5;font-weight:400}.study-metrics span{display:block;color:#8a9aaa;font-size:10px;margin-top:7px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 1px 13px;gap:8px}.section-heading h2{margin:0;font-size:18px}.section-heading>span{font-size:10px;color:#8d9baa}.practice-primary{display:grid;grid-template-columns:1fr 1fr;gap:11px}.practice-primary button{position:relative;padding:17px 15px;background:#fff;border:1px solid #e4ebf1;border-radius:14px;text-align:left;color:#243e54}.mode-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf3f9;color:#557893;font-size:20px;margin-bottom:14px}.practice-primary button:nth-child(2) .mode-icon{background:#fff2e5;color:#cd8e4b}.practice-primary strong{display:block;font-size:16px}.practice-primary small{display:block;color:#8a99a9;font-size:10px;margin-top:6px}.practice-primary button>.fa-angle-right{position:absolute;right:16px;top:29px;color:#b8c4cd}.practice-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.practice-secondary button{padding:17px 4px;background:#fff;border:1px solid #e5ebf0;border-radius:12px;color:#71899c}.practice-secondary i{font-size:20px;display:block;margin-bottom:10px}.practice-secondary strong{font-size:11px;font-weight:600;color:#50697e}.official-exam{margin-top:22px;background:linear-gradient(135deg,#213f58,#304f69);padding:23px 21px}.official-exam h2{margin:9px 0 0;font-size:22px}.official-exam .eyebrow{color:#c7ab86;font-size:10px}.exam-glyph{padding:15px;border-radius:14px;background:#ffffff09}.exam-facts{display:flex;margin:24px 0 19px}.exam-facts>div{flex:1;border-right:1px solid #ffffff14}.exam-facts>div:last-child{border:0}.exam-facts b{font-size:29px;font-weight:650;margin-right:6px}.exam-facts span{font-size:11px;color:#c1d0dc}.official-exam p{font-size:11px;line-height:1.9}.official-exam .primary{background:#e4ab65;color:#213a4f;font-size:14px}.exam-note{display:block;font-size:10px;line-height:1.8;color:#b5c5d2;margin-top:12px}.bank-source{font-size:11px;color:#8a9aaa;padding:1px 3px 20px;line-height:1.8}.bank-source summary{display:flex;gap:8px;align-items:center}.bank-source summary .fa-angle-down{margin-left:auto}.chapter-list{display:grid;gap:10px}.chapter-list button{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid #e4eaf0;border-radius:12px;text-align:left;color:#29455a}.chapter-no{color:#b58a5e;background:#fff5e9;border-radius:10px;padding:10px}.chapter-list button>span:nth-child(2){flex:1}.chapter-list strong{font-size:14px;display:block}.chapter-list small{display:block;font-size:11px;color:#93a2af;margin-top:6px}.question-context{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.question-context span{font-size:10px;color:#8a9baa}.study-filter{font-size:11px}.study-filter summary{font-size:11px;padding:13px 0 0}.study-filter .form-grid{margin-top:12px}.question-card .count{font-size:20px;font-weight:650;color:#304f67}.question-card .count small{font-size:12px;color:#93a2af;font-weight:400}.image-zoom{display:block;border:0;width:100%;background:#f5f8fa;border-radius:12px;padding:12px}.image-zoom small{font-size:10px;color:#879aac}.image-zoom img{margin:0}.image-dialog{width:min(700px,95vw);padding:12px}.image-dialog img{display:block;width:100%;max-height:75vh;object-fit:contain;margin-bottom:12px}.chips button.incorrect{color:#b85d4c;background:#fdf0eb;border-color:#edc6ba}.report-hero{margin:20px 0;padding:24px 20px;border:1px solid #e3ebef;border-radius:18px;background:linear-gradient(130deg,#eef6f3,#fff 76%)}.report-hero.fail{background:linear-gradient(130deg,#fff3eb,#fff 76%)}.report-hero h1{font-size:20px;margin:14px 0}.report-hero .eyebrow{font-size:10px}.report-score{display:flex;align-items:baseline;gap:7px;position:relative;margin-top:20px}.report-score>b{font-size:76px;letter-spacing:-3px;font-weight:750;line-height:1.1}.report-score>span{font-size:12px;color:#7c8f9e}.result-stamp{margin-left:auto;align-self:center;border:2px solid #4c907a;border-radius:50%;width:78px;height:78px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:21px;font-weight:750;color:#4c907a;transform:rotate(-12deg);outline:1px solid #4c907a;outline-offset:-7px;flex-shrink:0}.result-stamp small{display:block;font-size:8px;font-weight:500;margin-top:5px;letter-spacing:1px}.fail .result-stamp{border-color:#bc6d56;outline-color:#bc6d56;color:#bc6d56;font-size:17px}.report-hero p{font-size:11px;line-height:1.9;color:#7d909f;margin-top:17px}.report-metrics{display:flex;justify-content:space-between;border-top:1px solid #e4eceb;padding-top:15px;color:#8194a1;font-size:11px}.report-metrics b{font-size:18px;color:#3b586a;margin-left:5px}.suggestion{display:flex;gap:11px;padding:18px 0;border-top:1px solid #edf1f4}.suggestion>span{font-size:13px;color:#bf8b58;font-weight:700;padding-top:2px}.suggestion>div{min-width:0;flex:1}.suggestion h3{font-size:14px;line-height:1.5}.suggestion p{font-size:12px;color:#8193a3;line-height:1.9;margin-bottom:0}.suggestion .link{padding-left:0;font-size:12px}.report-disclaimer{color:#96a4b0;font-size:10px;text-align:center;margin:22px 0;line-height:1.9}.report-poster{display:block;width:100%;margin:17px 0;border-radius:13px;box-shadow:0 12px 36px #243e541a}.download-poster{text-decoration:none}.poster-hint{text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.option:disabled{opacity:1}.option{font-size:15px}.question{font-size:18px}#clock{font-variant-numeric:tabular-nums}.primary{background:#da8b42}@media(min-width:700px){.study-intro h1{font-size:36px}.intro-road{right:24px;width:140px;height:110px}.practice-secondary strong{font-size:13px}.vehicle-tabs button{font-size:17px}.license-row button{padding:9px 18px}.official-exam{padding:27px}.report-hero{padding:30px}.report-score>b{font-size:98px}.result-stamp{width:100px;height:100px;font-size:29px}}@media(max-width:350px){.study-intro h1{font-size:25px}.intro-road{width:76px;height:74px;right:0}.intro-road i{font-size:36px}.license-row{gap:4px}.license-row button{padding:7px 6px}.license-row small{display:none}.practice-primary button{padding:15px 12px}.practice-primary small{font-size:9px}.exam-facts b{font-size:25px}.learning-card{padding:8px 10px 16px}.question-card{padding:16px}.option{padding:12px;font-size:14px}}
.profile-card{display:flex;gap:17px;align-items:center;background:linear-gradient(120deg,#fff5e8,#f3f7fa);border:1px solid #efe5d7;padding:23px 18px;border-radius:18px;margin-bottom:16px}.profile-avatar{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:19px;background:#2c4b63;color:#f0c58e;font-size:26px;font-weight:650}.profile-card h1{font-size:23px;margin:7px 0}.profile-card p{font-size:10px;line-height:1.7;color:#8495a5;margin:0}.profile-metrics{padding:2px 8px 18px}.profile-tools{border:1px solid #e4ebf0;background:#fff;border-radius:15px;padding:0 16px}.profile-tools button{display:flex;align-items:center;gap:14px;width:100%;padding:18px 0;border:0;border-bottom:1px solid #edf1f4;background:none;text-align:left;color:#3b5a70}.profile-tools button:last-child{border:0}.profile-tools button>i:first-child{color:#a8865f;font-size:23px;width:27px}.profile-tools button span{font-size:14px;flex:1;font-weight:600}.profile-tools small{display:block;font-size:10px;font-weight:400;color:#91a0ad;margin-top:6px}.profile-tools button>.fa-angle-right{color:#adbac5}.history-list{display:grid;gap:12px}.history-list>button{text-align:left;padding:17px;border:1px solid #e4ebf0;border-radius:13px;background:#fff;color:#29475c}.history-meta{font-size:10px;color:#9ba9b4;display:block}.history-list strong{font-size:14px;line-height:1.8;display:block;margin:10px 0}.history-bottom{display:flex;justify-content:space-between;font-size:11px;color:#8d9eac}.history-list small{display:block;font-size:10px;color:#a0adb7;margin-top:12px}

/* Illustration is decorative; all learning labels remain readable HTML. */
.study-intro{height:158px;padding:0;margin-bottom:18px;border:1px solid #e9e6de;border-radius:16px;background:#fcf9f4}.study-art{position:absolute;right:-4px;top:0;width:67%;height:100%;object-fit:cover;object-position:center}.study-intro-copy{position:relative;z-index:1;height:100%;padding:29px 17px;background:linear-gradient(90deg,#fcf9f4 20%,#fcf9f4e8 42%,#fcf9f400 72%)}.study-intro h1{font-size:25px;margin:13px 0 10px}.study-intro .eyebrow{font-size:10px;letter-spacing:1px}.study-intro p{font-size:10px;max-width:210px;line-height:1.8}.study-intro-copy>p{color:#72889a}@media(max-width:350px){.study-intro{height:143px}.study-intro-copy{padding:24px 12px}.study-intro h1{font-size:22px}.study-intro p{font-size:9px}.report-score>b{font-size:64px}.result-stamp{width:68px;height:68px}}@media(min-width:700px){.study-intro{height:192px}.study-intro-copy{padding:38px 25px}.study-intro h1{font-size:31px}.study-intro p{font-size:12px;max-width:none}}

/* Brand alignment and a softer teal examination card. */
header .brand>div{transform:translateY(3px);min-width:68px}header .brand b{display:block;line-height:1.3}header .brand small{width:100%;text-align:justify;text-align-last:justify;letter-spacing:0;line-height:1.2;margin-top:5px}.official-exam{background:linear-gradient(132deg,#28585b,#3f7072);border:1px solid #39676a;box-shadow:0 9px 24px #264e5510}.official-exam .eyebrow{color:#dfc6a2}.official-exam .exam-glyph{background:#ffffff0c;border:1px solid #ffffff12}.official-exam .exam-glyph i{color:#e4c394}.official-exam .exam-facts>div{border-color:#ffffff1c}.official-exam .exam-facts span,.official-exam p{color:#d0e0dd}.official-exam .primary{color:#254c4c;background:#e9c18b;box-shadow:0 3px 9px #163b3e16}.official-exam .exam-note{color:#bfd2cf}

header .brand{align-items:center}header .brand img{width:36px;height:36px}header .brand>div{transform:none;width:60px;min-width:60px;height:36px;display:flex;flex-direction:column;justify-content:space-between}header .brand b{font-size:15px;letter-spacing:0;line-height:20px}header .brand small{font-size:12px;line-height:16px;margin-top:0;letter-spacing:0}

/* Compact subtitle requested for both driving headers. */
header .brand small{font-size:10px;letter-spacing:0;text-align:justify;text-align-last:justify}

.follow-guide{padding:16px;margin:14px 0 18px;border:1px solid #e2ece5;border-radius:14px;background:#fff}.follow-heading{display:flex;align-items:center;gap:10px}.follow-heading>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf7ef;color:#4b9268;font-size:23px;flex-shrink:0}.follow-heading strong{font-size:12px;color:#3b5a48;line-height:1.8}.follow-heading p{font-size:10px;line-height:1.8;color:#91a092;margin:2px 0}.follow-guide .link{padding:12px 0 0;font-size:11px;color:#55846a}.follow-qr{display:block;width:200px;max-width:100%;height:auto;margin:16px auto 8px}#follow-content>p{text-align:center;font-size:11px;line-height:1.8;color:#8e9d92}.enrollment-welcome{margin:0 0 12px;padding:15px 17px;background:#edf6f0;border-radius:13px;color:#4d8164}.enrollment-welcome strong{font-size:15px}.enrollment-welcome p{font-size:12px;line-height:1.8;margin:6px 0 0}#identity{white-space:nowrap;flex-shrink:0;font-size:10px}
/* Study hub: two clear primary actions, eight compact learning tools. */
.study-intro{height:132px;margin-bottom:14px}.study-intro-copy{padding:21px 15px}.study-intro h1{font-size:23px;letter-spacing:0;margin:12px 0 8px}.study-intro p{font-size:11px}.study-intro .eyebrow{font-size:11px}.learning-card{padding-bottom:12px}.learning-progress{display:flex;justify-content:space-between;font-size:11px;color:#81919e;margin:17px 0 8px;gap:5px}.learning-progress b{color:#344f60;font-size:13px}.learning-card progress{display:block;height:4px}.vehicle-tabs button{font-size:16px}.subject-tabs small{font-size:10px}.main-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-card{text-align:left;border:0;border-radius:18px;padding:17px 15px 13px;position:relative;overflow:hidden;min-width:0}.feature-hot{background:linear-gradient(130deg,#fff0d9,#f9d9b1);color:#80502c;border:1px solid #eed3ad}.feature-exam{background:linear-gradient(130deg,#2b5c60,#467c7c);color:#fff}.feature-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;opacity:.8;letter-spacing:1px}.feature-top i{font-size:21px}.feature-card>strong{display:block;font-size:22px;margin:15px 0 12px;letter-spacing:.5px}.feature-number{font-size:29px;font-weight:750;letter-spacing:-.5px}.feature-number small{font-size:10px;margin-left:6px;font-weight:400;letter-spacing:0}.feature-bottom{display:flex;justify-content:space-between;border-top:1px solid #80502c20;padding-top:12px;margin-top:13px;font-size:12px;font-weight:600}.feature-exam .feature-bottom{border-color:#ffffff28}.feature-exam .feature-number{color:#f2d8ab}.toolbox{background:#fff;border:1px solid #e7edf0;border-radius:18px;margin-top:18px;padding:0 10px 10px}.toolbox .section-heading{padding:0 5px;margin:18px 0 15px}.toolbox h2{font-size:17px}.study-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 3px;padding:2px 0 9px}.study-tools button{padding:0;border:0;background:none;color:#3c5567;display:flex;align-items:center;flex-direction:column;gap:9px;min-height:66px}.study-tools button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:21px;background:#edf3fa;color:#527b9d}.study-tools strong{font-size:12px;font-weight:550;white-space:nowrap}.study-tools .tool-1>span{background:#fdf0e2;color:#c68c50}.study-tools .tool-2>span{background:#edf5ef;color:#62927e}.study-tools .tool-3>span{background:#f2eef8;color:#9680ae}.bank-alert{font-size:11px;color:#94704f;line-height:1.8;padding:10px 13px;background:#fff6e9;border-radius:10px;margin-bottom:0}.page-title{font-size:25px;margin:18px 0}.subpage-head .link{padding-left:0}.catalog-tabs{display:flex;gap:5px;padding:5px;background:#eaf0f3;border-radius:11px;margin:16px 0 18px}.catalog-tabs button{flex:1;padding:10px 3px;border:0;border-radius:8px;background:none;color:#8295a4;font-size:13px}.catalog-tabs button.active{background:white;color:#315c64;box-shadow:0 2px 8px #2b4b5e0b;font-weight:650}.special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.special-grid button{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e3ebee;border-radius:15px;background:white;padding:17px 14px;color:#3a5261;min-height:122px;min-width:0}.special-symbol{color:#ba8f61;font-size:21px;margin-bottom:13px}.special-grid strong{font-size:15px;line-height:1.5}.special-grid small{margin-top:8px;color:#94a2ac;font-size:11px;width:100%;display:flex;justify-content:space-between}.collection-pair{display:grid;gap:14px}.collection-pair button{border:1px solid #e1e9ed;border-radius:16px;background:#fff;text-align:left;padding:23px;color:#36566a}.collection-pair i{font-size:26px;color:#c49661;margin-right:15px}.collection-pair strong{font-size:19px}.collection-pair span{display:block;font-size:12px;color:#8b9da7;margin-top:17px}.exam-history{display:grid;gap:12px}.exam-history>button{display:flex;gap:18px;align-items:center;width:100%;text-align:left;background:white;border:1px solid #e3eaef;border-radius:15px;padding:18px 15px;color:#3b5669}.history-score{font-size:30px;font-weight:700;min-width:50px}.history-score small{font-size:11px;font-weight:400;margin-left:3px}.exam-history>button>span:nth-child(2){flex:1}.exam-history strong{font-size:14px}.exam-history small{display:block;font-size:10px;color:#97a6b1;margin-top:6px}.exam-history b{display:block;font-size:11px;color:#a48361;margin-top:8px}.rank-banner{background:linear-gradient(130deg,#2f5764,#507f82);border-radius:18px;color:#fff;padding:23px 20px;margin-bottom:16px}.rank-banner>i{font-size:30px;color:#ecd2a4;margin-bottom:15px}.rank-banner strong{display:block;font-size:19px}.rank-banner span{display:block;font-size:11px;margin-top:10px;color:#d1e1e4}.ranking-list{background:#fff;border:1px solid #e5ebef;border-radius:16px;overflow:hidden}.ranking-row{display:flex;gap:17px;padding:19px 16px;align-items:center;border-bottom:1px solid #eff3f5}.ranking-row:last-child{border:0}.ranking-row.mine{background:#fff5e6}.rank-number{width:22px;color:#be9567;font-size:20px}.ranking-row>span{flex:1}.ranking-row strong{font-size:14px}.ranking-row small{font-size:10px;color:#8ea0ae;font-weight:400}.ranking-row>span small{display:block;margin-top:7px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-grid button{padding:10px;border:1px solid #e1e8ed;border-radius:13px;background:white;color:#6f8696}.resource-grid img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#f4f6f7;border-radius:6px}.resource-grid strong{display:block;font-size:12px;padding-top:10px}.resource-original{display:block;text-align:center;text-decoration:none;margin-top:20px}.resource-reader{margin-top:15px}.resource-reader img{width:100%;height:auto;display:block}.question-statistics{margin:18px 0 0;padding:15px 0 0;border-top:1px solid #e8eef1}.statistics-label{display:flex;justify-content:space-between;font-size:12px}.statistics-bar{height:6px;border-radius:6px;background:#ebc3b4;margin:9px 0;overflow:hidden}.statistics-bar>span{display:block;height:100%;background:#75a691}.question-statistics>small{display:block;color:#91a1ac;font-size:10px;line-height:1.7}.empty-stat{font-size:11px;color:#93a3ae}.image-zoom+.image-zoom{margin-top:12px}.image-zoom+.options{margin-top:16px}.simulation{margin-top:15px;background:#fff;border:1px solid #cfdde6;border-radius:14px;overflow:hidden;padding-bottom:16px}.simulation-head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#315776;color:#fff;padding:17px 14px}.simulation-head small{font-size:9px;color:#d1e1eb}.simulation-head h2{font-size:18px;margin:8px 0 0}.simulation-timer{text-align:right;flex-shrink:0}.simulation-timer b{display:block;font-size:23px;letter-spacing:1px;margin-top:6px;color:#ffe0a0}.candidate{display:flex;justify-content:space-between;padding:11px 13px;background:#f1f6fa;color:#6f8597;font-size:10px;gap:10px}.simulation-status{display:flex;align-items:center;gap:12px;padding:16px 14px;border-bottom:1px solid #e7eef3;color:#859aaa;font-size:10px}.simulation-status strong{flex:1;color:#315676;font-size:15px}.simulation-status small{font-size:10px;color:#8ea3b2;font-weight:400}.simulation-body{padding:0 15px}.simulation .question{font-size:18px;line-height:1.85;font-weight:600;margin-top:18px}.simulation .option{border-radius:7px;padding:13px 11px;font-size:15px}.simulation .option span{border-radius:5px}.simulation .option.selected{background:#edf5fc;border-color:#6994b8}.simulation-controls{display:flex;gap:10px;padding:18px 15px 0}.simulation-controls button{flex:1;color:#456f91;border-color:#b9cfdf;background:#f6faff}.answer-sheet{padding:0 15px;margin-top:12px}.answer-sheet summary{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#456d8b}.answer-sheet summary span{font-size:11px;font-weight:400}.answer-sheet .chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:6px 0 12px}.answer-sheet .chips button{min-width:0;min-height:36px;padding:4px}.submit-exam{width:calc(100% - 30px);margin:14px 15px 0;background:#315f82;border-radius:8px}.simulation>.spaced{width:calc(100% - 30px);margin-left:15px}.simulation .badge{font-size:10px;border-radius:5px}.bank-source{margin-top:15px}@media(max-width:350px){.study-intro{height:123px}.study-intro-copy{padding:20px 11px}.study-intro h1{font-size:20px}.study-intro p{font-size:10px}.feature-card{padding:14px 12px 12px}.feature-card>strong{font-size:20px}.feature-number{font-size:27px}.feature-number small{font-size:9px;margin-left:3px}.study-tools strong{font-size:11px}.toolbox{padding-left:7px;padding-right:7px}.candidate{font-size:9px}.simulation-head h2{font-size:16px}.simulation-head small{font-size:8px}.simulation-timer b{font-size:20px}.simulation .question{font-size:17px}.simulation .option{font-size:14px}.special-grid strong{font-size:14px}.learning-progress{font-size:10px}.feature-top{font-size:9px}}
.resource-controls{display:grid;grid-template-columns:1.15fr 1fr;gap:8px}.resource-controls input,.resource-controls select{font-size:12px;padding:12px 9px;background:white}.resource-count{display:flex;justify-content:space-between;margin:19px 2px 13px;font-size:12px;color:#8a9aa5}.resource-count b{color:#ac855c;font-weight:550}.sign-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sign-card{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border:1px solid #e2e9ed;background:#fff;border-radius:15px;min-width:0;color:#334e60}.sign-card>span{display:flex;align-items:center;justify-content:center;width:100%;height:102px;border-radius:9px;background:#fff}.sign-card img{max-width:100%;max-height:100%;object-fit:contain}.sign-card strong{font-size:13px;line-height:1.7;margin-top:12px;font-weight:600;text-align:center}.sign-card small{color:#a3afb7;font-size:10px;margin-top:6px}.mnemonic-cards{display:grid;gap:14px}.mnemonic-card{background:#fff;border:1px solid #e3eaef;border-radius:16px;padding:18px 16px}.mnemonic-heading{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-size:14px;font-weight:650}.mnemonic-heading b{color:#bc925c;font-size:12px;background:#fff3e2;padding:2px 7px;border-radius:6px}.mnemonic-heading span{min-width:0;flex:1}.mnemonic-card p{font-size:15px;line-height:1.9;color:#4d6677;margin:16px 0 12px;overflow-wrap:anywhere}.mnemonic-card>small{font-size:10px;color:#a1aeb7}.mnemonic-images{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:10px;background:#f8fafb;padding:13px;margin-top:15px}.mnemonic-images button{background:#fff;border:0;border-radius:7px;padding:5px;max-width:100%}.mnemonic-images img{display:block;max-width:100%;width:auto;max-height:140px;object-fit:contain}.resource-source{font-size:11px;color:#8fa0ad;line-height:1.8;margin-top:16px}.resource-source a{color:#547b94}.resource-source p{margin:0 0 8px}@media(max-width:350px){.resource-controls{grid-template-columns:1fr}.sign-card{padding:13px 8px}.sign-card>span{height:87px}.sign-card strong{font-size:12px}.mnemonic-card p{font-size:14px}}
.local-focus{display:flex;align-items:center;gap:13px;width:100%;margin:15px 0 0;border:1px solid #e2e9ec;background:#fff;border-radius:14px;padding:17px 15px;text-align:left;color:#3b5f71}.local-focus>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf4f0;color:#729584;font-size:23px}.local-focus>div{flex:1}.local-focus strong{font-size:15px}.local-focus small{display:block;font-size:10px;color:#93a3ac;margin-top:7px}.local-focus>.fa-angle-right{color:#a9bac3}

/* Keep focused mobile controls clear of the fixed bottom menu. */
html{scroll-padding-bottom:100px}main button,main input,main select{scroll-margin-bottom:100px}progress{accent-color:#d99a5b}.resource-controls>*{min-width:0;max-width:100%}