html[data-theme="light"] { color-scheme: light; --bg: #f6f6f7; --panel: rgba(0,0,0,.03); --panel-strong: rgba(0,0,0,.05); --border: rgba(0,0,0,.09); --border-strong: rgba(0,0,0,.18); --text: rgba(0,0,0,.9); --muted: rgba(0,0,0,.62); --soft: rgba(0,0,0,.60); --accent: #16161a; --accent-text: #ffffff; --danger: #b3261e; --ok: #1b7f37 }
html[data-theme="light"] body { background-image: radial-gradient(rgba(0,0,0,.045) 1px, transparent 1px) }
html[data-theme="light"] .badge, html[data-theme="light"] .tool-icon, html[data-theme="light"] .seg button, html[data-theme="light"] .dropzone, html[data-theme="light"] .controls, html[data-theme="light"] .btn-secondary, html[data-theme="light"] .status, html[data-theme="light"] .thumb-item, html[data-theme="light"] code, html[data-theme="light"] input[type="number"], html[data-theme="light"] textarea { background-color: rgba(0,0,0,.05) }
html[data-theme="light"] .panel { box-shadow: 0 20px 60px rgba(0,0,0,.08) }
html[data-theme="light"] .dropzone:hover, html[data-theme="light"] .dropzone.drag-over, html[data-theme="light"] .seg button:hover { background-color: rgba(0,0,0,.08) }
html[data-theme="light"] .btn-primary:hover:not(:disabled) { background: rgba(0,0,0,.82) }
html[data-theme="light"] .progress-track { background: rgba(0,0,0,.1) }
html[data-theme="light"] .progress-bar { background: #16161a }
html[data-theme="light"] .status.error { color: #b3261e; border-color: rgba(179,38,30,.25); background: rgba(179,38,30,.06) }
html[data-theme="light"] .status.success { color: #1b7f37; border-color: rgba(27,127,55,.25); background: rgba(27,127,55,.06) }
.tk-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; flex-wrap: wrap }
.tk-back { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 15px 0 13px; border-radius: 999px; border: 1px solid var(--border, rgba(255,255,255,.1)); background: var(--panel, rgba(255,255,255,.04)); color: var(--muted, rgba(255,255,255,.55)); font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: .01em; text-decoration: none; white-space: nowrap; transition: color .2s ease, border-color .2s ease, background .2s ease }
.tk-back:hover { color: var(--text, rgba(255,255,255,.92)); border-color: var(--border-strong, rgba(255,255,255,.14)); background: rgba(255,255,255,.06) }
.tk-back-arrow { font-size: 14px; line-height: 1 }
#tk-theme-toggle { flex: none; width: 34px; height: 34px; border-radius: 999px; border: 1px solid var(--border, rgba(255,255,255,.1)); background: var(--panel, rgba(255,255,255,.04)); color: var(--text, rgba(255,255,255,.92)); font-size: 15px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: .2s ease; appearance: none; padding: 0 }
#tk-theme-toggle:hover { transform: rotate(15deg) scale(1.06); border-color: var(--border-strong, rgba(255,255,255,.14)) }
:where(button, a, input, select, textarea, [role="button"]):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px }
::selection { background: var(--accent); color: var(--accent-text) }
* { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent }
::-webkit-scrollbar { width: 12px; height: 12px }
::-webkit-scrollbar-track { background: transparent }
::-webkit-scrollbar-thumb { background: var(--border-strong); border: 3px solid transparent; background-clip: padding-box; border-radius: 999px }
::-webkit-scrollbar-thumb:hover { background: var(--muted); background-clip: padding-box }
body { transition: background-color .25s ease, color .25s ease }
html[data-theme="light"] .tk-back { border-color: rgba(0,0,0,.1); background: rgba(0,0,0,.04); color: rgba(0,0,0,.55) }
html[data-theme="light"] .tk-back:hover { background: rgba(0,0,0,.06); border-color: rgba(0,0,0,.2); color: rgba(0,0,0,.9) }
html[data-theme="light"] #tk-theme-toggle { border-color: rgba(0,0,0,.12); background: rgba(0,0,0,.04) }
html[data-theme="light"] #tk-theme-toggle:hover { border-color: rgba(0,0,0,.24) }
html[data-theme="light"] .hero-links a { background: rgba(0,0,0,.03) }
html[data-theme="light"] .dropzone-icon { background: rgba(0,0,0,.05) }
html[data-theme="light"] select { background: rgba(0,0,0,.03) }
html[data-theme="light"] .card { background: rgba(0,0,0,.025) }
html[data-theme="light"] .card-preview { background: rgba(0,0,0,.03) }
html[data-theme="light"] .footnote code { background: rgba(0,0,0,.05) }
html[data-theme="light"] .frame { background: rgba(0,0,0,.02) }
html[data-theme="light"] .frame img { background: conic-gradient(rgba(0,0,0,.06) 0 25%, transparent 0 50%, rgba(0,0,0,.06) 0 75%, transparent 0) 0 0/16px 16px }
html[data-theme="light"] .frame .idx { color: #16161a }
html[data-theme="light"] .frame .rm { color: #16161a }
html[data-theme="light"] .file-row { background: rgba(0,0,0,.02) }
html[data-theme="light"] .controls select { background: rgba(0,0,0,.05) }
html[data-theme="light"] .field input { background: rgba(0,0,0,.04) }
html[data-theme="light"] .cover-box { background: rgba(0,0,0,.03) }
html[data-theme="light"] #at-wave { background: rgba(0,0,0,.02) }
html[data-theme="light"] .wave-toolbar input { background: rgba(0,0,0,.05) }
html[data-theme="light"] .file-info { background: rgba(0,0,0,.03) }
html[data-theme="light"] .file-thumb { background: rgba(0,0,0,.05) }
html[data-theme="light"] .spinner { border: 3px solid rgba(0,0,0,.1); border-top-color: rgba(0,0,0,.85) }
html[data-theme="light"] .progress-bar-inner { background: rgba(0,0,0,.85) }
html[data-theme="light"] .tool-btn { border: 1px solid rgba(0,0,0,.1); background: rgba(0,0,0,.04); color: rgba(0,0,0,.6) }
html[data-theme="light"] .tool-btn.active { background: rgba(0,0,0,.1); color: #16161a; border-color: rgba(0,0,0,.2) }
html[data-theme="light"] .refine-toolbar { background: rgba(0,0,0,.03) }
html[data-theme="light"] .refine-toolbar .sep { background: rgba(0,0,0,.1) }
html[data-theme="light"] .refine-toolbar label { color: rgba(0,0,0,.55) }
html[data-theme="light"] .slider-track { background: rgba(0,0,0,.08) }
html[data-theme="light"] .refine-hint { background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.06) }
html[data-theme="light"] .refine-hint strong { color: rgba(0,0,0,.7) }
html[data-theme="light"] .refine-hint kbd { background: rgba(0,0,0,.06) }
html[data-theme="light"] #brush-cursor { border: 2px solid rgba(0,0,0,.85) }
html[data-theme="light"] .group { background: rgba(0,0,0,.02) }
html[data-theme="light"] .tag { background: rgba(0,0,0,.04) }
html[data-theme="light"] .stat { background: rgba(0,0,0,.02) }
html[data-theme="light"] .item { background: rgba(0,0,0,.02) }
html[data-theme="light"] .item .thumb { background: rgba(0,0,0,.04) }
html[data-theme="light"] .notice { border: 1px solid rgba(0,0,0,.14); background: rgba(0,0,0,.04) }
html[data-theme="light"] #bl-alphabet { background: rgba(0,0,0,.05) }
html[data-theme="light"] .preset { background: rgba(0,0,0,.04) }
html[data-theme="light"] .io { background: rgba(0,0,0,.015) }
html[data-theme="light"] #bl-cipher { color: rgba(0,0,0,.86) }
html[data-theme="light"] .search-row input { background: rgba(0,0,0,.04) }
html[data-theme="light"] .result-row { background: rgba(0,0,0,.03) }
html[data-theme="light"] .source-badge { background: rgba(0,0,0,.05) }
html[data-theme="light"] .lyric-line { border-bottom: 1px solid rgba(0,0,0,.05) }
html[data-theme="light"] .lyric-line .tran { color: rgba(0,0,0,.72) }
html[data-theme="light"] .swatch { background: rgba(0,0,0,.03) }
html[data-theme="light"] .meta-grid textarea { background: rgba(0,0,0,.05) }
html[data-theme="light"] .chapter-section { background: rgba(0,0,0,.02) }
html[data-theme="light"] .chapter-section .seg button { background: rgba(0,0,0,.04) }
html[data-theme="light"] .toc-box { background: rgba(0,0,0,.02) }
html[data-theme="light"] .export-card { background: rgba(0,0,0,.02) }
html[data-theme="light"] .gp-card { background: rgba(0,0,0,.02) }
html[data-theme="light"] .gp-btn { background: rgba(0,0,0,.03) }
html[data-theme="light"] .trig-track { background: rgba(0,0,0,.06) }
html[data-theme="light"] .dpad div { background: rgba(0,0,0,.03) }
html[data-theme="light"] .toolbar input { background: rgba(0,0,0,.05) }
html[data-theme="light"] .hex-view { color: rgba(0,0,0,.85) }
html[data-theme="light"] .hex-view .off { color: rgba(0,0,0,.55) }
html[data-theme="light"] .hex-view b.hit { color: #16161a }
html[data-theme="light"] .preview-card { background: repeating-conic-gradient(rgba(0,0,0,.09) 0% 25%, rgba(0,0,0,.04) 0% 50%) 50% / 16px 16px }
html[data-theme="light"] #ib-rect { border: 2px dashed rgba(0,0,0,.85); background: rgba(0,0,0,.12) }
html[data-theme="light"] .ic-row { background: rgba(0,0,0,.02) }
html[data-theme="light"] .ic-thumb { background: rgba(0,0,0,.04) }
html[data-theme="light"] .crop-handle { background: rgba(0,0,0,.85) }
html[data-theme="light"] .crop-rect-border { border: 2px solid rgba(0,0,0,.85) }
html[data-theme="light"] .dim-label { color: #16161a }
html[data-theme="light"] .field select { background: rgba(0,0,0,.04) }
html[data-theme="light"] .thumb-item img { background: rgba(0,0,0,.85) }
html[data-theme="light"] .controls .mini-btn { background: rgba(0,0,0,.04) }
html[data-theme="light"] #iw-preview { background: rgba(0,0,0,.02) }
html[data-theme="light"] .tab-btn { background: rgba(0,0,0,.04) }
html[data-theme="light"] .toolbar { background: rgba(0,0,0,.02) }
html[data-theme="light"] .out-pre { background: rgba(0,0,0,.03) }
html[data-theme="light"] #jr-pattern { background: rgba(0,0,0,.05) }
html[data-theme="light"] .flag-group button { background: rgba(0,0,0,.04) }
html[data-theme="light"] .hl-pre { background: rgba(0,0,0,.03) }
html[data-theme="light"] .match-item { background: rgba(0,0,0,.02) }
html[data-theme="light"] .key { background: rgba(0,0,0,.03) }
html[data-theme="light"] .mode-card { background: rgba(0,0,0,.02) }
html[data-theme="light"] .mode-card.on { background: rgba(0,0,0,.05) }
html[data-theme="light"] .repeat-box { background: rgba(0,0,0,.02) }
html[data-theme="light"] kbd { background: rgba(0,0,0,.08) }
html[data-theme="light"] .lyric-input textarea { background: rgba(0,0,0,.04) }
html[data-theme="light"] #lm-lines { background: rgba(0,0,0,.015) }
html[data-theme="light"] .line-row { border-bottom: 1px solid rgba(0,0,0,.04) }
html[data-theme="light"] .line-row.current { background: rgba(0,0,0,.08) }
html[data-theme="light"] #lm-lrc-out { background: rgba(0,0,0,.04) }
html[data-theme="light"] .brand .badge { background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.07) }
html[data-theme="light"] .toolbar button { background: rgba(0,0,0,.04) }
html[data-theme="light"] .field textarea { background: rgba(0,0,0,.05) }
html[data-theme="light"] .test-area { background: rgba(0,0,0,.015) }
html[data-theme="light"] .mouse-visual { background: rgba(0,0,0,.03) }
html[data-theme="light"] .ms-btn { background: rgba(0,0,0,.05) }
html[data-theme="light"] .ms-btn.mid { background: rgba(0,0,0,.08) }
html[data-theme="light"] .ms-scroll { background: rgba(0,0,0,.06) }
html[data-theme="light"] .ms-side { background: rgba(0,0,0,.05) }
html[data-theme="light"] .stat-box { background: rgba(0,0,0,.02) }
html[data-theme="light"] .cps-bar { background: rgba(0,0,0,.06) }
html[data-theme="light"] .tab-btn.active { background: rgba(0,0,0,.12) }
html[data-theme="light"] .qr-frame { background: rgba(0,0,0,.02) }
html[data-theme="light"] .scan-row { background: rgba(0,0,0,.02) }
html[data-theme="light"] .scan-thumb { background: rgba(0,0,0,.04) }
html[data-theme="light"] .scan-text { background: rgba(0,0,0,.04) }
html[data-theme="light"] .ctl-row select { background: rgba(0,0,0,.05) }
html[data-theme="light"] .table-wrap { background: rgba(0,0,0,.02) }
html[data-theme="light"] .page-card { background: rgba(0,0,0,.03) }
html[data-theme="light"] .page-card.drag-over { border-color: rgba(0,0,0,.85); box-shadow: 0 0 0 2px rgba(0,0,0,.35) }
html[data-theme="light"] .page-card .thumb img { background: rgba(0,0,0,.85) }
html[data-theme="light"] .page-card .num small { color: rgba(0,0,0,.55) }
html[data-theme="light"] .page-card .ops button { background: rgba(0,0,0,.06) }
html[data-theme="light"] .editor-head .tag { background: rgba(0,0,0,.06) }
html[data-theme="light"] .editor-head button { background: rgba(0,0,0,.04) }
html[data-theme="light"] .view { background: rgba(0,0,0,.015) }
html[data-theme="light"] .hunk-head td { background: rgba(0,0,0,.05) }
html[data-theme="light"] .action-grid button { background: rgba(0,0,0,.04) }
html[data-theme="light"] button.btn-secondary { background: rgba(0,0,0,.05) }
html[data-theme="light"] .stat-card { background: rgba(0,0,0,.03) }
html[data-theme="light"] .top-card { background: rgba(0,0,0,.03) }
html[data-theme="light"] .kv-key { background: rgba(0,0,0,.03) }
html[data-theme="light"] .kv-val code { background: rgba(0,0,0,.08) }
html[data-theme="light"] .file-table th { background: rgba(0,0,0,.03) }
html[data-theme="light"] .type-input { background: rgba(0,0,0,.05) }
html[data-theme="light"] .result-box { background: rgba(0,0,0,.02) }
html.tk-p-silk-screen-halftone[data-theme="light"] body { background: #f6f6f7; color: #16161a; background-image: none }
html.tk-p-silk-screen-halftone[data-theme="light"] header h1 { color: #16161a }
html.tk-p-silk-screen-halftone[data-theme="light"] header p { color: rgba(0,0,0,.55) }
html.tk-p-silk-screen-halftone[data-theme="light"] .pill { background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.08); color: rgba(0,0,0,.58) }
html.tk-p-silk-screen-halftone[data-theme="light"] .drop-zone { border: 2px dashed rgba(0,0,0,.14) }
html.tk-p-silk-screen-halftone[data-theme="light"] .drop-zone:hover, html.tk-p-silk-screen-halftone[data-theme="light"] .drop-zone.drag-over { border-color: rgba(0,0,0,.3); background: rgba(0,0,0,.03) }
html.tk-p-silk-screen-halftone[data-theme="light"] .drop-zone svg { color: rgba(0,0,0,.55) }
html.tk-p-silk-screen-halftone[data-theme="light"] .drop-zone p { color: rgba(0,0,0,.58) }
html.tk-p-silk-screen-halftone[data-theme="light"] .drop-zone small { color: rgba(0,0,0,.55) }
html.tk-p-silk-screen-halftone[data-theme="light"] .controls { background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.06) }
html.tk-p-silk-screen-halftone[data-theme="light"] .slider-label span { color: rgba(0,0,0,.6) }
html.tk-p-silk-screen-halftone[data-theme="light"] input[type="range"] { background: rgba(0,0,0,.1) }
html.tk-p-silk-screen-halftone[data-theme="light"] input[type="range"]::-webkit-slider-thumb { background: #16161a }
html.tk-p-silk-screen-halftone[data-theme="light"] .channel-box.grey { background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.06) }
html.tk-p-silk-screen-halftone[data-theme="light"] .channel-box.grey label { color: rgba(0,0,0,.55) }
html.tk-p-silk-screen-halftone[data-theme="light"] input[type="color"] { background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1) }
html.tk-p-silk-screen-halftone[data-theme="light"] input[type="number"] { background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1); color: rgba(0,0,0,.8) }
html.tk-p-silk-screen-halftone[data-theme="light"] .bg-row span { color: rgba(0,0,0,.55) }
html.tk-p-silk-screen-halftone[data-theme="light"] .ch-btn { background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.08); color: rgba(0,0,0,.6) }
html.tk-p-silk-screen-halftone[data-theme="light"] .ch-btn:hover { background: rgba(0,0,0,.07); color: rgba(0,0,0,.75) }
html.tk-p-silk-screen-halftone[data-theme="light"] .ch-btn.active { background: rgba(0,0,0,.11); border-color: rgba(0,0,0,.16); color: #16161a }
html.tk-p-silk-screen-halftone[data-theme="light"] .btn-primary { background: #16161a; border: 1px solid #16161a; color: #ffffff }
html.tk-p-silk-screen-halftone[data-theme="light"] .btn-primary:hover:not(:disabled) { background: rgba(0,0,0,.8) }
html.tk-p-silk-screen-halftone[data-theme="light"] .btn-secondary { background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.09); color: rgba(0,0,0,.6) }
html.tk-p-silk-screen-halftone[data-theme="light"] .btn-secondary:hover:not(:disabled) { background: rgba(0,0,0,.07); color: #16161a }
html.tk-p-silk-screen-halftone[data-theme="light"] .info-section { border-top: 1px solid rgba(0,0,0,.07) }
html.tk-p-silk-screen-halftone[data-theme="light"] .info-card { background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.06) }
html.tk-p-silk-screen-halftone[data-theme="light"] .info-card h3 { color: #16161a }
html.tk-p-silk-screen-halftone[data-theme="light"] .info-card p { color: rgba(0,0,0,.58) }
html.tk-p-silk-screen-halftone[data-theme="light"] footer { color: rgba(0,0,0,.55) }
html.tk-p-silk-screen-halftone[data-theme="light"] footer a { color: rgba(0,0,0,.58) }
html.tk-p-silk-screen-halftone[data-theme="light"] footer a:hover { color: #16161a }
html.tk-p-lyric-wave-player[data-theme="light"] body { background: #f6f6f7; color: #16161a; background-image: none }
html.tk-p-lyric-wave-player[data-theme="light"] header h1 { color: #16161a }
html.tk-p-lyric-wave-player[data-theme="light"] header p { color: rgba(0,0,0,.55) }
html.tk-p-lyric-wave-player[data-theme="light"] .pill { background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.08); color: rgba(0,0,0,.58) }
html.tk-p-lyric-wave-player[data-theme="light"] .upload-area { border: 2px dashed rgba(0,0,0,.15); background: rgba(0,0,0,.02) }
html.tk-p-lyric-wave-player[data-theme="light"] .upload-area:hover, html.tk-p-lyric-wave-player[data-theme="light"] .upload-area.dragover { border-color: rgba(0,0,0,.4); background: rgba(0,0,0,.05) }
html.tk-p-lyric-wave-player[data-theme="light"] .file-icon { color: rgba(0,0,0,.55) }
html.tk-p-lyric-wave-player[data-theme="light"] .upload-area p { color: #16161a }
html.tk-p-lyric-wave-player[data-theme="light"] .upload-area small { color: rgba(0,0,0,.55) }
html.tk-p-lyric-wave-player[data-theme="light"] .adv-options { background: rgba(0,0,0,.02); border: 1px solid rgba(0,0,0,.08) }
html.tk-p-lyric-wave-player[data-theme="light"] .adv-header h3 { color: #16161a }
html.tk-p-lyric-wave-player[data-theme="light"] .input-group label { color: rgba(0,0,0,.6) }
html.tk-p-lyric-wave-player[data-theme="light"] .text-input { background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.1); color: #16161a }
html.tk-p-lyric-wave-player[data-theme="light"] .text-input:focus { border-color: rgba(0,0,0,.35) }
html.tk-p-lyric-wave-player[data-theme="light"] .enter-btn { background: #16161a; color: #ffffff; box-shadow: 0 8px 24px rgba(0,0,0,.15) }
html.tk-p-lyric-wave-player[data-theme="light"] .enter-btn:hover:not(:disabled) { background: rgba(0,0,0,.8) }
html.tk-p-lyric-wave-player[data-theme="light"] .status-msg { color: rgba(0,0,0,.58) }
html.tk-p-lyric-wave-player[data-theme="light"] .info-section { border-top: 1px solid rgba(0,0,0,.07) }
html.tk-p-lyric-wave-player[data-theme="light"] .info-card { background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.06) }
html.tk-p-lyric-wave-player[data-theme="light"] .info-card h3 { color: #16161a }
html.tk-p-lyric-wave-player[data-theme="light"] .info-card p { color: rgba(0,0,0,.58) }
html.tk-p-lyric-wave-player[data-theme="light"] code { background: rgba(0,0,0,.06); color: rgba(0,0,0,.8) }
html.tk-p-lyric-wave-player[data-theme="light"] footer { color: rgba(0,0,0,.55); border-top: 1px solid rgba(0,0,0,.07) }
html.tk-p-lyric-wave-player[data-theme="light"] footer a { color: rgba(0,0,0,.58) }
html.tk-p-lyric-wave-player[data-theme="light"] footer a:hover { color: #16161a }
body > .tk-topbar { width: min(1400px, calc(100% - 32px)); margin: 20px auto 0 }
html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="number"], html[data-theme="light"] input[type="search"], html[data-theme="light"] input[type="url"], html[data-theme="light"] input[type="email"], html[data-theme="light"] textarea, html[data-theme="light"] select { color: rgba(0,0,0,.85) }
html[data-theme="light"] input[type="range"] { accent-color: #16161a }
html[data-theme="light"] .tk-back-arrow { color: rgba(0,0,0,.62) }
html[data-theme="light"] .seg button.on, html[data-theme="light"] .sym-tabs button.on, html[data-theme="light"] .flag-group button.on, html[data-theme="light"] .chapter-section .seg button.on, html[data-theme="light"] .tab-btn.active, html[data-theme="light"] .tool-btn.active, html[data-theme="light"] .preset.active, html[data-theme="light"] .mode-card.on, html[data-theme="light"] .ch-btn.active { background: #16161a; border-color: #16161a; color: #ffffff }
@media (prefers-reduced-motion: reduce) {

  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }

}
@media print {

  .tk-topbar, #tk-theme-toggle { display: none !important; }

  body { background: #fff !important; color: #000 !important; }

}

/* ---------- 深色模式：次级文字提亮，保证可读性 ---------- */
:root { --muted: rgba(255,255,255,.60); --soft: rgba(255,255,255,.52) }
html.tk-p-silk-screen-halftone:not([data-theme="light"]) header p, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .pill, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .drop-zone p, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .drop-zone small, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .drop-zone svg,
html.tk-p-silk-screen-halftone:not([data-theme="light"]) .slider-label span, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .channel-box.grey label, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .bg-row span, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .ch-btn,
html.tk-p-silk-screen-halftone:not([data-theme="light"]) .btn-secondary, html.tk-p-silk-screen-halftone:not([data-theme="light"]) .info-card p, html.tk-p-silk-screen-halftone:not([data-theme="light"]) input[type="number"] { color: rgba(255,255,255,.62) }
html.tk-p-silk-screen-halftone:not([data-theme="light"]) footer, html.tk-p-silk-screen-halftone:not([data-theme="light"]) footer a { color: rgba(255,255,255,.55) }
html.tk-p-lyric-wave-player:not([data-theme="light"]) header p, html.tk-p-lyric-wave-player:not([data-theme="light"]) .pill, html.tk-p-lyric-wave-player:not([data-theme="light"]) .file-icon, html.tk-p-lyric-wave-player:not([data-theme="light"]) .upload-area small, html.tk-p-lyric-wave-player:not([data-theme="light"]) .input-group label,
html.tk-p-lyric-wave-player:not([data-theme="light"]) .status-msg, html.tk-p-lyric-wave-player:not([data-theme="light"]) .info-card p { color: rgba(255,255,255,.62) }
html.tk-p-lyric-wave-player:not([data-theme="light"]) footer, html.tk-p-lyric-wave-player:not([data-theme="light"]) footer a { color: rgba(255,255,255,.55) }

/* ---------- 浅色模式：残留低对比度修正 ---------- */
html[data-theme="light"] { --ok: #0f5a26 }
html[data-theme="light"] .status.success { color: #0f5a26; border-color: rgba(15,90,38,.25); background: rgba(15,90,38,.06) }
html[data-theme="light"] .lbl.ok { color: #0f5a26 }
html[data-theme="light"] kbd { background: rgba(0,0,0,.06); color: rgba(0,0,0,.72) }

/* ---------- 选中态内部文字跟随反色 ---------- */
html[data-theme="light"] .seg button.on h3, html[data-theme="light"] .seg button.on p, html[data-theme="light"] .seg button.on span, html[data-theme="light"] .seg button.on small, html[data-theme="light"] .seg button.on strong, html[data-theme="light"] .seg button.on b, html[data-theme="light"] .seg button.on label, html[data-theme="light"] .seg button.on div, html[data-theme="light"] .sym-tabs button.on h3, html[data-theme="light"] .sym-tabs button.on p, html[data-theme="light"] .sym-tabs button.on span, html[data-theme="light"] .sym-tabs button.on small, html[data-theme="light"] .sym-tabs button.on strong, html[data-theme="light"] .sym-tabs button.on b, html[data-theme="light"] .sym-tabs button.on label, html[data-theme="light"] .sym-tabs button.on div, html[data-theme="light"] .flag-group button.on h3, html[data-theme="light"] .flag-group button.on p, html[data-theme="light"] .flag-group button.on span, html[data-theme="light"] .flag-group button.on small, html[data-theme="light"] .flag-group button.on strong, html[data-theme="light"] .flag-group button.on b, html[data-theme="light"] .flag-group button.on label, html[data-theme="light"] .flag-group button.on div, html[data-theme="light"] .chapter-section .seg button.on h3, html[data-theme="light"] .chapter-section .seg button.on p, html[data-theme="light"] .chapter-section .seg button.on span, html[data-theme="light"] .chapter-section .seg button.on small, html[data-theme="light"] .chapter-section .seg button.on strong, html[data-theme="light"] .chapter-section .seg button.on b, html[data-theme="light"] .chapter-section .seg button.on label, html[data-theme="light"] .chapter-section .seg button.on div, html[data-theme="light"] .tab-btn.active h3, html[data-theme="light"] .tab-btn.active p, html[data-theme="light"] .tab-btn.active span, html[data-theme="light"] .tab-btn.active small, html[data-theme="light"] .tab-btn.active strong, html[data-theme="light"] .tab-btn.active b, html[data-theme="light"] .tab-btn.active label, html[data-theme="light"] .tab-btn.active div, html[data-theme="light"] .tool-btn.active h3, html[data-theme="light"] .tool-btn.active p, html[data-theme="light"] .tool-btn.active span, html[data-theme="light"] .tool-btn.active small, html[data-theme="light"] .tool-btn.active strong, html[data-theme="light"] .tool-btn.active b, html[data-theme="light"] .tool-btn.active label, html[data-theme="light"] .tool-btn.active div, html[data-theme="light"] .preset.active h3, html[data-theme="light"] .preset.active p, html[data-theme="light"] .preset.active span, html[data-theme="light"] .preset.active small, html[data-theme="light"] .preset.active strong, html[data-theme="light"] .preset.active b, html[data-theme="light"] .preset.active label, html[data-theme="light"] .preset.active div, html[data-theme="light"] .mode-card.on h3, html[data-theme="light"] .mode-card.on p, html[data-theme="light"] .mode-card.on span, html[data-theme="light"] .mode-card.on small, html[data-theme="light"] .mode-card.on strong, html[data-theme="light"] .mode-card.on b, html[data-theme="light"] .mode-card.on label, html[data-theme="light"] .mode-card.on div, html[data-theme="light"] .ch-btn.active h3, html[data-theme="light"] .ch-btn.active p, html[data-theme="light"] .ch-btn.active span, html[data-theme="light"] .ch-btn.active small, html[data-theme="light"] .ch-btn.active strong, html[data-theme="light"] .ch-btn.active b, html[data-theme="light"] .ch-btn.active label, html[data-theme="light"] .ch-btn.active div { color: #ffffff }

/* ---------- 按钮主色统一 ---------- */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .enter-btn { background: #16161a; border-color: #16161a; color: #ffffff }
html[data-theme="light"] .btn-primary:hover:not(:disabled),
html[data-theme="light"] .enter-btn:hover { background: #2a2a30; border-color: #2a2a30; color: #ffffff }
html[data-theme="light"] .btn-primary span, html[data-theme="light"] .btn-primary strong,
html[data-theme="light"] .btn-primary b, html[data-theme="light"] .btn-primary small,
html[data-theme="light"] .enter-btn span, html[data-theme="light"] .enter-btn strong { color: #ffffff }