.wr-wrap{padding:24px 0 64px}.wr-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;color:var(--brand);margin:0 0 6px}.wr-hero h1{margin:0 0 8px;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem)}.wr-intro{color:var(--muted);max-width:70ch;margin:0 0 18px}.wr-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 8px 24px #1f29330a}.wr-panel h2{margin:0 0 12px;font-size:1.3rem}.wr-loading{color:var(--muted)}.wr-block{margin-bottom:18px}.wr-label{display:block;font-weight:800;margin:0 0 8px}.wr-sublabel{display:block;font-size:.85rem;font-weight:700;color:var(--muted);margin:12px 0 6px}.wr-link{border:0;background:0 0;color:var(--brand);font:inherit;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline}.wr-chips{display:flex;flex-wrap:wrap;gap:8px}.wr-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--ink)}.wr-chip:hover{border-color:var(--brand)}.wr-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.wr-chips--hsk .wr-chip.is-on{background:var(--ink);border-color:var(--ink)}.wr-count{opacity:.7;font-size:.8rem}.wr-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width:760px){.wr-row{grid-template-columns:1fr}}.wr-modes{display:grid;gap:8px}.wr-mode{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}.wr-mode:has(input:checked){border-color:var(--brand);background:#fdf5f3}.wr-mode input{margin-top:4px}.wr-mode b{display:block}.wr-mode small{color:var(--muted)}.wr-range-wrap{display:flex;align-items:center;gap:12px}.wr-range-wrap input{flex:1;accent-color:var(--brand)}.wr-count-badge{min-width:44px;text-align:center;font-weight:800;border:1.5px solid var(--line);border-radius:10px;padding:6px 8px}.wr-check{display:block;margin-top:10px;font-size:.95rem}.wr-note{color:var(--muted);font-size:.9rem;margin:10px 0 0}.wr-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.wr-btn{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;font-size:.95rem}.wr-btn:hover{border-color:var(--brand);color:var(--brand)}.wr-btn[disabled]{opacity:.5;cursor:not-allowed}.wr-btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.wr-btn--primary:hover{background:var(--brand-dark);color:#fff}.wr-btn--ghost{background:0 0}.wr-btn--small{padding:6px 12px;font-size:.85rem}.wr-progress{margin-top:14px;color:var(--muted);font-size:.9rem}.wr-progress p{margin:0 0 8px}.wr-progress a{color:var(--brand)}.wr-levels{display:grid;gap:6px;max-width:520px}.wr-lvl{display:grid;grid-template-columns:90px 1fr 70px;gap:10px;align-items:center;font-size:.85rem}.wr-lvl__bar{position:relative;height:10px;background:#f1e6e4;border-radius:999px;overflow:hidden;display:flex}.wr-lvl__bar i{display:block;height:100%;background:#1e7d47}.wr-lvl__bar i.is-prog{background:#f0b429}.wr-lvl__num{text-align:right;font-weight:700;color:var(--ink)}.wr-remaining{color:var(--brand);font-weight:600}.wr-top{display:flex;justify-content:space-between;font-weight:700;color:var(--muted);font-size:.9rem}.wr-bar{height:6px;background:#f1e6e4;border-radius:999px;margin:8px 0 18px;overflow:hidden}.wr-bar span{display:block;height:100%;width:0;background:var(--brand);transition:width .3s}.wr-stage{display:grid;grid-template-columns:1fr minmax(260px,320px);gap:24px;align-items:start}@media (max-width:760px){.wr-stage{grid-template-columns:1fr}.wr-prompt{text-align:center}}.wr-word{font-size:3rem;margin:0 0 4px;line-height:1.2;letter-spacing:.06em}.wr-word .is-cur{color:var(--brand);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:3px}.wr-slot{color:#c8ccd1}.wr-slot.is-cur{color:var(--brand)}.wr-phon{font-size:1.3rem;color:var(--brand);margin:0 0 2px;font-weight:600}.wr-en{font-size:1.05rem;color:var(--muted);margin:0 0 10px}.wr-status{margin:14px 0 0;font-weight:700;min-height:1.4em}.wr-box{position:relative;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto;touch-action:none}.wr-box .hz-grid{position:absolute;inset:0;width:100%;height:100%;border-radius:12px}.wr-box .hz-target{position:absolute;inset:0}.wr-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.wr-stats{display:flex;gap:14px;justify-content:center;margin:10px 0 18px;flex-wrap:wrap}.wr-stat{text-align:center;background:#faf4f2;border-radius:14px;padding:14px 22px;min-width:120px}.wr-stat b{display:block;font-size:1.8rem}.wr-stat span{font-size:.85rem;color:var(--muted)}.wr-review{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.wr-review li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.wr-review li a{font-size:1.6rem;text-decoration:none;color:var(--ink)}.wr-review li span{font-size:.85rem;color:var(--muted)}.wr-review li.ok b{color:#1e7d47}.wr-review li.meh b{color:#b5561f}.wr-review li.bad b{color:#c0392b}.wr-credit{font-size:.82rem;color:var(--muted)}.wr-guide{max-width:78ch;margin:36px auto 24px}.wr-guide h2{font-size:1.45rem;margin:30px 0 10px;letter-spacing:-.01em}.wr-guide p,.wr-guide li{line-height:1.65}.wr-guide a{color:var(--brand)}.wr-table-wrap{overflow-x:auto;margin:10px 0 14px}.wr-table{width:100%;border-collapse:collapse;font-size:.95rem}.wr-table th,.wr-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.wr-table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.wr-zh{font-size:1.6rem;text-decoration:none}.wr-table--compact td,.wr-table--compact th{padding:7px 10px}.wr-rules,.wr-steps{padding-left:0;list-style:none;margin:0;display:grid;gap:8px}.wr-rules li{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff}.wr-rule-ex{font-size:2rem;text-align:center;text-decoration:none;color:var(--ink)!important}.wr-rules li div b{display:block}.wr-rules li div span{color:var(--muted);font-size:.92rem}.wr-steps{counter-reset:step}.wr-steps li{position:relative;padding:10px 12px 10px 48px;border:1px solid var(--line);border-radius:12px;background:#fff}.wr-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:12px;top:10px;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.9rem}.wr-tips{padding-left:1.2em;display:grid;gap:6px}.wr-faq details{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px;background:#fff}.wr-faq summary{font-weight:700;cursor:pointer}.wr-faq p{margin:8px 0 0;color:var(--ink)}