:root{--bg:#f4f5f7;--card:#ffffff;--text:#1b1f27;--muted:#6b7280;--faint:#9aa1ad;--border:#e5e7eb;--border-strong:#d1d5db;--primary:#4f6df5;--primary-strong:#3b57d9;--primary-soft:#e8edff;--ok:#1f9d64;--ok-soft:#e3f6ec;--danger:#e5484d;--danger-soft:#fdeaea;--warn:#d97706;--warn-soft:#fef3e2;--shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.08);--shadow-lg:0 10px 30px rgba(16,24,40,.12);--radius:14px;--radius-sm:10px;--header-h:48px;--tab-h:52px;--sticky-top:var(--header-h);--st-green:#16a34a;--st-green-soft:#dcfce7;--st-yellow:#b45309;--st-yellow-soft:#fef3c7;--st-red:#dc2626;--st-red-soft:#fee2e2;--st-grey:#6b7280;--st-grey-soft:#eef0f3;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--card:#1a1d24;--text:#e6e8ec;--muted:#9aa1ad;--faint:#6b7280;--border:#2a2f3a;--border-strong:#3a4150;--primary:#7b93ff;--primary-strong:#93a7ff;--primary-soft:#232a45;--ok:#3ccf8e;--ok-soft:#173225;--danger:#ff6b6f;--danger-soft:#3a1d1f;--warn:#f5a524;--warn-soft:#3a2a10;--shadow:0 1px 2px rgba(0,0,0,.4);--shadow-lg:0 10px 30px rgba(0,0,0,.5);--st-green:#4ade80;--st-green-soft:rgba(74,222,128,.16);--st-yellow:#fbbf24;--st-yellow-soft:rgba(251,191,36,.16);--st-red:#f87171;--st-red-soft:rgba(248,113,113,.16);--st-grey:#9aa1ad;--st-grey-soft:rgba(154,161,173,.14);color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1115;--card:#1a1d24;--text:#e6e8ec;--muted:#9aa1ad;--faint:#6b7280;--border:#2a2f3a;--border-strong:#3a4150;--primary:#7b93ff;--primary-strong:#93a7ff;--primary-soft:#232a45;--ok:#3ccf8e;--ok-soft:#173225;--danger:#ff6b6f;--danger-soft:#3a1d1f;--warn:#f5a524;--warn-soft:#3a2a10;--shadow:0 1px 2px rgba(0,0,0,.4);--shadow-lg:0 10px 30px rgba(0,0,0,.5);--st-green:#4ade80;--st-green-soft:rgba(74,222,128,.16);--st-yellow:#fbbf24;--st-yellow-soft:rgba(251,191,36,.16);--st-red:#f87171;--st-red-soft:rgba(248,113,113,.16);--st-grey:#9aa1ad;--st-grey-soft:rgba(154,161,173,.14);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--primary);text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.3}p{margin:0 0 10px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hide{display:none!important}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1 1}.center{text-align:center}.right{text-align:right}.stack{display:flex;flex-direction:column;gap:12px}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:var(--header-h);background:var(--card);border-bottom:1px solid var(--border)}.app-header .inner{max-width:1120px;margin:0 auto;height:100%;padding:0 20px;gap:20px}.app-header .inner,.brand{display:flex;align-items:center}.brand{font-weight:700;font-size:17px;gap:8px;color:var(--text)}.brand svg{flex:none;border-radius:8px}.app-nav{display:flex;gap:2px}.app-nav a{padding:8px 14px;border-radius:10px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}.app-nav a svg{width:18px;height:18px}.app-nav a:hover{background:var(--bg);color:var(--text)}.app-nav a.active{color:var(--primary);background:var(--primary-soft)}.header-right{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:13px}.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1 1;height:var(--tab-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;color:var(--muted)}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--primary);font-weight:600}@media (max-width:767px){.app-nav,.header-right .email{display:none}.tabbar{display:flex}body.has-tabbar{padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}}.run-pill{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:19;gap:6px;width:min(560px,calc(100% - 24px));padding:6px 6px 6px 12px;background:var(--card);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-lg)}.run-pill,.run-pill .body{display:flex;align-items:center}.run-pill .body{flex:1 1;min-width:0;gap:10px;color:var(--text);text-decoration:none}.run-pill .icon{flex:none;font-size:18px}.run-pill .text{min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.run-pill .text b{font-weight:700}.run-pill .text .def{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}@media (max-width:767px){.run-pill{bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 10px)}}.page{max-width:1120px;margin:0 auto;padding:24px 24px 48px}.page.narrow{max-width:820px}.page.medium{max-width:960px}@media (max-width:767px){.page{padding:12px 12px 32px}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-title{font-size:24px;font-weight:700;margin:0}.page-sub{margin:4px 0 0}.page-sub,.section-title{color:var(--muted);font-size:14px}.section-title{font-weight:600;margin:26px 0 10px;display:flex;align-items:center;gap:8px}.section-title:first-child{margin-top:0}.back{display:inline-flex;gap:4px;color:var(--muted);font-size:14px;min-height:32px}.back,.word-top{align-items:center}.word-top{display:flex;gap:10px}.word-top .book{flex:1 1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd{position:relative;flex:none}.dd.block{flex:1 1;min-width:0}.dd .dd-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--card);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.dd.block .dd-btn{width:100%;justify-content:space-between;font-size:15px;font-weight:500;text-align:left}.dd .dd-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.dd .dd-btn .chev{display:inline-flex;flex:none;color:var(--muted);transform:rotate(90deg);transition:transform .15s}.dd.open .dd-btn .chev{transform:rotate(-90deg)}.dd .dd-btn:disabled{opacity:.6;cursor:default}.dd-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:168px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:30}.dd.block .dd-menu{left:0}.dd-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.dd-menu button:hover{background:var(--primary-soft)}.dd-menu button.active{color:var(--primary);font-weight:600}.dd-menu button .mark{width:14px;flex:none;color:var(--primary)}.dd-menu button .dd-note{margin-left:auto;padding-left:12px;font-size:12px;color:var(--faint);font-weight:400;white-space:nowrap}.back:hover{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}@media (max-width:767px){.card{padding:14px;border-radius:12px}}.card+.card{margin-top:12px}.card.pad-sm{padding:14px 16px}.card.flat{box-shadow:none}.card.clickable{cursor:pointer;transition:border-color .15s,transform .15s}.card.clickable:hover{border-color:var(--primary);transform:translateY(-1px)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:12px}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:12px}@media (max-width:767px){.grid-2.stack-m,.grid-3.stack-m{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid transparent;background:var(--card);color:var(--text);font-weight:600;cursor:pointer;transition:background .15s,transform .05s,opacity .15s;white-space:nowrap;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:var(--card);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-ok{background:var(--ok);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger-soft{background:var(--danger-soft);color:var(--danger)}.btn-sm{min-height:34px;padding:0 12px;font-size:13px;border-radius:9px}.btn-lg{min-height:52px;font-size:16px;padding:0 24px;border-radius:14px}.btn-block{width:100%}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.btn-icon.sm{width:34px;height:34px;min-height:34px}.btn-icon svg{width:20px;height:20px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row .btn{flex:1 1}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.tag-new{background:var(--st-red-soft);color:var(--st-red)}.tag-learning{background:var(--st-yellow-soft);color:var(--st-yellow)}.tag-mastered{background:var(--st-green-soft);color:var(--st-green)}.tag-none{background:var(--st-grey-soft);color:var(--st-grey)}.tag-result-know{background:var(--ok-soft);color:var(--ok)}.tag-result-master{background:var(--primary-soft);color:var(--primary)}.tag-result-reset{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.tag-review{background:var(--warn-soft);color:var(--warn)}.tag-builtin{background:var(--primary-soft);color:var(--primary)}.tag-import{background:var(--warn-soft);color:var(--warn)}.tag-custom{background:var(--ok-soft);color:var(--ok)}.tag-current{background:var(--ok);color:#fff}.tag-own{background:transparent;color:var(--primary);border:1px solid var(--primary)}.tag-danger{background:var(--danger-soft);color:var(--danger)}.progress{height:8px;background:var(--border);border-radius:999px;overflow:hidden;position:relative}.progress i{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.progress i.ok{background:var(--st-green)}.progress i.learn{background:var(--st-yellow)}.progress.thin{height:6px}.progress.stacked i{position:absolute;left:0;top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0}.stat{padding:12px 6px;text-align:center;border-left:1px solid var(--border)}.stat:first-child{border-left:0}.stat b{display:block;font-size:26px;font-weight:700;line-height:1.1;color:var(--text)}.stat span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.stat.hi b{color:var(--primary)}.stat.ok b{color:var(--ok)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field .hint{font-size:12px;color:var(--faint)}.input,select.input,textarea.input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--card);color:var(--text);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input.error{border-color:var(--danger)}textarea.input{min-height:90px;resize:vertical;line-height:1.5}.input-group{display:flex;gap:8px}.input-group .input{flex:1 1}.err-msg{color:var(--danger);font-size:13px;margin-top:6px}.search{position:relative}.search .input{padding-left:36px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--faint)}.switch{position:relative;width:48px;height:28px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{inset:0;background:var(--border-strong);border-radius:999px;cursor:pointer}.switch span,.switch span:after{position:absolute;transition:.2s}.switch span:after{content:"";top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25)}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translateX(20px)}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:0 12px;min-height:32px;border-radius:8px;color:var(--muted);cursor:pointer;font-weight:500;white-space:nowrap}.seg button.active{background:var(--card);color:var(--text);box-shadow:var(--shadow);font-weight:600}.seg.block{display:flex}.seg.block button{flex:1 1}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 11px;background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text)}.chip.btn-chip{cursor:pointer;min-height:32px;display:inline-flex;align-items:center;background:var(--card)}.chip.btn-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--border);min-height:56px;color:var(--text)}.row:first-child{border-top:0}.row.link{cursor:pointer}.row.link:hover{background:var(--bg)}button.row{width:100%;border:0;border-top:1px solid var(--border);background:none;text-align:left;font:inherit}.row .main{flex:1 1;min-width:0}.row .title{font-weight:600}.row .sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .chev{color:var(--faint);flex:none}.row.setting .title{font-weight:500}.row.setting .desc{font-size:12px;color:var(--faint);margin-top:2px}.entry{text-align:left;width:100%}.entry-head{text-align:center;padding-top:4px}.entry-head,.entry-title{display:flex;flex-direction:column;align-items:center}.entry-title{gap:8px}.entry-title .spelling{font-size:36px;font-weight:700;line-height:1.15;word-break:break-word}.entry-sub{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}.entry-sub .phonetic{color:var(--muted);font-size:18px}.entry-section{margin-top:20px}.entry-section h4{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.6px;display:flex;align-items:center;gap:6px}.entry-section h4 .ai{background:linear-gradient(90deg,#7c5cff,#4f6df5);color:#fff;padding:1px 6px;border-radius:6px;font-size:10px;letter-spacing:0}.def-row{display:flex;gap:8px;margin:5px 0;line-height:1.5}.pos{flex:none;font-style:italic;color:var(--primary);font-weight:600;min-width:30px}.example{display:flex;align-items:flex-start;gap:6px;padding:8px 0;border-bottom:1px solid var(--border)}.example:last-child{border-bottom:0}.example .ex-body{flex:1 1;min-width:0}.example .en{font-weight:500}.example .en b{color:var(--primary)}.example .en .num{color:var(--faint);font-weight:400;margin-right:4px}.example .zh{color:var(--muted);font-size:14px;margin-top:2px}.ex-speak{flex:none;color:var(--muted);margin-top:-3px}.ex-speak:hover{color:var(--primary)}.mnemonic{padding:12px 14px;border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:8px;line-height:1.6}.confusable{display:flex;gap:10px;margin:5px 0;align-items:baseline}.confusable b{font-weight:600;min-width:90px}.confusable>span{color:var(--muted)}.tabs-wrap{margin-top:18px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;position:-webkit-sticky;position:sticky;top:var(--sticky-top,0);z-index:5;background:var(--bg)}.tabs::-webkit-scrollbar{display:none}.tabs .tab{flex:none;border:0;background:transparent;padding:0 14px;min-height:40px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;position:relative;white-space:nowrap;border-radius:8px 8px 0 0}.tabs .tab:hover{color:var(--text)}.tabs .tab.active{color:var(--text);font-weight:600}.tabs .tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--primary)}.tabs-view{overflow:hidden;touch-action:pan-y;transition:height .25s ease}.tabs-view.dragging{-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:none}.tabs-track{display:flex;align-items:flex-start;width:100%;transition:transform .25s ease;will-change:transform}.tabs-track.dragging{transition:none}.tabs-panel{flex:0 0 100%;min-width:0}.tabs-panel>.entry-section:first-child,.tabs-panel>div>.entry-section:first-child{margin-top:16px}.freq-panel{margin-top:4px}.freq-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.freq-row:last-child{border-bottom:0}.freq-row .k{flex:0 0 108px;color:var(--muted)}.freq-row .v{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:0}.freq-row .v.none{color:var(--faint);font-weight:400}.freq-row .band{margin-left:auto;flex:none;font-size:12px;color:var(--faint)}.freq-row .stars{color:var(--warn);letter-spacing:2px;font-size:15px}.freq-row .stars .off{color:var(--border-strong)}.freq-row .chip.on{background:var(--ok-soft);border-color:transparent;color:var(--ok);font-weight:600}.freq-note{margin:12px 0 0;font-size:12px;color:var(--faint);line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:rgba(10,12,18,.5);display:none;align-items:center;justify-content:center;z-index:70;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-backdrop.open{display:flex}.modal{background:var(--card);border-radius:18px;width:100%;max-width:440px;padding:22px;box-shadow:var(--shadow-lg);animation:pop .18s ease-out}.modal h3{margin:0 0 8px;font-size:18px}.modal p{color:var(--muted);font-size:14px}.modal .actions{display:flex;gap:10px;margin-top:18px}.modal .actions .btn{flex:1 1}.contact-qr{display:flex;justify-content:center;margin-top:12px}.contact-qr img{width:220px;height:auto;border-radius:12px;background:#fff}.collect-list{margin-top:12px;max-height:min(46vh,360px);overflow-y:auto;box-shadow:none}.collect-list .row{padding:10px 14px;min-height:52px}.collect-list .row .main{display:flex;flex-direction:column;gap:1px}.collect-list .row .sub{font-size:12px}.collect-list .row .btn{flex:none}.collect-in{flex:none;display:inline-flex;align-items:center;gap:4px;color:var(--ok);font-size:13px;font-weight:600}.collect-in svg{width:14px;height:14px}.collect-new{display:flex;gap:8px;margin-top:12px}.collect-new .input{flex:1 1;min-width:0}.collect-new .btn{flex:none}.share-message{margin:12px 0 0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);font:inherit;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;-moz-user-select:text;user-select:text}@keyframes pop{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media (max-width:767px){.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;border-radius:20px 20px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}.word-sheet{position:fixed;inset:0;z-index:50;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;--sticky-top:48px;animation:sheet-in .22s cubic-bezier(.2,.7,.3,1);transition:transform .18s ease-out}.word-sheet.dragging{animation:none;transition:none}.word-sheet.closing{animation:sheet-out .17s ease-in forwards}.word-sheet .sheet-top{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:48px;background:var(--card);border-bottom:1px solid var(--border)}.word-sheet .sheet-top .word-top{height:100%;max-width:820px;margin:0 auto;padding:0 12px}.word-sheet .sheet-body{max-width:820px;margin:0 auto;padding:12px 12px 32px}.word-top button.back{border:0;background:none;padding:0;font:inherit;cursor:pointer}@media (min-width:768px){.word-sheet .sheet-body{padding:20px 24px 48px}.word-sheet .sheet-top .word-top{padding:0 24px}}@keyframes sheet-in{0%{transform:translateX(100%)}to{transform:none}}@keyframes sheet-out{0%{transform:none}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.word-sheet,.word-sheet.closing{animation:none;transition:none}}.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(16px);background:#1b1f27;color:#fff;padding:10px 16px;border-radius:12px;opacity:0;transition:.2s;z-index:60;font-size:14px;pointer-events:none;width:max-content;max-width:90vw;box-sizing:border-box;box-shadow:var(--shadow-lg)}:root[data-theme=dark] .toast{background:#e6e8ec;color:#1b1f27}.toast{z-index:80}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.with-action{display:flex;align-items:center;gap:14px;padding:6px 6px 6px 16px}.toast.with-action.show{pointer-events:auto}.toast-btn{border:0;background:rgba(255,255,255,.12);color:#9cc2ff;font-weight:700;font-size:14px;cursor:pointer;padding:0 12px;min-height:34px;border-radius:9px;white-space:nowrap}:root[data-theme=dark] .toast-btn{background:rgba(0,0,0,.08);color:var(--primary)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty .icon{font-size:40px;margin-bottom:8px}kbd{display:inline-block;padding:1px 6px;border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:6px;font-size:12px;font-family:inherit;background:var(--card);color:var(--muted);line-height:1.5}.section{padding:18px 0;border-bottom:1px solid var(--border)}.section.no-line{border-bottom:0}.section:first-of-type{padding-top:6px}.divider{height:1px;background:var(--border);margin:14px 0}@media (max-width:767px){.list.edge{border-radius:0;border-left:0;border-right:0;margin-left:-12px;margin-right:-12px;box-shadow:none}}.detail .entry-title .spelling{font-size:40px}.detail-record{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.detail-ops h4,.detail-record h4{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.6px}.record-grid{display:grid;grid-template-columns:repeat(4,1fr)}.record-grid .stat b{font-size:20px}@media (max-width:767px){.record-grid{grid-template-columns:repeat(4,1fr)}.record-grid .stat b{font-size:17px}.record-grid .stat span{font-size:11px}}.detail-ops{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.detail-ops .btns{display:flex;gap:8px;flex-wrap:wrap}.detail-ops .btn{flex:1 1;min-height:42px;font-weight:500;font-size:14px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.rate-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--border);padding:8px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(16,24,40,.08)}.rate-bar .inner{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;position:relative}.rate-bar .inner.single{grid-template-columns:1fr}.rate-hint{max-width:820px;margin:0 auto 6px;text-align:center;font-size:11px;color:var(--faint)}.lp-tip{max-width:820px;margin:0 auto 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:13px;animation:pop .2s ease-out}.lp-tip-close{border:0;background:var(--primary);color:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;min-height:28px;flex:none}.install-tip{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 6px 8px 12px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.install-tip .icon{flex:none}.install-tip .main{flex:1 1;min-width:0}.install-tip .title{font-weight:700;font-size:15px}.install-tip .desc{font-size:12px;color:var(--muted);margin-top:2px}.install-steps{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.install-steps li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.install-steps .n{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:700}.install-steps .ico{display:inline-flex;vertical-align:-4px;margin:0 2px;color:var(--primary)}.install-steps .ico svg{width:18px;height:18px}.rate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;border-radius:14px;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:16px;line-height:1.2;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;transition:transform .08s,filter .15s}.rate-btn.pressed,.rate-btn:active{transform:scale(.97)}.rate-btn.pressed{filter:brightness(.92)}.rate-btn small{font-size:11px;font-weight:500;opacity:.8}.rate-btn .key{display:none;position:absolute;top:6px;right:10px;font-size:11px;font-weight:500;opacity:0;transition:opacity .15s;pointer-events:none}@media (hover:hover) and (min-width:768px){.rate-btn{position:relative}.rate-btn .key{display:inline}.rate-btn:hover .key{opacity:.7}}.rate-know{background:var(--ok);color:#fff}.rate-fuzzy{background:var(--warn-soft);color:var(--warn)}.rate-reset{background:var(--card);border-color:var(--border-strong);color:var(--text)}.rate-popup{position:absolute;bottom:calc(100% + 14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;border-radius:16px;font-weight:700;font-size:16px;color:#fff;box-shadow:var(--shadow-lg);animation:popup .16s ease-out;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s,filter .12s;z-index:2}.rate-popup small{font-size:11px;font-weight:500;opacity:.85}.rate-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:inherit}.rate-popup.master{background:var(--primary);border-top-color:var(--primary)}.rate-popup.reset{background:#475569;border-top-color:#475569}.rate-popup.hover{transform:scale(1.06) translateY(-4px);filter:brightness(1.1)}.rate-popup.hover:before{content:"松手确认";position:absolute;bottom:calc(100% + 8px);font-size:11px;font-weight:500;color:var(--muted);background:var(--card);padding:2px 8px;border-radius:999px;border:1px solid var(--border)}@keyframes popup{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}.rate-mask{position:fixed;inset:0;z-index:29;background:rgba(10,12,18,.18);animation:fade .15s}@keyframes fade{0%{opacity:0}to{opacity:1}}.has-ratebar-pad,.word-sheet .sheet-body.has-ratebar-pad{padding-bottom:calc(var(--ratebar-h, calc(110px + env(safe-area-inset-bottom))) + 16px)}.hist-compact{display:flex;align-items:center;gap:8px}.hist-compact.clickable{cursor:pointer}.hist-scroll{flex:1 1;min-width:0;display:flex;gap:6px;overflow-x:auto;white-space:nowrap;padding:4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}.hist-scroll::-webkit-scrollbar{display:none}.hist-scroll .tag{flex:none}.hist-compact .hist-hint{color:var(--faint);font-size:12px;flex:none;display:inline-flex;align-items:center;gap:2px}.hist-collapse{font-size:12px;color:var(--primary);cursor:pointer;margin-left:auto;font-weight:500}.detail-record h4.flex{display:flex;align-items:center}.history{margin-top:12px;border-top:1px solid var(--border)}.hist-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.hist-row .date{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:92px}.hist-row .next{color:var(--faint);font-size:13px;margin-left:auto}.hist-more{display:block;text-align:center;font-size:13px;padding:8px 0;color:var(--primary);cursor:pointer}.hist-empty{color:var(--faint);font-size:13px;padding:10px 0}.note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--primary-soft);border-left:3px solid var(--primary);border-radius:8px;line-height:1.6;cursor:pointer}.note .txt{flex:1 1;white-space:pre-wrap;word-break:break-word}.note .edit{flex:none;font-size:12px;color:var(--primary);opacity:.8}textarea.input.note-input{min-height:220px;font-size:16px;line-height:1.6}@media (max-width:767px){textarea.input.note-input{min-height:38vh}}.w{border-radius:3px;padding:0 1px;cursor:pointer;transition:background .12s}.w:hover{background:var(--bg)}.w.hw{font-weight:700;color:var(--primary)}.ai-pending{color:var(--faint);font-size:13px;padding:6px 0}.peek{position:fixed;left:12px;right:12px;z-index:40;max-width:820px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:12px 14px;animation:pop .15s ease-out;cursor:pointer}.peek-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.peek-word{font-size:20px;font-weight:700}.peek-head .phonetic{color:var(--muted);font-size:15px}.peek-close{margin-left:auto}.peek-def{margin-top:4px;font-size:14px;line-height:1.5}.peek-def .pos{margin-right:6px}.peek-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--faint)}.peek-foot .go{color:var(--primary);font-weight:600;font-size:13px}.peek-foot .peek-collect{min-height:30px;padding:0 10px;font-size:12px;gap:4px}.peek-foot .peek-collect svg{width:14px;height:14px}.core-def{font-size:20px;font-weight:700;line-height:1.45}.def-group{display:flex;gap:10px;margin:6px 0 10px;align-items:flex-start}.def-group .pos{flex:none;min-width:32px;padding-top:2px;color:var(--primary);font-weight:700;font-size:13px}.senses{flex:1 1;min-width:0;list-style:none;margin:0;padding:0}.sense{margin:0 0 10px}.sense:last-child{margin-bottom:0}.sense .zh{line-height:1.55}.sense .num{color:var(--faint);margin-right:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px}.sense .en{color:var(--muted);margin-top:2px}.sense .en,.sense .ex{font-size:13px;line-height:1.5}.sense .ex{margin-top:5px;padding-left:10px;border-left:2px solid var(--border)}.sense .ex .en{color:var(--text);font-size:13px;margin:0}.sense .ex .zh{color:var(--muted);font-size:12px;line-height:1.5}.ex-level{font-size:11px;color:var(--faint);margin-left:6px}.kv-list{display:flex;flex-direction:column}.kv{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--border)}.kv:last-child{border-bottom:0}.kv .en{flex:1 1;min-width:0;font-weight:500;line-height:1.5}.kv .en .pos-sm{color:var(--muted);font-weight:400;font-size:12px;margin-left:4px}.kv .zh{color:var(--muted);font-size:13px;flex:none;max-width:48%;text-align:right;line-height:1.5}.pattern{padding:8px 0;border-bottom:1px solid var(--border)}.pattern:last-child{border-bottom:0}.pattern .p-en{font-weight:600}.pattern .p-zh{color:var(--muted);font-size:13px;margin-top:2px}.pattern .p-ex{margin-top:5px;padding-left:10px;border-left:2px solid var(--border);font-size:13px;line-height:1.5}.pattern .p-ex .zh{color:var(--muted);font-size:12px}.usage-text{line-height:1.7;padding:10px 14px;background:var(--bg);border-radius:10px;font-size:14px}.mistake{padding:8px 0;border-bottom:1px solid var(--border);line-height:1.5}.mistake:last-child{border-bottom:0}.mistake .wrong{color:var(--danger)}.mistake .fix{color:var(--ok);font-weight:600}.mistake .why{color:var(--muted);font-size:13px;margin-top:2px}.chip .sub{color:var(--muted);font-weight:400;margin-left:5px;font-size:12px}.etym .parts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.etym .part{background:var(--primary-soft);color:var(--primary);border-radius:8px;padding:4px 9px;font-weight:700}.etym .part small{font-weight:400;margin-left:5px;opacity:.85}.etym .plus{color:var(--faint);margin-right:6px}.etym .origin{color:var(--muted);line-height:1.7;font-size:14px;margin:0}.tab-empty{color:var(--faint);font-size:13px;padding:28px 0;text-align:center}.detail-ops .btn svg{width:18px;height:18px}.peek-core{font-weight:700;margin-bottom:2px}.entry-section.fold h4{cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;min-height:24px}.fold .fold-sum{flex:1 1;min-width:0;font-weight:400;letter-spacing:0;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:4px}.fold .chev{margin-left:auto;flex:none;display:inline-flex;color:var(--faint);transition:transform .2s}.fold .chev svg{width:16px;height:16px}.fold.open .chev{transform:rotate(90deg)}.fold-all{margin-left:auto;border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:0 2px;letter-spacing:0;min-height:24px}.fold-all:hover{text-decoration:underline}.ai-source{font-size:11px;color:var(--faint);margin-top:16px}.terms-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:10px 20px;background:var(--card);border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.terms-notice a{color:var(--primary)}@media (max-width:767px){.terms-notice{padding:10px 12px}}