:root{--ink:#243a3d;--deep:#174f56;--accent:#2d7c7b;--gold:#b68b3f;--muted:#65787a;--line:#d6dfdc;--paper:#fff;--wash:#f3f6f4;--wrong:#984f45;--right:#32704d;--shadow:0 16px 38px rgba(24,67,72,.09)}
*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:var(--ink);font-family:Inter,"Microsoft YaHei",Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}button,input{font:inherit}.practice-header{display:flex;align-items:center;justify-content:space-between;min-height:118px;border-bottom:1px solid var(--line)}.practice-brand{display:flex;align-items:center;gap:14px;color:var(--ink);font-weight:800;text-decoration:none}.practice-brand b{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--deep);color:#fff;font:600 2rem Georgia,serif}.practice-brand span{font-size:1.35rem}.practice-back{color:var(--muted);font-weight:800;text-decoration:none}.practice-back:hover{color:var(--accent)}
.practice-shell{padding:52px 0 90px}.practice-hero{display:grid;grid-template-columns:1fr minmax(300px,.46fr);gap:35px;align-items:end;margin-bottom:42px}.overline,.bank-panel>span{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.16em}.practice-hero h1{margin:8px 0 13px;color:var(--deep);font:500 clamp(3rem,6vw,5.6rem)/.98 Georgia,"Microsoft YaHei",serif;letter-spacing:-.055em}.practice-hero>div>p:last-child{max-width:720px;margin:0;color:var(--muted);line-height:1.75}.puzzle-shortcut{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:22px;border:1px solid #aac6c0;background:linear-gradient(135deg,#eaf4f1,#fff);color:var(--deep);text-decoration:none;box-shadow:var(--shadow)}.puzzle-shortcut>span{display:grid;place-items:center;width:54px;height:54px;background:var(--deep);color:#fff;font:600 1.7rem Georgia,serif}.puzzle-shortcut div{display:grid;gap:2px}.puzzle-shortcut b{color:var(--accent);font-size:.65rem;letter-spacing:.12em}.puzzle-shortcut strong{font:500 1.12rem Georgia,"Microsoft YaHei",serif}.puzzle-shortcut small{color:var(--muted)}.puzzle-shortcut i{font:normal 1.4rem Georgia,serif}.puzzle-shortcut:hover{border-color:var(--accent);transform:translateY(-2px)}
.bank-panel{padding:17px;border:1px solid var(--line);background:#edf4f2}.bank-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.bank-tabs button{display:grid;gap:3px;min-height:63px;padding:10px 12px;border:1px solid #c5d5d1;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.bank-tabs button span{color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.08em}.bank-tabs button strong{font-size:.82rem}.bank-tabs button[aria-pressed="true"]{border-color:var(--deep);background:var(--deep);color:#fff}.bank-tabs button[aria-pressed="true"] span{color:#a9d6cf}
.practice-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:11px 0 40px}.practice-stats>div{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:13px 15px;border:1px solid var(--line);background:var(--paper)}.practice-stats span{color:var(--muted);font-size:.74rem}.practice-stats strong{color:var(--deep);font:600 1.55rem Georgia,serif}
.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.mode-tabs button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;min-height:90px;padding:15px 17px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}.mode-tabs span{grid-row:1/3;color:var(--gold);font:600 1rem Georgia,serif}.mode-tabs strong{font-size:.93rem}.mode-tabs small{color:var(--muted);font-size:.7rem}.mode-tabs button[aria-pressed="true"]{border-color:var(--deep);background:var(--deep);color:#fff}.mode-tabs button[aria-pressed="true"] small{color:#c6d9d6}
.practice-notice{padding:25px;border:1px dashed #9eb8b3;background:#eef5f3;color:var(--muted);text-align:center}.practice-notice.is-error{display:flex;align-items:center;justify-content:center;gap:15px;border-color:#d8a098;background:#fff0ed;color:var(--wrong)}.practice-notice button,.wrong-empty button{padding:8px 12px;border:1px solid currentColor;background:transparent;color:inherit;font-weight:800;cursor:pointer}
.exercise-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.exercise-meta{display:flex;align-items:center;justify-content:space-between;min-height:53px;padding:11px 18px;border-bottom:1px solid var(--line);background:#f0f5f3}.exercise-meta span{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.12em}.exercise-meta button{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer}.recall-prompt,.choice-word{min-height:235px;padding:45px 30px 34px;text-align:center}.recall-prompt small,.choice-word small{color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.13em}.recall-prompt h2{max-width:850px;margin:14px auto 10px;color:var(--deep);font:500 clamp(1.7rem,4vw,3rem)/1.3 Georgia,"Microsoft YaHei",serif}.recall-prompt p,.choice-word p{color:var(--muted)}.recall-form{max-width:720px;margin:auto;padding:0 25px 24px}.recall-form>label{display:block;margin-bottom:7px;color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.1em}.recall-form>div{display:grid;grid-template-columns:1fr auto}.recall-form input{min-width:0;height:53px;padding:10px 15px;border:1px solid #aec4bf;border-right:0;background:#fbfdfc;color:var(--deep);font-size:1.08rem}.recall-form input:focus{outline:2px solid #85aaa4;outline-offset:1px}.recall-form button{padding:9px 23px;border:1px solid var(--deep);background:var(--deep);color:#fff;font-weight:800;cursor:pointer}.exercise-feedback{min-height:24px;margin:0;padding:0 25px;text-align:center}.exercise-feedback.is-right{color:var(--right);font-weight:800}.exercise-feedback.is-wrong{color:var(--wrong);font-weight:800}.exercise-actions{display:flex;justify-content:center;gap:9px;padding:18px 25px 27px}.exercise-actions button,.exercise-actions a,.detail-links button,.detail-links a,.choice-word button{min-height:40px;padding:8px 14px;border:1px solid var(--deep);background:#fff;color:var(--deep);font-size:.78rem;font-weight:800;text-decoration:none;cursor:pointer}.exercise-actions button:last-child{background:var(--deep);color:#fff}.answer-detail{display:grid;grid-template-columns:.55fr 1.45fr;border-top:1px solid var(--line);background:#f4f7f5}.answer-detail>div{padding:27px}.answer-detail>div:first-child{display:grid;align-content:center;border-right:1px solid var(--line);text-align:center}.answer-detail span{color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.12em}.answer-detail h3{margin:8px 0 3px;color:var(--deep);font:500 clamp(2.2rem,5vw,4rem) Georgia,serif}.answer-detail p{margin:7px 0;color:var(--muted)}.answer-detail ul{margin:9px 0 16px;padding-left:22px}.answer-detail li+li{margin-top:5px}.answer-detail>div:nth-child(2)>p{padding:12px 14px;border-left:3px solid var(--gold);background:#fff}.answer-detail>div:nth-child(2)>small{display:block;color:var(--muted)}.detail-links{display:flex;gap:8px;margin-top:18px}
.choice-word h2{margin:12px 0 3px;color:var(--deep);font:500 clamp(3.2rem,7vw,6rem)/1 Georgia,serif}.choice-word button{margin-top:6px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 25px 20px}.choice-grid button{min-height:92px;padding:15px 17px;border:1px solid #c8d6d2;background:#f8faf9;color:var(--ink);line-height:1.55;text-align:left;cursor:pointer}.choice-grid button:hover:not(:disabled){border-color:var(--accent);background:#eef6f4}.choice-grid button.is-right{border-color:#79ad8d;background:#e9f6ed;color:var(--right)}.choice-grid button.is-wrong{border-color:#d59b93;background:#fff0ed;color:var(--wrong)}
.wrong-empty{padding:58px 25px;border:1px dashed #abc1bc;background:#f0f6f4;text-align:center}.wrong-empty span{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.13em}.wrong-empty h2{margin:10px 0;color:var(--deep);font:500 2rem Georgia,"Microsoft YaHei",serif}.wrong-empty p{max-width:650px;margin:0 auto 19px;color:var(--muted);line-height:1.7}.practice-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:44px}.practice-notes article{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:20px;border:1px solid var(--line);background:var(--paper)}.practice-notes span{grid-row:1/3;color:var(--gold);font:600 1rem Georgia,serif}.practice-notes strong{color:var(--deep)}.practice-notes p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}
[hidden]{display:none!important}@media(max-width:850px){.practice-hero{grid-template-columns:1fr}.bank-tabs{grid-template-columns:1fr 1fr}.practice-stats{grid-template-columns:repeat(3,1fr)}.mode-tabs{grid-template-columns:1fr}.practice-notes{grid-template-columns:1fr}.answer-detail{grid-template-columns:1fr}.answer-detail>div:first-child{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:600px){.wrap{width:min(100% - 24px,1160px)}.practice-header{min-height:88px}.practice-brand b{width:46px;height:46px;border-radius:13px;font-size:1.6rem}.practice-brand span{font-size:1rem}.practice-back{font-size:.78rem}.practice-shell{padding-top:35px}.bank-tabs{grid-template-columns:1fr}.practice-stats{grid-template-columns:1fr 1fr}.practice-stats>div{min-height:61px}.choice-grid{grid-template-columns:1fr;padding:0 16px 18px}.recall-prompt,.choice-word{min-height:200px;padding:35px 18px 25px}.recall-form{padding:0 16px 20px}.recall-form>div{grid-template-columns:1fr}.recall-form input{border-right:1px solid #aec4bf}.answer-detail>div{padding:21px}.detail-links{align-items:stretch;flex-direction:column}.practice-notice.is-error{flex-direction:column}.puzzle-shortcut{grid-template-columns:auto 1fr;padding:17px}}