@font-face{font-family:Oxygen;src:url('assets/fonts/oxygen-regular.ttf')}@font-face{font-family:Oxygen;src:url('assets/fonts/oxygen-bold.ttf');font-weight:700}
:root{--paper:#f7f7f3;--ink:#182021;--green:#284838;--coral:#d84b3e;--muted:#6e7472;--line:#d4d8d3;--wash:#e9eee9;--white:#fff;--shadow:0 16px 50px #18202110;font-family:Oxygen,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0b6f6399;outline-offset:3px}.site-head{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,64px);position:sticky;top:0;background:#f7f7f3ed;backdrop-filter:blur(12px);z-index:20}.brand{border:0;background:none;display:flex;align-items:baseline;gap:8px;padding:0;cursor:pointer;letter-spacing:.08em}.brand span{font-size:20px;font-weight:700}.brand strong{font-size:31px;color:var(--green)}.head-note{font-size:13px;color:var(--muted)}.head-note i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px}.brand small{font-size:16px;letter-spacing:0;margin-left:2px}
#app{min-height:calc(100vh - 144px);padding:clamp(28px,5vw,72px) clamp(18px,5vw,80px) 120px}.wrap{max-width:1180px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--coral);font-size:12px;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:clamp(30px,6vw,90px);align-items:start}.hero h1,.page-title{font-size:clamp(42px,7vw,88px);line-height:.95;letter-spacing:-.055em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--green)}.lede{font-size:clamp(17px,1.6vw,22px);line-height:1.7;max-width:690px;color:#4f5755}.panel,.card{background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.panel{padding:clamp(24px,4vw,42px)}.panel h2,.card h3{margin-top:0}.facts{display:grid;gap:0;margin:22px 0}.fact{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.fact span{color:var(--muted)}.fact strong{font-size:19px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{border:1px solid var(--ink);background:transparent;border-radius:6px;min-height:48px;padding:11px 20px;font-weight:700;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.danger{background:var(--coral);border-color:var(--coral);color:white}.btn.small{min-height:38px;padding:7px 12px;font-size:13px}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{border:1px solid var(--line);background:var(--paper);padding:10px 14px;border-radius:5px;cursor:pointer}.segmented button.active{background:var(--ink);color:white;border-color:var(--ink)}
.dock{position:fixed;bottom:0;left:0;right:0;height:72px;background:#f7f7f3f4;backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:30}.dock button{border:0;border-right:1px solid var(--line);background:none;cursor:pointer;font-size:14px}.dock button span{font-size:10px;color:var(--muted);margin-right:8px}.dock button.active{color:var(--green);font-weight:700;box-shadow:inset 0 3px var(--green)}
.scale{margin:40px 0 12px;position:relative;height:42px;border-top:2px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 5%);background-size:100% 13px;background-repeat:no-repeat}.scale::after{content:"";position:absolute;top:-8px;left:var(--mark,50%);width:15px;height:15px;background:var(--coral);border-radius:50%;transform:translateX(-50%)}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.word-stage{min-height:57vh;display:grid;grid-template-columns:1fr 290px;gap:50px;align-items:center}.word-face{text-align:center}.previous{color:#b8bcb9;font-size:22px;min-height:28px}.word{font-size:clamp(52px,8vw,112px);line-height:1;letter-spacing:-.045em;margin:28px 0;overflow-wrap:anywhere}.word-meta{color:var(--muted)}.decision-row{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:42px}.decision{min-height:70px;border:1px solid var(--ink);border-radius:6px;background:none;font-weight:700;font-size:20px;cursor:pointer}.decision.known{background:var(--green);color:#fff;border-color:var(--green)}.ledger{border-left:1px solid var(--line);padding-left:35px}.big-count{font-size:60px;color:var(--green);margin:10px 0}.big-count small{font-size:18px;color:var(--muted)}.legend{display:grid;gap:22px;margin-top:48px}.legend div{display:flex;align-items:center;gap:12px;color:var(--muted)}.legend i{width:12px;height:12px;border-radius:50%;background:var(--green)}.legend div:nth-child(2) i{background:var(--ink)}.legend div:nth-child(3) i{background:var(--coral)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.choice-card{padding:26px;cursor:pointer;transition:.15s;text-align:left}.choice-card:hover{transform:translateY(-3px);border-color:var(--green)}.choice-card strong{font-size:30px;display:block;margin:12px 0}.choice-card p{color:var(--muted);line-height:1.55}.result-number{font-size:clamp(58px,10vw,128px);color:var(--green);line-height:1;margin:20px 0}.result-number small{font-size:18px;color:var(--muted)}.meter{height:10px;background:var(--wash);border-radius:20px;overflow:hidden}.meter i{display:block;height:100%;background:var(--green);width:var(--value)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.stat{padding:20px;border:1px solid var(--line);background:var(--white)}.stat span{color:var(--muted);font-size:13px}.stat strong{font-size:25px;display:block;margin-top:8px}.notice{padding:15px 18px;border:1px solid #efc8c2;background:#fff0ed;line-height:1.55;margin:20px 0}.search-row{display:flex;gap:10px;margin:24px 0}.search-row input,.search-row select{min-height:46px;border:1px solid var(--line);border-radius:5px;background:white;padding:10px 13px}.search-row input{flex:1}.word-list{display:grid;gap:10px}.word-row{display:grid;grid-template-columns:1.1fr .65fr 1.4fr auto;gap:18px;align-items:center;padding:18px;background:white;border:1px solid var(--line);border-radius:7px}.word-row .term{font-size:22px;font-weight:700}.word-row p{margin:4px 0;color:var(--muted);font-size:13px}.tag{display:inline-block;padding:4px 8px;border-radius:99px;background:var(--wash);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.tag.business{background:#e5eee8;color:var(--green)}.tag.advanced{background:#ffebe7;color:#9d2d24}.empty{text-align:center;padding:80px 20px;color:var(--muted)}
.exam-setup .grid{margin-top:30px}.exam-shell{max-width:1320px;margin:auto}.exam-top{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.timer{font-variant-numeric:tabular-nums;font-size:25px;color:var(--coral);font-weight:700}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin-top:26px}.question-card{background:white;border:1px solid var(--line);border-radius:8px;padding:clamp(20px,4vw,42px);min-height:570px}.q-title{font-size:clamp(20px,2vw,28px);line-height:1.55}.passage{white-space:pre-wrap;background:var(--paper);border:1px solid var(--line);padding:22px;line-height:1.65;max-height:300px;overflow:auto;margin:18px 0}.part-image{max-width:640px;width:100%;max-height:330px;object-fit:contain;background:#eee;display:block;margin:18px auto}.options{display:grid;gap:11px;margin-top:22px}.option{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:white;border-radius:6px;padding:14px;cursor:pointer}.option b{border:1px solid var(--line);width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.option.selected{border-color:var(--green);background:#eff5f1}.option.selected b{background:var(--green);color:white;border-color:var(--green)}.exam-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.palette{background:white;border:1px solid var(--line);border-radius:8px;padding:18px;position:sticky;top:94px;max-height:calc(100vh - 180px);overflow:auto}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:15px}.palette button{aspect-ratio:1;border:1px solid var(--line);background:var(--paper);font-size:11px;cursor:pointer;border-radius:3px}.palette button.answered{background:var(--green);color:white}.palette button.flagged{box-shadow:inset 0 -4px var(--coral)}.palette button.current{outline:2px solid var(--ink)}.exam-result-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wrong-review{margin-top:30px}.review-item{padding:20px 0;border-top:1px solid var(--line)}.review-item p{line-height:1.6}.review-answer{color:var(--green);font-weight:700}
.method{max-width:850px}.method h2{margin-top:42px}.method p,.method li{line-height:1.8;color:#444b49}.method a{color:var(--green)}#toast{position:fixed;right:20px;bottom:90px;background:var(--ink);color:white;padding:12px 16px;border-radius:6px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:40}#toast.show{opacity:1;transform:none}
@media(max-width:800px){.site-head{height:60px}.head-note{font-size:11px}.hero,.word-stage,.exam-layout{grid-template-columns:1fr}.hero h1{font-size:50px}.grid{grid-template-columns:1fr}.word-stage{min-height:auto}.ledger{border-left:0;border-top:1px solid var(--line);padding:20px 0}.decision-row{position:sticky;bottom:76px;background:var(--paper);padding:10px 0;z-index:4}.word{font-size:16vw}.stat-grid,.exam-result-row{grid-template-columns:1fr}.word-row{grid-template-columns:1fr auto}.word-row .meaning{grid-column:1/-1}.word-row .example{grid-column:1/-1}.exam-top{grid-template-columns:1fr auto}.exam-top .section-label{grid-column:1/-1}.palette{position:static;max-height:none}.palette-grid{grid-template-columns:repeat(10,1fr)}.question-card{min-height:0}.dock{height:66px}.dock button{font-size:10px}.dock button span{display:block;margin:0 0 3px}#app{padding-bottom:100px}.page-title{font-size:48px}}
.word-face{position:relative}.focus-rules{position:absolute;left:10%;right:10%;top:42%;height:88px;background:repeating-linear-gradient(to bottom,transparent 0 11px,var(--line) 12px 13px);opacity:.5}.word-face>.word,.word-face>.previous,.word-face>.btn,.word-face>.decision-row{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}