*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf9f6;--bg2:#f2f0eb;--bg3:#e8e5de;--fg:#1a1916;--fg2:#6b6860;--fg3:#a09d97;--accent:#1d9e75;--accent-dim:#e1f5ee;--accent-text:#0a5e44;--border:#00000017;--border-mid:#00000029;--shadow:0 1px 3px #00000012, 0 4px 16px #0000000d;--radius:10px;--radius-lg:16px}html.dark{--bg:#171614;--bg2:#1f1e1b;--bg3:#272521;--fg:#f0ede6;--fg2:#9a9791;--fg3:#5e5c57;--border:#ffffff12;--border-mid:#ffffff21;--accent-dim:#052e22;--accent-text:#4ecfa0;--shadow:0 1px 3px #0000004d, 0 4px 16px #0003}body{font-family:var(--font-body), "DM Sans", system-ui, sans-serif;background:var(--bg);color:var(--fg);max-width:100vw;min-height:100vh;transition:background .25s,color .25s;overflow-x:hidden}.nav{z-index:100;background:var(--bg);border-bottom:.5px solid var(--border);-webkit-backdrop-filter:blur(8px);align-items:center;gap:16px;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;font-size:20px;font-weight:500;display:flex}.logo-mark{background:var(--accent);width:26px;height:26px;font-family:var(--font-body), system-ui, sans-serif;color:#fff;letter-spacing:-.5px;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.nav-right{align-items:center;gap:24px;margin-left:auto;display:flex}.nav-search-center{flex:1;justify-content:center;min-width:0;display:flex}.nav-search-wrap{background:var(--bg2);border:1px solid var(--border-mid);border-radius:10px;align-items:center;width:100%;max-width:400px;height:36px;transition:border-color .15s;display:flex;position:relative}.nav-search-wrap:focus-within{border-color:var(--accent)}.nav-search-input{min-width:0;height:36px;font-size:13px;font-family:var(--font-body), "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;color:var(--fg);background:0 0;border:none;outline:none;flex:1;padding:0 8px 0 14px}.nav-search-input::placeholder{color:var(--fg3)}.nav-search-go{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:4px;font-size:14px;transition:opacity .15s;display:flex}.nav-search-go:hover{opacity:.88}.nav-link{color:var(--fg2);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;transition:color .15s}.nav-link:hover{color:var(--fg)}.nav-link.active{color:var(--fg);font-weight:500}.nav-login-btn{color:var(--accent);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;transition:opacity .15s}.nav-login-btn:hover{opacity:.8}.theme-btn{border:.5px solid var(--border-mid);background:var(--bg2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;line-height:1;transition:background .2s;display:flex}.theme-btn:hover{background:var(--bg3)}.script-btn{border:.5px solid var(--accent);background:var(--bg2);cursor:pointer;height:32px;color:var(--accent);font-size:13px;font-weight:600;line-height:1;font-family:var(--font-display), serif;border-radius:50px;justify-content:center;align-items:center;padding:0 10px;transition:background .2s;display:flex}.script-btn:hover{background:var(--accent-dim)}.hero{text-align:center;background:var(--bg);flex-direction:column;align-items:center;padding:80px 24px 36px;display:flex}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-size:11px;font-weight:500}.hero-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);max-width:560px;margin-bottom:16px;font-size:46px;font-weight:400;line-height:1.18}.hero-title em{color:var(--accent);font-style:italic}.hero-sub{color:var(--fg2);max-width:400px;margin-bottom:44px;font-size:15px;line-height:1.7}.search-widget{border:1px solid var(--border-mid);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow);position:relative;overflow:visible}.search-field{border-bottom:.5px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#fff;align-items:center;padding:0 6px 0 18px;display:flex;position:relative}html.dark .search-field{background:var(--bg2)}.search-field input{height:54px;font-size:17px;font-family:var(--font-body), system-ui, sans-serif;color:var(--fg);background:0 0;border:none;outline:none;flex:1}.search-field input::placeholder{color:var(--fg3)}.search-go{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:opacity .15s;display:flex}.search-go:hover{opacity:.88}.search-tabs{background:var(--bg2);display:flex}.stab{font-size:13px;font-family:var(--font-body), system-ui, sans-serif;color:var(--fg2);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:9px 0;transition:color .15s,background .15s}.stab.on{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-dim);font-weight:500}.draw-drop{background:var(--bg2);border-top:.5px solid var(--border);align-items:flex-start;gap:20px;padding:16px 20px;display:flex}.draw-canvas{border:.5px solid var(--border-mid);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;width:160px;min-width:160px;height:160px;position:relative;overflow:hidden}.draw-canvas *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html.dark .draw-canvas{background:var(--bg3)}.draw-grid{background-image:linear-gradient(#00000014 1px,#0000 1px),linear-gradient(90deg,#00000014 1px,#0000 1px),linear-gradient(45deg,#0000000f 1px,#0000 1px),linear-gradient(-45deg,#0000000f 1px,#0000 1px);background-size:50% 50%,50% 50%,100% 100%,100% 100%;position:absolute;inset:0}.draw-hint{color:var(--fg3);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex;position:absolute;inset:0}.draw-mini-actions{gap:6px;margin-top:8px;display:flex}.draw-mini-btn{border:.5px solid var(--border-mid);color:var(--fg2);cursor:pointer;font-size:12px;font-family:var(--font-body), system-ui, sans-serif;background:#fff;border-radius:6px;padding:5px 10px}html.dark .draw-mini-btn{background:var(--bg3)}.candidates-label{color:var(--fg3);margin-bottom:8px;font-size:12px}.candidates{flex-wrap:wrap;gap:7px;display:flex}.cand{border:.5px solid var(--border-mid);cursor:pointer;width:42px;height:42px;color:var(--fg);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-style:solid;border-radius:6px;justify-content:center;align-items:center;font-size:21px;transition:border-color .15s,background .15s;display:flex}html.dark .cand{background:var(--bg3)}.cand.hot{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text)}.cand:hover{border-color:var(--accent)}.chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:580px;margin-top:28px;display:flex}.chip{border:.5px solid var(--border-mid);background:var(--bg2);color:var(--fg2);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;transition:border-color .15s,background .15s;display:flex}.chip:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text)}.chip-hanzi{color:var(--fg);font-size:16px}.wotd-wrap{background:var(--bg);flex-direction:column;align-items:center;padding:0 24px 40px;display:flex}.wotd-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);text-align:center;width:100%;max-width:600px;margin-bottom:10px;font-size:13px;font-weight:600}.wotd-card{background:var(--bg2);border:1px solid var(--border-mid);border-radius:16px;align-items:flex-start;gap:16px;width:100%;max-width:600px;padding:20px 20px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.wotd-card:hover{border-color:var(--accent);box-shadow:0 4px 18px #00000012}.wotd-main{cursor:pointer;outline:none;flex:1;min-width:0}.wotd-hanzi{color:var(--fg);margin-bottom:6px;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:40px;font-weight:600;line-height:1.1}.wotd-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.wotd-pinyin{color:var(--accent);font-size:14px;font-weight:500}.wotd-badge{background:var(--accent-dim);color:var(--accent-text);border:.5px solid var(--accent);border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600}.wotd-def{color:var(--fg2);font-size:13px;line-height:1.5}.wotd-side{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding-top:4px;display:flex}.wotd-link-btn{cursor:pointer;color:var(--fg3);background:0 0;border:none;padding:4px;font-size:16px;transition:color .15s}.wotd-link-btn:hover{color:var(--accent)}.stats-strip{border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);background:var(--bg2);justify-content:center;display:flex}.stat-cell{text-align:center;border-right:.5px solid var(--border);flex:1;max-width:210px;padding:22px 16px}.stat-cell:last-child{border-right:none}.stat-n{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);font-size:26px;font-weight:400}.stat-l{color:var(--fg3);margin-top:3px;font-size:12px}.lp-section{background:var(--bg);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:48px 24px 40px}.lp-inner{max-width:520px;margin:0 auto}.lp-intro{text-align:center;margin-bottom:20px}.lp-intro-title{color:var(--fg);margin-bottom:5px;font-size:20px;font-weight:700}.lp-intro-sub{color:var(--fg3);font-size:13px}.lp-card{background:var(--bg2);border:1px solid var(--border);opacity:0;border-radius:16px;padding:24px 24px 20px;transition:opacity .18s,transform .18s;transform:translateY(10px)}.lp-card.lp-card-in{opacity:1;transform:translateY(0)}.lp-progress{align-items:center;gap:10px;margin-bottom:18px;display:flex}.lp-dots{gap:6px;display:flex}.lp-dot{background:var(--bg3);border-radius:50%;width:8px;height:8px;transition:background .2s}.lp-dot.active{background:var(--accent)}.lp-dot.done{background:var(--accent);opacity:.4}.lp-progress-label{color:var(--fg3);margin-left:auto;font-size:12px}.lp-q{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:14px;font-size:20px;font-weight:400;line-height:1.35}.lp-options{flex-direction:column;gap:8px;display:flex}.lp-option{background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;transition:border-color .15s,background .15s;display:flex}.lp-option:hover{border-color:var(--accent);background:var(--accent-dim)}.lp-option-emoji{flex-shrink:0;font-size:18px;line-height:1}.lp-option-text{flex-direction:column;gap:1px;display:flex}.lp-option-label{color:var(--fg);font-size:14px;font-weight:500}.lp-option-sub{color:var(--fg3);font-size:12px}.lp-plan-header{text-align:center;margin-bottom:28px}.lp-plan-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:6px;font-size:26px;font-weight:400}.lp-plan-sub{color:var(--fg3);font-size:13px}.lp-steps{flex-direction:column;gap:12px;display:flex}.lp-step{background:var(--bg2);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s;display:flex}.lp-step:hover{border-color:var(--border-mid)}.lp-step-locked{opacity:.65}.lp-step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex}.lp-step-locked .lp-step-num{background:var(--bg3);color:var(--fg3)}.lp-step-icon{flex-shrink:0;font-size:22px}.lp-step-body{flex:1;min-width:0}.lp-step-title{color:var(--fg);margin-bottom:2px;font-size:14px;font-weight:600}.lp-step-desc{color:var(--fg2);font-size:12px;line-height:1.5}.lp-step-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:500;transition:filter .15s}.lp-step-btn:hover{filter:brightness(1.1)}.lp-step-btn-locked{background:var(--bg3);color:var(--fg2);cursor:pointer}.lp-step-btn-locked:hover{filter:none;background:var(--bg3)}.lp-retake{cursor:pointer;color:var(--fg3);background:0 0;border:none;margin:20px auto 0;font-size:12px;text-decoration:underline;display:block}.lp-retake:hover{color:var(--fg2)}.tones-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;display:grid}.tone-card{border:1px solid var(--border);background:var(--bg2);border-top:4px solid;border-radius:10px;padding:16px}.tone-card-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tone-number{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.tone-name{color:var(--fg2);flex:1;font-size:12px}.tone-mark{font-size:20px;font-weight:700}.tone-pinyin{letter-spacing:.02em;margin-bottom:6px;font-size:32px;font-weight:700}.tone-char-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.tone-char{font-size:26px}.tone-meaning{color:var(--fg2);flex:1;font-size:13px}.tone-desc{color:var(--fg2);margin:0;font-size:13px;line-height:1.55}.tone-pairs{flex-direction:column;gap:20px;margin:28px 0;display:flex}.tone-pair-card{border:1px solid var(--border);background:var(--bg2);border-radius:10px;padding:20px}.tone-pair-row{align-items:center;gap:24px;margin-bottom:12px;display:flex}.tone-pair-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.tone-pair-char{font-size:40px;line-height:1}.tone-pair-pinyin{font-size:17px;font-weight:600}.tone-pair-meaning{color:var(--fg2);font-size:13px}.tone-pair-vs{color:var(--fg3);flex-shrink:0;font-size:14px;font-weight:600}.tone-pair-note{color:var(--fg2);text-align:center;margin:0;font-size:13px;font-style:italic}.sandhi-block{border:1px solid var(--border);background:var(--bg2);border-radius:10px;align-items:center;gap:24px;margin:28px 0;padding:24px;display:flex}.sandhi-item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.sandhi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);font-size:11px;font-weight:600}.sandhi-hanzi{font-size:36px;line-height:1}.sandhi-pinyin{font-size:20px;font-weight:700}.sandhi-note{color:var(--fg3);font-size:12px}.sandhi-arrow{color:var(--fg3);flex-shrink:0;font-size:24px}@media (max-width:768px){.tones-grid{grid-template-columns:repeat(2,1fr)}.sandhi-block{flex-direction:column;gap:16px}.sandhi-arrow{transform:rotate(90deg)}.tone-pair-char{font-size:32px}}@media (max-width:480px){.tones-grid{grid-template-columns:1fr}}.features-v2{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:44px 32px 64px;display:grid}.feat-v2{background:var(--bg2);border:1px solid var(--border);cursor:default;border-radius:16px;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.feat-v2:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 28px #00000017}.feat-preview{background:var(--bg3);justify-content:center;align-items:center;height:168px;display:flex;position:relative;overflow:hidden}.feat-preview-draw{background:var(--bg)}.feat-draw-lines{pointer-events:none;background-color:#0000;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:25% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}html.dark .feat-draw-lines{background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:25% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.feat-draw-canvas{width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feat-preview-label{color:var(--accent);opacity:0;font-size:11px;font-weight:600;transition:opacity .4s;position:absolute;bottom:10px;right:14px}.feat-preview-stroke{background:var(--bg)}.feat-hw-mount{width:130px;height:130px}.feat-preview-radical{background:var(--bg)}.feat-radical-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:16px;display:grid}.feat-radical-tile{background:var(--bg2);border:1px solid var(--border);width:44px;height:44px;color:var(--fg);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:400;transition:background .15s,border-color .15s,color .15s;display:flex}.feat-v2:hover .feat-radical-tile:nth-child(odd){background:var(--accent-dim);border-color:var(--accent);color:var(--accent-text)}.feat-v2-body{padding:18px 20px 20px}.feat-v2-title{color:var(--fg);margin-bottom:7px;font-size:14px;font-weight:600}.feat-v2-desc{color:var(--fg2);margin-bottom:14px;font-size:13px;line-height:1.65}.feat-try-btn{border:1.5px solid var(--border);color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border-radius:8px;padding:5px 13px;transition:background .15s,border-color .15s}.feat-try-btn:hover{background:var(--accent-dim);border-color:var(--accent)}footer,.site-footer{border-top:.5px solid var(--border);background:var(--bg2);color:var(--fg3);font-size:12px}footer:not(.site-footer){justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.site-footer{padding:0}.footer-hsk-links{border-bottom:.5px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:12px 32px;display:flex}.footer-hsk-btn{color:var(--fg3);cursor:pointer;font-size:12px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;border-radius:4px;padding:2px 4px;transition:color .15s}.footer-hsk-btn:hover{color:var(--accent)}.footer-dot{color:var(--fg3);opacity:.5;margin:0 1px}.footer-bottom{justify-content:space-between;align-items:center;padding:14px 32px;display:flex}.nl-section{border-top:.5px solid var(--border);background:var(--bg2);text-align:center;padding:48px 32px}.nl-inner{max-width:480px;margin:0 auto}.nl-heading{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:8px;font-size:22px;font-weight:500}.nl-sub{color:var(--fg2);margin-bottom:20px;font-size:14px}.nl-form{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.nl-input{border:1px solid var(--border-mid);background:var(--bg);min-width:0;max-width:280px;color:var(--fg);font-size:14px;font-family:var(--font-body), system-ui, sans-serif;border-radius:8px;outline:none;flex:200px;padding:10px 14px;transition:border-color .15s}.nl-input:focus{border-color:var(--accent)}.nl-input::placeholder{color:var(--fg3)}.nl-btn{background:var(--accent);color:#fff;font-size:14px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;transition:opacity .15s}.nl-btn:disabled{opacity:.6;cursor:default}.nl-btn:not(:disabled):hover{opacity:.88}.nl-success{color:var(--accent);font-size:14px;font-weight:500}.nl-error{color:#e05a5a;margin-top:10px;font-size:13px}.nl-compact{border-bottom:.5px solid var(--border);align-items:center;padding:10px 32px;display:flex}.nl-compact-form{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.nl-compact-label{color:var(--fg3);white-space:nowrap;margin-right:2px;font-size:12px}.nl-compact-input{border:1px solid var(--border-mid);background:var(--bg);min-width:0;max-width:220px;color:var(--fg);font-size:12px;font-family:var(--font-body), system-ui, sans-serif;border-radius:6px;outline:none;flex:140px;padding:5px 10px;transition:border-color .15s}.nl-compact-input:focus{border-color:var(--accent)}.nl-compact-input::placeholder{color:var(--fg3)}.nl-compact-btn{background:var(--accent);color:#fff;font-size:12px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:5px 12px;transition:opacity .15s}.nl-compact-btn:disabled{opacity:.6;cursor:default}.nl-compact-btn:not(:disabled):hover{opacity:.88}.nl-compact-success{color:var(--accent);font-size:12px;font-weight:500}.nl-compact-error{color:#e05a5a;font-size:12px}.hsk-page{max-width:960px;margin:0 auto;padding:40px 28px 64px}.hsk-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.hsk-page-title{margin-bottom:4px;font-size:28px;font-weight:700}.hsk-page-sub{color:var(--fg3);font-size:14px}.hsk-flashcard-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:10px;padding:9px 18px;transition:opacity .15s}.hsk-flashcard-btn:hover{opacity:.88}.hsk-loading{color:var(--fg3);text-align:center;padding:40px 0;font-size:14px}.hsk-word-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.hsk-word-card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body), system-ui, sans-serif;border-radius:12px;flex-direction:column;align-items:flex-start;padding:14px 14px 12px;transition:border-color .15s,background .15s;display:flex}.hsk-word-card:hover{border-color:var(--accent);background:var(--bg3)}.hsk-wc-hanzi{color:var(--fg);font-size:24px;font-weight:600;line-height:1.2}.hsk-wc-pinyin{color:var(--accent);margin-top:4px;font-size:12px}.hsk-wc-badge{background:var(--accent-dim);color:var(--accent-text);border:.5px solid var(--accent);border-radius:5px;align-self:flex-start;margin-top:5px;padding:2px 7px;font-size:10px}.hsk-wc-def{color:var(--fg2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.radical-page-char{font-size:1.4em;font-weight:700}.radicals-page{max-width:760px;margin:0 auto;padding:48px 24px 64px}.radicals-page-header{margin-bottom:36px}.radicals-page-title{color:var(--fg);margin-bottom:8px;font-size:28px;font-weight:700}.radicals-page-sub{color:var(--fg3);font-size:14px;line-height:1.6}.radicals-page-grid{flex-direction:column;gap:24px;display:flex}.radicals-stroke-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-size:11px;font-weight:600}.radicals-tiles{flex-wrap:wrap;gap:6px;display:flex}.radicals-tile{width:44px;height:44px;font-size:22px;font-family:var(--font-display), serif;background:var(--bg2);border:1px solid var(--border);cursor:pointer;color:var(--fg);border-radius:8px;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:flex}.radicals-tile:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-text)}.kangxi-line{color:var(--fg3);padding:14px 0 2px;font-size:13px}.kangxi-line-link{color:var(--fg3);text-underline-offset:2px;cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;padding:0;text-decoration:underline}.kangxi-line-link:hover{color:var(--accent)}.hsk-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.hsk-page-btn{border:1px solid var(--border);background:var(--bg2);color:var(--fg2);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;border-radius:8px;padding:7px 16px;transition:all .15s}.hsk-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.hsk-page-btn:disabled{opacity:.35;cursor:default}.hsk-page-nums{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.hsk-page-num{border:1px solid var(--border);background:var(--bg2);width:34px;height:34px;color:var(--fg2);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;border-radius:8px;transition:all .15s}.hsk-page-num:hover{border-color:var(--accent);color:var(--accent)}.hsk-page-num.active{background:var(--accent);color:#fff;border-color:var(--accent)}.hsk-page-ellipsis{text-align:center;width:34px;color:var(--fg3);line-height:34px}.hsk-premium-gate{text-align:center;border:1px dashed var(--border);border-radius:16px;margin-top:16px;padding:48px 24px}.hsk-gate-icon{margin-bottom:12px;font-size:32px}.hsk-gate-title{color:var(--fg1);margin-bottom:8px;font-size:18px;font-weight:700}.hsk-gate-sub{color:var(--fg3);max-width:400px;margin:0 auto 20px;font-size:14px;line-height:1.6}.search-drop{background:var(--bg);border:1px solid var(--border-mid);border-radius:0 0 var(--radius) var(--radius);z-index:300;border-top:none;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}html.dark .search-drop{background:var(--bg2)}.drop-row{border:none;border-top:.5px solid var(--border);text-align:left;cursor:pointer;width:100%;font-family:var(--font-body), system-ui, sans-serif;background:0 0;align-items:center;gap:12px;padding:9px 14px;transition:background .12s;display:flex}.drop-row:first-child{border-top:none}.drop-row:hover{background:var(--bg2)}html.dark .drop-row:hover{background:var(--bg3)}.drop-hz{color:var(--fg);flex-shrink:0;min-width:28px;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:20px}.drop-right{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.drop-py{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:12px}.drop-def{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.drop-view-all{color:var(--accent);font-size:12px;font-family:var(--font-body), system-ui, sans-serif;justify-content:flex-end;padding:8px 14px}.drop-view-all:hover{color:var(--accent-text)}.history-row{border-top:.5px solid var(--border);align-items:center;transition:background .12s;display:flex}.history-row:first-child{border-top:none}.history-row:hover{background:var(--bg2)}html.dark .history-row:hover{background:var(--bg3)}.history-item-btn{cursor:pointer;text-align:left;min-width:0;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;flex:1;align-items:center;gap:9px;padding:9px 14px;display:flex}.history-icon{opacity:.55;flex-shrink:0;font-size:13px;line-height:1}.history-query{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.history-remove-btn{cursor:pointer;width:32px;height:36px;color:var(--fg3);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:color .12s;display:flex}.history-remove-btn:hover{color:var(--fg)}.history-footer{border-top:.5px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;padding:7px 14px;display:flex}html.dark .history-footer{background:var(--bg3)}.history-clear-btn{cursor:pointer;color:var(--accent);font-size:12px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;padding:0}.history-clear-btn:hover{text-decoration:underline}.word-header-bar{background:var(--bg);border-bottom:.5px solid var(--border);padding:14px 0 0}.word-header-inner{max-width:900px;margin:0 auto;padding:0 28px}.word-mobile-search{margin-bottom:10px;display:none}.search-mobile-search{padding:8px 16px 4px;display:none}.word-search-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.word-search-wrap{z-index:200;flex:1;max-width:600px;position:relative}.word-search-input{border:.5px solid var(--border-mid);width:100%;height:40px;font-size:15px;font-family:var(--font-body), system-ui, sans-serif;background:var(--bg);color:var(--fg);border-radius:8px;outline:none;padding:0 44px 0 14px}.word-search-ico{width:40px;color:var(--fg3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:0;bottom:0;right:0}.word-tabs{display:flex}.wtab{color:var(--fg2);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;transition:color .15s}.wtab.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.word-draw-drop{background:var(--bg2);border-top:.5px solid var(--border);overscroll-behavior:none;padding:16px 0}.word-body{grid-template-columns:1fr 320px;max-width:900px;min-height:500px;margin:0 auto;display:grid}.entry-col{background:var(--bg);border-right:.5px solid var(--border);padding:28px 32px}.hanzi-row{align-items:flex-start;gap:22px;margin-bottom:24px;display:flex}.hanzi-meta{padding-top:8px}.pinyin-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.hanzi-block{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px;display:flex}.hanzi-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hanzi-glyph{font-family:var(--font-display), "Lora", "Noto Sans SC", "PingFang SC", "Heiti SC", Georgia, serif;color:var(--fg);white-space:nowrap;font-size:90px;line-height:1}.pinyin-line{color:var(--accent);font-size:24px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif}.speak-btn{cursor:pointer;background:var(--accent);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:filter .15s;display:flex}.speak-btn:hover{filter:brightness(1.12)}.speak-btn.speaking{filter:brightness(.88)}.speak-btn.loading{opacity:.75;cursor:default}.spin-icon{animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fc-front-audio{justify-content:center;margin-top:20px;margin-bottom:24px;display:flex}.fc-pinyin-row{justify-content:center;align-items:center;gap:8px;margin-bottom:18px;display:flex}.fc-pron-arrow{border:1px solid var(--border-mid);width:26px;height:26px;color:var(--fg2);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.fc-pron-arrow:hover{border-color:var(--accent);color:var(--accent)}.pos-line{color:var(--fg2);margin-bottom:10px;font-size:13px}.hanzi-block>.pos-line{margin-bottom:0}.badges{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.badge{border:.5px solid var(--border);color:var(--fg2);background:var(--bg2);font-size:11px;font-family:var(--font-body), system-ui, sans-serif;border-radius:6px;padding:3px 10px}.badge.green{background:var(--accent-dim);color:var(--accent-text);border-color:var(--accent)}.taiwan-pr-below{color:var(--fg3);margin-top:2px;font-size:12px;font-style:italic}.sec-label{letter-spacing:.07em;text-transform:uppercase;color:var(--fg3);margin:24px 0 10px;font-size:11px;font-weight:500}.defs{list-style:none}.def-row{border-bottom:.5px solid var(--border);color:var(--fg);gap:12px;padding:10px 0;font-size:14px;line-height:1.65;display:flex}.def-row:last-child{border-bottom:none}.defs-show-more{cursor:pointer;color:var(--accent);background:0 0;border:none;margin-top:8px;padding:0;font-family:inherit;font-size:13px;font-weight:500}.defs-show-more:hover{text-decoration:underline}.def-num{background:var(--bg2);min-width:20px;height:20px;color:var(--fg3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;display:flex}.example-block{background:var(--bg2);border-left:3px solid var(--accent);border-radius:8px;margin-top:10px;padding:10px 13px}.example-zh{color:var(--fg);font-size:15px;line-height:1.6}.example-py{color:var(--accent);margin-top:3px;font-size:12px}.example-en{color:var(--fg2);margin-top:2px;font-size:12px}.example-nav{align-items:center;gap:8px;margin-top:8px;display:flex}.example-counter{color:var(--fg3);text-align:center;min-width:32px;font-size:12px}.example-block-footer{justify-content:space-between;align-items:center;min-height:24px;margin-top:6px;display:flex}.example-admin-btns{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.example-block:hover .example-admin-btns{opacity:1}.example-edit-btn,.example-delete-btn{color:var(--fg3);border:.5px solid var(--border-mid);cursor:pointer;background:0 0;border-radius:4px;padding:1px 5px;font-size:11px}.example-delete-btn:hover{color:#e05555;border-color:#e05555}.example-delete-confirm-label{color:var(--fg2);font-size:11px}.example-delete-yes{color:#fff;cursor:pointer;background:#e05555;border:none;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.char-clickable{border:none;border-bottom:1px dotted var(--fg3);font:inherit;color:inherit;cursor:pointer;vertical-align:baseline;background:0 0;margin:0;padding:0;transition:color .12s,border-color .12s;display:inline}.char-clickable:hover{color:var(--accent);border-bottom-color:var(--accent)}.char-pop{background:var(--bg2);border:1px solid var(--border-mid);border-radius:12px;padding:12px 14px 10px;box-shadow:0 8px 32px #0003}.char-pop-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.char-pop-hz{color:var(--fg);flex-shrink:0;font-size:34px;font-weight:600;line-height:1}.char-pop-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.char-pop-py{color:var(--accent);font-size:15px;font-weight:500;line-height:1}.char-pop-defs{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-bottom:8px;padding-top:8px;display:flex}.char-pop-def{color:var(--fg2);font-size:12px;line-height:1.45}.char-pop-def-num{color:var(--fg3);font-size:11px}.char-pop-link{text-align:right;width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px 0 0;font-family:inherit;font-size:12px;font-weight:500;display:block}.char-pop-link:hover{text-decoration:underline}.char-pop-loading{color:var(--fg3);text-align:center;min-width:120px;padding:10px 4px;font-size:13px}.decomp-row{flex-wrap:wrap;gap:12px;display:flex}.decomp-tile{text-align:center;background:var(--bg2);border:.5px solid var(--border);cursor:pointer;border-radius:8px;padding:14px 18px;transition:border-color .15s}.decomp-tile:hover{border-color:var(--accent)}.decomp-hanzi{color:var(--fg);font-size:30px;font-family:var(--font-display), "Lora", Georgia, serif}.decomp-info{color:var(--fg3);margin-top:5px;font-size:11px}.side-col{background:var(--bg2);flex-direction:column;gap:14px;padding:20px;display:flex}.side-card{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px}.side-card-title{color:var(--fg);margin-bottom:12px;font-size:13px;font-weight:500}.stroke-card-header{align-items:center;gap:6px;margin-bottom:10px;display:flex}.stroke-nav-btn{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;display:flex}.stroke-area{aspect-ratio:1;background:var(--bg2);border-radius:8px;width:100%;max-width:100%;position:relative;overflow:hidden}.stroke-grid-bg{background-image:linear-gradient(#00000012 1px,#0000 1px),linear-gradient(90deg,#00000012 1px,#0000 1px),linear-gradient(45deg,#0000000d 1px,#0000 1px),linear-gradient(-45deg,#0000000d 1px,#0000 1px);background-size:50% 50%,50% 50%,100% 100%,100% 100%;position:absolute;inset:0}.stroke-btns{box-sizing:border-box;gap:7px;width:100%;margin-top:10px;display:flex;overflow:hidden}.sbtn{border:.5px solid var(--border-mid);cursor:pointer;background:var(--bg2);height:32px;color:var(--fg2);font-size:12px;font-family:var(--font-body), system-ui, sans-serif;border-radius:7px;flex:1;transition:background .15s}.sbtn:hover{background:var(--bg3)}.sbtn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sbtn.primary:hover{opacity:.88}.stroke-count{color:var(--fg3);text-align:center;min-height:18px;margin-top:6px;font-size:12px}#hanzi-writer-target{justify-content:center;align-items:center;display:flex}#hanzi-writer-target svg{display:block}.sbtn:disabled{opacity:.35;cursor:default}.search-results-list{flex-direction:column;display:flex}.search-result-row{border:none;border-bottom:.5px solid var(--border);text-align:left;cursor:pointer;width:100%;font-family:var(--font-body), system-ui, sans-serif;color:var(--fg);background:0 0;border-radius:0;align-items:center;gap:18px;padding:14px 16px;transition:background .12s;display:flex}.search-result-row:first-child{border-top:.5px solid var(--border)}.search-result-row:hover{background:var(--bg2)}.sr-hz{font-family:var(--font-display), "Lora", Georgia, serif;min-width:44px;color:var(--fg);font-size:32px;line-height:1}.sr-body{flex:1;min-width:0}.sr-py{color:var(--accent);margin-bottom:2px;font-size:14px}.sr-def{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sr-arrow{color:var(--fg3);flex-shrink:0;font-size:20px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:32px;margin-bottom:8px;display:flex}.pg-btn{border:.5px solid var(--border-mid);background:var(--bg2);min-width:36px;height:36px;color:var(--fg2);cursor:pointer;font-size:14px;font-family:var(--font-body), system-ui, sans-serif;border-radius:8px;padding:0 8px;transition:background .15s}.pg-btn:hover:not(:disabled){background:var(--bg3);color:var(--fg)}.pg-btn:disabled{opacity:.35;cursor:default}.pg-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.pg-ellipsis{color:var(--fg3);padding:0 4px;font-size:14px;line-height:36px}.related-row{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex;overflow:hidden}.related-row:hover{background:var(--bg2)}.related-hz{color:var(--fg);flex-shrink:0;min-width:30px;font-size:22px}.related-info{flex:1;min-width:0;overflow:hidden}.related-py{color:var(--accent);font-size:12px}.related-def{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chengyu-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.chengyu-row{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:7px 10px;transition:background .15s;display:flex}.chengyu-row:hover{background:var(--bg2)}.chengyu-hz{font-size:18px;font-family:var(--font-display), serif;color:var(--fg);letter-spacing:.05em;flex-shrink:0;min-width:72px}.chengyu-right{flex:1;min-width:0;overflow:hidden}.chengyu-py{color:var(--accent);font-size:12px;display:block}.chengyu-def{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.chengyu-search-wrap{margin-bottom:28px}.chengyu-search{border:1px solid var(--border);background:var(--bg2);width:100%;max-width:360px;color:var(--fg);font-size:14px;font-family:var(--font-body), system-ui, sans-serif;border-radius:10px;outline:none;padding:9px 14px;transition:border-color .15s}.chengyu-search:focus{border-color:var(--accent)}.chengyu-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.chengyu-card{border:1px solid var(--border);background:var(--bg2);cursor:pointer;text-align:left;font-family:var(--font-body), system-ui, sans-serif;border-radius:12px;flex-direction:column;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.chengyu-card:hover{border-color:var(--accent);background:var(--bg3)}.chengyu-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.chengyu-card-hz{font-size:22px;font-family:var(--font-display), serif;color:var(--fg);letter-spacing:.05em;font-weight:600}.chengyu-card-py{color:var(--accent);margin-bottom:5px;font-size:12px}.chengyu-card-def{color:var(--fg2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.more-label{letter-spacing:.07em;text-transform:uppercase;color:var(--fg3);padding:24px 32px 10px;font-size:11px;font-weight:500}.compact-card{border-top:.5px solid var(--border);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body), system-ui, sans-serif;color:var(--fg);background:0 0;border-bottom:none;border-left:none;border-right:none;align-items:center;gap:20px;padding:16px 32px;transition:background .15s;display:flex}.compact-card:hover{background:var(--bg2)}.compact-hz{font-family:var(--font-display), "Lora", Georgia, serif;min-width:50px;color:var(--fg);font-size:36px;line-height:1}.compact-py{color:var(--accent);margin-bottom:3px;font-size:15px}.compact-def{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.compact-arrow{color:var(--fg3);flex-shrink:0;margin-left:auto;font-size:18px}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;padding:4px;display:none}.ham-line{background:var(--fg);border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-menu{z-index:99;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 16px 16px;display:none;position:fixed;top:50px;left:0;right:0;box-shadow:0 8px 24px #0000001a}.mobile-menu-search{border-bottom:.5px solid var(--border);margin-bottom:6px;padding:4px 0 10px}.mobile-menu-link{text-align:left;color:var(--fg2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 8px;font-size:16px}.mobile-menu-link.active{color:var(--fg);font-weight:500}.mobile-menu-link:hover{background:var(--bg2)}.mobile-menu-actions{border-top:1px solid var(--border);gap:8px;margin-top:4px;padding:8px 8px 0;display:flex}@media (max-width:768px){.nav{gap:10px;height:50px;padding:0 16px;position:sticky;top:0}.nav-right{gap:10px}.nav-search-center,.nav-link{display:none}.theme-btn{display:flex}.hamburger-btn{display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.nav-logo{margin-left:36px}.mobile-menu{display:flex}.word-mobile-search{margin-bottom:10px;display:block}.search-mobile-search{display:block}.nav-search-input{font-size:16px}.hero{padding:36px 16px 32px}.hero-title{font-size:28px}.wotd-wrap{padding:0 16px 32px}.wotd-hanzi{font-size:32px}.hero-sub{margin-bottom:24px;font-size:13px}.search-widget{max-width:100%}.search-field input{height:46px;font-size:15px}.search-go{width:38px;height:38px}.stab{padding:8px 4px;font-size:11px}.draw-drop{flex-direction:column}.chips{gap:6px;margin-top:18px}.chip{gap:4px;padding:5px 9px;font-size:11px}.chip-hanzi{font-size:13px}.stats-strip{flex-wrap:wrap}.stat-cell{border-right:none;border-bottom:.5px solid var(--border);min-width:50%;max-width:50%}.stat-cell:nth-child(odd){border-right:.5px solid var(--border)}.stat-cell:nth-child(3),.stat-cell:nth-child(4){border-bottom:none}.stat-n{font-size:20px}.lp-section{padding:40px 16px 32px}.lp-card{padding:20px 18px 18px}.lp-q{font-size:18px}.lp-step{flex-wrap:wrap;gap:10px}.lp-step-body{flex:100%;order:3}.lp-step-btn{order:4}.features-v2{grid-template-columns:1fr;gap:14px;padding:28px 16px 48px}footer{text-align:center;flex-direction:column;gap:4px;padding:16px}.footer-hsk-links{justify-content:center;padding:10px 16px}.footer-bottom{text-align:center;flex-direction:column;gap:4px;padding:12px 16px}.hsk-page{padding:24px 16px 48px}.hsk-word-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.hsk-page-header{flex-direction:column;gap:12px}.word-header-bar{padding:12px 0 0}.word-header-inner{padding:0 16px}.word-search-input{height:38px;font-size:14px}.word-draw-drop{padding:12px 0}.wtab{padding:8px 10px;font-size:12px}.word-body{grid-template-columns:1fr;max-width:100vw;overflow:hidden}.entry-col{border-right:none;border-bottom:.5px solid var(--border);padding:20px 16px}.side-col{max-width:100vw;padding:12px;overflow:hidden}.hanzi-row{flex-direction:column;gap:8px}.hanzi-glyph{font-size:60px}.pinyin-line{font-size:18px}.decomp-row{flex-wrap:wrap}.decomp-tile{flex:1;min-width:80px}.side-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}#hanzi-writer-target{max-width:100%}.stroke-area{width:100%;aspect-ratio:unset;height:220px;max-height:220px;overflow:hidden}#hanzi-writer-target{width:280px!important;height:280px!important}.related-row{padding:8px 6px}.related-def{font-size:11px}.sr-hz{min-width:36px;font-size:26px}.sr-py,.sr-def{font-size:12px}.more-label{padding:20px 16px 8px}.compact-card{padding:14px 16px}}@media (max-width:380px){.hero-title{font-size:24px}.hanzi-glyph{font-size:52px}.stab{font-size:10px}.chip{padding:4px 8px;font-size:10px}}.fc-page{max-width:900px;margin:0 auto;padding:48px 28px 60px}.fc-page-header{text-align:center;margin-bottom:40px}.fc-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:8px;font-size:32px;font-weight:400}.fc-subtitle{color:var(--fg3);font-size:15px}.fc-deck-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.fc-deck-card{background:var(--bg2);border:.5px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:22px 20px 20px;transition:box-shadow .2s;display:flex}.fc-deck-card:hover{box-shadow:0 2px 12px #0000001a}.fc-deck-premium{opacity:.72}.fc-deck-badge{min-height:22px}.fc-badge-free{background:var(--accent-dim);color:var(--accent-text);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.fc-badge-premium{background:var(--bg3);color:var(--fg3);border-radius:20px;padding:2px 8px;font-size:11px;display:inline-block}.fc-deck-level{font-family:var(--font-display), serif;color:var(--fg);font-size:22px;font-weight:500}.fc-deck-count{color:var(--fg3);font-size:13px}.fc-start-btn{background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:10px;margin-top:6px;padding:9px 0;transition:opacity .15s}.fc-start-btn:hover{opacity:.88}.fc-start-btn-locked{background:var(--bg2);color:var(--accent-text);border:1px dashed var(--accent);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.fc-start-btn-locked:hover{border-color:var(--accent);color:var(--fg2);background:var(--accent-dim)}.fc-progress-wrap{background:var(--bg3);height:4px;position:relative;overflow:visible}.fc-progress-bar{background:var(--accent);height:100%;transition:width .35s}.fc-progress-label{color:var(--fg3);font-size:12px;position:absolute;top:8px;right:16px}.fc-study-wrap{flex-direction:column;align-items:center;max-width:560px;margin:0 auto;padding:24px 20px 60px;display:flex}.fc-back-btn{color:var(--fg3);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;align-self:flex-start;margin-bottom:28px;padding:0;transition:color .15s}.fc-card-scene{perspective:1200px;width:100%;max-width:440px}.fc-card-inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.2,.2,1);position:relative}.fc-card-inner.flipped{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;background:var(--bg2);border:.5px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:32px 28px;display:flex;position:absolute;inset:0}.fc-back{justify-content:flex-start;padding-top:28px;transform:rotateY(180deg)}.fc-char{font-family:var(--font-display), "Noto Sans SC", "PingFang SC", serif;color:var(--fg);margin-bottom:28px;font-size:96px;line-height:1}.fc-char-sm{margin-bottom:6px;font-size:42px}.fc-pinyin{color:var(--accent);font-size:20px}.fc-defs{width:100%}.fc-def-row{border-top:.5px solid var(--border);align-items:baseline;gap:10px;padding:5px 0;font-size:14px;display:flex}.fc-def-row:first-child{border-top:none}.fc-def-n{color:var(--fg3);min-width:16px;font-size:12px}.fc-def-text{color:var(--fg2);line-height:1.5}.fc-show-btn{border:1px solid var(--border-mid);color:var(--fg2);cursor:pointer;font-size:14px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border-radius:3px;padding:6px 18px;transition:background .15s,color .15s}.fc-show-btn:hover{background:var(--bg3);color:var(--fg)}.fc-ratings{opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;transition:opacity .2s .2s;display:flex}.fc-ratings.visible{opacity:1;pointer-events:auto}.fc-rate-btn{background:color-mix(in srgb, var(--rate-color) 14%, transparent);border:.5px solid color-mix(in srgb, var(--rate-color) 60%, transparent);color:var(--rate-color);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;white-space:nowrap;border-radius:20px;padding:5px 16px;transition:background .15s,border-color .15s}.fc-rate-btn:hover{background:color-mix(in srgb, var(--rate-color) 26%, transparent);border-color:var(--rate-color)}.fc-center{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.fc-done-card{background:var(--bg2);border:.5px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;width:100%;max-width:420px;padding:48px 40px}.fc-done-emoji{margin-bottom:16px;font-size:48px}.fc-done-title{font-family:var(--font-display), serif;color:var(--fg);margin-bottom:8px;font-size:26px;font-weight:400}.fc-done-sub{color:var(--fg3);margin-bottom:28px;font-size:14px}.fc-done-stats{border:.5px solid var(--border-mid);border-radius:10px;gap:0;display:flex;overflow:hidden}.fc-done-stat{border-right:.5px solid var(--border-mid);flex:1;padding:14px 0}.fc-done-stat:last-child{border-right:none}.fc-done-stat-n{font-size:22px;font-weight:600}.fc-done-stat-l{color:var(--fg3);margin-top:2px;font-size:11px}.fc-deck-stats{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.fc-stat-due{color:#3182ce;background:#3182ce1a;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.fc-stat-new{color:#1d9e75;background:#1d9e751a;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.fc-stat-total{color:var(--fg3);background:var(--bg3);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.fc-settings-btn{cursor:pointer;color:var(--fg2);background:0 0;border:none;border-radius:8px;padding:7px 8px;line-height:0;transition:background .15s,color .15s}.fc-settings-btn:hover{background:var(--bg3);color:var(--fg);background:var(--bg3)}.fc-settings-panel{background:var(--bg2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding:16px 20px;display:flex}.fc-settings-label{color:var(--fg2);font-size:13px;font-weight:500}.fc-settings-options{gap:6px;display:flex}.fc-limit-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--fg2);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;border-radius:8px;padding:5px 14px;transition:all .15s}.fc-limit-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.fc-limit-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.fc-wordlist-link{color:var(--fg3);cursor:pointer;font-size:11px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;padding:4px 0 0;text-decoration:underline;transition:color .15s}.fc-wordlist-link:hover{color:var(--accent)}.fc-new-badge{white-space:nowrap;color:var(--accent-text);background:var(--accent-dim);border:.5px solid var(--accent);font-size:11px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border-radius:4px;margin-bottom:8px;padding:3px 10px}.fc-action-btn{background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:10px;padding:10px 22px;transition:opacity .15s}.fc-action-btn:hover{opacity:.88}.fc-action-secondary{background:var(--bg3);color:var(--fg2)}.fc-action-secondary:hover{opacity:1;background:var(--bg3);color:var(--fg)}@media (max-width:768px){.fc-deck-grid{grid-template-columns:repeat(3,1fr);gap:10px}.fc-deck-card{padding:14px 12px}.fc-deck-level{font-size:18px}.fc-char{font-size:72px}.fc-ratings{gap:8px}.fc-rate-btn{padding:5px 14px;font-size:13px}.fc-page{max-width:100vw;padding:28px 16px 48px;overflow-x:hidden}.about-page{max-width:100vw;padding:0 16px 48px;overflow-x:hidden}}@media (max-width:640px){.fc-deck-grid{grid-template-columns:repeat(2,1fr);gap:8px}.fc-deck-card{padding:12px 10px}.fc-deck-level{font-size:16px}.fc-deck-count{font-size:11px}.fc-study-wrap{padding:16px}.fc-card-scene{height:280px}.fc-char{font-size:64px}}.auth-wrap{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.auth-card{background:var(--bg2);border:.5px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;width:100%;max-width:400px;padding:40px 36px}.auth-title{font-family:var(--font-display), serif;color:var(--fg);margin-bottom:6px;font-size:26px;font-weight:400}.auth-sub{color:var(--fg3);margin-bottom:28px;font-size:14px}.auth-form{text-align:left;flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-checkbox-label{color:var(--fg2);cursor:pointer;align-items:flex-start;gap:10px;padding:4px 0;font-size:13px;display:flex}.auth-checkbox{cursor:pointer;width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.auth-label{color:var(--fg2);font-size:13px;font-weight:500}.auth-label-row{justify-content:space-between;align-items:baseline;display:flex}.auth-forgot{font-size:12px;font-weight:400}.auth-input{background:var(--bg);border:.5px solid var(--border-mid);height:42px;color:var(--fg);font-size:15px;font-family:var(--font-body), system-ui, sans-serif;border-radius:8px;outline:none;padding:0 12px;transition:border-color .15s}.auth-input:focus{border-color:var(--accent)}.auth-error{color:#e53e3e;background:#fff5f5;border-radius:8px;padding:10px 12px;font-size:13px}html.dark .auth-error{background:#2d1515}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;width:100%;height:44px;font-size:15px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:10px;margin-top:4px;transition:opacity .15s}.auth-submit:hover{opacity:.88}.auth-submit:disabled{opacity:.5;cursor:default}.auth-switch{color:var(--fg3);margin-top:20px;font-size:13px}.auth-link{color:var(--accent);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none}.auth-link:hover{text-decoration:underline}.auth-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;position:fixed;inset:0}.auth-modal{z-index:201;background:var(--bg2);border:.5px solid var(--border-mid);border-radius:var(--radius-lg);width:calc(100% - 40px);max-width:380px;padding:32px 28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 48px #00000040}.auth-modal-title{font-family:var(--font-display), serif;color:var(--fg);text-align:center;margin:0 0 20px;font-size:22px;font-weight:400}.auth-modal-sent{color:var(--fg2);text-align:center;margin:0;font-size:15px;line-height:1.55}.user-avatar-btn{background:var(--accent);color:#fff;cursor:pointer;width:30px;height:30px;font-size:13px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-dropdown{background:var(--bg2);border:.5px solid var(--border-mid);box-shadow:var(--shadow);z-index:200;border-radius:10px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-dropdown-header{align-items:center;gap:10px;padding:12px 14px;display:flex}.user-dropdown-avatar{background:var(--accent);color:#fff;width:34px;height:34px;font-size:14px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-dropdown-info{min-width:0}.user-dropdown-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-dropdown-email{color:var(--fg3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-dropdown-item{text-align:left;width:100%;color:var(--fg2);cursor:pointer;font-size:14px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;padding:9px 14px;transition:background .12s;display:block}.user-dropdown-item:hover{background:var(--bg3);color:var(--fg)}.user-dropdown-item.danger{color:#e53e3e}.user-dropdown-item.danger:hover{background:#fff5f5}html.dark .user-dropdown-item.danger:hover{background:#2d1515}.user-dropdown-divider{background:var(--border);height:.5px}.up-wrap{max-width:520px;margin:0 auto;padding:48px 20px 80px}.up-hero{align-items:center;gap:18px;margin-bottom:36px;display:flex}.up-avatar{background:var(--accent);color:#fff;width:64px;height:64px;font-size:26px;font-weight:700;font-family:var(--font-body), system-ui, sans-serif;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.up-hero-name{color:var(--fg);margin-bottom:3px;font-size:18px;font-weight:600}.up-hero-since{color:var(--fg3);font-size:13px}.up-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.up-field{margin-bottom:20px}.up-field:last-of-type{margin-bottom:0}.up-label{color:var(--fg2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.up-input{background:var(--bg);border:1px solid var(--border);width:100%;height:40px;color:var(--fg);font-size:14px;font-family:var(--font-body), system-ui, sans-serif;box-sizing:border-box;border-radius:8px;padding:0 12px;transition:border-color .15s}.up-input:focus{border-color:var(--accent);outline:none}.up-input:disabled{opacity:.5;cursor:default}.up-hint{color:var(--fg3);margin-top:5px;font-size:12px}.up-actions{margin-top:24px}.up-save-btn{background:var(--accent);color:#fff;cursor:pointer;height:40px;font-size:14px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:8px;padding:0 24px;transition:opacity .15s}.up-save-btn:hover:not(:disabled){opacity:.87}.up-save-btn:disabled{opacity:.6;cursor:default}.prof-wrap{max-width:560px;margin:0 auto;padding:48px 20px 80px}.prof-loading{color:var(--fg3);margin-bottom:28px;font-size:14px}.prof-top-row{align-items:stretch;gap:14px;margin-bottom:20px;display:flex}.prof-streak-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:120px;padding:20px 28px;display:flex}.prof-streak-flame{margin-bottom:4px;font-size:28px;line-height:1}.prof-streak-num{color:var(--fg);font-size:42px;font-weight:800;line-height:1}.prof-streak-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:12px}.prof-summary-cards{flex-direction:column;flex:1;gap:14px;display:flex}.prof-summary-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:16px 20px}.prof-summary-num{color:var(--fg);font-size:28px;font-weight:700;line-height:1}.prof-summary-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:12px}.prof-levels-card,.prof-subscription-card{margin-bottom:20px}.prof-settings-card{margin-bottom:0}.prof-upgraded-banner{color:#1a6644;background:#e6f9f0;border:1px solid #a3dfc2;border-radius:10px;margin-bottom:24px;padding:14px 18px;font-size:15px;font-weight:500}.prof-sub-content{flex-direction:column;gap:10px;display:flex}.prof-sub-row{align-items:center;gap:10px;display:flex}.prof-sub-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.prof-sub-badge--active{color:#1a6644;background:#e6f9f0}.prof-sub-badge--cancelled{color:#9b2c2c;background:#fdecea}.prof-sub-plan{color:var(--fg2);font-size:14px}.prof-sub-renews{color:var(--fg3);font-size:13px}.prof-sub-free{color:var(--fg2);font-size:14px}.prof-portal-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-block}.prof-portal-btn:hover{background:var(--accent);color:#fff}.prof-portal-btn:disabled{opacity:.55;cursor:default}.prof-portal-error{color:#9b2c2c;margin-top:4px;font-size:13px}.prof-levels-title,.prof-settings-title{color:var(--fg2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px;font-size:13px;font-weight:700}.prof-level-row{margin-bottom:14px}.prof-level-row:last-child{margin-bottom:0}.prof-level-meta{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.prof-level-name{color:var(--fg);font-size:13px;font-weight:600}.prof-level-count{color:var(--fg3);font-size:12px}.prof-bar-track{background:var(--border-mid);border-radius:99px;height:6px;overflow:hidden}.prof-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.prof-empty{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:20px;padding:48px 24px}.prof-empty-icon{margin-bottom:14px;font-size:36px}.prof-empty-title{color:var(--fg);margin-bottom:8px;font-size:17px;font-weight:600}.prof-empty-sub{color:var(--fg3);margin-bottom:24px;font-size:14px;line-height:1.5}@media (max-width:480px){.prof-top-row{flex-direction:column}.prof-summary-cards{flex-direction:row}}.fc-login-banner{background:var(--accent-dim);color:var(--accent-text);justify-content:center;align-items:center;gap:16px;padding:10px 28px;font-size:13px;display:flex}.fc-login-banner-btn{background:var(--accent);color:#fff;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:8px;padding:5px 14px}.pron-tabs{flex-wrap:wrap;gap:6px;margin:10px 0 16px;display:flex}.pron-tab{border:1.5px solid var(--border-mid);color:var(--fg2);cursor:pointer;background:0 0;border-radius:20px;padding:4px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.pron-tab:hover{border-color:var(--accent);color:var(--accent)}.pron-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.alt-inline{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.alt-also-label{color:var(--fg3);cursor:default;border-bottom:1px dashed var(--border-mid);align-items:center;font-weight:500;display:inline-flex;position:relative}.alt-tooltip{color:#f0ede6;white-space:nowrap;pointer-events:none;z-index:10;background:#1a1916;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:400;display:none;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 2px 8px #00000040}.alt-tooltip:after{content:"";border:5px solid #0000;border-top-color:#1a1916;position:absolute;top:100%;left:10px}.alt-also-label:hover .alt-tooltip{display:block}.alt-inline-item{align-items:baseline;gap:5px;display:inline-flex}.alt-py{color:var(--accent);font-weight:500}.alt-def{color:var(--fg3)}.alt-sep{color:var(--fg3);margin-left:2px}.cl-inline{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.cl-label{color:var(--fg3);cursor:default;border-bottom:1px dashed var(--border-mid);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex;position:relative}.cl-label .alt-tooltip{white-space:normal;width:240px}.cl-label:hover .alt-tooltip{display:block}.cl-items{flex-wrap:wrap;gap:6px;display:inline-flex}.cl-item{align-items:baseline;gap:3px;display:inline-flex}.cl-char{color:var(--fg);cursor:pointer;-webkit-text-decoration:underline dotted var(--border-mid);text-decoration:underline dotted var(--border-mid);background:0 0;border:none;padding:0;font-size:15px;font-weight:500}.cl-char:hover{color:var(--accent)}.cl-py{color:var(--fg3);font-size:12px}.cl-more{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px}.cl-more:hover{text-decoration:underline}.about-page{max-width:680px;margin:60px auto;padding:0 24px 80px}.about-title{color:var(--fg);margin-bottom:40px;font-size:32px;font-weight:700}.about-section{margin-bottom:36px}.about-section h2{color:var(--fg);margin-bottom:10px;font-size:17px;font-weight:600}.about-section p{color:var(--fg2);font-size:15px;line-height:1.7}.about-section a{color:var(--accent);text-decoration:none}.about-section a:hover{text-decoration:underline}.about-list{flex-direction:column;gap:8px;list-style:none;display:flex}.about-list li{color:var(--fg2);padding-left:16px;font-size:15px;line-height:1.6;position:relative}.about-list li:before{content:"·";color:var(--accent);position:absolute;left:0}.about-data-list{flex-direction:column;gap:10px;list-style:none;display:flex}.about-data-list li{color:var(--fg2);padding-left:16px;font-size:15px;line-height:1.6;position:relative}.about-data-list li:before{content:"·";color:var(--accent);position:absolute;left:0}.about-data-list a{color:var(--accent);text-decoration:none}.about-data-list a:hover{text-decoration:underline}.about-cta{border-top:1px solid var(--border);margin-top:56px;padding-top:32px}.about-cta-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:13px 28px;font-size:15px;font-weight:600;transition:filter .15s}.about-cta-btn:hover{filter:brightness(1.1)}.radical-drop{border-top:1px solid var(--border);margin-top:4px}.rad-wrap{gap:0;max-height:380px;display:flex;overflow:hidden}.rad-grid-panel{border-right:1px solid var(--border);flex:none;width:260px;padding:12px;overflow-y:auto}.rad-section{margin-bottom:10px}.rad-section-header{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;font-weight:600}.rad-grid{flex-wrap:wrap;gap:4px;display:flex}.rad-tile{width:30px;height:30px;font-size:17px;font-family:var(--font-display), serif;background:var(--bg2);border:1px solid var(--border);cursor:pointer;color:var(--fg);border-radius:5px;justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:flex}.rad-tile:hover{background:var(--bg3);border-color:var(--border-mid)}.rad-tile.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-text)}.rad-results-panel{flex:1 1 0;padding:12px;overflow-y:auto}.rad-results-header{color:var(--fg3);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.rad-results-char{color:var(--fg);font-size:18px;font-family:var(--font-display), serif}.rad-results-count{margin-left:auto}.rad-loading,.rad-empty{color:var(--fg3);padding:12px 0;font-size:13px}.rad-result-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:baseline;gap:8px;width:100%;padding:6px 8px;transition:background .1s;display:flex}.rad-result-row:hover{background:var(--bg2)}.rad-res-hanzi{font-size:18px;font-family:var(--font-display), serif;color:var(--fg);min-width:28px}.rad-res-pinyin{color:var(--accent);min-width:70px;font-size:12px}.rad-res-def{color:var(--fg3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.char-breakdown{flex-wrap:wrap;gap:16px;padding:16px;display:flex}.char-breakdown-tile{background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;min-width:120px;padding:16px 20px;display:flex}.cb-char{font-size:40px;font-family:var(--font-display), serif;color:var(--fg);margin-bottom:4px;line-height:1}.cb-row{align-items:center;gap:8px;display:flex}.cb-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.05em;min-width:48px;font-size:11px}.cb-radical{font-size:22px;font-family:var(--font-display), serif;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.cb-radical:hover{opacity:.75}.cb-strokes{color:var(--fg);font-size:15px;font-weight:500}.cb-na{color:var(--fg3);font-size:15px}.cb-loading{color:var(--fg3);padding:16px;font-size:13px}.pricing-page{max-width:960px;margin:0 auto;padding:60px 24px 80px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:14px;font-size:38px;font-weight:400}.pricing-sub{color:var(--fg2);max-width:480px;margin:0 auto;font-size:16px;line-height:1.6}.pricing-active-banner{background:var(--accent-dim);color:var(--accent-text);border:1px solid var(--accent);border-radius:var(--radius);text-align:center;margin-bottom:32px;padding:12px 18px;font-size:14px}.pricing-cards{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.pricing-card{background:var(--bg2);border:1px solid var(--border-mid);border-radius:var(--radius-lg);flex-direction:column;gap:0;padding:28px 24px 24px;display:flex;position:relative}.pricing-card-featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pricing-badge{background:var(--fg2);color:var(--bg);letter-spacing:.04em;white-space:nowrap;border-radius:99px;padding:3px 12px;font-size:11px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-badge-green{background:var(--accent)}.pricing-plan-name{letter-spacing:.06em;text-transform:uppercase;color:var(--fg2);margin-bottom:14px;font-size:13px;font-weight:600}.pricing-price-row{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.pricing-amount{color:var(--fg);font-size:40px;font-weight:600;line-height:1}.pricing-period{color:var(--fg2);font-size:15px}.pricing-monthly-equiv{color:var(--accent);margin-bottom:20px;font-size:13px;font-weight:500}.pricing-features{flex-direction:column;flex:1;gap:10px;margin:20px 0 24px;padding:0;list-style:none;display:flex}.pricing-feature{color:var(--fg2);font-size:14px;line-height:1.4}.pricing-feature-off{color:var(--fg3)}.pricing-btn{border-radius:var(--radius);cursor:pointer;width:100%;font-size:15px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border:none;padding:12px 0;transition:opacity .15s}.pricing-btn:hover:not(:disabled){opacity:.85}.pricing-btn:disabled{opacity:.5;cursor:default}.pricing-btn-primary{background:var(--accent);color:#fff}.pricing-btn-secondary{color:var(--fg2);border:1px solid var(--border-mid);background:0 0}.pricing-footnote{text-align:center;color:var(--fg3);margin-top:40px;font-size:13px}.blog-index{max-width:780px;margin:0 auto;padding:48px 28px 80px}.blog-index-title{color:var(--fg);margin:0 0 8px;font-size:32px;font-weight:700}.blog-index-sub{color:var(--fg3);margin:0 0 40px;font-size:15px}.blog-post-list{flex-direction:column;gap:16px;display:flex}.blog-post-card{text-align:left;background:var(--bg2);border:.5px solid var(--border);cursor:pointer;border-radius:14px;width:100%;padding:24px 28px;transition:border-color .15s,box-shadow .15s;display:block}.blog-post-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #1d9e7514}.blog-card-meta{gap:8px;margin-bottom:10px;display:flex}.blog-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#1d9e751a;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.blog-level{color:var(--fg3);background:var(--bg3);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.blog-card-title{color:var(--fg);margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.3}.blog-card-desc{color:var(--fg3);margin:0 0 14px;font-size:14px;line-height:1.55}.blog-card-read{color:var(--accent);font-size:13px;font-weight:500}.blog-post{max-width:660px;margin:0 auto;padding:48px 28px 80px}.blog-post-header{margin-bottom:36px}.blog-post-title{color:var(--fg);margin:12px 0;font-size:30px;font-weight:700;line-height:1.25}.blog-post-desc{color:var(--fg2);margin:0;font-size:16px;line-height:1.6}.blog-post-body{color:var(--fg2);font-size:17px;line-height:1.75}.blog-post-body h1{display:none}.blog-post-body h2{color:var(--fg);border-bottom:.5px solid var(--border);margin:2.5rem 0 .75em;padding-bottom:.4em;font-size:21px;font-weight:700}.blog-post-body h3{color:var(--fg);margin:1.8em 0 .4em;font-size:17px;font-weight:600}.blog-post-body p{margin:0 0 1.2em}.blog-post-body ul,.blog-post-body ol{margin:0 0 1.2em 1.4em}.blog-post-body li{margin-bottom:.4em}.blog-post-body strong{color:var(--fg);font-weight:600}.blog-post-body em{color:var(--fg2);font-style:normal}.blog-post-body hr{border:none;border-top:.5px solid var(--border);margin:2.4em 0}.blog-post-body table{border-collapse:collapse;width:100%;margin:0 0 1.6em;font-size:.93em}.blog-post-body th{background:var(--bg2);color:var(--fg);text-align:left;border:.5px solid var(--border);padding:.55em .9em;font-weight:600}.blog-post-body td{border:.5px solid var(--border);color:var(--fg2);padding:.5em .9em}.blog-post-body tr:nth-child(2n) td{background:var(--bg2)}.blog-post-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.blog-post-body a:visited{color:#157a5b}.blog-post-body a:hover{opacity:.8}.blog-post-body blockquote{border-left:3px solid var(--accent);background:var(--bg2);border-radius:0 8px 8px 0;margin:1.2em 0;padding:.7em 1.2em}.blog-post-body blockquote p{white-space:pre-line;color:var(--fg2);margin:0;line-height:2.2}.blog-post-body img{border-radius:10px;max-width:100%;height:auto;margin:1.8em auto;display:block}.blog-inline-svg{margin:1.8em 0;display:block}.blog-inline-svg svg{width:100%;max-width:900px;height:auto;display:block}@media (min-width:800px){.blog-inline-svg svg{width:min(900px,100vw - 40px);margin-left:calc(50% + -1*min(450px,50vw - 20px))}}.def-edit-btn{color:var(--fg2);background:var(--bg2);border:.5px solid var(--border);cursor:pointer;vertical-align:middle;font-size:11px;line-height:1;font-family:var(--font-body), system-ui, sans-serif;white-space:nowrap;border-radius:6px;align-items:center;gap:3px;margin-left:7px;padding:3px 9px;display:inline-flex;position:relative;top:-1px}.def-edit-btn:hover{background:var(--bg3,var(--bg2));border-color:var(--border-mid)}.def-edit-wrap{flex-direction:column;gap:6px;padding:4px 0;display:flex}.def-edit-input{box-sizing:border-box;width:100%;color:var(--fg);background:var(--bg2);border:1px solid var(--accent);resize:vertical;border-radius:6px;outline:none;padding:7px 9px;font-family:inherit;font-size:14px;line-height:1.5}.def-edit-actions{gap:6px;display:flex}.def-edit-save{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:5px;padding:4px 12px;font-size:12px;font-weight:600}.def-edit-save:disabled{opacity:.6;cursor:default}.def-edit-cancel{color:var(--fg3);border:.5px solid var(--border-mid);cursor:pointer;background:0 0;border-radius:5px;padding:4px 10px;font-size:12px}.blog-edit-wrap{padding:8px 0 40px}.blog-edit-fields{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.blog-edit-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.blog-edit-text-input{box-sizing:border-box;width:100%;color:var(--fg);background:var(--bg2);border:1px solid var(--accent);resize:none;border-radius:6px;outline:none;padding:7px 10px;font-family:inherit;font-size:15px}.blog-edit-desc-input{font-size:13px;line-height:1.5}.blog-editor-wrap{display:block;position:static}.blog-editor-toolbar{background:var(--bg2);border:1px solid var(--accent);border-bottom:none;border-radius:6px 6px 0 0;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex;position:static;top:auto}.blog-editor-tool{min-width:30px;color:var(--fg2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;line-height:1}.blog-editor-tool:hover{background:var(--bg3,var(--bg2));color:var(--fg)}.blog-editor-tool-active{background:var(--accent-dim);color:var(--accent-text)}.blog-editor-divider{background:var(--border);width:1px;height:18px;margin:0 3px}.blog-editor-content{background:var(--bg);border:1px solid var(--accent);height:calc(100vh - 360px);min-height:300px;max-height:800px;color:var(--fg);cursor:text;border-radius:0 0 6px 6px;outline:none;padding:14px 16px;font-size:15px;line-height:1.7;overflow-y:auto}.blog-editor-content .tiptap{outline:none}.blog-editor-content .tiptap>*+*{margin-top:.75em}.blog-editor-content .tiptap h2{margin-top:1.4em;font-size:1.3em;font-weight:600}.blog-editor-content .tiptap h3{margin-top:1.2em;font-size:1.1em;font-weight:600}.blog-editor-content .tiptap blockquote{border-left:3px solid var(--accent);color:var(--fg2);padding-left:1em}.blog-editor-content .tiptap code{background:var(--bg2);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.9em}.blog-editor-content .tiptap ul,.blog-editor-content .tiptap ol{padding-left:1.4em}.blog-editor-actions{margin-top:12px}.blog-saved-banner{color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.blog-post-body blockquote p+p{border-top:.5px solid var(--border);margin-top:1em;padding-top:1em}.blog-post-body blockquote strong{color:var(--fg);font-weight:600}.blog-post-body blockquote em{color:var(--accent);font-size:.92em;font-style:normal}.blog-post-body code{font-family:var(--font-mono,monospace);background:var(--bg2);border:.5px solid var(--border);color:var(--fg);border-radius:4px;padding:1px 5px;font-size:.88em}.blog-post-footer{border-top:.5px solid var(--border);margin-top:48px;padding-top:24px}.blog-back{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.blog-back:hover{text-decoration:underline}@media (max-width:760px){.blog-index{padding:28px 16px 60px}.blog-index-title{font-size:24px}.blog-post-card{padding:18px 16px}.blog-post{padding:28px 16px 60px}.blog-post-title{font-size:22px}.blog-post-body{font-size:15px;line-height:1.7}.blog-post-body h2{font-size:18px}.blog-post-body h3{font-size:15px}.pricing-page{padding:36px 16px 60px}.pricing-title{font-size:28px}.pricing-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-card-featured{order:-1}}.atl-btn{cursor:pointer;background:var(--card-bg);width:32px;height:32px;color:var(--fg3);border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.atl-btn:hover{color:var(--accent);background:var(--hover-bg)}.atl-btn.atl-saved{color:var(--accent)}.atl-backdrop{z-index:9998;position:fixed;inset:0}.atl-popover{background:var(--bg2);border:1px solid var(--border-mid);z-index:9999;border-radius:10px;padding:8px 0;box-shadow:0 4px 20px #0000002e}.atl-header{color:var(--fg2);padding:10px 16px 6px;font-size:13px;font-weight:600}.atl-loading{color:var(--fg3);text-align:center;padding:14px 16px;font-size:13px}.atl-empty{color:var(--fg3);padding:8px 16px;font-size:13px}.atl-list-items{max-height:180px;overflow-y:auto}.atl-list-item{text-align:left;cursor:pointer;width:100%;color:var(--fg);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:background .12s;display:flex}.atl-list-item:hover{background:var(--hover-bg)}.atl-list-item.atl-in-list{color:var(--accent)}.atl-check-icon{width:16px;color:var(--accent);flex-shrink:0;font-size:13px}.atl-list-name{flex:1}.atl-list-count{color:var(--fg3);font-size:12px}.atl-new-list-btn{text-align:left;border:none;border-top:1px solid var(--border);cursor:pointer;width:100%;color:var(--accent);background:0 0;margin-top:4px;padding:10px 16px;font-size:13px;transition:background .12s;display:block}.atl-new-list-btn:hover{background:var(--hover-bg)}.atl-new-form{border-top:1px solid var(--border);gap:6px;margin-top:4px;padding:10px 12px;display:flex}.atl-new-input{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;flex:1;padding:5px 8px;font-size:13px}.atl-new-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 10px;font-size:13px}.atl-login{align-items:center;gap:10px;padding:10px 14px;display:flex}.atl-login-text{color:var(--fg3);flex:1;font-size:13px}.atl-login-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:5px 11px;font-size:13px;font-weight:600}.atl-upgrade{color:var(--fg3);padding:8px 14px;font-size:12px}.atl-upgrade-link{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:0;font-size:12px}.lists-page{max-width:760px;margin:0 auto;padding:40px 24px 80px}.lists-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.lists-title{color:var(--fg);margin-bottom:4px;font-size:28px;font-weight:700}.lists-sub{color:var(--fg3);font-size:14px}.lists-new-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:9px 18px;font-size:14px;font-weight:600;transition:opacity .15s}.lists-new-btn:hover{opacity:.88}.lists-new-form{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.lists-new-input{border:1px solid var(--border);background:var(--card-bg);min-width:180px;color:var(--fg);border-radius:8px;flex:1;padding:9px 13px;font-size:14px}.lists-new-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600}.lists-new-cancel{border:1px solid var(--border);color:var(--fg3);cursor:pointer;background:0 0;border-radius:8px;padding:9px 14px;font-size:14px}.lists-upgrade-banner{background:var(--card-bg);border:1px solid var(--border);color:var(--fg3);border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px}.lists-upgrade-link{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:0;font-size:13px}.lists-loading,.lists-empty{text-align:center;color:var(--fg3);padding:60px 0;font-size:15px}.lists-login-prompt{text-align:center;color:var(--fg);padding:80px 24px}.lists-login-prompt h2{margin-bottom:10px;font-size:22px;font-weight:700}.lists-login-prompt p{color:var(--fg3);margin-bottom:20px;font-size:15px}.lists-cta-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:600}.lists-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.list-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:18px 16px 14px;transition:box-shadow .15s}.list-card:hover{box-shadow:0 2px 12px #0000001f}.list-card-name-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.list-card-name{color:var(--fg);flex:1;min-width:0;font-size:16px;font-weight:600}.list-card-meta{color:var(--fg3);justify-content:space-between;margin-bottom:14px;font-size:12px;display:flex}.list-card-actions{align-items:center;gap:8px;display:flex}.list-card-study{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:6px 12px;font-size:13px;font-weight:600;transition:opacity .15s}.list-card-study:hover{opacity:.85}.list-card-study:disabled{opacity:.35;cursor:default}.list-card-rename{border:1px solid var(--border);color:var(--fg3);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 7px;font-size:12px;line-height:1;transition:color .15s,border-color .15s}.list-card-rename:hover{color:var(--accent);border-color:var(--accent)}.list-card-delete{border:1px solid var(--border);color:var(--fg3);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:12px;transition:color .15s}.list-card-delete:hover{color:#e53e3e;border-color:#e53e3e}.list-card-name-input{min-width:0;color:var(--fg);background:var(--bg2);border:1.5px solid var(--accent);border-radius:6px;outline:none;flex:1;padding:2px 8px;font-family:inherit;font-size:16px;font-weight:600}.list-detail-page{max-width:700px;margin:0 auto;padding:36px 24px 80px}.list-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.list-detail-back{cursor:pointer;color:var(--fg3);background:0 0;border:none;margin-bottom:6px;padding:0;font-size:14px;display:block}.list-detail-back:hover{color:var(--accent)}.list-detail-title-wrap{align-items:center;gap:10px;display:flex}.list-detail-title{color:var(--fg);margin-bottom:4px;font-size:26px;font-weight:700}.list-detail-rename-btn{border:1px solid var(--border);color:var(--fg3);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 7px;font-size:12px;line-height:1;transition:color .15s,border-color .15s}.list-detail-rename-btn:hover{color:var(--accent);border-color:var(--accent)}.list-detail-rename-input{color:var(--fg);background:var(--bg2);border:none;border-bottom:2px solid var(--accent);outline:none;width:100%;max-width:400px;margin-bottom:4px;padding:0 2px;font-family:inherit;font-size:26px;font-weight:700}.list-detail-sub{color:var(--fg3);font-size:13px}.list-study-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:10px 20px;font-size:15px;font-weight:600;transition:opacity .15s}.list-study-btn:hover{opacity:.85}.list-study-btn:disabled{opacity:.35;cursor:default}.list-words{flex-direction:column;gap:4px;display:flex}.list-word-row{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.list-word-row:hover{background:var(--hover-bg)}.list-word-hz{color:var(--fg);flex-shrink:0;min-width:36px;font-size:20px;font-weight:600}.list-word-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.list-word-py{color:var(--accent);font-size:13px;font-style:italic}.list-word-def{color:var(--fg3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.list-word-remove{cursor:pointer;color:var(--fg3);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:13px;transition:color .15s}.list-word-remove:hover{color:#e53e3e}.fc-study-topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.fc-back-btn{cursor:pointer;color:var(--fg3);white-space:nowrap;background:0 0;border:none;padding:0;font-size:14px}.fc-back-btn:hover{color:var(--accent)}.fc-progress-wrap{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.fc-progress-bar{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.fc-card-counter{color:var(--fg3);white-space:nowrap;font-size:13px}.fc-study-area{flex-direction:column;align-items:center;gap:24px;padding:40px 20px 60px;display:flex}.fc-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:480px;min-height:240px;padding:32px 28px;transition:box-shadow .15s;display:flex;box-shadow:0 2px 16px #00000014}.fc-card:hover{box-shadow:0 4px 24px #00000024}.fc-card-front{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.fc-card-back{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.fc-hanzi{color:var(--fg);font-size:64px;font-weight:500;line-height:1}.fc-hanzi-sm{color:var(--fg);font-size:32px;font-weight:500;line-height:1}.fc-new-badge{background:var(--accent-dim);color:var(--accent-text);border:.5px solid var(--accent);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:500}.fc-tap-hint{color:var(--fg3);margin-top:8px;font-size:13px}.fc-pinyin{color:var(--accent);font-size:18px;font-style:italic}.fc-back-row{align-items:center;gap:8px;display:flex}.fc-defs{text-align:left;width:100%}.fc-def-row{color:var(--fg2);gap:8px;padding:3px 0;font-size:14px;display:flex}.fc-def-num{color:var(--fg3);min-width:16px;padding-top:2px;font-size:12px}.fc-rating-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fc-rating-btn{border:2px solid var(--rating-color,var(--border));color:var(--rating-color,var(--fg));cursor:pointer;background:0 0;border-radius:8px;min-width:80px;padding:10px 20px;font-size:15px;font-weight:600;transition:background .15s}.fc-rating-btn:hover{background:color-mix(in srgb, var(--rating-color,var(--fg)) 12%, transparent)}.fc-reveal-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:opacity .15s}.fc-reveal-btn:hover{opacity:.85}.fc-done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;display:flex}.fc-done-emoji{font-size:48px}.fc-done-title{color:var(--fg);font-size:26px;font-weight:700}.fc-done-sub{color:var(--fg3);font-size:15px}.fc-done-stats{flex-wrap:wrap;justify-content:center;gap:20px;margin:8px 0;display:flex}.fc-done-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.fc-done-stat-n{color:var(--fg);font-size:24px;font-weight:700}.fc-done-stat-l{text-transform:capitalize;font-size:12px;font-weight:600}.fc-done-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}@media (max-width:600px){.lists-grid{grid-template-columns:1fr}.fc-hanzi{font-size:52px}.fc-card{min-height:200px}.fc-rating-btn{min-width:68px;padding:9px 14px;font-size:14px}.list-detail-header{flex-direction:column}.list-study-btn{text-align:center;width:100%}}.lp-wrap{max-width:600px;margin:0 auto;padding:0 20px 80px}.lp-hero{text-align:center;padding:56px 0 36px}.lp-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-family:var(--font-body), system-ui, sans-serif;margin-bottom:14px;font-weight:600}.lp-hero-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:14px;font-size:clamp(28px,5vw,38px);font-weight:500;line-height:1.2}.lp-hero-title em{color:var(--accent);font-style:italic}.lp-hero-sub{color:var(--fg2);font-size:14px;line-height:1.7;font-family:var(--font-body), system-ui, sans-serif;max-width:380px;margin:0 auto}.lp-levels{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.lp-level-btn{border:1px solid var(--border-mid);background:var(--bg2);color:var(--fg2);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border-radius:20px;padding:7px 16px;transition:all .15s}.lp-level-btn:hover:not(.locked){border-color:var(--accent);color:var(--accent)}.lp-level-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.lp-level-btn.locked{color:var(--fg3)}.lp-info-card{background:var(--bg2);border:1px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:36px;padding:26px 26px 22px}.lp-info-top{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.lp-info-level{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);font-size:20px;font-weight:500}.lp-info-total{color:var(--fg3);font-size:12px}.lp-progress-wrap{background:var(--bg3);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.lp-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.lp-progress-label{color:var(--fg3);margin-bottom:18px;font-size:12px}.lp-streak{color:var(--fg2);margin-bottom:18px;font-size:14px;font-weight:500}.lp-streak-val{color:var(--fg)}.lp-start-btn{background:var(--accent);color:#fff;width:100%;font-size:15px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;cursor:pointer;border:none;border-radius:10px;padding:13px;transition:opacity .15s;display:block}.lp-start-btn:hover:not(:disabled){opacity:.88}.lp-start-done{background:var(--accent-dim);color:var(--accent-text);border:1px solid var(--accent);cursor:default}.lp-start-locked{background:var(--bg3);color:var(--fg3);cursor:pointer}.lp-login-prompt{text-align:center;color:var(--fg3);margin-top:12px;font-size:13px}.lp-login-link{color:var(--accent);cursor:pointer;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;padding:0;text-decoration:underline}.lp-hiw{text-align:center}.lp-hiw-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg2);margin-bottom:20px;font-size:18px;font-weight:500}.lp-hiw-steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lp-hiw-step{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 14px}.lp-hiw-icon{margin-bottom:8px;font-size:22px}.lp-hiw-label{color:var(--fg);margin-bottom:5px;font-size:13px;font-weight:600}.lp-hiw-desc{color:var(--fg3);font-size:12px;line-height:1.5}.lp-session-topbar{border-bottom:.5px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:12px;padding:11px 20px;display:flex;position:sticky;top:0}.lp-session-back{cursor:pointer;color:var(--fg3);white-space:nowrap;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;padding:0;transition:color .15s}.lp-session-back:hover{color:var(--accent)}.lp-session-prog-wrap{background:var(--bg3);border-radius:2px;flex:1;height:4px;overflow:hidden}.lp-session-prog-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.lp-session-counter{color:var(--fg3);white-space:nowrap;font-size:12px}.lp-phase-row{align-self:flex-start;margin-bottom:16px}.lp-phase-badge{letter-spacing:.02em;font-size:11px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.lp-phase-discovery{color:#7a5100;background:#fff4d6}html.dark .lp-phase-discovery{color:#d4a040;background:#2d2007}.lp-phase-review{background:var(--accent-dim);color:var(--accent-text)}.lp-done-streak{color:var(--fg);margin:8px 0 16px;font-size:18px;font-weight:600}@media (max-width:480px){.lp-hiw-steps{grid-template-columns:1fr;gap:10px}.lp-levels{gap:5px}.lp-level-btn{padding:6px 12px;font-size:12px}.lp-info-card{padding:20px 18px 18px}}.learn-path-wrap{max-width:640px;margin:0 auto;padding:40px 20px 80px}.learn-path-header{text-align:center;margin-bottom:36px}.learn-path-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:8px;font-size:clamp(24px,4vw,32px);font-weight:700}.learn-path-sub{color:var(--fg3);margin-bottom:16px;font-size:15px}.learn-streak-banner{background:var(--bg2);border:1px solid var(--border);color:var(--fg2);border-radius:99px;margin-top:4px;padding:6px 16px;font-size:14px;display:inline-block}.learn-login-prompt{color:var(--fg3);margin-top:12px;font-size:14px}.learn-path-list{flex-direction:column;gap:12px;display:flex}.learn-unit-row{background:var(--bg2);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.learn-unit-row:not(.locked):hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.learn-unit-row.completed{border-color:#a3dfc2}.learn-unit-row.locked{opacity:.5}.learn-unit-icon{background:var(--accent-dim);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.learn-unit-row.completed .learn-unit-icon{color:#1a6644;background:#e6f9f0}.learn-unit-row.locked .learn-unit-icon{background:var(--bg3,var(--bg2));color:var(--fg3);font-size:18px}.learn-unit-content{flex:1;min-width:0}.learn-unit-title{color:var(--fg);font-size:15px;font-weight:600}.learn-unit-meta{color:var(--fg3);margin-top:2px;font-size:12px}.learn-unit-btn{cursor:pointer;background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:8px;flex-shrink:0;padding:8px 18px;transition:opacity .15s}.learn-unit-btn:hover{opacity:.85}.learn-unit-btn--locked{background:var(--bg3,var(--bg2));color:var(--fg3);cursor:default}.learn-unit-btn--done{color:#1a6644;background:#e6f9f0}.unit-wrap{max-width:720px;margin:0 auto;padding:24px 20px 80px}.unit-back{cursor:pointer;color:var(--fg3);font-size:14px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;margin-bottom:20px;padding:0;display:inline-block}.unit-back:hover{color:var(--accent)}.unit-header{margin-bottom:24px}.unit-header-chinese{color:var(--fg);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.2}.unit-header-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:4px;font-size:clamp(20px,3vw,26px);font-weight:600}.unit-header-pinyin{color:var(--fg3);font-size:14px}.unit-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:28px;display:flex}.unit-tab-btn{cursor:pointer;color:var(--fg3);font-size:14px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;transition:color .15s,border-color .15s}.unit-tab-btn:hover{color:var(--fg2)}.unit-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.unit-section{padding-bottom:20px}.unit-vocab-header{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:13px;font-weight:600}.unit-practice-idle{text-align:center;padding:48px 0 24px}.unit-practice-summary{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:28px;display:flex}.unit-practice-item{background:var(--bg2);border:1px solid var(--border);color:var(--fg2);border-radius:10px;padding:10px 20px;font-size:15px}.unit-practice-phase-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:13px;font-weight:600}.unit-done-wrap{justify-content:center;align-items:center;min-height:300px;display:flex}@media (max-width:480px){.learn-unit-row{gap:12px;padding:12px 14px}.learn-unit-icon{width:34px;height:34px;font-size:14px}.learn-unit-btn{padding:7px 14px;font-size:13px}.unit-tab-btn{padding:10px 12px;font-size:13px}}.pb-wrap{max-width:900px;margin:0 auto;padding:40px 20px 60px}.pb-hero{text-align:center;margin-bottom:40px}.pb-hero-title{font-family:var(--font-display), "Lora", Georgia, serif;color:var(--fg);margin-bottom:10px;font-size:clamp(26px,4vw,36px);font-weight:600}.pb-hero-sub{color:var(--fg3);max-width:500px;margin:0 auto;font-size:15px}.pb-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.pb-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;gap:4px;padding:22px 20px 18px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pb-card:hover{border-color:var(--border-mid);box-shadow:0 2px 8px #00000014}.pb-card.locked{cursor:default;opacity:.75}.pb-card.locked:hover{border-color:var(--border);box-shadow:none}.pb-card-lock{font-size:16px;position:absolute;top:14px;right:14px}.pb-card-chinese{color:var(--fg);font-size:20px;font-weight:700;font-family:var(--font-display), Georgia, serif}.pb-card-title{color:var(--fg2);margin-top:2px;font-size:13px;font-weight:600}.pb-card-pinyin{color:var(--fg3);font-size:12px}.pb-card-meta{align-items:center;gap:8px;margin-top:10px;display:flex}.pb-card-count{color:var(--fg3);font-size:11px}.pb-badge-free{letter-spacing:.03em;background:var(--accent-dim);color:var(--accent-text);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.pb-badge-premium{letter-spacing:.03em;background:var(--bg3);color:var(--fg3);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.pb-badge-partial{letter-spacing:.03em;color:#7a5100;background:#fff4d6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}html.dark .pb-badge-partial{color:#d4a040;background:#2d2007}.pb-sit-wrap{max-width:700px;margin:0 auto;padding:32px 20px 60px}.pb-sit-back{cursor:pointer;color:var(--fg3);font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;margin-bottom:28px;padding:0;transition:color .15s;display:block}.pb-sit-back:hover{color:var(--accent)}.pb-sit-header{margin-bottom:36px}.pb-sit-header-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pb-sit-chinese{color:var(--fg);font-size:36px;font-weight:700;font-family:var(--font-display), Georgia, serif;margin-bottom:4px;line-height:1.2}.pb-sit-title{color:var(--fg2);margin-bottom:4px;font-size:18px;font-weight:600}.pb-sit-pinyin{color:var(--fg3);font-size:14px}.pb-practice-btn{background:var(--accent-dim);color:var(--accent-text);border:.5px solid var(--accent);border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;margin-top:4px;padding:9px 18px;transition:opacity .15s;display:inline-flex}.pb-practice-btn:hover{opacity:.82}.pb-section{margin-bottom:40px}.pb-section-title{color:var(--fg3);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.pb-note{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--fg2);align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.75;display:flex}.pb-note-icon{flex-shrink:0;margin-top:2px;font-size:15px}.pb-note-body{flex:1;min-width:0}.pb-note-body p{margin:0 0 5px}.pb-note-body p:last-child{margin-bottom:0}.pb-note-body ul{margin:4px 0 4px 18px;padding:0}.pb-note-body li{margin-bottom:3px}.pb-note-body strong{color:var(--fg);font-weight:500}.pb-phrase{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.pb-phrase:last-child{border-bottom:none}.pb-type-pill{letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:5px;flex-shrink:0;min-width:30px;margin-top:4px;padding:3px 6px;font-size:9px;font-weight:800}.pb-type-q{color:#1d4ed8;background:#dbeafe}.pb-type-a{color:#065f46;background:#d1fae5}.pb-type-qa{color:#5b21b6;background:#ede9fe}html.dark .pb-type-q{color:#93c5fd;background:#1e3a5f}html.dark .pb-type-a{color:#6ee7b7;background:#052e1c}html.dark .pb-type-qa{color:#c4b5fd;background:#2e1065}.pb-phrase-body{flex:1;min-width:0}.pb-phrase-hanzi{color:var(--fg);margin-bottom:3px;font-size:22px;font-weight:500;line-height:1.3}.pb-phrase-pinyin{color:var(--accent);margin-bottom:3px;font-size:13px}.pb-phrase-english{color:var(--fg2);margin-bottom:6px;font-size:14px}.pb-phrase-pills{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pb-phrase-audio{flex-shrink:0;padding-top:2px}.pb-phrase-badge{border:.5px solid var(--border);white-space:nowrap;font-size:11px;font-family:var(--font-body), system-ui, sans-serif;border-radius:6px;padding:3px 10px}.pb-badge-everyday{background:var(--accent-dim);color:var(--accent-text);border-color:var(--accent)}.pb-badge-textbook{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.pb-badge-polite{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.pb-badge-colloquial{color:#713f12;background:#fef9c3;border-color:#fbbf24}.pb-badge-regional{color:#0f766e;background:#ccfbf1;border-color:#5eead4}html.dark .pb-badge-textbook{color:#93c5fd;background:#1e3a5f;border-color:#1e40af}html.dark .pb-badge-polite{color:#c4b5fd;background:#2e1f5e;border-color:#5b21b6}html.dark .pb-badge-colloquial{color:#fbbf24;background:#2d2a08;border-color:#713f12}html.dark .pb-badge-regional{color:#5eead4;background:#042f2e;border-color:#0f766e}.pb-phrase-badge-note{color:var(--fg3);font-size:11px;font-style:italic}.pb-locked-wrap{border-top:1px solid var(--border);padding-top:2px}.pb-phrase-blurred{pointer-events:none;-webkit-user-select:none;user-select:none}.pb-blur-text{filter:blur(6px);color:var(--fg)}.pb-blur-light{filter:blur(4px)}.pb-unlock-btn{background:var(--bg2);border:1px dashed var(--border-mid);border-radius:var(--radius);width:100%;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding:11px 16px;transition:background .15s,border-color .15s;display:flex}.pb-unlock-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.pb-upgrade-banner{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-top:32px;padding:22px 24px}.pb-upgrade-title{color:var(--fg);margin-bottom:6px;font-size:15px;font-weight:700}.pb-upgrade-sub{color:var(--fg3);margin-bottom:16px;font-size:13px;line-height:1.5}.pb-upgrade-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body), system-ui, sans-serif;border:none;padding:10px 24px;transition:opacity .15s}.pb-upgrade-btn:hover{opacity:.85}.pb-quiz{padding:8px 0 40px}.pb-quiz-header{align-items:center;gap:14px;margin-bottom:36px;display:flex}.pb-quiz-back{cursor:pointer;color:var(--fg3);white-space:nowrap;font-size:13px;font-family:var(--font-body), system-ui, sans-serif;background:0 0;border:none;padding:0;transition:color .15s}.pb-quiz-back:hover{color:var(--fg)}.pb-quiz-prog-wrap{background:var(--bg3);border-radius:2px;flex:1;height:4px;overflow:hidden}.pb-quiz-prog-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .35s}.pb-quiz-counter{color:var(--fg3);white-space:nowrap;font-size:12px}.pb-quiz-prompt{margin-bottom:28px}.pb-quiz-label{text-transform:uppercase;letter-spacing:.1em;color:var(--fg3);margin-bottom:10px;font-size:11px;font-weight:700}.pb-quiz-english{color:var(--fg);font-size:clamp(18px,3.5vw,24px);font-weight:600;line-height:1.35}.pb-quiz-options{flex-direction:column;gap:10px;display:flex}.pb-quiz-option{text-align:left;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;padding:14px 18px;font-family:inherit;transition:border-color .12s,background .12s}.pb-quiz-option:hover:not([disabled]){border-color:var(--border-mid)}.pb-quiz-option.correct{background:#f0fdf4;border-color:#22c55e!important}html.dark .pb-quiz-option.correct{background:#052e16}.pb-quiz-option.wrong{background:#fef2f2;border-color:#ef4444!important}html.dark .pb-quiz-option.wrong{background:#2d0707}.pb-quiz-option.dimmed{opacity:.4}.pb-quiz-opt-hanzi{color:var(--fg);margin-bottom:3px;font-size:20px;font-weight:500}.pb-quiz-opt-pinyin{color:var(--fg3);font-size:12px}.pb-quiz-option.correct .pb-quiz-opt-hanzi{color:#15803d}html.dark .pb-quiz-option.correct .pb-quiz-opt-hanzi{color:#4ade80}.pb-quiz-option.wrong .pb-quiz-opt-hanzi{color:#b91c1c}html.dark .pb-quiz-option.wrong .pb-quiz-opt-hanzi{color:#f87171}.pb-quiz-next-wrap{flex-direction:column;gap:10px;margin-top:20px;display:flex}.pb-quiz-feedback{border-radius:var(--radius);padding:10px 16px;font-size:14px;font-weight:600;line-height:1.5}.pb-quiz-feedback.correct{color:#15803d;background:#f0fdf4}html.dark .pb-quiz-feedback.correct{color:#4ade80;background:#052e16}.pb-quiz-feedback.wrong{color:#b91c1c;background:#fef2f2}html.dark .pb-quiz-feedback.wrong{color:#f87171;background:#2d0707}.pb-quiz-feedback strong{font-weight:800}.pb-quiz-next{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-end;padding:10px 26px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.pb-quiz-next:hover{opacity:.85}.pb-quiz-done{text-align:center;padding:48px 0 32px}.pb-quiz-done-emoji{margin-bottom:14px;font-size:52px}.pb-quiz-done-score{color:var(--fg);font-size:40px;font-weight:800;font-family:var(--font-display), Georgia, serif;margin-bottom:6px}.pb-quiz-done-msg{color:var(--fg2);margin-bottom:32px;font-size:16px}.pb-quiz-done-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pb-quiz-retry{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:11px 26px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.pb-quiz-retry:hover{opacity:.85}.pb-quiz-browse{background:var(--bg2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:11px 26px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s}.pb-quiz-browse:hover{border-color:var(--border-mid)}.pb-vocab-section{border-top:1px solid var(--border);margin-top:52px;padding-top:28px}.pb-vocab-header{color:var(--fg);margin-bottom:20px;font-size:20px;font-weight:700}.pb-vocab-table{border-collapse:collapse;border:.5px solid var(--border);width:100%;font-family:inherit}.pb-vocab-th{text-align:left;color:var(--fg);background:var(--bg2);border:.5px solid var(--border);padding:10px 16px;font-size:13px;font-weight:600}.pb-vocab-row{cursor:pointer;transition:background .1s}.pb-vocab-row:nth-child(2n){background:var(--bg2)}.pb-vocab-row:hover{background:var(--accent-dim)}.pb-vocab-td{border:.5px solid var(--border);vertical-align:middle;padding:10px 16px}.pb-vocab-td-hanzi{white-space:nowrap;width:1%;color:var(--fg);font-size:20px;font-weight:500}.pb-vocab-td-pinyin{white-space:nowrap;width:1%;color:var(--accent);font-size:13px}.pb-vocab-row:hover .pb-vocab-td-hanzi{color:var(--accent)}.pb-vocab-td-en{color:var(--fg2);font-size:14px}.pb-phrase-edit-btn{color:var(--fg3);border:.5px solid var(--border-mid);cursor:pointer;opacity:0;background:0 0;border-radius:4px;margin-top:6px;padding:2px 6px;font-size:11px;transition:opacity .15s;display:block}.pb-phrase:hover .pb-phrase-edit-btn{opacity:1}.pb-phrase-edit-input{box-sizing:border-box;width:100%;color:var(--fg);background:var(--bg2);border:1px solid var(--accent);border-radius:5px;outline:none;margin-bottom:4px;padding:5px 8px;font-family:inherit;font-size:14px}.pb-phrase-edit-hanzi{font-size:20px;font-weight:500}.pb-phrase-edit-pinyin{font-size:13px}@media (max-width:600px){.pb-grid{grid-template-columns:1fr 1fr}.pb-sit-header-top{flex-direction:column;gap:14px}.pb-practice-btn{justify-content:center;width:100%}.pb-phrase-hanzi{font-size:20px}.pb-quiz-opt-hanzi{font-size:18px}}@media (max-width:400px){.pb-grid{grid-template-columns:1fr}}.verbs-page{max-width:680px;margin:0 auto;padding:40px 20px 60px}.verbs-header{margin-bottom:32px}.verbs-title{color:var(--fg);margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.25}.verbs-sub{color:var(--fg2);margin:0;font-size:15px;line-height:1.6}.verbs-loading{text-align:center;color:var(--fg3);padding:40px 0;font-size:15px}.verbs-list{flex-direction:column;display:flex}.verb-row{border-bottom:.5px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:11px 8px;transition:background .12s;display:flex}.verb-row:hover{background:var(--bg2)}.verb-rank{color:var(--fg3);text-align:right;flex-shrink:0;min-width:24px;font-size:12px}.verb-hanzi{color:var(--fg);flex-shrink:0;min-width:52px;font-size:22px}.verb-pinyin{color:var(--fg2);flex-shrink:0;min-width:90px;font-size:13px}.verb-audio{flex-shrink:0}.verb-def{color:var(--fg3);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}@media (max-width:480px){.verb-pinyin{min-width:70px}.verb-def{display:none}}