.perf-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perf-seg{display:inline-flex;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:2px;gap:2px}.perf-seg-btn{padding:5px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;transition:background .15s,color .15s}.perf-seg-btn:hover{color:var(--text-2)}.perf-seg-btn.is-on{background:var(--panel);color:var(--blue);box-shadow:var(--shadow-sm)}.perf-seg--sm .perf-seg-btn{font-size:12px;padding:4px 8px}.perf-auto-on{border-color:#16a34a73!important;color:var(--green)!important}.perf-verdict{border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:var(--radius);background:var(--panel);padding:14px 16px;margin-bottom:16px}.perf-verdict--ok{border-left-color:var(--green);background:linear-gradient(90deg,rgba(22,163,74,.07),transparent 60%),var(--panel)}.perf-verdict--watch{border-left-color:var(--amber);background:linear-gradient(90deg,rgba(217,119,6,.09),transparent 60%),var(--panel)}.perf-verdict--action{border-left-color:var(--red);background:linear-gradient(90deg,rgba(220,38,38,.09),transparent 60%),var(--panel)}.perf-verdict--insufficient{border-left-color:var(--slate)}.perf-verdict-head{display:flex;align-items:center;gap:9px;font-size:15.5px;flex-wrap:wrap}.perf-verdict-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}.perf-verdict--ok .perf-verdict-dot{background:var(--green);box-shadow:0 0 0 4px #16a34a29}.perf-verdict--watch .perf-verdict-dot{background:var(--amber);box-shadow:0 0 0 4px #d9770629}.perf-verdict--action .perf-verdict-dot{background:var(--red);box-shadow:0 0 0 4px #dc262629}.perf-verdict-tag{margin-left:auto;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--text-2);background:var(--panel-2)}.perf-verdict--ok .perf-verdict-tag{color:#15803d;border-color:#bbf7d0;background:var(--green-soft)}.perf-verdict--watch .perf-verdict-tag{color:#b45309;border-color:#fde68a;background:#fef3c7}.perf-verdict--action .perf-verdict-tag{color:#b91c1c;border-color:#fecaca;background:var(--red-soft)}.perf-verdict-notes{margin:9px 0 0;padding-left:18px;color:var(--text-2);font-size:13.5px;line-height:1.7}.perf-verdict-notes li+li{margin-top:4px}.perf-capacity{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:11px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}.perf-capacity b{color:var(--text);font-variant-numeric:tabular-nums}.perf-capacity-hl{color:var(--text-2)}.perf-dim-card{margin-bottom:16px}.perf-dim-meta{font-size:12.5px;color:var(--muted);margin:2px 0 10px;line-height:1.6}.perf-dim-table{font-size:13px}.perf-dim-table th{white-space:nowrap}.perf-dim-peak{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.perf-dim-at{display:block;margin-top:2px;font-size:11.5px;font-weight:400;color:var(--muted);white-space:nowrap}.perf-dim-advice{color:var(--text-2);font-size:12.5px;line-height:1.55}.perf-dim-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;white-space:nowrap;border:1px solid var(--line);color:var(--text-2);background:var(--panel-2)}.perf-dim-tag--ok{color:#15803d;border-color:#bbf7d0;background:var(--green-soft)}.perf-dim-tag--watch{color:#b45309;border-color:#fde68a;background:#fef3c7}.perf-dim-tag--action{color:#b91c1c;border-color:#fecaca;background:var(--red-soft)}.perf-dim-tag--na{color:var(--muted);background:var(--panel-2)}.perf-tiles .stat-tile,.perf-tiles .stat-tile.tone-blue,.perf-tiles .stat-tile.tone-amber,.perf-tiles .stat-tile.tone-good,.perf-tiles .stat-tile.tone-bad{background:var(--panel);border:1px solid var(--line)}.stat-grid.perf-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.perf-tiles .stat-tile{min-width:0;padding:12px 14px;display:flex;flex-direction:column}.perf-tiles .stat-tile .label{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-tiles .stat-tile .value{font-size:22px;white-space:nowrap}.perf-tiles .stat-tile .value small{font-size:12.5px}.perf-tiles .stat-tile .foot{font-size:10.5px;color:var(--muted);line-height:1.4;margin-top:auto;padding-top:4px}@media (max-width: 760px){.stat-grid.perf-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.perf-tiles .stat-tile{padding:14px 16px}.perf-tiles .stat-tile .label{font-size:12.5px;white-space:normal}.perf-tiles .stat-tile .value{font-size:24px}.perf-tiles .stat-tile .value small{font-size:13px}.perf-tiles .stat-tile .foot{font-size:11.5px}}.perf-tiles .stat-tile.tone-blue .value{color:var(--blue-2)}.perf-tiles .stat-tile.tone-good .value{color:var(--green)}.perf-tiles .stat-tile.tone-bad .value{color:var(--red)}.perf-tiles .stat-tile.tone-amber .value{color:var(--amber)}.perf-tiles .stat-tile .value{font-variant-numeric:tabular-nums}.perf-chart{position:relative;width:100%}.perf-chart svg{display:block;width:100%;height:auto;overflow:visible}.perf-tip{position:absolute;top:6px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px 10px;font-size:12px;line-height:1.6;color:var(--text-2);pointer-events:none;min-width:170px;z-index:5}.perf-tip b{display:block;color:var(--text);font-size:12.5px;margin-bottom:2px}.perf-tip em{font-style:normal;font-weight:700}.perf-tip-sub{color:var(--muted);font-size:11.5px}.perf-chart-foot{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px;font-size:12.5px;color:var(--muted)}.perf-chart-foot b{color:var(--text);font-variant-numeric:tabular-nums}.perf-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 1080px){.perf-two-col{grid-template-columns:1fr}}.perf-hours{display:flex;align-items:flex-end;gap:3px;height:170px;padding-top:6px}.perf-hour-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:4px;min-width:0}.perf-hour-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.perf-hour-bar{width:88%;max-width:26px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#2563ebd9,#2563eb59);transition:filter .15s}.perf-hour-col:hover .perf-hour-bar{filter:brightness(1.15)}.perf-hour-bar.is-peak{background:linear-gradient(180deg,#f59e0b,#f59e0b73)}.perf-hour-col>span{font-size:10px;color:var(--muted);line-height:1}.perf-hour-col>span.is-peak{color:var(--amber);font-weight:700}.perf-heat{font-size:11px;color:var(--muted)}.perf-heat-head,.perf-heat-row{display:grid;grid-template-columns:46px repeat(24,1fr);gap:3px;align-items:center}.perf-heat-head{margin-bottom:4px}.perf-heat-row+.perf-heat-row{margin-top:3px}.perf-heat-x{text-align:center;font-size:9.5px;line-height:1}.perf-heat-y{font-size:10.5px;white-space:nowrap}.perf-heat-cell{display:block;height:15px;border-radius:3px;transition:transform .1s}.perf-heat-cell:hover{transform:scale(1.18);outline:1px solid var(--blue);outline-offset:0}.perf-heat-legend{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:11px}.perf-heat-legend i{width:14px;height:9px;border-radius:2px;display:inline-block}.perf-badge-peak{font-size:11px;font-weight:700;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:1px 8px;white-space:nowrap}.perf-note{margin-top:10px;font-size:12px;line-height:1.65;color:var(--muted)}.perf-note code{background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:0 4px;font-family:var(--mono);font-size:11.5px}.perf-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.perf-table-wrap .data-table{min-width:600px}.perf-empty{padding:26px 0;text-align:center;color:var(--muted);font-size:13px}.perf-bad{color:var(--red);font-weight:700}.perf-warn-inline{color:var(--amber)}html.dark .perf-badge-peak{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b59}html.dark .perf-verdict--ok .perf-verdict-tag{color:#4ade80;border-color:#4ade8059;background:#16a34a29}html.dark .perf-verdict--watch .perf-verdict-tag{color:#fbbf24;border-color:#fbbf2459;background:#d9770629}html.dark .perf-verdict--action .perf-verdict-tag{color:#f87171;border-color:#f8717159;background:#dc262629}@media (max-width: 720px){.perf-hours{height:130px;gap:2px}.perf-hour-col>span{font-size:8px}.perf-heat{overflow-x:auto}.perf-heat-head,.perf-heat-row{grid-template-columns:40px repeat(24,minmax(12px,1fr));min-width:520px}.perf-seg{flex-wrap:wrap;justify-content:flex-end}.perf-panel-title{flex-wrap:wrap;gap:8px}}:root{--bg: #f8f9fc;--panel: #ffffff;--panel-2: #fbfcfe;--text: #16202e;--text-2: #3d4a5c;--muted: #77839a;--line: #e3e8f0;--line-2: #eef1f6;--blue: #2563eb;--blue-2: #1d4ed8;--deep-blue: #14348f;--green: #16a34a;--green-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--amber: #d97706;--cyan: #0891b2;--violet: #7c3aed;--rose: #e11d48;--emerald: #059669;--slate: #64748b;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 28px rgba(16, 24, 40, .07);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}p{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100%;display:flex;flex-direction:column;overflow-x:clip}.app-header{position:sticky;top:0;z-index:40;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.app-header-inner{max-width:1560px;margin:0 auto;padding:10px 40px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;object-fit:contain;display:block}.main-nav{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{padding:7px 12px;border-radius:9px;color:var(--text-2);font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{background:var(--line-2);text-decoration:none}.nav-link-guest{background:none;border:none;cursor:pointer;font-family:inherit;color:var(--muted)}.nav-link-guest:hover{background:none;color:var(--muted)}.nav-link.active{background:#eaf1ff;color:var(--blue-2)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:5px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;line-height:1;vertical-align:2px}.nav-link.disabled{color:#b6bdc9;cursor:not-allowed;pointer-events:none}.header-right{display:flex;align-items:center;gap:10px;white-space:nowrap}.header-auth{display:flex;align-items:center;gap:10px;margin-left:2px}.user-chip{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:999px;background:var(--line-2);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.user-chip:hover,.user-chip.is-open{background:#fff;border-color:var(--line-2);box-shadow:var(--shadow-sm)}.user-chip .caret{font-size:10px;color:var(--muted);transition:transform .15s}.user-chip .caret.up{transform:rotate(180deg)}.user-menu-wrap{position:relative}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:#fff;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 12px 32px #0f172a24;padding:6px;z-index:1000;animation:user-menu-in .14s ease-out}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-head{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;border-bottom:1px solid var(--line-2);margin-bottom:6px}.avatar-lg{width:36px;height:36px;font-size:15px}.user-menu-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.user-menu-meta b{font-size:13.5px;color:var(--text)}.user-menu-meta i{font-style:normal;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text);text-decoration:none;cursor:pointer;text-align:left}.home-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 18px}.menu-vip-badge{align-self:flex-start;font-size:11.5px;padding:3px 9px;border-radius:999px;background:#64748b24;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-vip-badge.is-vip{background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#4a2c00;font-weight:600}.menu-pill{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#3b82f61f;color:#2563eb}.menu-pill-fire{background:#f9731624;color:#ea580c}.user-menu-item:hover{background:var(--line-2)}.user-menu-logout{color:#dc2626}.avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,var(--blue-2));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;text-transform:uppercase;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-wrap{position:relative;display:inline-flex;flex-shrink:0;overflow:visible}.vip-mark{position:absolute;right:-7px;bottom:-5px;display:inline-flex;align-items:center;justify-content:center;height:13px;padding:0 4px;font-size:8.5px;font-weight:800;letter-spacing:.04em;line-height:1;color:#5a3500;background:linear-gradient(135deg,#ffeaa7,#ffc93c 45%,#f59e0b);border-radius:999px;box-shadow:0 1px 4px #ba760073,0 0 0 1px #ffffffe6;text-shadow:0 .5px 0 rgba(255,255,255,.55);pointer-events:none;animation:vipGlow 3.2s ease-in-out infinite}.vip-mark--lg{height:14px;padding:0 5px;font-size:9.5px;right:-8px;bottom:-4px}@keyframes vipGlow{0%,to{box-shadow:0 1px 4px #ba760073,0 0 0 1px #ffffffe6,0 0 6px #f59e0b59}50%{box-shadow:0 1px 6px #ba76008c,0 0 0 1px #fffffff2,0 0 11px #f59e0ba6}}html.dark .vip-mark{box-shadow:0 1px 5px #00000080,0 0 0 1px #ffffff59,0 0 8px #f59e0b73}@media (prefers-reduced-motion: reduce){.vip-mark{animation:none}}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.badge-active{background:var(--green-soft);color:#15803d;border-color:#bbf7d0}.badge-inactive{background:#fef3c7;color:#b45309;border-color:#fde68a}.badge-admin{background:#ede9fe;color:#6d28d9;border-color:#ddd6fe}.app-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:22px 20px 90px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.page-title{font-size:22px}.page-sub{color:var(--muted);font-size:13.5px;margin-top:3px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 15px;border-radius:10px;font-size:14px;font-weight:600;background:var(--panel);border:1px solid var(--line);color:var(--text-2);transition:background .15s,border-color .15s,color .15s,transform .05s;white-space:nowrap}.btn:hover:not(:disabled){background:#f7f9fc;border-color:#d3dae6}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-2);border-color:var(--blue-2)}.btn-danger{background:#fff;border-color:#fecaca;color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--line-2)}.btn-sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.btn-ico{min-width:36px;padding:6px 10px;font-size:16px;line-height:1.1}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111827eb;color:#fff;font-size:13px;font-weight:500;line-height:1;padding:7px 11px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:200;box-shadow:0 4px 14px #00000040}[data-tip]:hover:after{opacity:1}.btn-lg{padding:11px 22px;font-size:15px}.btn-icon{padding:6px 9px}.field{display:block;margin-bottom:14px}.field-label{display:block;font-size:12.5px;font-weight:700;color:var(--text-2);margin-bottom:6px}.input,.select,.textarea{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2563eb24}.textarea{min-height:160px;resize:vertical;font-family:var(--mono);font-size:12.5px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}.form-error{background:var(--red-soft);color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:9px 12px;font-size:13.5px;margin-bottom:14px}.form-ok{background:var(--green-soft);color:#15803d;border:1px solid #bbf7d0;border-radius:10px;padding:9px 12px;font-size:13.5px;margin-bottom:14px}.hint{color:var(--muted);font-size:12.5px}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:11px 14px;background:var(--panel-2);border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:11px 14px;border-bottom:1px solid var(--line-2);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#fafbfe}.cell-en{font-weight:600;max-width:420px}.cell-zh{color:var(--text-2);max-width:260px}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--line-2);border-radius:11px;flex-wrap:wrap}.segmented button{padding:5px 13px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.segmented button:hover:not(.active):not(:disabled){color:var(--text-2)}.segmented button.active{background:#fff;color:var(--blue-2);box-shadow:var(--shadow-sm)}.segmented button:disabled{opacity:.45;cursor:not-allowed}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat-tile .label{font-size:12.5px;color:var(--muted);font-weight:600}.stat-tile .value{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.stat-tile .value small{font-size:14px;font-weight:700;color:var(--muted);margin-left:2px}.stat-tile .foot{font-size:12px;color:var(--muted);margin-top:2px}.tone-good .value{color:var(--green)}.tone-bad .value{color:var(--red)}.tone-blue .value{color:var(--blue-2)}.tone-amber .value{color:var(--amber)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty-icon{font-size:34px;margin-bottom:8px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:6px}.spacer{flex:1}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.divider{height:1px;background:var(--line);margin:16px 0}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #d7dee9;border-top-color:var(--blue);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 20px;text-align:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--line-2);font-size:12.5px;font-weight:600;color:var(--text-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 960px){.app-header-inner{padding-left:20px;padding-right:20px}}@media (max-width: 720px){.app-header-inner{padding:9px 12px;gap:10px}.app-main{padding:16px 12px 104px}.brand span.brand-text{display:none}.page-title{font-size:19px}}html.dark{--bg: #0f1522;--panel: #171e2e;--panel-2: #1c2436;--text: #e6ebf4;--text-2: #b9c3d4;--muted: #8a95ab;--line: #2a3347;--line-2: #232c40;--blue: #3b82f6;--blue-2: #60a5fa;--green-soft: rgba(34, 197, 94, .16);--red-soft: rgba(239, 68, 68, .18);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--pb-bg: #121826 !important;color-scheme:dark}html.dark .app-header{background:#0f1522db}html.dark .nav-link.active{background:#3b82f62e;color:#93c5fd}html.dark .user-chip:hover,html.dark .user-chip.is-open{background:var(--panel-2)}html.dark .user-menu{background:var(--panel);box-shadow:0 12px 32px #00000080}html.dark .menu-vip-badge{background:#ffffff1a;color:var(--muted)}html.dark .menu-pill{background:#60a5fa2e;color:#93c5fd}html.dark .menu-pill-fire{background:#fb923c33;color:#fdba74}html.dark .btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--line)}html.dark .btn-danger{background:var(--panel);border-color:#ef444466}html.dark .btn-danger:hover:not(:disabled){background:#ef444424}html.dark .input:focus,html.dark .select:focus,html.dark .textarea:focus{background:var(--panel-2)}html.dark table.data tbody tr:hover{background:var(--line-2)}html.dark .segmented button.active{background:var(--panel);color:#93c5fd}html.dark kbd{background:none;border:0;color:var(--text-2)}html.dark .spinner{border-color:var(--line);border-top-color:var(--blue)}html.dark .auth-wrap{background:radial-gradient(680px 320px at 15% 0%,rgba(99,102,241,.12),transparent 65%),radial-gradient(640px 300px at 85% 100%,rgba(14,165,233,.08),transparent 65%),var(--bg)}html.dark .auth-card,html.dark .modal{background:var(--panel)}.practice-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.progress-meta{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--muted);font-weight:600;min-width:150px}.progress-meta b{color:var(--text);font-size:15px}.progress-bar{height:7px;border-radius:99px;background:var(--line-2);overflow:hidden;min-width:130px;flex:1;max-width:320px}.progress-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#7c3aed);transition:width .4s ease}.practice-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 980px){.practice-grid{grid-template-columns:minmax(0,1fr)}}.practice-grid--solo{grid-template-columns:minmax(0,1fr);max-width:920px;margin:0 auto;width:100%}.practice-grid--solo .dictation-input{min-height:130px;font-size:16.5px}.stage{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 22px}.zh-sentence{text-align:center;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.5;color:var(--text);margin-bottom:8px;word-break:break-word}.zh-sentence .zh-tag{display:block;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.14em;margin-bottom:12px}.en-slots{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;align-items:flex-end;margin:32px 0 20px}.slot{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;min-width:76px;height:66px;padding:6px 10px 10px;border:none;border-bottom:2px solid #dfe5ee;border-radius:0;background:transparent;font-size:40px;font-weight:600;letter-spacing:.01em;transition:border-color .18s,color .18s;-webkit-user-select:none;user-select:none}button.slot{cursor:pointer}.slot--pending{color:transparent;background:transparent;border-bottom-color:#d3dbe7}.slot--warn{border-bottom-color:var(--red)}.slot--pending:hover{border-bottom-color:var(--green)}.slot--hinted{border-bottom-color:var(--amber, #f59e0b)}.hint-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;margin:-8px 0 18px;padding:8px 14px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;font-size:13px;font-weight:600;color:#92400e}.hint-bar-ipa{font-family:var(--mono);color:#b45309}.hint-bar-tip{width:100%;text-align:center;font-size:12px;font-weight:500;color:#b45309;opacity:.85}.slot--draft{color:var(--text);background:transparent;border-bottom-color:#9aa7b8}.slot--correct{color:#15803d;background:transparent;border-bottom-color:var(--green);animation:slotIn .32s ease}.slot--wrong{color:var(--red);background:transparent;border-bottom-color:var(--red);animation:slotIn .32s ease,shake .42s ease}.slot--active{background:transparent;border-bottom-color:var(--green)}.slot--active.is-wrong{border-bottom-color:var(--red);animation:shake .42s ease}.en-slots--shake .slot{animation:shake .42s ease}.en-slots--shake .slot--wrong{animation:slotIn .32s ease,shake .42s ease}.slot input{border:none;outline:none;background:transparent;font:inherit;color:var(--ink, #1f2937);text-align:center;width:100%;min-width:0;height:100%;padding:0;overflow:hidden;white-space:nowrap}.slot-peek{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;font-size:18px;font-weight:700;line-height:1.15;color:var(--green, #16a34a);white-space:nowrap;pointer-events:none}.slot-peek--link{pointer-events:auto;cursor:pointer;border-bottom:1px dotted currentColor}.en-slots--peek{row-gap:46px}.slot-peek--link:hover{color:var(--blue, #2563eb);border-bottom-color:currentColor}.wanno--link{cursor:pointer;border-radius:10px;transition:background .15s ease}.wanno--link:hover{background:#16a34a14}.wanno--link:focus-visible{outline:2px solid var(--blue, #2563eb);outline-offset:2px}.slot .slot-index{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:10px;color:var(--muted);font-weight:700}@keyframes slotIn{0%{transform:translateY(-4px) scale(.96);opacity:.4}to{transform:none;opacity:1}}.en-slots.is-done{align-items:flex-start;margin:30px 0 22px;gap:10px 18px}.wanno{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:52px;padding:0 4px;animation:slotIn .35s ease}.wanno-word{font-size:38px;font-weight:800;line-height:1.3;color:#16a34a;border-bottom:2px solid #16a34a;padding:0 3px 3px;white-space:nowrap}.wanno-ipa{font-family:var(--mono);font-size:14px;color:var(--muted);white-space:nowrap}.wanno-gloss{font-size:15px;font-weight:500;color:var(--text-2);white-space:normal;max-width:320px;text-align:center;word-break:break-word;line-height:1.45}.stage--word .zh-sentence{font-weight:600;color:var(--text);margin-bottom:12px}.stage--word .slot-peek{font-size:24px}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}80%{transform:translate(-2px)}}.stage-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:16px;border-top:1px dashed var(--line)}.stage-status{text-align:center;min-height:22px;font-size:13.5px;font-weight:600;color:var(--muted);margin-top:10px}.stage-status.is-ok{color:var(--green)}.stage-status.is-bad{color:var(--red)}.dictation-input{width:100%;padding:14px 16px;font-size:24px;line-height:1.8;border-radius:12px;border:1.5px solid var(--line);background:var(--panel-2);outline:none;resize:none}.dictation-input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2563eb1f}.dictation-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center;min-height:44px}.dchip{padding:5px 13px;border-radius:9px;font-size:21px;font-weight:600;border-bottom:3px solid transparent}.dchip--ok{color:var(--green);background:var(--green-soft);border-bottom-color:var(--green)}.dchip--bad{color:var(--red);background:var(--red-soft);border-bottom-color:var(--red)}.dchip--typing{color:var(--blue-2);background:#eaf1ff;border-bottom-color:var(--blue)}.dchip--pending{color:#b6becd;background:#f7f9fc;border-bottom-color:#e9edf4}.dchip--pending.is-hidden{color:transparent;background:#f4f6fa}.audio-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.audio-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#4f46e5);color:#fff;font-weight:700;font-size:14.5px;box-shadow:0 6px 18px #2563eb47}.audio-btn:hover:not(:disabled){filter:brightness(1.06)}.audio-btn:disabled{opacity:.55;cursor:not-allowed}.audio-btn.is-playing{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 6px 18px #2563ff47}50%{box-shadow:0 6px 26px #2563ff8c}}.anno-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:sticky;top:74px}@media (max-width: 980px){.anno-panel{position:static}}.anno-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.anno-title{font-size:15px;font-weight:700}.anno-list{display:flex;flex-direction:column;gap:8px;max-height:62vh;overflow-y:auto;padding-right:4px}.anno-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line-2);transition:border-color .2s,background .2s}.anno-item.is-current{border-color:var(--blue);background:#f3f7ff}.anno-item.is-masked .anno-body{filter:blur(5px);opacity:.42;-webkit-user-select:none;user-select:none;pointer-events:none}.anno-cap{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:800;color:#fff;letter-spacing:.04em}.anno-body{min-width:0}.anno-word{font-size:16px;font-weight:700;color:var(--text);word-break:break-word}.anno-ipa{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--muted);font-family:var(--mono);margin-top:2px}.anno-gloss{font-size:13px;color:var(--text-2);margin-top:3px}.anno-pos{font-size:11px;color:var(--muted);font-family:var(--mono)}.g-主{background:#2563eb}.g-谓{background:#dc2626}.g-宾{background:#059669}.g-定{background:#7c3aed}.g-状{background:#d97706}.g-补{background:#0891b2}.g-其他{background:#64748b}.stats-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--pb-bg, #f6f7fb) 68%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid color-mix(in srgb,var(--pb-bg, #f6f7fb) 55%,#a8b3c4);box-shadow:0 -4px 20px #1018280d}.stats-bar-inner{max-width:1240px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stat-pill{display:flex;align-items:baseline;gap:5px;padding:4px 6px;border-radius:8px;background:transparent;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.stat-pill b{font-size:14px;font-weight:800;color:var(--text)}.stat-pill.ok b{color:var(--green)}.stat-pill.bad b{color:var(--red)}.stat-pill.blue b{color:var(--blue-2)}.stat-pill.amber b{color:var(--amber)}.shortcuts{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);align-items:center}kbd{display:inline-block;padding:0;border:0;background:none;font-family:var(--mono);font-size:13px;line-height:1.2;color:var(--text-2);font-weight:600;letter-spacing:.2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a47;width:100%;max-width:460px;padding:22px;animation:modalIn .18s ease;max-height:90vh;overflow-y:auto}.modal.wide{max-width:760px}@keyframes modalIn{0%{transform:translateY(10px) scale(.98);opacity:0}}.modal-title{font-size:17px;font-weight:800;margin-bottom:6px}.modal-sub{color:var(--muted);font-size:13.5px;margin-bottom:16px}.celebration-modal{text-align:center;padding-top:28px}.celebration-trophy{display:flex;justify-content:center;margin-bottom:10px;animation:trophyPop .55s cubic-bezier(.22,1.4,.36,1);filter:drop-shadow(0 6px 14px rgba(242,169,59,.35))}@keyframes trophyPop{0%{transform:scale(.3) rotate(-12deg);opacity:0}70%{transform:scale(1.12) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.celebration-modal .modal-title{font-size:20px;margin-bottom:8px}.celebration-sub strong{color:#f2a93b}.celebration-hint{color:var(--muted);font-size:13px;margin-bottom:18px}.celebration-modal .modal-actions{justify-content:center;margin-bottom:0}.dictation-zh{text-align:center;color:var(--muted);font-size:14.5px;margin-top:4px}.dictation-zh:before{content:"";display:block;width:44px;height:1px;background:var(--line);margin:0 auto 8px}.reason-grid{display:grid;gap:9px;margin-bottom:16px}.reason-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--panel-2);text-align:left;font-weight:600;transition:border-color .15s,background .15s}.reason-btn:hover{border-color:var(--blue);background:#f3f7ff}.reason-btn .emoji{font-size:18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.toast-wrap{position:fixed;left:50%;transform:translate(-50%);top:74px;z-index:1100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;max-width:min(92vw,520px)}.toast{padding:10px 18px;border-radius:999px;background:#111827;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 12px 30px #0f172a47;animation:toastIn .2s ease;max-width:100%;text-align:center;word-break:break-word}.toast.is-bad{background:#b91c1c}.toast.is-ok{background:#15803d}@keyframes toastIn{0%{transform:translate(-50%,-10px);opacity:0}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(680px 320px at 15% 0%,rgba(99,102,241,.06),transparent 65%),radial-gradient(640px 300px at 85% 100%,rgba(14,165,233,.05),transparent 65%),#fff}.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--text)}.auth-logo:hover{text-decoration:none}.auth-title{font-size:21px;margin-bottom:4px}.auth-sub{color:var(--muted);font-size:13.5px;margin-bottom:20px}.auth-foot{margin-top:16px;text-align:center;font-size:13.5px;color:var(--muted)}.auth-foot-sep{margin:0 8px;opacity:.5}.auth-agree{display:flex;align-items:flex-start;gap:8px;margin:12px 0 16px;font-size:13px;line-height:1.65;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-agree input[type=checkbox]{flex:0 0 auto;width:15px;height:15px;margin:3px 0 0;accent-color:var(--blue);cursor:pointer}.auth-agree a{color:var(--blue);font-weight:600;white-space:nowrap}.auth-agree a:hover{text-decoration:underline}.auth-agree.invalid{color:var(--red)}.auth-policy{margin-top:10px;text-align:center;font-size:12px;line-height:1.7;color:var(--muted)}.auth-policy a{color:var(--blue)}.auth-policy a:hover{text-decoration:underline}.notice-box{border-radius:14px;padding:18px;border:1px solid #fde68a;background:#fffbeb;margin-bottom:16px}.notice-box.info{border-color:#bfdbfe;background:#eff6ff}.notice-box p{font-size:13.5px;color:#7c5a10}.notice-box.info p{color:#1e40af}@media (max-width: 640px){.stats-bar-inner{padding:8px 12px;gap:7px}.stat-pill{padding:4px 9px;font-size:12px}.stat-pill b{font-size:13.5px}.stats-bar .shortcuts{display:none}.stage{padding:18px 12px}.slot{min-width:48px;height:48px;font-size:28px}.wanno-word{font-size:28px}.wanno-ipa,.wanno-gloss{font-size:14px}}.app-shell.is-focus{background:var(--pb-bg, var(--bg, #f6f7fb))}.app-shell.is-focus .app-main{max-width:none;padding:0 0 100px}.practice-page{display:flex;flex-direction:column;min-height:calc(100vh - 100px);background:var(--pb-bg, var(--bg, #f6f7fb))}.practice-page .practice-top{position:sticky;top:0;z-index:40;margin:0 0 14px;border:none;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--pb-bg, #f6f7fb) 55%,#a8b3c4);box-shadow:none;background:color-mix(in srgb,var(--pb-bg, #f6f7fb) 68%,transparent);backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);padding:10px 40px}.practice-page .practice-top .btn-sm{font-size:14px;padding:6px 12px}.practice-page .practice-top .btn-ico{min-width:40px;padding:7px 11px}.practice-page .stage{flex:1;display:flex;flex-direction:column;justify-content:center;background:transparent;border:none;border-radius:0;box-shadow:none}html:fullscreen{background:var(--pb-bg, #f6f7fb)}.practice-page .btn{position:relative;background:#ffffff38;backdrop-filter:blur(14px) saturate(1.7);-webkit-backdrop-filter:blur(14px) saturate(1.7);border:1px solid rgba(255,255,255,.65);border-radius:999px;box-shadow:0 4px 16px #1f26871f,inset 0 1px #ffffffbf;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.practice-page .btn:hover:not(:disabled){background:#fff6;transform:translateY(-1px);box-shadow:0 8px 22px #1f268729,inset 0 1px #fffc}.practice-page .btn:active:not(:disabled){transform:translateY(0) scale(.97)}.practice-page .btn-primary{background:linear-gradient(135deg,#3b6ef2a8,#7c3aed94);border:1px solid rgba(255,255,255,.5);box-shadow:0 6px 20px #3b6ef259,inset 0 1px #ffffff73;color:#fff}.practice-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b6ef2bd,#7c3aeda8);box-shadow:0 10px 26px #3b6ef26b,inset 0 1px #ffffff80}.kbd-arrow{font-family:var(--font);font-size:17px;line-height:1;vertical-align:-2px}.practice-page .btn-danger{background:#ef444412;border:1px solid rgba(239,68,68,.35);color:#dc2626;box-shadow:0 4px 14px #ef444424,inset 0 1px #ffffff80}.practice-page .btn-danger:hover:not(:disabled){background:#ef444424;box-shadow:0 8px 20px #ef444424,inset 0 1px #ffffff8c}.practice-page .btn:disabled{opacity:.5}.practice-page .stage>.zh-sentence{margin-top:0}.anno-cap{background:#94a3b8}.anno-cap.g-主{background:#3b82f6}.anno-cap.g-谓{background:#22c55e}.anno-cap.g-宾{background:#8b5cf6}.anno-cap.g-定{background:#f59e0b}.anno-cap.g-状{background:#14b8a6}.anno-cap.g-补{background:#ec4899}.anno-cap.g-其他{background:#94a3b8}.anno-cap.pos-n{background:#3b82f6}.anno-cap.pos-v,.anno-cap.pos-vt,.anno-cap.pos-vi{background:#22c55e}.anno-cap.pos-adj{background:#8b5cf6}.anno-cap.pos-adv{background:#f59e0b}.anno-cap.pos-pron{background:#14b8a6}.anno-cap.pos-prep,.anno-cap.pos-conj,.anno-cap.pos-art{background:#f97316}.anno-cap.pos-num{background:#ec4899}.anno-cap.pos-int{background:#e11d48}.anno-cap.pos-aux,.anno-cap.pos-modal{background:#6366f1}.anno-cap.pos-phr,.anno-cap.pos-abbr{background:#64748b}.set-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:set-mask-in .15s ease-out}@keyframes set-mask-in{0%{opacity:0}to{opacity:1}}.set-modal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:min(640px,92vh);display:flex;flex-direction:column;box-shadow:0 24px 64px #0f172a47;overflow:hidden;animation:set-modal-in .18s ease-out}@keyframes set-modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.set-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--line)}.set-modal-head h3{margin:0;font-size:17px}.set-modal-close{border:none;background:transparent;font-size:14px;color:var(--muted);cursor:pointer;width:28px;height:28px;border-radius:8px}.set-modal-close:hover{background:var(--line-2);color:var(--text)}.set-modal-body{display:flex;min-height:0;flex:1}.set-side{width:150px;flex-shrink:0;padding:14px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.set-side-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:transparent;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--text-2);cursor:pointer;text-align:left;transition:background .12s,color .12s}.set-side-item:hover{background:var(--line-2)}.set-side-item.active{background:linear-gradient(135deg,#8fbf6a,#7bb355);color:#fff}.set-side-icon{font-size:14px}.set-content{flex:1;min-width:0;overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.set-card{border:1px solid var(--line);border-radius:12px;padding:14px 18px 6px;background:#fff}.set-card-title{font-size:13.5px;font-weight:700;margin-bottom:10px;color:var(--text)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0 13px}.set-row+.set-row{border-top:1px solid var(--line)}.set-row-text{display:flex;flex-direction:column;gap:3px;min-width:0}.set-row-text b{font-size:13.5px;color:var(--text)}.set-row-text i{font-style:normal;font-size:12px;color:var(--muted);line-height:1.5}.set-row-ctrl{flex-shrink:0}.set-muted-val{font-size:13px;color:var(--muted)}.set-placeholder{padding:14px 0 16px;font-size:12.5px;color:var(--muted);text-align:center}.set-pill{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600;background:#8fbf6a2e;color:#4f7d2e}.set-pill.full{background:#e16e6e2e;color:#c0504d}.set-hint{margin:2px 0 10px;font-size:12.5px;color:var(--muted)}.set-device-list{margin-top:4px;display:flex;flex-direction:column;gap:8px}.set-device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:var(--surface-2, rgba(127, 127, 127, .08));border:1px solid var(--border, rgba(127, 127, 127, .14))}.set-device.off{opacity:.62}.set-device-main{display:flex;flex-direction:column;gap:3px;min-width:0}.set-device-label{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.set-device-me{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:#6395e633;color:#5b86d6}.set-device-stale{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:#7f7f7f2e;color:var(--muted)}.set-device-time{font-size:12px;color:var(--muted)}.set-device-revoke{flex:none;padding:6px 14px;border-radius:8px;border:1px solid var(--border, rgba(127, 127, 127, .2));background:transparent;color:#c0504d;font-size:13px;cursor:pointer}.set-device-revoke:disabled{opacity:.5;cursor:default}.set-switch{width:42px;height:24px;border-radius:999px;border:none;background:#d5d9e0;position:relative;cursor:pointer;transition:background .18s;padding:0}.set-switch.on{background:#8fbf6a}.set-switch-dot{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.set-switch.on .set-switch-dot{transform:translate(18px)}.set-slider{display:flex;align-items:center;gap:12px;width:240px}.set-slider input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:999px;background:linear-gradient(to right,#8fbf6a var(--pct, 50%),#e4e8ee var(--pct, 50%));outline:none;cursor:pointer}.set-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid #8fbf6a;box-shadow:0 1px 4px #0000002e;cursor:pointer}.set-slider input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid #8fbf6a;box-shadow:0 1px 4px #0000002e;cursor:pointer}.set-slider-val{font-size:12.5px;color:var(--text-2);min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.set-segmented{display:inline-flex;background:#eef1f5;border-radius:9px;padding:3px;gap:2px}.set-segmented button{border:none;background:transparent;padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--text-2);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}.set-segmented button.active{background:#fff;color:var(--text);box-shadow:0 1px 4px #0f172a1f}.set-select{border:1px solid var(--line-2);border-radius:8px;padding:6px 10px;font-size:13px;background:#fff;color:var(--text);cursor:pointer}html:fullscreen .set-modal-mask{background:color-mix(in srgb,rgba(15,23,42,.5) 100%,transparent)}html.dark .practice-page .practice-top{background:color-mix(in srgb,#101627 82%,var(--pb-bg, #121826))}html.dark .practice-page .btn{background:#ffffff12;border-color:#ffffff29;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff1f;color:var(--text)}html.dark .practice-page .btn:hover:not(:disabled){background:#ffffff21;box-shadow:0 8px 22px #0006,inset 0 1px #ffffff29}html.dark .practice-page .btn-primary{color:#fff}html.dark .practice-page .btn-danger{background:#ef44441a;border-color:#ef444466;color:#fca5a5}html.dark .practice-page .btn-danger:hover:not(:disabled){background:#ef444433}html.dark .slot{border-bottom-color:#3a4560}html.dark .slot--pending{border-bottom-color:#343f58}html.dark .slot--draft{color:var(--text);border-bottom-color:#6b7893}html.dark .slot input{color:var(--text)}html.dark .wanno-gloss{color:var(--text-2)}html.dark .stats-bar{background:#0d121df0;box-shadow:0 -4px 20px #0006}html.dark .anno-item.is-current{background:#3b82f61f}html.dark .dictation-input:focus{background:var(--panel-2)}html.dark .dchip--typing{background:#3b82f629;color:#93c5fd}html.dark .dchip--pending{color:#5b6880;background:#ffffff0d;border-bottom-color:#ffffff14}html.dark .dchip--pending.is-hidden{background:#ffffff08}html.dark .reason-btn:hover{background:#3b82f61f}html.dark .set-modal{background:var(--panel)}html.dark .set-card{background:var(--panel-2)}html.dark .set-switch{background:#3a4560}html.dark .set-slider input[type=range]{background:linear-gradient(to right,#8fbf6a var(--pct, 50%),#3a4560 var(--pct, 50%))}html.dark .set-segmented{background:#232c40}html.dark .set-segmented button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #0006}html.dark .set-select{background:var(--panel-2);color:var(--text)}html.dark .set-modal-close:hover{background:var(--line-2)}.practice-page .practice-brand{gap:9px;font-size:18px;margin-right:2px}.practice-page .practice-brand .brand-mark{width:30px;height:30px}.practice-title-row{padding:0 40px;margin:-4px 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.practice-title{margin:0;font-size:17px;font-weight:700;color:var(--text);opacity:.85;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.practice-progress{flex-shrink:0;display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.practice-progress b{color:var(--text);font-size:15px}.resume-backdrop{z-index:90}.practice-page .resume-modal{max-width:400px;width:calc(100vw - 48px)}.resume-head{display:flex;align-items:center;gap:10px}.resume-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3b6ef21f;color:var(--blue, #3b6ef2);font-size:18px;font-weight:800;flex:none}.resume-info{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 4px;padding:10px 14px;border-radius:10px;background:var(--panel-2, rgba(0, 0, 0, .04));color:var(--text-2, inherit);font-size:13px}.resume-info b{color:var(--text, inherit)}.resume-actions{justify-content:flex-end;margin-top:16px}.diff-select{position:relative}.diff-btn{display:inline-flex;align-items:center;gap:5px;font-weight:600}.diff-icon{font-size:13px;line-height:1;display:inline-flex;align-items:center}.diff-caret{font-size:9px;opacity:.65;transform:translateY(-1px)}.diff-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:136px;padding:6px;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #10182829;z-index:90;animation:slotIn .18s ease}.diff-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;background:none;text-align:left;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-2, #475569);cursor:pointer;white-space:nowrap}.diff-menu button:hover{background:var(--line-2, rgba(0, 0, 0, .05));color:var(--text, inherit)}.diff-menu button.active{background:var(--blue, #3b6ef2);color:#fff}.diff-label{flex:1}.diff-count{font-size:12px;font-weight:600;color:var(--muted, #64748b);font-variant-numeric:tabular-nums}.diff-menu button.active .diff-count{color:#ffffffd1}.diff-menu button.is-empty{color:var(--muted, #94a3b8);cursor:not-allowed;opacity:.55}.diff-menu button.is-empty:hover{background:none;color:var(--muted, #94a3b8)}.diff-check{font-size:12px}.practice-page .btn-answer.is-on{background:linear-gradient(135deg,#3b6ef2a8,#7c3aed94);border-color:#ffffff80;color:#fff;box-shadow:0 6px 20px #3b6ef259,inset 0 1px #ffffff73}.practice-page .btn-answer.is-on:hover:not(:disabled){background:linear-gradient(135deg,#3b6ef2c7,#7c3aedb3);color:#fff}.practice-page .btn-star.is-on{color:#d97706;background:#f59e0b24;border-color:#f59e0b73}.practice-page .btn-star.is-on:hover:not(:disabled){color:#b45309;background:#f59e0b38;border-color:#f59e0b8c}.stat-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.stat-actions .btn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:12px;border-radius:999px;line-height:1.6;white-space:nowrap}.stat-actions .btn kbd{font-size:13px;padding:0;background:none;border:0;opacity:.9}.stat-actions .btn-primary kbd{background:none;border:0;color:#fff;opacity:.9}html.dark .diff-menu{background:#1c2434;border-color:#ffffff1f;box-shadow:0 14px 36px #00000080}html.dark .diff-menu button{color:#c7d0e0}html.dark .diff-menu button:hover{background:#ffffff14;color:#e6ebf4}html.dark .diff-menu button.active{background:var(--blue, #3b6ef2);color:#fff}html.dark .stat-actions .btn kbd{background:none;border:0;color:#c7d0e0}html.dark .stat-actions .btn-primary kbd{background:none;border:0;color:#fff}@media (max-width: 640px){.practice-page .practice-top{flex-wrap:nowrap;gap:6px;padding:8px 10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.practice-page .practice-top::-webkit-scrollbar{display:none}.practice-page .practice-brand{gap:0;margin-right:0}.practice-page .practice-brand .brand-text{display:none}.practice-page .practice-brand .brand-mark{width:26px;height:26px}.practice-page .practice-top .btn-ico{min-width:32px;padding:6px 8px;font-size:13px}.practice-page .practice-top .diff-caret{display:none}.practice-title-row{padding:0 12px;gap:6px 10px;flex-wrap:wrap}.stats-bar-inner{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:4px 6px;align-items:center}.stats-bar-inner .spacer{display:none}.stat-pill{flex:1 1 0;min-width:0;justify-content:center;gap:3px;padding:2px 0;font-size:11px}.stat-pill b{font-size:13px}.stat-actions{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.stat-actions .btn{flex:1 1 calc(20% - 6px);min-width:0;justify-content:center;padding:9px 4px;font-size:13px;gap:0}.stat-actions .btn-prev{order:1}.stat-actions .btn-primary{order:2}.stat-actions .btn-read{order:3}.stat-actions .btn-star{order:4}.stat-actions .btn-next{order:5}.stat-actions .btn-aux{order:10;flex:1 1 calc(50% - 3px);font-size:12.5px}.stat-actions .btn kbd{display:none}.practice-page{padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))}}.wcard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:950;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:wcard-fade .16s ease-out}@keyframes wcard-fade{0%{opacity:0}}.wcard{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px 24px 20px;animation:wcard-pop .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes wcard-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}}.wcard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wcard-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.wcard-word{font-size:30px;font-weight:800;letter-spacing:-.01em;color:var(--text);word-break:break-word}.wcard-fav{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.wcard-fav:hover:not(:disabled){border-color:#f59e0b;color:#b45309}.wcard-fav:disabled{opacity:.6;cursor:default}.wcard-fav-star{font-size:15px;line-height:1}.wcard-fav.is-on{background:#fffbeb;border-color:#fcd34d;color:#b45309}html.dark .wcard-fav.is-on{background:#f59e0b24;border-color:#f59e0b73;color:#fbbf24}.wcard-sec{margin-top:18px}.wcard-sec-label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.06em;margin-bottom:8px}.wcard-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);margin-bottom:8px}.wcard-row:last-child{margin-bottom:0}.wcard-flag{font-size:15px;line-height:1}.wcard-ipa{flex:1;font-family:var(--mono);font-size:16px;color:var(--text)}.wcard-speak{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.wcard-speak:hover{transform:scale(1.08)}.wcard-speak:active{transform:scale(.96)}.wcard-gloss{padding:10px 14px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);font-size:16px;font-weight:500;color:var(--text-2);line-height:1.5}@media (max-width: 480px){.wcard{padding:18px 18px 16px}.wcard-word{font-size:26px}}.modal-backdrop,.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);width:min(520px,100%);max-height:90vh;overflow:auto;padding:22px}.modal h3{font-size:18px;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-sub{color:var(--muted);margin:-6px 0 14px;font-size:13px}.notice-box{border-radius:var(--radius-sm);padding:14px 16px}.notice-box.info{background:#eef4ff;border:1px solid #d6e4ff;color:var(--text-2)}.notice-box h3{font-size:15px;margin-bottom:6px}.notice-box p{margin:0;font-size:13px;color:var(--text-2)}.notice-box .btn{margin-top:10px}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;background:#eef1f6;color:var(--text-2)}.tag.ok{background:var(--green-soft);color:var(--green)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel h3{font-size:15px}.data-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);font-size:14px}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-2)}.data-table th{background:var(--panel-2);color:var(--muted);font-weight:600;font-size:13px}.data-table td code{background:#f1f5f9;padding:2px 6px;border-radius:6px;font-size:12px}.data-table .empty{text-align:center;color:var(--muted);padding:24px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:13px;color:var(--text-2);font-weight:600}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.field.checkbox>span{font-weight:500}.shelf{max-width:1480px;margin:0 auto}.shelf-head{position:relative;width:100vw;margin-left:calc(50% - 50vw);border-bottom:1px solid var(--line-2);margin-bottom:20px;background:radial-gradient(440px 190px at 4% 0%,rgba(34,197,94,.1),transparent 72%),#fff}.shelf-head-inner{max-width:1560px;margin:0 auto;padding:14px 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px}.shelf-head-copy{display:flex;align-items:center;gap:12px}.shelf-head-badge{width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.shelf-head-badge.type-word{background:linear-gradient(120deg,#34d399,#16a34a);box-shadow:0 4px 12px #22c55e47}.shelf-head-badge.type-sentence{background:linear-gradient(120deg,#4ade80,#22c55e);box-shadow:0 4px 12px #22c55e47}.shelf-head-title{font-size:21px;font-weight:800;margin:0;letter-spacing:.5px;background:linear-gradient(110deg,#15803d,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.shelf-head-sub{margin:3px 0 0;font-size:13px;color:var(--muted)}.shelf-head-stats{margin:0;font-size:13px;color:var(--muted);white-space:nowrap;text-align:right;padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--panel)}@media (max-width: 900px){.shelf-head-inner{padding:12px 20px}}@media (max-width: 640px){.shelf-head-inner{flex-direction:column;align-items:flex-start;gap:2px}.shelf-head-stats{white-space:normal;text-align:left}}.shelf-body{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start}.shelf-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}.shelf-side-title{font-size:14px;font-weight:700;color:var(--text);padding:0 10px 8px}.cat-item{text-align:left;border:none;background:transparent;padding:8px 12px;border-radius:10px;color:var(--text-2);cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px;width:100%;transition:background .14s ease,color .14s ease}.cat-item:hover{background:var(--panel-2)}.cat-item.active{background:#22c55e1f;color:#16a34a;font-weight:600}.cat-name-text{flex:1}.shelf-main-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.shelf-main-title{min-width:0}.shelf-toolbar{display:flex;gap:10px;align-items:center}.search-input{flex:1;min-width:180px}.side-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;flex:none;background:var(--panel);border:1px solid var(--line);border-radius:9px;font-size:15px;line-height:1;color:var(--text-2);cursor:pointer;font-family:inherit}.side-toggle:hover{background:var(--panel-2)}@media (max-width: 1100px){.side-toggle{display:inline-flex}.shelf-body{grid-template-columns:1fr}.shelf-body:not(.side-open) .shelf-side{display:none}.shelf-body.side-open .shelf-side{position:static;display:flex;flex-direction:column;max-height:none;overflow:visible;margin-bottom:4px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px}}.view-switch{display:inline-flex;gap:2px;padding:3px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px}.view-switch button{border:none;background:transparent;cursor:pointer;padding:4px 10px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-2);display:inline-flex;align-items:center;gap:4px}.view-switch button:hover{color:var(--text)}.view-switch button.is-on{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.lib-cover{height:96px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.25);padding:8px;text-align:center}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.lib-card-wrap{position:relative}.lib-card-wrap:before{content:"";position:absolute;z-index:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.lib-card-wrap:before{left:0;right:0;top:0;bottom:0;box-shadow:var(--shadow-sm);transform:scale(.98)}.lib-card-wrap:hover:before{opacity:1;transform:scale(1)}html.dark .lib-card-wrap:before{background:var(--panel-2)}.lib-card{position:relative;z-index:1;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column}.lib-card-cover{position:relative;aspect-ratio:2 / 3;border-radius:14px;overflow:hidden}.lib-card-cover .lib-cover{height:100%}.lib-card-badge{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:#0000006b;color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.lib-card-body{margin-top:10px;padding:0 2px;display:flex;flex-direction:column;flex:1}.lib-card-title{font-weight:700;font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.lib-card-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin:5px 0 10px}.lib-count{font-size:13px;color:var(--muted)}.lib-progress{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.lib-card-cta{width:100%;margin-top:auto;padding:7px 11px;border:none;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.lib-card-cta.is-start{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 4px 12px #22c55e47}.lib-card-cta.is-start:hover{filter:brightness(1.05)}.lib-card-cta.is-learning,.lib-card-cta.is-done{background:var(--panel-2);color:var(--text-2);border:1px solid var(--line);cursor:pointer}.lib-card-cta.is-learning:hover{border-color:var(--accent);color:var(--accent-strong, #16a34a)}.lib-card-cta.is-done{color:var(--muted);cursor:default}.lib-list{display:flex;flex-direction:column;gap:10px}.lib-row{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:var(--shadow-sm)}.lib-row:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.lib-row-cover{width:56px;height:56px;flex-shrink:0;border-radius:9px;overflow:hidden}.lib-row-cover .lib-cover{height:100%}.lib-row-info{flex:1;min-width:0}.lib-row-title{font-weight:700;font-size:14px}.lib-row-desc{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-row-cta{width:auto;min-width:92px;margin-top:0}.lib-pager{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lib-pager-info{font-size:12.5px;color:var(--muted)}.lib-pager-btns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lib-pager-btn{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--line-2);background:var(--panel);color:var(--fg, inherit);font-size:13px;border-radius:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease;font-family:inherit}.lib-pager-btn:hover:not(:disabled):not(.is-on){border-color:#16a34a;color:#16a34a}.lib-pager-btn.is-on{background:linear-gradient(120deg,#22c55e,#16a34a);border-color:transparent;color:#fff;font-weight:700;cursor:default}.lib-pager-btn:disabled{opacity:.45;cursor:not-allowed}.lib-pager-ellipsis{color:var(--muted);font-size:13px;padding:0 2px}@media (max-width: 640px){.lib-pager{justify-content:center}.lib-pager-info{width:100%;text-align:center}}.app-shell:has(.shelf) .nav-link.active{background:#22c55e21;color:#16a34a}html.dark .app-shell:has(.shelf) .nav-link.active{background:#22c55e38;color:#86efac}.app-shell:has(.my-home) .nav-link.active{background:#22c55e21;color:#16a34a}html.dark .app-shell:has(.my-home) .nav-link.active{background:#22c55e38;color:#86efac}html.dark .shelf-head{background:radial-gradient(440px 190px at 4% 0%,rgba(34,197,94,.14),transparent 72%),#0f1522}html.dark .shelf-head-title{background:linear-gradient(110deg,#4ade80,#86efac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}html.dark .cat-item.active,html.dark .cat-row.active{background:#22c55e38}html.dark .cat-item.active,html.dark .cat-item.active .cat-name-text,html.dark .cat-row.active .cat-name{color:#86efac}html.dark .cat-row.active .cat-count{background:#22c55e4d;color:#86efac}.lib-detail{max-width:880px;margin:0 auto}.link-back{border:none;background:none;color:var(--blue);cursor:pointer;font-size:14px;margin-bottom:12px}.lib-detail-top{margin-bottom:14px}.crumb{display:inline-flex;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 14px}.crumb-root{color:var(--blue);cursor:pointer;font-weight:500}.crumb-sep{margin:0 6px;color:var(--line);font-weight:700}.lib-hero{position:relative;overflow:hidden;height:220px;border-radius:var(--radius);background:linear-gradient(120deg,#eef2ff,#f5f3ff 55%,#ecfdf5);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;align-items:center;margin-bottom:16px}html.dark .lib-hero{background:linear-gradient(120deg,#1b2338,#221b3a 55%,#12281f)}.lib-hero-cover-wrap{position:relative;z-index:2;width:150px;aspect-ratio:2 / 3;margin-left:28px;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0f172a29}html.dark .lib-hero-cover-wrap{box-shadow:0 6px 20px #00000073}.lib-hero-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(99,102,241,.1) 1px,transparent 1px),linear-gradient(rgba(99,102,241,.1) 1px,transparent 1px),radial-gradient(circle at 86% 22%,rgba(139,92,246,.14),transparent 42%),radial-gradient(circle at 8% 92%,rgba(16,185,129,.09),transparent 38%);background-size:24px 24px,24px 24px,auto,auto}.lib-hero-deco:before{content:"";position:absolute;top:22%;right:14%;width:11px;height:11px;border-radius:3px;background:#6366f157;box-shadow:-58px 30px 0 -1px #8b5cf647,-30px -22px 0 -1px #10b98142,34px 50px 0 -1px #6366f13d,64px -10px 0 -2px #8b5cf638,-88px 62px 0 -3px #10b9812e}.lib-hero-deco:after{content:"";position:absolute;right:22%;bottom:16%;width:8px;height:8px;border-radius:2px;background:#8b5cf642;box-shadow:40px -34px 0 -2px #10b98133,-30px -58px 0 -3px #6366f12e}html.dark .lib-hero-deco{background-image:linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),radial-gradient(circle at 86% 22%,rgba(139,92,246,.22),transparent 42%),radial-gradient(circle at 8% 92%,rgba(16,185,129,.14),transparent 38%);background-size:24px 24px,24px 24px,auto,auto}html.dark .lib-hero-deco:before{background:#818cf880;box-shadow:-58px 30px 0 -1px #a78bfa66,-30px -22px 0 -1px #34d3995c,34px 50px 0 -1px #818cf857,64px -10px 0 -2px #a78bfa52,-88px 62px 0 -3px #34d39947}html.dark .lib-hero-deco:after{background:#a78bfa66;box-shadow:40px -34px 0 -2px #34d39952,-30px -58px 0 -3px #818cf84d}.lib-hero-overlay{position:relative;z-index:1;flex:1;min-width:0;width:100%;padding:22px 24px 20px 200px;color:var(--text)}.lib-hero-badges{display:flex;gap:8px;margin-bottom:10px}.lib-hero-badge{font-size:12px;font-weight:600;letter-spacing:.02em;background:#ffffffc7;border:1px solid rgba(22,32,46,.08);color:var(--text-2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:3px 11px;border-radius:999px}html.dark .lib-hero-badge{background:#ffffff14;border-color:#ffffff24}.lib-hero-overlay h1{font-size:26px;letter-spacing:-.02em;color:var(--text)}.lib-hero-overlay p{margin:6px 0 0;font-size:13.5px;color:var(--text-2)}@media (max-width: 640px){.lib-hero{height:auto;padding:16px}.lib-hero-cover-wrap{width:108px;margin-left:0}.lib-hero-overlay{padding:0 0 0 16px}}.progress-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.progress-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.progress-label{font-size:14px;font-weight:600;color:var(--text)}.progress-num{font-size:24px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums;line-height:1}.progress-track{flex:1;height:10px;background:var(--line-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;position:relative;overflow:hidden;background:linear-gradient(90deg,var(--green),var(--emerald));border-radius:999px;transition:width .3s}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2.8s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-stats{display:flex;gap:10px;margin-top:14px}.pstat{flex:1;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:1px}.pstat b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.pstat span{font-size:12px;color:var(--muted)}.pstat-ok b{color:var(--green)}.lib-toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;align-items:center}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-wrap .search-input{width:100%;padding-left:38px;border-radius:999px}.search-wrap .search-input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.lib-order{border-radius:999px;width:auto;padding-right:32px;cursor:pointer}.btn-dictation{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;font-weight:600;box-shadow:0 4px 14px #16a34a47;transition:transform .15s ease,box-shadow .15s ease}.btn-dictation:hover{transform:translateY(-1px);box-shadow:0 6px 18px #16a34a57}.item-list{display:flex;flex-direction:column;gap:10px}.item-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.item-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--green)}.word-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;row-gap:8px}.word-main{display:flex;align-items:center;gap:10px;min-width:0}.word-en{font-weight:700;font-size:16.5px;letter-spacing:-.01em}.word-ipa{color:var(--muted);font-size:12px;font-family:var(--mono);background:var(--panel-2);border:1px solid var(--line-2);padding:1px 7px;border-radius:6px;white-space:nowrap}.word-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.lib-detail .tag{font-size:11.5px;padding:2px 9px}.lib-detail .pos-tag{background:var(--green-soft);color:var(--green);font-weight:600}.word-gloss{color:var(--text-2);font-size:13.5px}.word-example{flex:0 0 100%;display:flex;flex-direction:column;gap:2px;padding:8px 11px;background:var(--panel-2);border-left:2px solid var(--line);border-radius:0 8px 8px 0}.word-example-en{font-size:13.5px;color:var(--text-2);line-height:1.5}.word-example-zh{font-size:12.5px;color:var(--muted)}.sentence-row{display:flex;flex-direction:column;gap:8px;position:relative;padding-right:44px}.sentence-row .star-btn{position:absolute;top:12px;right:14px}.sentence-zh{font-weight:600;font-size:15px}.sentence-en{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.en-word{display:inline-flex;flex-direction:column;align-items:center}.en-word-ipa{font-size:11px;color:var(--muted);font-family:var(--mono)}.en-word-text{font-size:15.5px;font-weight:600}.lib-empty{text-align:center;padding:52px 20px}.lib-empty-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}.lib-empty p{font-size:14px;font-weight:600;color:var(--text-2)}.lib-empty span{font-size:12.5px;color:var(--muted)}.plans-page{max-width:880px;margin:0 auto}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.plan-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);text-align:center;display:flex;flex-direction:column;gap:8px}.plan-name{font-weight:700;font-size:16px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;color:var(--blue)}.plan-price .cur{font-size:18px;font-weight:700}.plan-price .num{font-size:34px;font-weight:800}.plan-duration{color:var(--muted);font-size:13px}.plan-feats{list-style:none;padding:0;margin:10px 0 0;text-align:left;color:var(--text-2);font-size:13px}.plan-feats li{padding:4px 0 4px 20px;position:relative}.plan-feats li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.settings{max-width:880px;margin:0 auto}.settings-layout{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start}.settings-menu{display:flex;flex-direction:column;gap:4px;position:sticky;top:84px}.sm-item{text-align:left;border:none;background:transparent;padding:10px 12px;border-radius:9px;color:var(--text-2);cursor:pointer;font-size:14px}.sm-item:hover{background:var(--panel-2)}.sm-item.active{background:var(--blue);color:#fff;font-weight:600}.vip-card{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.vip-card--off{background:linear-gradient(135deg,#94a3b8,#64748b)}.vip-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vip-badge{font-weight:800;font-size:16px}.vip-plan{background:#ffffff40;padding:3px 10px;border-radius:999px;font-size:12px}.vip-row{display:flex;justify-content:space-between;font-size:13px;margin:6px 0;opacity:.95}.vip-card .btn{margin-top:10px;background:#fff;color:var(--amber)}.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:14px;display:flex;gap:18px;align-items:center}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;flex:1}.profile-fields>div{display:flex;gap:8px;font-size:14px}.profile-fields span{color:var(--muted);min-width:56px}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.avatar-edit{width:72px;height:72px;border-radius:50%;background:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-bottom:16px;position:relative}.avatar-edit img{width:100%;height:100%;object-fit:cover}.avatar-edit-hint{font-size:10px;background:#0000004d;padding:2px 4px;border-radius:4px}.avatar-edit-hint-swap{position:absolute;left:0;right:0;bottom:0;border-radius:0;padding:3px 4px;text-align:center;opacity:0;transition:opacity .15s}.avatar-edit:hover .avatar-edit-hint-swap{opacity:1}.admin-page{max-width:1100px;margin:0 auto}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mgr-cols{display:grid;grid-template-columns:var(--mgr-left, 300px) 8px 1fr;gap:18px 0;align-items:start}.mgr-left{display:flex;flex-direction:column;gap:16px;min-width:0}.mgr-right{min-width:0}.mgr-divider{align-self:stretch;cursor:col-resize;border-radius:4px;background:transparent;transition:background .12s ease}.mgr-divider:hover,.mgr-divider:active{background:var(--line-2)}.cat-list,.lib-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:6px}.cat-list li,.lib-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;padding:8px 10px}.inline-form{display:flex;gap:8px}.lib-list-info{display:flex;flex-direction:column}.lib-list-title{font-weight:600;font-size:14px}.lib-list-meta{font-size:12px;color:var(--muted)}.lib-list-actions{display:flex;gap:6px}.empty.big{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.gen-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{margin:12px 0}details{background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;margin-bottom:12px}details summary{cursor:pointer;font-size:13px;color:var(--text-2)}@media (max-width: 760px){.shelf-body,.settings-layout,.mgr-cols{grid-template-columns:1fr}.mgr-divider{display:none}.shelf-side,.settings-menu{position:static;max-height:none;overflow:visible;flex-direction:row;flex-wrap:wrap}.profile-fields{grid-template-columns:1fr}}.my-home{display:flex;flex-direction:column;gap:22px;max-width:1480px;margin:0 auto}.app-main:has(.my-home),.app-main:has(.shelf){max-width:none;padding-left:40px;padding-right:40px}@media (max-width: 900px){.app-main:has(.my-home),.app-main:has(.shelf){padding-left:20px;padding-right:20px}}.home-hero{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:var(--radius);background:linear-gradient(120deg,#1e3a8a,#2563eb 55%,#0891b2);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.home-hero:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}.home-hero-avatar{width:64px;height:64px;border-radius:50%;background:#ffffff38 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;border:2px solid rgba(255,255,255,.6);flex-shrink:0}.home-hero-info{flex:1;min-width:0}.home-hero-name{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.home-hero-sub{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vip-badge{font-size:12px;padding:3px 10px;border-radius:999px;background:#ffffff2e;color:#e2e8f0}.vip-badge.is-vip{background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#4a2c00;font-weight:600}.level-badge,.streak-badge{font-size:12px;padding:3px 10px;border-radius:999px;background:#ffffff2e;color:#fff}.home-hero-edit{position:relative;z-index:1;background:#ffffffeb;color:var(--deep-blue)}.home-carousel{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;height:504px}.carousel-track{display:flex;height:100%;transition:transform .5s ease}.carousel-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.carousel-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none}.carousel-ph-1{background:linear-gradient(120deg,#3b82f6,#8b5cf6)}.carousel-ph-2{background:linear-gradient(120deg,#0ea5e9,#14b8a6)}.carousel-ph-3{background:linear-gradient(120deg,#f59e0b,#f43f5e)}.carousel-ph-text{color:#ffffffeb;font-size:15px;font-weight:600;letter-spacing:2px;text-shadow:0 1px 4px rgba(0,0,0,.18)}.carousel-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:7px}.carousel-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:#ffffff73;cursor:pointer;transition:all .25s ease}.carousel-dot.active{width:20px;background:#fff}@media (max-width: 640px){.home-carousel{height:260px}}.home-cats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-cat-card{display:flex;align-items:center;gap:14px;padding:20px 22px;border:none;border-radius:16px;color:#fff;text-align:left;cursor:pointer;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 20px #0f172a1f}.home-cat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a2e}.home-cat-card.cat-word{background:linear-gradient(120deg,#3b82f6,#8b5cf6)}.home-cat-card.cat-sentence{background:linear-gradient(120deg,#0ea5e9,#14b8a6)}.home-cat-icon{font-size:30px;flex-shrink:0;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e;border-radius:14px}.home-cat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.home-cat-title{font-size:18px;font-weight:800;letter-spacing:1px}.home-cat-sub{font-size:12.5px;opacity:.9}.home-cat-meta{font-size:12px;margin-top:3px;align-self:flex-start;padding:2px 10px;border-radius:999px;background:#fff3;font-variant-numeric:tabular-nums}.home-cat-arrow{flex-shrink:0;font-size:20px;opacity:.85;transition:transform .18s ease}.home-cat-card:hover .home-cat-arrow{transform:translate(4px)}@media (max-width: 720px){.home-cats{grid-template-columns:1fr}.home-cat-card{padding:16px 18px}}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.stat-icon{font-size:18px}.stat-num{font-size:22px;font-weight:700;color:var(--text)}.stat-label{font-size:12px;color:var(--muted)}.home-section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}.home-greeting{font-size:22px;font-weight:800;margin:2px 0 16px;letter-spacing:.2px;color:var(--text)}.home-greeting .greet-name{font-weight:800;color:var(--text)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:17px;margin:0}.section-tip{font-size:13px;color:var(--muted)}.section-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line);position:relative}.section-head:after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:2px;border-radius:2px;background:var(--accent-line, #22c55e);opacity:.85}.section-head-ico{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:18px;line-height:1;background:var(--ico-bg, rgba(34, 197, 94, .12));box-shadow:inset 0 0 0 1px var(--ico-bd, rgba(34, 197, 94, .22))}.section-head-word .section-head-ico{--ico-bg: rgba(99, 102, 241, .12);--ico-bd: rgba(99, 102, 241, .24);--accent-line: #6366f1}.section-head-sentence .section-head-ico{--ico-bg: rgba(16, 185, 129, .12);--ico-bd: rgba(16, 185, 129, .24);--accent-line: #10b981}.section-head-amber .section-head-ico{--ico-bg: rgba(245, 158, 11, .14);--ico-bd: rgba(245, 158, 11, .26);--accent-line: #f59e0b}.section-head-blue .section-head-ico{--ico-bg: rgba(59, 130, 246, .12);--ico-bd: rgba(59, 130, 246, .24);--accent-line: #3b82f6}.section-head-red .section-head-ico{--ico-bg: rgba(239, 68, 68, .12);--ico-bd: rgba(239, 68, 68, .24);--accent-line: #ef4444}.section-head-green .section-head-ico{--ico-bg: rgba(34, 197, 94, .12);--ico-bd: rgba(34, 197, 94, .24);--accent-line: #22c55e}html.dark .section-head-ico{box-shadow:inset 0 0 0 1px var(--ico-bd, rgba(34, 197, 94, .3))}.section-head-text{flex:1;min-width:0}.section-head h2{font-size:17px;margin:0;font-weight:700;letter-spacing:.2px}.section-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.section-tip{flex:none;font-size:12.5px;color:var(--text-2);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.course-more{display:flex;justify-content:center;margin-top:14px}.course-more-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 18px;transition:color .15s,border-color .15s,background .15s}.course-more-btn:hover{color:#16a34a;border-color:#86efac;background:#22c55e0f}html.dark .course-more-btn:hover{color:#86efac;border-color:#86efac73;background:#22c55e24}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.course-card-wrap{position:relative;display:flex}.course-card{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:10px 10px 12px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.course-card:hover{border-color:#22c55e80;box-shadow:0 10px 24px #0f172a1a;transform:translateY(-2px)}html.dark .course-card:hover{box-shadow:0 12px 28px #00000080}.course-card-cover{position:relative;aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;background:var(--line-2);box-shadow:inset 0 0 0 1px #0f172a14}html.dark .course-card-cover{box-shadow:inset 0 0 0 1px #ffffff1f}.course-card-cover .lib-cover{height:100%}.course-card-cover .lib-cover-contain{background-color:var(--panel);background-image:radial-gradient(circle at 30% 20%,rgba(99,102,241,.07),transparent 55%),radial-gradient(circle at 75% 80%,rgba(16,185,129,.07),transparent 55%)}html.dark .course-card-cover .lib-cover-contain{background-color:#10192b}.course-card-cover:before{content:"";position:absolute;left:0;right:0;top:0;height:62px;pointer-events:none;z-index:1;background:linear-gradient(to bottom,rgba(15,23,42,.18),transparent)}.course-card-badge,.course-del{z-index:2}.course-card-badge{position:absolute;left:8px;top:8px;padding:3px 10px;border-radius:999px;background:#0f172a8c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 4px #0f172a38}html.dark .course-card-badge{background:#00000080;color:#fff}.course-card-pct{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:#0000006b;color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.course-del{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;right:8px;top:8px;width:22px;height:22px;border:none;border-radius:50%;background:#0000006b;color:#ffffffe6;font:inherit;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.75;transition:opacity .15s,background .15s,transform .15s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.course-del:hover{opacity:1;background:#ef4444;color:#fff;transform:scale(1.08)}.course-card-body{margin-top:10px;display:flex;flex-direction:column;flex:1}.course-title{font-weight:700;font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-cat{font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-meta{font-size:12.5px;color:var(--muted);margin-top:4px}.course-track{margin:8px 0 10px}.course-go{width:100%;margin-top:auto;padding:7px 11px;font-size:13.5px;border-radius:9px;font-weight:600}.course-go-start{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;box-shadow:0 4px 12px #22c55e47}.course-go-start:hover{filter:brightness(1.05)}.course-go-learning,.course-go-done{background:var(--panel-2);color:var(--text-2);border:1px solid var(--line)}.course-go-learning:hover{border-color:var(--accent);color:#16a34a}.course-go-done{color:var(--muted)}html.dark .course-go-learning:hover{color:#86efac}.course-del:active{transform:scale(.94)}.course-card-add{background:transparent;border:1px dashed var(--line);box-shadow:none;justify-content:center;min-height:100%}.course-card-add:hover{border-color:var(--green);background:#22c55e0d;box-shadow:none}html.dark .course-card-add:hover{background:#22c55e1a}.course-add-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--muted)}.course-add-plus{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;background:var(--panel-2);border:1px solid var(--line);transition:transform .15s ease,background .15s ease,color .15s ease}.course-card-add:hover .course-add-plus{transform:scale(1.06);background:var(--green-soft);border-color:#22c55e73;color:#16a34a}html.dark .course-card-add:hover .course-add-plus{color:#86efac}.course-add-text{font-size:13px;font-weight:600}.mini-list{display:flex;flex-direction:column;gap:8px}.mini-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);cursor:pointer;transition:border-color .15s,box-shadow .15s}.mini-item:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}.mini-main{flex:1;min-width:0}.mini-en{font-size:15px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-ipa{font-size:12px;color:var(--muted);font-family:var(--mono)}.mini-zh{font-size:13px;color:var(--text-2);margin-top:2px}.mini-err{margin-left:8px;font-size:12px;color:#dc2626;font-family:var(--mono)}html.dark .mini-err{color:#f87171}.mini-lib{font-size:12px;color:var(--muted);margin-top:2px}.mini-side{display:flex;align-items:center;gap:6px;flex-shrink:0}.kind-badge{font-size:11px;padding:1px 8px;border-radius:999px;background:var(--line-2);color:var(--slate)}.kind-badge.kind-word{background:#dcfce7;color:#15803d}.kind-badge.kind-sentence{background:#d1fae5;color:#047857}.empty-card{text-align:center;padding:26px 16px;border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:14px}.empty-card .empty-actions{margin-top:12px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.star-btn{border:none;background:transparent;cursor:pointer;font-size:20px;line-height:1;color:var(--muted);padding:4px 6px;border-radius:8px;transition:transform .12s,color .15s}.star-btn:hover{transform:scale(1.15);color:var(--amber)}.star-btn.is-on{color:var(--amber)}.star-sm{font-size:17px}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover{background:var(--emerald)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}@media (max-width: 760px){.stat-grid{grid-template-columns:repeat(3,1fr)}.home-hero{flex-wrap:wrap}}.my-home .btn-primary{background:var(--green);border-color:var(--green)}.my-home .btn-primary:hover{background:var(--emerald);border-color:var(--emerald)}.my-home .menu-pill{background:#16a34a1f;color:#15803d}html.dark .my-home .menu-pill{background:#22c55e29;color:#86efac}.my-home .stat-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}.my-home .stat-card{padding:12px 10px}.my-home .stat-num{font-size:20px}@media (max-width: 760px){.my-home .stat-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:12px}.my-home .stat-card{padding:14px 12px}.my-home .stat-num{font-size:22px}}.lib-cover-design{position:relative;overflow:hidden;align-items:stretch;justify-content:stretch}.lib-cover-design .cover-blob{position:absolute;border-radius:50%;pointer-events:none}.lib-cover-design .cover-blob-a{width:120px;height:120px;right:-34px;top:-40px;background:radial-gradient(circle,#ffffff52,#fff0 70%)}.lib-cover-design .cover-blob-b{width:90px;height:90px;left:-30px;bottom:-38px;background:radial-gradient(circle,#ffffff38,#fff0 70%)}.lib-cover-design .cover-stripes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.5) 0 2px,transparent 2px 12px)}.lib-cover-design .cover-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:12px 14px;text-align:left;width:100%}.lib-cover-design .cover-icon{font-size:20px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.lib-cover-design .cover-title{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-cover-design .cover-meta{font-size:11px;color:#ffffffd9}.lib-cover-design[data-type=word]{background-color:#6366f1}.cat-node{display:flex;flex-direction:column}.cat-row{display:flex;align-items:center;gap:4px;padding:6px 9px;border-radius:9px;cursor:default;transition:background .14s ease}.cat-row:hover{background:var(--panel-2)}.cat-row.active{background:#22c55e1f}.cat-row.active .cat-name{color:#16a34a;font-weight:600}.cat-row.active .cat-count{background:#22c55e29;color:#16a34a}.cat-toggle{width:20px;height:20px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:6px;color:var(--slate);transition:background .12s ease,transform .18s ease}.cat-toggle.is-collapsed{transform:rotate(-90deg)}.cat-toggle:hover{background:var(--line-2);color:var(--text-2)}.cat-name{border:none;background:transparent;cursor:pointer;color:var(--text-2);font-size:14px;text-align:left;display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 0}.cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 0 3px #0000000a}.cat-row.active .cat-dot,.cat-item.active .cat-dot{box-shadow:0 0 0 3px #22c55e2e}.cat-dot-all{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.cat-count{font-size:11.5px;color:var(--muted);flex-shrink:0;padding:1px 8px;border-radius:999px;background:var(--panel-2);font-variant-numeric:tabular-nums}.cat-children{position:relative;animation:cat-in .16s ease}.cat-children:before{content:"";position:absolute;left:var(--guide-x, 31px);top:2px;bottom:6px;width:2px;border-radius:2px;background:var(--line-2)}@keyframes cat-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.cat-empty{font-size:12.5px;color:var(--muted);padding:8px 12px}.cat-level{font-size:10px;padding:0 5px;border-radius:4px;flex-shrink:0;background:var(--line-2);color:var(--slate)}.cat-level.lv1{background:#dbeafe;color:#1d4ed8}.cat-level.lv2{background:#ede9fe;color:var(--violet)}.cat-level.lv3{background:#dcfce7;color:#15803d}.cat-level.lv4,.cat-level.lv5,.cat-level.lv6,.cat-level.lv7,.cat-level.lv8{background:var(--line-2);color:var(--slate)}.field-tip{font-size:12px;color:var(--muted);margin:2px 0 6px;line-height:1.5}.lib-detail-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.crumb{display:flex;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.crumb-root{color:var(--blue);cursor:pointer}.crumb-root:hover{text-decoration:underline}.crumb-sep{margin:0 6px;color:var(--line)}.crumb-item{color:var(--text-2)}.crumb-link{cursor:pointer}.crumb-link:hover{color:var(--blue);text-decoration:underline}.crumb-cur{color:var(--text);font-weight:600}.lib-hero{position:relative;overflow:hidden}.lib-hero .lib-cover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.admin-tip{font-size:13px;color:var(--muted);margin:-6px 0 16px}.admin-tip b{color:var(--text-2)}.cat-tree,.cat-tree-children{list-style:none;margin:0;padding:0}.cat-tree{display:flex;flex-direction:column;gap:2px}.cat-tree-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px}.cat-tree-row:hover{background:var(--panel-2)}.cat-tree-name{flex:1;font-size:13px;color:var(--text-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-tree-actions{display:flex;gap:4px;flex-shrink:0}.panel-head-actions{display:flex;gap:8px;align-items:center}.input-sm{padding:4px 8px;font-size:12px;width:auto;max-width:170px}.cover-editor{display:flex;gap:14px;align-items:flex-start;margin-top:6px}.cover-preview{width:180px;height:96px;border-radius:var(--radius-sm);border:1px solid var(--line);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--panel-2)}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-preview-empty{font-size:12px;color:var(--muted);padding:8px;text-align:center}.cover-editor-actions{display:flex;flex-direction:column;gap:8px}.course-cat{font-size:12px;opacity:.92}.tree{display:flex;flex-direction:column;gap:1px;margin-top:10px;max-height:calc(100vh - 260px);overflow:auto}.tree-filter{width:100%;max-width:none;margin-top:10px}.tree-node{display:flex;flex-direction:column}.tree-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;min-width:0;position:relative}.tree-row:hover{background:var(--panel-2)}.tree-row.nested:before{content:"";position:absolute;top:0;bottom:-1px;width:1px;left:calc(var(--d, 0) * 20px - 2px);background:var(--line-2)}.tree-cat{font-weight:500;cursor:pointer}.tree>.tree-node+.tree-node{margin-top:10px}.tree>.tree-node>.tree-row.tree-cat{font-weight:700;color:var(--text)}.tree-row.selected{background:#2563eb24;box-shadow:inset 3px 0 0 var(--blue)}.tree-row.selected .tree-name{color:var(--blue);font-weight:600}.tree-lib{color:var(--text-2);cursor:pointer}.tree-lib:hover{background:var(--panel-2)}.tree-lib.dragging{opacity:.4;outline:1px dashed var(--blue)}.tree-toggle{width:20px;height:20px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:6px;color:var(--slate);transition:background .12s ease}.tree-toggle:hover{background:var(--line-2);color:var(--text-2)}.tree-chevron{transition:transform .16s ease}.is-collapsed .tree-chevron{transform:rotate(-90deg)}.tree-spacer{width:20px;flex-shrink:0}.tree-folder,.tree-book{flex-shrink:0;display:block}.tree-name{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-cat-name{color:var(--text)}.tree-count{font-size:11px;color:var(--muted);flex-shrink:0;margin-left:auto;background:var(--panel-2);border-radius:9px;padding:1px 7px;min-width:14px;text-align:center}.tree-more{width:20px;height:20px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:6px;color:var(--muted);transition:background .12s ease}.tree-more:hover,.tree-more.open{background:var(--line-2);color:var(--text-2)}.menu-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.row-menu{position:absolute;right:6px;top:26px;z-index:30;min-width:128px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0f172a24;display:flex;flex-direction:column}.row-menu button{border:none;background:transparent;text-align:left;cursor:pointer;padding:7px 10px;font-size:13px;color:var(--text-2);border-radius:7px}.row-menu button:hover{background:var(--panel-2);color:var(--text)}.row-menu button.danger{color:#dc2626}.row-menu.up{top:auto;bottom:26px}.ops-wrap{display:inline-flex;align-items:center;gap:6px;position:relative}.ops-menu{right:0;top:28px;z-index:45}.ops-menu.up{top:auto;bottom:28px}.ops-menu button:disabled{opacity:.45;cursor:not-allowed}.ops-menu button:disabled:hover{background:transparent;color:var(--text-2)}.ops-toggle{width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);border-radius:6px;cursor:pointer;color:var(--muted);font-size:11px;line-height:1;transition:transform .15s ease,background .12s ease,color .12s ease}.ops-toggle:hover{background:var(--panel-2);color:var(--text-2)}.ops-toggle.open{transform:rotate(180deg);color:var(--text-2);background:var(--panel-2)}.tree-actions{display:flex;gap:4px;flex-shrink:0;margin-left:6px}.tree-actions .btn{padding:2px 7px;font-size:12px}.tree-lib .tree-actions{margin-left:6px;display:none}.tree-lib:hover .tree-actions,.tree-lib.selected .tree-actions{display:flex}.tree-lib .tree-count{margin-left:auto}.tree .empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:13px}.tree-row[draggable=true]{cursor:grab}.tree-row.drop-into{background:#3b82f61a}.tree-row.drop-above{box-shadow:inset 0 2px 0 var(--blue)}.tree-row.drop-below{box-shadow:inset 0 -2px 0 var(--blue)}.tree-root-drop{margin:8px 6px 2px;padding:7px 10px;border:1px dashed var(--line);border-radius:8px;font-size:12px;color:var(--muted);text-align:center;transition:all .12s ease}.tree-root-drop.active{border-color:var(--blue);color:var(--blue);background:#3b82f614;font-weight:600}.import-box{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:10px 12px;margin:10px 0;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel-2)}.import-box .field-tip{margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0 4px}.pagination .page-info{font-size:13px;color:var(--muted)}.pagination .btn:disabled{opacity:.45;cursor:not-allowed}.pos-tag{background:var(--blue-soft, rgba(37,99,235,.1));color:var(--blue);font-weight:600;flex-shrink:0}@keyframes ans-card-in{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.ans-card{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:900;width:min(400px,calc(100vw - 48px));padding:14px 18px 16px;background:var(--surface, #fff);border:1px solid rgba(15,23,42,.1);border-radius:16px;box-shadow:0 2px 6px #0f172a14,0 16px 40px #0f172a2e;animation:ans-card-in .28s cubic-bezier(.22,1,.36,1);overflow:hidden}.ans-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ans-card-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#16a34a;letter-spacing:1px}.ans-card-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.ans-card-close{display:grid;place-items:center;width:22px;height:22px;border:none;border-radius:50%;background:#0f172a0d;color:var(--muted, #64748b);cursor:pointer;transition:background .15s,color .15s}.ans-card-close:hover{background:#0f172a1a;color:var(--text, #0f172a)}.ans-card-body{text-align:center}.ans-card-wordline{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.ans-card-pos{flex-shrink:0;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;color:#fff}.tone-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.tone-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tone-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.tone-purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.tone-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.ans-card-word{font-size:30px;font-weight:800;color:#15803d;letter-spacing:.5px;line-height:1.25;border-radius:2px;word-break:break-word}.ans-card-sentence{font-size:30px;font-weight:800;color:#15803d;line-height:1.35;letter-spacing:.5px;border-radius:2px;word-break:break-word}.ans-card-speak{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:none;border-radius:50%;background:#0ea5e91f;color:#0284c7;cursor:pointer;transition:transform .15s,background .15s}.ans-card-speak:hover{transform:scale(1.08);background:#0ea5e933}.ans-card-speak.is-speaking{color:#0ea5e9;animation:speak-pulse 1.2s ease-in-out infinite}@keyframes speak-pulse{0%,to{box-shadow:0 0 #0ea5e959}50%{box-shadow:0 0 0 6px #0ea5e914}}.ans-card-ipa{margin-top:2px;font-size:14px;color:var(--muted, #64748b);font-family:Duo,Segoe UI,system-ui,sans-serif;letter-spacing:.3px}.ans-card-gloss{margin-top:10px;padding:8px 14px;border-radius:10px;background:#22c55e14;font-size:15px;font-weight:600;color:var(--text-2, #334155);line-height:1.55;text-align:center}.bg-picker{position:relative}.bg-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:300;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:6px;background:var(--panel, #fff);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.bg-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;border-radius:8px;background:transparent;font-size:13px;color:var(--text);text-align:left;cursor:pointer}.bg-item:hover{background:var(--line-2, rgba(15, 23, 42, .06))}.bg-item.active{font-weight:700}.bg-swatch{width:16px;height:16px;border-radius:5px;border:1px solid rgba(15,23,42,.15);flex-shrink:0}.bg-check{margin-left:auto;color:var(--blue)}html.dark .notice-box.info{background:#3b82f61a;border-color:#3b82f64d}html.dark .notice-box p{color:var(--text-2)}html.dark .tag{background:var(--line-2)}html.dark .data-table td code{background:var(--line-2);color:var(--text-2)}html.dark .kind-badge.kind-word{background:#7c3aed2e;color:#c4b5fd}html.dark .kind-badge.kind-sentence{background:#0891b22e;color:#67e8f9}html.dark .ans-card{background:var(--panel);border-color:var(--line);box-shadow:0 2px 6px #00000059,0 16px 40px #00000080}html.dark .ans-card-word,html.dark .ans-card-sentence{color:#4ade80}html.dark .ans-card-close{background:#ffffff12}html.dark .ans-card-close:hover{background:#ffffff24;color:var(--text)}html.dark .ans-card-gloss{background:#22c55e1f;color:var(--text-2)}html.dark .ans-card-speak{background:#0ea5e929;color:#38bdf8}.admin-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:0 2px 4px}.admin-pager-info{font-size:12.5px;color:var(--muted)}.admin-pager-btns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-pager-btn{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--line);background:var(--panel);color:var(--text-2);font-size:13px;border-radius:8px;cursor:pointer;font-family:inherit;transition:border-color .15s ease,color .15s ease,background .15s ease}.admin-pager-btn:hover:not(:disabled):not(.is-on){border-color:var(--blue);color:var(--blue)}.admin-pager-btn.is-on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700;cursor:default}.admin-pager-btn:disabled{opacity:.45;cursor:not-allowed}.admin-pager-ellipsis{color:var(--muted);font-size:13px;padding:0 2px}.badge-deleted{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}html.dark .badge-deleted{background:#94a3b829;color:#94a3b8;border-color:#94a3b84d}.btn-ghost-danger{color:var(--muted)}.btn-ghost-danger:hover:not(:disabled){color:var(--red);border-color:#dc262673;background:#dc26260f}.delete-mode{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.delete-mode:hover{border-color:#c7d2e3}.delete-mode.is-on{border-color:var(--blue);background:#2563eb0d}.delete-mode.danger.is-on{border-color:var(--red);background:#dc26260f}.delete-mode input[type=radio]{margin-top:3px;accent-color:var(--blue);cursor:pointer}.delete-mode.danger.is-on input[type=radio]{accent-color:var(--red)}.delete-mode-body{display:flex;flex-direction:column;gap:3px}.delete-mode-body b{font-size:14px;color:var(--text)}.delete-mode-body em{font-style:normal;font-size:12.5px;line-height:1.6;color:var(--muted)}html.dark .delete-mode.is-on{background:#3b82f61f}html.dark .delete-mode.danger.is-on{background:#ef44441f}.modal.modal-lg{width:min(760px,100%);max-width:760px}.ov-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:4px 0 6px}.ov-stat{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.ov-stat span{font-size:12px;color:var(--muted)}.ov-stat b{font-size:18px;color:var(--text)}.ov-h{font-size:13.5px;color:var(--text);margin:18px 0 8px;padding-left:9px;border-left:3px solid var(--blue);line-height:1.4}.ov-empty{font-size:13px;color:var(--muted);margin:0 0 4px}.ov-libs{display:flex;flex-direction:column;gap:7px}.ov-lib{display:grid;grid-template-columns:150px 1fr 84px;align-items:center;gap:10px;font-size:13px}.ov-lib-title{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-lib-bar{height:8px;border-radius:999px;background:var(--line-2);overflow:hidden}.ov-lib-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(120deg,#3b82f6,#2563eb)}.ov-lib-num{text-align:right;color:var(--muted);font-size:12.5px}.ov-days{display:flex;align-items:flex-end;gap:6px;height:96px;padding:6px 2px 0}.ov-day{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.ov-day-bar{width:100%;max-width:26px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#60a5fa,#2563eb);min-height:3px}.ov-day em{font-style:normal;font-size:10.5px;color:var(--muted)}.ov-devices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ov-devices li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.ov-devices b{font-weight:600;color:var(--text-2)}@media (max-width: 720px){.ov-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-lib{grid-template-columns:96px 1fr 70px}.admin-pager{justify-content:center}.admin-pager-info{width:100%;text-align:center}}table.data.data-users{min-width:1040px;font-size:13px}.data-users th,.data-users td{padding:9px 7px;white-space:nowrap}.data-users td.mono{white-space:nowrap}.data-users .cell-learn .muted{font-weight:400}.data-users .btn-sm{padding:3px 6px;font-size:12px}.data-users td:last-child .btn-sm+.btn-sm{margin-left:5px}.data-users td:last-child{white-space:nowrap}.link-user{font-weight:600;color:var(--text);padding:0;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border-radius:4px}.link-user:hover{color:var(--blue);text-decoration:underline}.landing{min-height:100vh;background:#fff;color:#1f2937;font-size:15px;overflow-x:clip;--land-content: 1480px;--land-pad: 40px}.land-nav{position:sticky;top:0;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}.land-nav-inner{max-width:calc(var(--land-content) + var(--land-pad) * 2);margin:0 auto;padding:14px var(--land-pad);display:flex;align-items:center;gap:28px}.land-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.land-brand-name{font-size:19px;font-weight:800;color:#111827;letter-spacing:.5px}.land-nav-links{display:flex;gap:24px;flex:1}.land-nav-links a,.land-nav-links button{color:#4b5563;text-decoration:none;font-size:14px;font-weight:500;transition:color .15s ease;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.land-nav-links a:hover,.land-nav-links button:hover{color:#16a34a}.land-nav-links button.is-guest,.land-nav-links button.is-guest:hover{color:#9ca3af;cursor:default}.land-nav-actions{display:flex;gap:10px;align-items:center}.land-nav-actions .theme-toggle.btn{background:#fff;border:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px}.land-nav-actions .theme-toggle.btn:hover{border-color:#bbf7d0;color:#16a34a;background:#f0fdf4}.land-btn-primary{border:none;cursor:pointer;background:linear-gradient(120deg,#16a34a,#22c55e);color:#fff;font-size:14px;font-weight:600;padding:9px 20px;border-radius:10px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 2px 10px #4f46e540}.land-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4f46e552}.land-btn-ghost{border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:600;padding:9px 20px;border-radius:10px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.land-btn-ghost:hover{border-color:#bbf7d0;color:#16a34a;background:#f0fdf4}.land-hero{position:relative;overflow:hidden;background:radial-gradient(860px 420px at 10% 6%,rgba(34,197,94,.09),transparent 65%),radial-gradient(760px 380px at 90% 26%,rgba(45,212,191,.08),transparent 65%),#fff}.land-hero-inner{max-width:calc(var(--land-content) + var(--land-pad) * 2);margin:0 auto;padding:88px var(--land-pad) 84px;display:grid;grid-template-columns:1fr 1.02fr;gap:72px;align-items:center}.land-hero-tag{display:inline-block;font-size:13px;font-weight:600;color:#16a34a;background:#ecfdf5;border:1px solid #d1fae5;padding:5px 14px;border-radius:999px;margin-bottom:20px}.land-hero-title{font-size:50px;line-height:1.2;font-weight:800;margin:0 0 20px;color:#111827;letter-spacing:1px}.land-hero-grad{background:linear-gradient(110deg,#16a34a,#22c55e 55%,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.land-hero-sub{font-size:17px;line-height:1.8;color:#6b7280;margin:0 0 26px;max-width:540px}.land-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.land-point{font-size:13px;font-weight:600;color:#374151;background:#f6f7fb;border:1px solid #eceef5;border-radius:999px;padding:7px 14px}.land-hero-note{border-left:3px solid #16a34a;padding-left:16px;font-size:15px;line-height:1.85;color:#6b7280;margin:0 0 26px;max-width:540px}.land-preview{position:relative;display:flex;justify-content:center;padding:12px 0}.land-preview-card{width:100%;max-width:560px;background:#fff;border:1px solid #eceef3;border-radius:22px;box-shadow:0 28px 70px #1f29371f,0 4px 16px #1f29370d;padding:20px 26px 24px;transform:rotate(1.2deg)}.land-preview-head{display:flex;align-items:center;gap:6px;margin-bottom:18px}.land-preview-dot{width:9px;height:9px;border-radius:50%}.land-preview-dot.r{background:#fca5a5}.land-preview-dot.y{background:#fcd34d}.land-preview-dot.g{background:#86efac}.land-preview-label{margin-left:auto;font-size:12px;color:#9ca3af;font-weight:600}.land-preview-progress{height:7px;border-radius:999px;background:#f0f1f6;overflow:hidden;margin-bottom:8px}.land-preview-progress-bar{height:100%;width:24%;border-radius:999px;background:linear-gradient(90deg,#16a34a,#22c55e)}.land-preview-meta{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;font-weight:600;margin-bottom:18px}.land-preview-word{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.land-preview-sound{width:36px;height:36px;border-radius:11px;background:#ecfdf5;display:inline-flex;align-items:center;justify-content:center;font-size:17px;align-self:center}.land-preview-word-text{font-size:28px;font-weight:800;color:#111827;letter-spacing:.5px}.land-preview-phon{font-size:13px;color:#9ca3af}.land-preview-input{margin-top:18px;border:1.5px solid #bbf7d0;background:#f6fdf9;border-radius:12px;padding:14px 16px;font-size:17px;display:flex;align-items:center}.land-preview-caret{width:2px;height:19px;background:#16a34a;margin-right:2px;animation:land-blink 1.1s step-end infinite}@keyframes land-blink{50%{opacity:0}}.land-preview-typed{color:#111827;font-weight:700}.land-preview-rest{color:#bbf7d0;font-weight:700}.land-preview-feedback{margin-top:12px;display:inline-block;font-size:13px;font-weight:600;padding:9px 14px;border-radius:10px;background:#ecfdf5;color:#16a34a}.land-preview-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.land-preview-chip{font-size:12px;font-weight:600;color:#6b7280;background:#f4f5f9;border-radius:999px;padding:5px 12px}.land-float{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #eceef3;border-radius:14px;padding:11px 15px;font-size:12.5px;font-weight:600;color:#4b5563;box-shadow:0 14px 34px #1f29371f}.land-float em{font-style:normal;font-size:15px;font-weight:800;color:#16a34a;margin:0 3px}.land-float-icon{font-size:16px}.land-float-book{top:4%;left:2%;transform:rotate(-2deg)}.land-float-fire{bottom:6%;right:1%;transform:rotate(1.6deg)}.land-section{max-width:calc(var(--land-content) + var(--land-pad) * 2);margin:0 auto;padding:84px var(--land-pad)}.land-section-alt{max-width:none;background:#f8f9fc;border-top:1px solid #f0f1f6;border-bottom:1px solid #f0f1f6;padding:84px 0}.land-section-alt>*{max-width:calc(var(--land-content) + var(--land-pad) * 2);margin-left:auto;margin-right:auto;padding-left:var(--land-pad);padding-right:var(--land-pad)}.land-sec-title{text-align:center;font-size:30px;font-weight:800;color:#111827;margin:0 0 12px;letter-spacing:.5px}.land-sec-sub{text-align:center;color:#9ca3af;font-size:14.5px;margin:0 0 48px}.feat-row{display:grid;grid-template-columns:1fr 1.12fr;gap:72px;align-items:center;padding:64px 0}.feat-row+.feat-row{border-top:1px solid #eceef3}.feat-row.is-reverse .feat-copy{order:2}.feat-kicker{display:inline-block;font-size:13px;font-weight:700;color:#16a34a;background:#ecfdf5;border:1px solid #d1fae5;border-radius:999px;padding:5px 14px;margin-bottom:18px}.feat-kicker.tint-teal{color:#0d9488;background:#ecfdf7;border-color:#d3f3e9}.feat-title{font-size:28px;font-weight:800;color:#111827;margin:0 0 16px;line-height:1.35;letter-spacing:.3px}.feat-desc{font-size:15px;line-height:1.9;color:#6b7280;margin:0 0 22px}.feat-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.feat-points li{font-size:14.5px;color:#4b5563;font-weight:500;padding-left:26px;position:relative}.feat-points li:before{content:"✓";position:absolute;left:0;top:1px;color:#10b981;font-weight:800}.feat-mock{background:#fff;border:1px solid #eceef3;border-radius:20px;box-shadow:0 28px 70px #1f29371a,0 4px 16px #1f29370a;padding:22px 28px 26px}.feat-mock-head{display:flex;align-items:center;gap:6px;margin-bottom:20px}.feat-mock-dot{width:9px;height:9px;border-radius:50%}.feat-mock-dot.r{background:#fca5a5}.feat-mock-dot.y{background:#fcd34d}.feat-mock-dot.g{background:#86efac}.feat-mock-label{margin-left:auto;font-size:12px;color:#9ca3af;font-weight:600}.feat-mock-body{padding:2px 2px 4px}.feat-supports{display:grid;grid-template-columns:repeat(4,1fr);gap:44px;margin-top:20px;padding-top:52px;border-top:1px solid #eceef3}.feat-support-icon{font-size:26px;display:block;margin-bottom:14px}.feat-support h4{font-size:15.5px;font-weight:700;color:#111827;margin:0 0 7px}.feat-support p{font-size:13.5px;color:#6b7280;line-height:1.75;margin:0}.mock-word{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.mock-sound{width:36px;height:36px;border-radius:10px;background:#ecfdf5;display:inline-flex;align-items:center;justify-content:center;font-size:17px;align-self:center}.mock-word-text{font-size:26px;font-weight:800;color:#111827;letter-spacing:.5px}.mock-ipa{font-size:12.5px;color:#9ca3af}.mock-input{margin-top:16px;border:1.5px solid #bbf7d0;background:#f6fdf9;border-radius:12px;padding:13px 16px;font-size:17px;display:flex;align-items:center}.mock-caret{width:2px;height:19px;background:#16a34a;margin-right:2px;animation:land-blink 1.1s step-end infinite}.mock-typed{color:#111827;font-weight:700}.mock-rest{color:#bbf7d0;font-weight:700}.mock-feedback{margin-top:14px;display:inline-block;font-size:12.5px;font-weight:600;padding:8px 13px;border-radius:10px;background:#ecfdf5;color:#16a34a}.mock-sentence-row{display:flex;align-items:center;gap:12px}.mock-play{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.mock-sentence-text{font-size:17px;font-weight:700;color:#111827}.mock-wave{display:flex;align-items:flex-end;gap:5px;height:46px;margin-top:16px;padding:0 2px}.mock-wave span{flex:1;border-radius:4px;background:linear-gradient(180deg,#a7f3d0,#6ee7b7);animation:land-wave 1.6s ease-in-out infinite}.mock-wave span:nth-child(2n){animation-delay:.2s}.mock-wave span:nth-child(3n){animation-delay:.4s}.mock-wave span:nth-child(4n){animation-delay:.6s}@keyframes land-wave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.mock-wave span{transform-origin:bottom}.flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:12px}.flow:before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#dfe9e2,#eef0f5)}.flow-node{position:relative;text-align:center;padding-top:76px}.flow-no{position:absolute;top:0;left:50%;transform:translate(-50%);width:58px;height:58px;border-radius:50%;background:#fff;border:2px solid #dfe9e2;color:#16a34a;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.flow-title{font-size:16.5px;font-weight:700;color:#111827;margin:0 0 9px}.flow-desc{font-size:13.8px;color:#6b7280;line-height:1.75;margin:0}.land-devices{text-align:center}.sync-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px}.sync-item{padding:12px 40px}.sync-item+.sync-item{border-left:1px solid #eceef3}.sync-icon{font-size:42px;display:block;margin-bottom:18px;line-height:1}.sync-title{display:block;font-size:17px;font-weight:800;color:#111827;margin-bottom:9px}.sync-desc{font-style:normal;font-size:13.8px;color:#6b7280;line-height:1.75}.land-foot{border-top:1px solid #f0f1f6;padding:28px var(--land-pad);font-size:13px;color:#9ca3af}.land-foot-inner{max-width:calc(var(--land-content) + var(--land-pad) * 2);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.land-icp{color:#b3b9c6;text-decoration:none;transition:color .15s ease}.land-icp:hover{color:#16a34a;text-decoration:none}.land-foot-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.land-foot-link{color:#b3b9c6;text-decoration:none;transition:color .15s ease}.land-foot-link:hover{color:#16a34a;text-decoration:none}@media (max-width: 1200px){.land-hero-inner{grid-template-columns:1fr;gap:52px;padding-top:64px}.land-hero-title{font-size:42px}.land-preview-card{max-width:520px}.land-float{display:none}.feat-row{grid-template-columns:1fr;gap:40px;padding:48px 0}.feat-row.is-reverse .feat-copy{order:0}.feat-mock{max-width:560px}.feat-supports{grid-template-columns:repeat(2,1fr);gap:36px}.flow{grid-template-columns:repeat(2,1fr);gap:44px 28px}.flow:before{display:none}.sync-row{grid-template-columns:1fr;max-width:560px;margin:0 auto}.sync-item+.sync-item{border-left:none;border-top:1px solid #eceef3}html.dark .sync-item+.sync-item{border-top-color:#26304a}}@media (max-width: 960px){.landing{--land-pad: 20px}.land-nav-links{display:none}.land-sec-title{font-size:26px}.land-section{padding:64px var(--land-pad)}}@media (max-width: 640px){.feat-supports{grid-template-columns:1fr;gap:28px}.flow{grid-template-columns:1fr;gap:36px}.feat-title{font-size:24px}.sync-item{padding:26px 8px}}@media (max-width: 600px){.land-hero-title{font-size:30px}.land-hero-sub{font-size:15.5px}}html.dark .landing{background:#0f1522;color:#e6ebf4}html.dark .land-nav{background:#0f1522d9;border-bottom-color:#2a3347}html.dark .land-brand-name{color:#f1f5fb}html.dark .land-nav-links a,html.dark .land-nav-links button{color:#94a3b8}html.dark .land-nav-links a:hover,html.dark .land-nav-links button:hover{color:#86efac}html.dark .land-nav-links button.is-guest,html.dark .land-nav-links button.is-guest:hover{color:#4b5563}html.dark .land-btn-ghost{background:#171e2e;border-color:#2a3347;color:#cbd5e1}html.dark .land-btn-ghost:hover{border-color:#4c5a7d;color:#86efac;background:#1c2436}html.dark .land-nav-actions .theme-toggle.btn{background:#171e2e;border-color:#2a3347;color:#cbd5e1}html.dark .land-nav-actions .theme-toggle.btn:hover{border-color:#4c5a7d;color:#86efac;background:#1c2436}html.dark .land-hero{background:radial-gradient(860px 420px at 10% 6%,rgba(34,197,94,.16),transparent 65%),radial-gradient(760px 380px at 90% 26%,rgba(45,212,191,.12),transparent 65%),#0f1522}html.dark .land-hero-title{color:#f1f5fb}html.dark .land-hero-tag{background:#22c55e26;border-color:#22c55e4d;color:#86efac}html.dark .land-hero-sub{color:#94a3b8}html.dark .land-hero-note{color:#94a3b8;border-left-color:#22c55e}html.dark .land-point{background:#171e2e;border-color:#26304a;color:#cbd5e1}html.dark .land-preview-card{background:#171e2e;border-color:#2a3347;box-shadow:0 28px 70px #00000080}html.dark .land-preview-label{color:#7d8aa3}html.dark .land-preview-progress{background:#222b3f}html.dark .land-preview-meta{color:#7d8aa3}html.dark .land-preview-word-text{color:#f1f5fb}html.dark .land-preview-input{background:#10161f;border-color:#3b4a6b}html.dark .land-preview-typed{color:#f1f5fb}html.dark .land-preview-feedback{background:#22c55e26;color:#86efac}html.dark .land-preview-chip{background:#1c2436;color:#94a3b8}html.dark .land-float{background:#1c2436;border-color:#2c3854;color:#cbd5e1;box-shadow:0 14px 34px #00000073}html.dark .land-float em{color:#86efac}html.dark .land-section-alt{background:#131a29;border-color:#222b3f}html.dark .land-sec-title{color:#f1f5fb}html.dark .land-sec-sub{color:#7d8aa3}html.dark .mock-word-text{color:#f1f5fb}html.dark .mock-sound{background:#22c55e2e}html.dark .mock-input{background:#10161f;border-color:#3b4a6b}html.dark .mock-typed{color:#f1f5fb}html.dark .mock-feedback{background:#22c55e26;color:#86efac}html.dark .mock-sentence-text{color:#f1f5fb}html.dark .mock-wave span{background:linear-gradient(180deg,#10b98159,#34d3998c)}html.dark .feat-row+.feat-row{border-top-color:#26304a}html.dark .feat-title{color:#f1f5fb}html.dark .feat-desc{color:#94a3b8}html.dark .feat-points li{color:#cbd5e1}html.dark .feat-kicker{background:#22c55e26;border-color:#22c55e4d;color:#86efac}html.dark .feat-kicker.tint-teal{background:#14b8a61f;border-color:#14b8a64d;color:#5eead4}html.dark .feat-mock{background:#171e2e;border-color:#2a3347;box-shadow:0 28px 70px #00000080}html.dark .feat-mock-label{color:#7d8aa3}html.dark .feat-supports{border-top-color:#26304a}html.dark .feat-support h4{color:#f1f5fb}html.dark .feat-support p{color:#94a3b8}html.dark .flow:before{background:linear-gradient(90deg,#3b4a6b,#26304a)}html.dark .flow-no{background:#171e2e;border-color:#3b4a6b;color:#86efac}html.dark .flow-title{color:#f1f5fb}html.dark .flow-desc{color:#94a3b8}html.dark .sync-item+.sync-item{border-left-color:#26304a}html.dark .sync-title{color:#f1f5fb}html.dark .sync-desc{color:#94a3b8}html.dark .land-foot{border-top-color:#222b3f;color:#7d8aa3}html.dark .land-icp{color:#55627c}html.dark .land-icp:hover{color:#86efac}html.dark .land-foot-link{color:#55627c}html.dark .land-foot-link:hover{color:#86efac}.msg-btn{position:relative;background:none;border:none;color:var(--text-2);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.msg-btn:hover{background:var(--green-soft);color:var(--green)}.msg-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px var(--panel);pointer-events:none}.msg-badge.hide{display:none}.msg-panel{width:min(520px,100%);max-height:80vh;display:flex;flex-direction:column}.msg-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--line)}.msg-panel-head h3{font-size:15px}.msg-panel-acts{display:flex;align-items:center;gap:8px}.msg-allread,.msg-clear{font-size:12px;cursor:pointer;padding:4px 9px;border-radius:7px;border:none;background:none;transition:all .15s}.msg-allread{color:var(--green)}.msg-allread:hover{background:var(--green-soft)}.msg-clear{color:var(--red)}.msg-clear:hover{background:var(--red-soft)}.msg-list{flex:1;overflow-y:auto;margin:0 -22px}.msg-item{padding:14px 22px;border-bottom:1px solid var(--line-2);cursor:pointer;transition:background .12s;display:flex;gap:12px;align-items:flex-start}.msg-item:hover{background:var(--panel-2)}.msg-item.unread{background:var(--green-soft)}.msg-dot{width:10px;height:10px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:5px;box-shadow:0 0 6px #16a34a80}.msg-item.read .msg-dot{background:transparent;border:2px solid var(--muted);box-shadow:none}.msg-body{flex:1;min-width:0}.msg-title{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:4px}.msg-content{font-size:12.5px;color:var(--text-2);line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg-time{font-size:11px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:10px}.msg-del{color:var(--red);cursor:pointer}.msg-del:hover{text-decoration:underline}.msg-empty{padding:44px 20px;text-align:center;color:var(--muted);font-size:13px}.svc-fab{position:fixed;bottom:28px;right:28px;z-index:900;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--emerald));border:none;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 20px #16a34a66;transition:transform .2s;display:flex;align-items:center;justify-content:center}.svc-fab:hover{transform:scale(1.08)}.svc-fab-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px var(--bg);pointer-events:none}.svc-fab-badge.hide{display:none}.svc-modal{width:min(460px,100%);height:min(600px,86vh);display:flex;flex-direction:column;overflow:hidden;padding:0}.svc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.svc-modal-head h3{font-size:14.5px}.svc-modal-head .msg-clear{margin-right:4px}.svc-msgs{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px;background:var(--panel-2)}.svc-msgs .empty-msg{padding:40px 16px;text-align:center;color:var(--muted);font-size:13px}.svc-bubble{max-width:85%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--shadow-sm);color:var(--text)}.svc-bubble.user{background:var(--green);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.svc-bubble.admin{background:var(--panel);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}.svc-bubble img{max-width:200px;max-height:200px;border-radius:8px;margin-top:4px;display:block;cursor:pointer}.svc-bubble .svc-time{font-size:10px;opacity:.65;margin-top:4px}.svc-bubble .svc-reply-label{font-size:10.5px;font-weight:600;color:var(--green);margin-bottom:3px}.svc-bubble.user .svc-reply-label{color:#ffffffd9}.svc-img-preview{display:flex;align-items:center;gap:8px;padding:8px 14px 0;flex-shrink:0;font-size:11.5px;color:var(--text-2)}.svc-img-preview .svc-img-remove{cursor:pointer;color:var(--red);font-weight:700}.svc-input-area{display:flex;align-items:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--line);flex-shrink:0}.svc-input-area textarea{flex:1;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:13px;font-family:inherit;background:var(--panel);color:var(--text);outline:none;min-height:72px;max-height:160px;line-height:1.55}.svc-input-area textarea:focus{border-color:var(--green)}.svc-img-btn{background:none;border:1px solid var(--line);border-radius:9px;width:36px;height:36px;cursor:pointer;color:var(--text-2);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.svc-img-btn:hover{background:var(--green-soft);color:var(--green)}.svc-send-btn{background:var(--green);border:none;border-radius:9px;width:36px;height:36px;cursor:pointer;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.svc-send-btn:hover{filter:brightness(1.08)}.svc-send-btn:disabled{opacity:.45;cursor:not-allowed}.svc-modal-admin .svc-bubble.user{align-self:flex-start;border-bottom-left-radius:4px;border-bottom-right-radius:12px}.svc-modal-admin .svc-bubble.admin{align-self:flex-end;border-bottom-right-radius:4px;border-bottom-left-radius:12px}.svc-read-mark{font-size:10px;color:var(--muted);margin-left:6px}.svc-read-mark.read{color:var(--green)}.proactive-chip{margin-top:10px;padding:10px 12px;background:var(--green-soft);border:1px solid var(--green);border-radius:9px;display:flex;align-items:center;justify-content:space-between}.proactive-chip-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--emerald));color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.proactive-result-item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:10px}.proactive-result-item:hover{background:var(--green-soft)}@media (max-width: 640px){.svc-fab{bottom:18px;right:18px}.svc-modal{width:100%}}.legal-page{min-height:100vh;padding:24px 16px 72px;background:radial-gradient(680px 320px at 15% 0%,rgba(99,102,241,.05),transparent 65%),radial-gradient(640px 300px at 85% 100%,rgba(14,165,233,.045),transparent 65%),var(--bg)}.legal-shell{width:100%;max-width:780px;margin:0 auto}.legal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.legal-brand{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:800;font-size:16px}.legal-brand:hover{text-decoration:none}.legal-top-actions{display:flex;align-items:center;gap:8px}.legal-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:38px 44px 46px}.legal-title{font-size:26px;line-height:1.35;margin-bottom:10px;color:var(--text)}.legal-sub{font-size:13.5px;color:var(--muted);margin-bottom:6px}.legal-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--muted);padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--line-2)}.legal-highlight{margin:18px 0 6px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);border-left:3px solid var(--blue);background:var(--panel-2);font-size:13.5px;line-height:1.8;color:var(--text-2)}.legal-body{font-size:14.5px;line-height:1.95;color:var(--text-2)}.legal-body section{margin-bottom:6px}.legal-body h2{font-size:16px;color:var(--text);margin:30px 0 10px;padding-left:10px;border-left:3px solid var(--blue);line-height:1.4}.legal-body h3{font-size:14.5px;color:var(--text);margin:16px 0 6px}.legal-body p{margin:0 0 11px}.legal-body ol,.legal-body ul{margin:0 0 10px;padding-left:22px}.legal-body li{margin-bottom:6px}.legal-body li>ol,.legal-body li>ul{margin:6px 0 0}.legal-body b,.legal-body strong{color:var(--text);font-weight:700}.legal-body a{color:var(--blue)}.legal-body a:hover{text-decoration:underline}.legal-table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:13.5px}.legal-table th,.legal-table td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;line-height:1.7}.legal-table th{background:var(--panel-2);color:var(--text);font-weight:700;white-space:nowrap}.legal-foot{margin-top:26px;text-align:center;font-size:12.5px;color:var(--muted);line-height:1.9}.legal-foot a{color:var(--muted)}.legal-foot a:hover{color:var(--blue)}@media (max-width: 640px){.legal-page{padding:14px 12px 56px}.legal-card{padding:24px 18px 30px;border-radius:16px}.legal-title{font-size:21px}.legal-body{font-size:14px;line-height:1.85}.legal-body h2{font-size:15px;margin-top:26px}.legal-brand{font-size:15px}.legal-table{font-size:12.5px}.legal-table th,.legal-table td{padding:7px 9px}}html.dark .legal-page{background:radial-gradient(680px 320px at 15% 0%,rgba(99,102,241,.1),transparent 65%),radial-gradient(640px 300px at 85% 100%,rgba(14,165,233,.07),transparent 65%),var(--bg)}