/* 由 src/themes.js 动态生成，主题色值改动请编辑该文件 */
:root{--c-background:15 19 29;--c-surface:15 19 29;--c-surface-dim:15 19 29;--c-surface-container-lowest:10 14 24;--c-surface-container-low:23 27 38;--c-surface-container:28 31 42;--c-surface-container-high:38 42 53;--c-surface-container-highest:49 53 64;--c-surface-variant:49 53 64;--c-surface-bright:53 57 68;--c-on-background:223 226 241;--c-on-surface:223 226 241;--c-on-surface-variant:199 196 215;--c-outline:144 143 160;--c-outline-variant:70 69 84;--c-primary:192 193 255;--c-primary-hover:225 224 255;--c-primary-container:128 131 255;--c-on-primary:16 0 169;--c-on-primary-container:13 0 150;--c-secondary:123 208 255;--c-secondary-container:0 166 224;--c-tertiary:221 183 255;--c-tertiary-container:183 109 255;--c-error:255 180 171;--c-on-error:105 0 5;--c-primary-fixed-dim:192 193 255;--c-secondary-fixed-dim:123 208 255;--c-surface-tint:192 193 255;--c-shadow:0 0 0;}
[data-theme="light"]{--c-background:248 250 252;--c-surface:255 255 255;--c-surface-dim:241 245 249;--c-surface-container-lowest:255 255 255;--c-surface-container-low:248 250 252;--c-surface-container:241 245 249;--c-surface-container-high:226 232 240;--c-surface-container-highest:203 213 225;--c-surface-variant:226 232 240;--c-surface-bright:255 255 255;--c-on-background:15 23 42;--c-on-surface:15 23 42;--c-on-surface-variant:100 116 139;--c-outline:148 163 184;--c-outline-variant:226 232 240;--c-primary:37 99 235;--c-primary-hover:29 78 216;--c-primary-container:239 246 255;--c-on-primary:255 255 255;--c-on-primary-container:30 64 175;--c-secondary:13 148 136;--c-secondary-container:240 253 250;--c-tertiary:99 102 241;--c-tertiary-container:238 242 255;--c-error:225 29 72;--c-on-error:255 255 255;--c-primary-fixed-dim:147 197 253;--c-secondary-fixed-dim:94 234 212;--c-surface-tint:37 99 235;--c-shadow:15 23 42;}
[data-theme="mint"]{--c-background:241 246 242;--c-surface:255 255 255;--c-surface-dim:226 236 229;--c-surface-container-lowest:234 242 236;--c-surface-container-low:244 248 245;--c-surface-container:234 241 236;--c-surface-container-high:224 235 227;--c-surface-container-highest:213 226 216;--c-surface-variant:216 229 219;--c-surface-bright:255 255 255;--c-on-background:14 32 23;--c-on-surface:14 32 23;--c-on-surface-variant:82 107 94;--c-outline:137 163 147;--c-outline-variant:211 224 214;--c-primary:5 150 105;--c-primary-hover:4 120 87;--c-primary-container:209 250 229;--c-on-primary:255 255 255;--c-on-primary-container:6 78 59;--c-secondary:13 148 136;--c-secondary-container:204 251 241;--c-tertiary:16 185 129;--c-tertiary-container:220 252 231;--c-error:225 29 72;--c-on-error:255 255 255;--c-primary-fixed-dim:110 231 183;--c-secondary-fixed-dim:94 234 212;--c-surface-tint:5 150 105;--c-shadow:14 32 23;}
[data-theme="sand"]{--c-background:246 243 235;--c-surface:253 251 247;--c-surface-dim:237 229 216;--c-surface-container-lowest:240 235 224;--c-surface-container-low:244 238 227;--c-surface-container:237 229 216;--c-surface-container-high:229 221 208;--c-surface-container-highest:219 210 194;--c-surface-variant:229 221 208;--c-surface-bright:253 251 247;--c-on-background:41 37 36;--c-on-surface:41 37 36;--c-on-surface-variant:120 113 108;--c-outline:168 162 158;--c-outline-variant:230 222 209;--c-primary:180 83 9;--c-primary-hover:146 64 14;--c-primary-container:254 243 199;--c-on-primary:255 255 255;--c-on-primary-container:120 53 15;--c-secondary:194 65 12;--c-secondary-container:254 243 199;--c-tertiary:217 119 6;--c-tertiary-container:255 237 213;--c-error:220 38 38;--c-on-error:255 255 255;--c-primary-fixed-dim:252 211 77;--c-secondary-fixed-dim:253 186 116;--c-surface-tint:180 83 9;--c-shadow:68 64 60;}
[data-theme="cyber"]{--c-background:6 7 11;--c-surface:6 7 11;--c-surface-dim:6 7 11;--c-surface-container-lowest:9 10 15;--c-surface-container-low:13 17 26;--c-surface-container:18 24 36;--c-surface-container-high:23 32 48;--c-surface-container-highest:26 34 52;--c-surface-variant:26 34 52;--c-surface-bright:36 48 74;--c-on-background:226 232 240;--c-on-surface:226 232 240;--c-on-surface-variant:148 163 184;--c-outline:71 85 105;--c-outline-variant:26 34 52;--c-primary:0 255 135;--c-primary-hover:110 231 183;--c-primary-container:16 185 129;--c-on-primary:5 46 22;--c-on-primary-container:2 44 34;--c-secondary:56 189 248;--c-secondary-container:2 132 199;--c-tertiary:168 85 247;--c-tertiary-container:126 34 206;--c-error:244 63 94;--c-on-error:255 255 255;--c-primary-fixed-dim:0 255 135;--c-secondary-fixed-dim:56 189 248;--c-surface-tint:0 255 135;--c-shadow:0 0 0;}
[data-theme="oceanic"]{--c-background:6 17 26;--c-surface:6 17 26;--c-surface-dim:6 17 26;--c-surface-container-lowest:7 19 29;--c-surface-container-low:10 27 38;--c-surface-container:12 28 41;--c-surface-container-high:16 38 56;--c-surface-container-highest:22 53 77;--c-surface-variant:16 38 56;--c-surface-bright:29 67 88;--c-on-background:226 241 248;--c-on-surface:226 241 248;--c-on-surface-variant:148 171 187;--c-outline:84 118 135;--c-outline-variant:28 58 73;--c-primary:45 212 191;--c-primary-hover:94 234 212;--c-primary-container:13 148 136;--c-on-primary:4 47 46;--c-on-primary-container:4 47 46;--c-secondary:56 189 248;--c-secondary-container:2 132 199;--c-tertiary:34 211 238;--c-tertiary-container:14 116 144;--c-error:251 113 133;--c-on-error:76 5 25;--c-primary-fixed-dim:45 212 191;--c-secondary-fixed-dim:56 189 248;--c-surface-tint:45 212 191;--c-shadow:0 0 0;}
[data-theme="twilight"]{--c-background:15 19 29;--c-surface:15 19 29;--c-surface-dim:15 19 29;--c-surface-container-lowest:10 14 24;--c-surface-container-low:23 27 38;--c-surface-container:28 31 42;--c-surface-container-high:38 42 53;--c-surface-container-highest:49 53 64;--c-surface-variant:49 53 64;--c-surface-bright:53 57 68;--c-on-background:223 226 241;--c-on-surface:223 226 241;--c-on-surface-variant:199 196 215;--c-outline:144 143 160;--c-outline-variant:70 69 84;--c-primary:245 158 11;--c-primary-hover:251 191 36;--c-primary-container:217 119 6;--c-on-primary:69 26 3;--c-on-primary-container:67 20 7;--c-secondary:236 72 153;--c-secondary-container:219 39 119;--c-tertiary:221 183 255;--c-tertiary-container:183 109 255;--c-error:255 180 171;--c-on-error:105 0 5;--c-primary-fixed-dim:245 158 11;--c-secondary-fixed-dim:236 72 153;--c-surface-tint:245 158 11;--c-shadow:0 0 0;}

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgb(var(--c-surface-container-highest));border-radius:6px;border:2px solid transparent;background-clip:content-box;}
::-webkit-scrollbar-thumb:hover{background:rgb(var(--c-outline-variant));}
html{scrollbar-width:thin;scrollbar-color:rgb(var(--c-surface-container-highest)) transparent;}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;display:inline-block;}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;}
input,select,textarea{outline:none;}
.field{width:100%;background:rgb(var(--c-surface-container-low));border:1px solid rgb(var(--c-outline-variant));border-radius:.5rem;padding:.5rem .75rem;color:rgb(var(--c-on-surface));font-size:.875rem;}
.field:focus{border-color:rgb(var(--c-primary-container));}
.modal-btn,.btn{display:inline-flex;align-items:center;gap:.25rem;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;border:none;transition:all .15s;}
.modal-ok,.btn-primary{background:rgb(var(--c-primary));color:rgb(var(--c-on-primary));font-weight:500;}
.modal-ok:hover,.btn-primary:hover{background:rgb(var(--c-primary-hover));}
.modal-cancel,.btn-ghost{background:rgb(var(--c-surface-container-high));color:rgb(var(--c-on-surface-variant));}
.modal-cancel:hover,.btn-ghost:hover{background:rgb(var(--c-surface-container-highest));color:rgb(var(--c-on-surface));}
.btn-danger{background:rgb(var(--c-error) / .12);color:rgb(var(--c-error));}
.btn-danger:hover{background:rgb(var(--c-error) / .25);}
.tab-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;color:rgb(var(--c-on-surface-variant));cursor:pointer;font-size:.875rem;}
.tab-item:hover{background:rgb(var(--c-surface-container-high));color:rgb(var(--c-on-surface));}
.tab-item.active{background:rgb(var(--c-primary-container));color:rgb(var(--c-on-primary-container));font-weight:600;}
th{font-family:ui-monospace,monospace;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--c-outline));text-align:left;padding:.5rem .75rem;}
td{padding:.5rem .75rem;font-size:.875rem;border-top:1px solid rgb(var(--c-outline-variant) / .4);}
.badge{display:inline-flex;align-items:center;gap:2px;border-radius:9999px;padding:1px 8px;font-size:.625rem;font-family:ui-monospace,monospace;}
tr[draggable="true"] td{cursor:default;}
tr.dragging{opacity:.4;}
tr.drop-above{box-shadow:inset 0 2px 0 rgb(var(--c-primary-container));}
tr.drop-below{box-shadow:inset 0 -2px 0 rgb(var(--c-primary-container));}
.card-actions button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgb(var(--c-surface-container-high) / .92);color:rgb(var(--c-on-surface-variant));cursor:pointer;border:none;transition:all .15s;}
.card-actions button:hover{background:rgb(var(--c-surface-container-highest));color:rgb(var(--c-on-surface));}
.card-actions .card-del:hover{color:rgb(var(--c-error));}
body.editing .card-actions{display:flex !important;}
body.editing .link-card{outline:1px dashed rgb(var(--c-primary-container) / .45);}
body.editing .link-card[draggable="true"]{cursor:move;}
.link-card.dragging{opacity:.4;}
.link-card.drop-target{outline:2px solid rgb(var(--c-secondary)) !important;transform:scale(1.03);}
#edit-hint{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:70;background:rgb(var(--c-surface-container-high) / .95);color:rgb(var(--c-on-surface));padding:8px 18px;border-radius:9999px;font-size:13px;box-shadow:0 8px 24px rgb(var(--c-shadow) / .5);opacity:0;transition:opacity .2s;pointer-events:none;max-width:90vw;text-align:center;}
#edit-hint.show{opacity:1;}
#edit-toggle.edit-active{background:rgb(var(--c-primary-container) / .25);color:rgb(var(--c-primary));}
/* 亮色主题下，Tailwind 固定色阶（emerald/amber/rose-300）文字偏浅，加深为 600 阶保证可读 */
[data-theme="light"] .text-emerald-300,[data-theme="mint"] .text-emerald-300,[data-theme="sand"] .text-emerald-300{color:#059669;}
[data-theme="light"] .text-amber-300,[data-theme="mint"] .text-amber-300,[data-theme="sand"] .text-amber-300{color:#b45309;}
[data-theme="light"] .text-rose-300,[data-theme="mint"] .text-rose-300,[data-theme="sand"] .text-rose-300{color:#be123c;}