@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@600;700;900&display=swap');
:root{--ink:#20211e;--muted:#777871;--paper:#f7f6f1;--card:#fffefa;--line:#e7e6df;--orange:#f45135;--green:#178c69;--soft-orange:#fff0eb;--serif:'Noto Serif SC',serif;--sans:'Manrope','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit} .app-shell{max-width:1440px;margin:auto;padding:0 6.5vw}.topbar{height:86px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:65px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:18px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;background:var(--orange);color:#fff;width:31px;height:31px;border-radius:9px;font-family:var(--serif)}.main-nav{display:flex;gap:31px;height:100%;align-items:center}.nav-item{height:100%;font-size:14px;color:var(--muted);position:relative}.nav-item.active{color:var(--ink);font-weight:700}.nav-item.active:after{content:'';height:3px;background:var(--orange);border-radius:3px;position:absolute;bottom:-1px;left:0;right:0}.nav-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;border-radius:10px;background:#eee;vertical-align:middle;margin-left:3px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:19px;color:var(--muted);font-size:12px}.streak{color:var(--orange)}.icon-button{font-size:22px;color:#999}.hero{display:flex;justify-content:space-between;align-items:center;padding:73px 7% 61px 5%}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:2px;color:var(--orange);margin:0 0 17px}.hero h1{font:900 clamp(38px,4.3vw,62px) var(--serif);line-height:1.2;margin:0;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy{color:var(--muted);line-height:1.9;max-width:400px;margin:23px 0 0;font-size:13px}.hero-orbit{width:230px;height:190px;position:relative;margin-right:8%;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #ddd8cd;border-radius:50%;transform:rotate(-25deg)}.ring-one{width:220px;height:100px}.ring-two{width:150px;height:160px;transform:rotate(50deg)}.orbit-core{z-index:1;text-align:center;background:#ffe5dc;color:var(--orange);width:78px;height:78px;border-radius:50%;padding-top:15px;font:900 23px var(--serif);line-height:1}.orbit-core small{font:600 9px var(--sans)}.orbit-dot{position:absolute;color:var(--orange);font-size:22px}.dot-one{top:9px;right:6px}.dot-two{bottom:17px;left:17px}.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:24px 5%;gap:25px}.stats-strip>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px}.strip-label,.stats-strip small{font-size:11px;color:var(--muted);grid-row:span 2}.stats-strip strong{font:700 25px var(--serif)}.stats-strip small{grid-column:2;grid-row:2;font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:45px;padding:64px 5% 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-heading h2{font:700 29px var(--serif);margin:0}.subheading{color:var(--muted);font-size:13px;margin:8px 0 0}.mode-toggle{border:1px solid var(--line);border-radius:8px;padding:3px}.mode-toggle button{font-size:11px;padding:8px 12px;color:var(--muted);border-radius:6px}.mode-toggle button.active{background:var(--ink);color:white}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:27px}.category{background:var(--card);border:1px solid var(--line);padding:16px;border-radius:8px;text-align:left;min-height:91px}.category.active{border:1.5px solid var(--orange);box-shadow:0 5px 15px #f4513515}.category b{display:block;font-size:13px;margin-bottom:8px}.category span{font-size:11px;color:var(--muted)}.category i{font-style:normal;color:var(--orange);float:right;font-size:18px}.question-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:30px 32px 27px;box-shadow:0 12px 32px #393b2710}.question-meta{display:flex;justify-content:space-between;font:500 10px 'DM Mono',monospace;color:var(--orange);letter-spacing:1px}.progress-line{height:3px;background:#f1eee9;margin:14px 0 26px;border-radius:2px}.progress-line span{display:block;height:100%;background:var(--orange);width:1%;transition:.3s}.question-card h3{font:700 clamp(19px,2.1vw,27px) var(--serif);line-height:1.65;margin:0 0 25px;min-height:92px}.answer-panel{background:#f8f7f2;padding:16px 18px;border-left:3px solid var(--green);display:none;margin-bottom:22px}.answer-panel.show{display:block}.answer-label{font:500 10px 'DM Mono',monospace;color:var(--green);letter-spacing:1px}.answer-panel p{margin:8px 0 0;font-size:14px;line-height:1.7}.question-actions{display:flex;align-items:center;gap:9px}.secondary-button,.favorite-button,.wrong-button,.right-button{font-size:12px;padding:11px 13px;border-radius:6px}.secondary-button{background:var(--ink);color:white}.secondary-button span{font-size:10px;color:#aaa;margin-left:8px}.favorite-button{border:1px solid var(--line);color:var(--muted)}.favorite-button.saved{color:var(--orange);border-color:#ffc1b4;background:var(--soft-orange)}.result-buttons{display:flex;margin-left:auto;gap:7px}.wrong-button{background:#fff3f0;color:#e45443}.right-button{background:#e8f6f0;color:var(--green)}.next-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.next-button{background:var(--orange);color:#fff;padding:13px 18px;border-radius:6px;font-size:12px}.next-button span{font-size:18px;margin-left:13px}.next-row>span{color:#aaa;font-size:10px}.next-row kbd{border:1px solid #ddd9d1;background:#fff;padding:2px 5px;border-radius:3px}.side-column{padding-top:48px}.test-card{background:var(--ink);color:white;padding:25px;border-radius:10px;min-height:193px;display:flex;flex-direction:column;justify-content:space-between}.test-card .eyebrow{color:#fb9b86}.test-card h3{font:700 22px var(--serif);margin:0 0 7px}.test-card p{font-size:11px;color:#b7b7b2;line-height:1.6;margin:0;max-width:210px}.test-card button{color:#fff;font-size:12px;border-top:1px solid #575852;padding-top:14px;text-align:left}.test-card button span{float:right;font-size:18px}.tip-card{display:flex;gap:13px;background:#fff2de;margin-top:14px;padding:17px;border-radius:8px}.tip-icon{color:#e38f2e;font-size:22px}.tip-card b,.recent-card b{font-size:12px}.tip-card p{font-size:11px;color:#8f7c63;line-height:1.6;margin:7px 0 0}.recent-card{margin-top:34px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-title button{font-size:10px;color:var(--orange)}.recent-item{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.5}.recent-item strong{font:500 10px 'DM Mono';color:var(--orange);min-width:22px}.recent-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standalone-view{padding:65px 5% 100px;min-height:560px}.hidden{display:none}.wrong-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wrong-item{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:22px}.wrong-item h3{font:600 16px var(--serif);line-height:1.6;margin:10px 0}.wrong-item p{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin:0}.wrong-item button{color:var(--orange);font-size:11px;margin-top:13px}.empty-state{grid-column:1/-1;text-align:center;padding:80px 0;color:var(--muted)}.stats-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dashboard-card{background:var(--card);border:1px solid var(--line);padding:25px;border-radius:9px}.dashboard-card h3{font:500 12px var(--sans);color:var(--muted);margin:0}.dashboard-card strong{display:block;font:700 39px var(--serif);margin-top:10px}.dashboard-card p{font-size:11px;color:var(--muted);margin-bottom:0}.bar-card{grid-column:1/-1}.bar-row{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:11px}.bar{flex:1;height:9px;background:#eeeae2;border-radius:9px;overflow:hidden}.bar i{display:block;background:var(--orange);height:100%;border-radius:9px}footer{border-top:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;color:#aaa;font-size:10px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.app-shell{padding:0 20px}.topbar{gap:25px}.main-nav{gap:15px}.top-actions{display:none}.hero{padding:48px 3% 40px}.hero-orbit{margin-right:0;transform:scale(.8)}.content-grid{grid-template-columns:1fr;padding:45px 3% 60px;gap:15px}.side-column{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-card{min-height:180px}.tip-card{margin-top:0}.recent-card{grid-column:1/-1;margin-top:14px}.stats-strip{padding:20px 3%}.standalone-view{padding:45px 3% 70px}}
@media(max-width:560px){.topbar{height:70px}.brand{font-size:16px}.main-nav{margin-left:auto}.nav-item{font-size:12px}.hero{padding:38px 2% 30px}.hero h1{font-size:38px}.hero-copy{font-size:12px}.hero-orbit{display:none}.stats-strip{grid-template-columns:repeat(2,1fr);gap:17px;padding:18px 2%}.stats-strip strong{font-size:22px}.section-heading{display:block}.mode-toggle{display:inline-block;margin-top:18px}.category-grid{grid-template-columns:repeat(2,1fr)}.category{min-height:80px;padding:13px}.category:nth-child(3){grid-column:1/-1}.question-card{padding:23px 18px}.question-card h3{min-height:120px;font-size:19px}.question-actions{flex-wrap:wrap}.result-buttons{width:100%;margin-left:0}.wrong-button,.right-button{flex:1}.next-row{display:block}.next-row>span{display:block;margin-top:14px}.side-column{display:block}.tip-card{margin-top:14px}.wrong-grid,.stats-dashboard{grid-template-columns:1fr}.bar-card{grid-column:auto}footer{display:block;line-height:2}footer span{display:block}}
.search-row{display:flex;gap:9px;margin:-10px 0 18px}.search-box{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:7px;padding:0 12px;flex:1;color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;width:100%;padding:11px 0;font:12px var(--sans);color:var(--ink)}.outline-button{border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:11px;color:var(--muted);background:var(--card)}.outline-button:hover{border-color:var(--orange);color:var(--orange)}.data-actions{display:inline-flex;gap:10px;margin-left:18px}.data-actions button{color:var(--orange);font-size:10px}.test-result{grid-column:1/-1}.result-list{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:18px}.result-list p{font-size:12px;margin:8px 0}.result-list b{color:var(--orange)}
@media(max-width:560px){.search-row{flex-wrap:wrap}.search-box{flex-basis:100%}.outline-button{flex:1}.data-actions{margin:10px 0 0}}