/* skin-c: 旧样式不改动，这里只覆盖主色(teal→orange)并叠加 C 皮肤 */
/* palette:vendor-misc-DB0Q8XAf.css */

/* palette:index-BwdKlwjH.css */
.navigation-progress-bar[data-v-0856a86e]{background:linear-gradient(90deg,transparent 0%,#fb923c 20%,#f97316 50%,#fb923c 80%,transparent 100%)}
:root.dark .navigation-progress-bar[data-v-0856a86e]{background:linear-gradient(90deg,transparent 0%,#f97316 20%,#fb923c 50%,#f97316 80%,transparent 100%)}
::-moz-selection{background-color:#f9731633;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
::selection{background-color:#f9731633;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
:is(.dark *)::-moz-selection{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
:is(.dark *)::selection{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.btn:focus{--tw-ring-color: rgb(249 115 22 / .5)}
.btn-primary{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-to: #ea580c var(--tw-gradient-to-position);--tw-shadow-color: rgb(249 115 22 / .25)}
.btn-primary:hover{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-to: #c2410c var(--tw-gradient-to-position);--tw-shadow-color: rgb(249 115 22 / .3)}
.btn-primary:is(.dark *){--tw-shadow-color: rgb(249 115 22 / .2)}
.\!input:focus{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.input:focus{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.stat-icon-primary{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.stat-icon-primary:is(.dark *){background-color:#7c2d124d;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.badge-primary{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.badge-primary:is(.dark *){background-color:#7c2d124d;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.sidebar-link-active{background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.sidebar-link-active:is(.dark *){background-color:#7c2d1233}
.sidebar-link-active{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.sidebar-link-active:is(.dark *){color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.sidebar-link-active:hover{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.sidebar-link-active:hover:is(.dark *){background-color:#7c2d124d}
.\!code{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.\!code:is(.dark *){color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.code{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.code:is(.dark *){color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.border-primary-100{border-color:rgb(255 237 213 / var(--tw-border-opacity, 1))}
.border-primary-100\/80{border-color:#ffedd5cc}
.border-primary-200{border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}
.border-primary-200\/80{border-color:#fed7aacc}
.border-primary-300{border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}
.border-primary-400{border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.border-primary-500{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.border-primary-600{border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}
.border-primary-600\/25{border-color:#ea580c40}
.border-teal-500{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.border-teal-500\/20{border-color:#f9731633}
.border-teal-500\/30{border-color:#f973164d}
.border-teal-500\/35{border-color:#f9731659}
.border-t-primary-600{border-top-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}
.bg-primary-100{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.bg-primary-200\/50{background-color:#fed7aa80}
.bg-primary-300\/10{background-color:#fdba741a}
.bg-primary-400{background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}
.bg-primary-400\/10{background-color:#fb923c1a}
.bg-primary-400\/20{background-color:#fb923c33}
.bg-primary-50{background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.bg-primary-50\/40{background-color:#fff7ed66}
.bg-primary-50\/50{background-color:#fff7ed80}
.bg-primary-50\/60{background-color:#fff7ed99}
.bg-primary-50\/70{background-color:#fff7edb3}
.bg-primary-50\/80{background-color:#fff7edcc}
.bg-primary-500{background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.bg-primary-500\/10{background-color:#f973161a}
.bg-primary-500\/15{background-color:#f9731626}
.bg-primary-600{background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}
.bg-primary-900\/10{background-color:#7c2d121a}
.bg-teal-100{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.bg-teal-200\/60{background-color:#fed7aa99}
.bg-teal-50{background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.bg-teal-500{background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.bg-teal-500\/10{background-color:#f973161a}
.bg-\[linear-gradient\(rgba\(20\,184\,166\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(20\,184\,166\,0\.03\)_1px\,transparent_1px\)\]{background-image:linear-gradient(rgba(249,115,22,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.03) 1px,transparent 1px)}
.bg-mesh-gradient{background-image:radial-gradient(at 40% 20%,rgba(249,115,22,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(6,182,212,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(249,115,22,.08) 0px,transparent 50%)}
.from-primary-400{--tw-gradient-from: #fb923c var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position)}
.from-primary-50{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position)}
.from-primary-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position)}
.from-primary-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position)}
.from-teal-400{--tw-gradient-from: #fb923c var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position)}
.from-teal-50{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position)}
.from-teal-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position)}
.via-primary-50\/30{--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 247 237 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-primary-100{--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)}
.to-primary-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}
.to-primary-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}
.to-teal-100{--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)}
.to-teal-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position)}
.to-teal-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}
.to-teal-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}
.text-primary-100{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.text-primary-200{color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.text-primary-300{color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.text-primary-400{color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.text-primary-500{color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
.text-primary-600{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.text-primary-600\/90{color:#ea580ce6}
.text-primary-700{color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.text-primary-800{color:rgb(154 52 18 / var(--tw-text-opacity, 1))}
.text-primary-900{color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
.text-teal-100{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.text-teal-200{color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.text-teal-500{color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
.text-teal-600{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.text-teal-700{color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.text-teal-800{color:rgb(154 52 18 / var(--tw-text-opacity, 1))}
.accent-primary-600{accent-color:#ea580c}
.shadow-glow{--tw-shadow: 0 0 20px rgba(249, 115, 22, .25)}
.shadow-primary-500\/20{--tw-shadow-color: rgb(249 115 22 / .2)}
.shadow-primary-500\/25{--tw-shadow-color: rgb(249 115 22 / .25)}
.shadow-primary-500\/30{--tw-shadow-color: rgb(249 115 22 / .3)}
.shadow-primary-600\/20{--tw-shadow-color: rgb(234 88 12 / .2)}
.ring-primary-100{--tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity, 1))}
.ring-primary-200\/80{--tw-ring-color: rgb(254 215 170 / .8)}
.ring-primary-500\/20{--tw-ring-color: rgb(249 115 22 / .2)}
.ring-primary-500\/40{--tw-ring-color: rgb(249 115 22 / .4)}
.text-gradient{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position)}
.selection\:bg-primary-100 *::-moz-selection{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-100 *::selection{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200 *::-moz-selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200 *::selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.selection\:text-primary-900 *::-moz-selection{color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900 *::selection{color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
.selection\:bg-primary-100::-moz-selection{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-100::selection{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200::-moz-selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200::selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.selection\:text-primary-900::-moz-selection{color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900::selection{color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
.focus-within\:border-primary-300:focus-within{border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}
.focus-within\:border-primary-500:focus-within{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.focus-within\:ring-primary-500:focus-within{--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}
.hover\:border-primary-200:hover{border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}
.hover\:border-primary-300:hover{border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}
.hover\:border-primary-400:hover{border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.hover\:border-primary-500:hover{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.hover\:border-teal-300:hover{border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}
.hover\:border-l-primary-500:hover{border-left-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.hover\:bg-primary-100:hover{background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-200:hover{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-50:hover{background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-50\/50:hover{background-color:#fff7ed80}
.hover\:bg-primary-600:hover{background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-700:hover{background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}
.hover\:bg-teal-200:hover{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.hover\:bg-teal-600:hover{background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}
.hover\:from-primary-600:hover{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position)}
.hover\:to-primary-700:hover{--tw-gradient-to: #c2410c var(--tw-gradient-to-position)}
.hover\:text-primary-500:hover{color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
.hover\:text-primary-600:hover{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.hover\:text-primary-700:hover{color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.hover\:text-primary-800:hover{color:rgb(154 52 18 / var(--tw-text-opacity, 1))}
.hover\:text-teal-700:hover{color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.hover\:decoration-primary-400:hover{text-decoration-color:#fb923c}
.hover\:shadow-primary-500\/10:hover{--tw-shadow-color: rgb(249 115 22 / .1)}
.hover\:shadow-primary-500\/30:hover{--tw-shadow-color: rgb(249 115 22 / .3)}
.focus\:border-primary-300:focus{border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}
.focus\:border-primary-400:focus{border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.focus\:border-primary-500:focus{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.focus\:text-primary-600:focus{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.focus\:ring-primary-100:focus{--tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-300:focus{--tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-400:focus{--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-500:focus{--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-500\/20:focus{--tw-ring-color: rgb(249 115 22 / .2)}
.focus\:ring-primary-500\/30:focus{--tw-ring-color: rgb(249 115 22 / .3)}
.focus\:ring-primary-500\/40:focus{--tw-ring-color: rgb(249 115 22 / .4)}
.focus-visible\:ring-primary-500:focus-visible{--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}
.focus-visible\:ring-primary-500\/30:focus-visible{--tw-ring-color: rgb(249 115 22 / .3)}
.active\:bg-teal-700:active{background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:bg-primary-50{background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:text-primary-500{color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-primary-600{color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-primary-700{color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:ring-primary-100{--tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity, 1))}
.peer:checked~.peer-checked\:border-primary-500{border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.peer:checked~.peer-checked\:bg-primary-50\/60{background-color:#fff7ed99}
.peer:checked~.peer-checked\:bg-primary-500{background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.peer:checked~.peer-checked\:bg-primary-600{background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}
.peer:checked~.peer-checked\:ring-primary-500{--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}
.peer:focus~.peer-focus\:ring-primary-300{--tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity, 1))}
.peer:focus-visible~.peer-focus-visible\:outline-primary-500{outline-color:#f97316}
.dark\:border-primary-400:is(.dark *){border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.dark\:border-primary-400\/25:is(.dark *){border-color:#fb923c40}
.dark\:border-primary-400\/30:is(.dark *){border-color:#fb923c4d}
.dark\:border-primary-500:is(.dark *){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.dark\:border-primary-500\/20:is(.dark *){border-color:#f9731633}
.dark\:border-primary-600:is(.dark *){border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}
.dark\:border-primary-700:is(.dark *){border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}
.dark\:border-primary-700\/50:is(.dark *){border-color:#c2410c80}
.dark\:border-primary-800:is(.dark *){border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))}
.dark\:border-primary-800\/50:is(.dark *){border-color:#9a341280}
.dark\:border-primary-900\/40:is(.dark *){border-color:#7c2d1266}
.dark\:border-primary-900\/50:is(.dark *){border-color:#7c2d1280}
.dark\:border-teal-400:is(.dark *){border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.dark\:border-teal-500\/20:is(.dark *){border-color:#f9731633}
.dark\:border-teal-500\/30:is(.dark *){border-color:#f973164d}
.dark\:border-t-primary-400:is(.dark *){border-top-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.dark\:bg-primary-300:is(.dark *){background-color:rgb(253 186 116 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-400\/10:is(.dark *){background-color:#fb923c1a}
.dark\:bg-primary-500\/10:is(.dark *){background-color:#f973161a}
.dark\:bg-primary-500\/15:is(.dark *){background-color:#f9731626}
.dark\:bg-primary-600:is(.dark *){background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-800\/40:is(.dark *){background-color:#9a341266}
.dark\:bg-primary-900\/10:is(.dark *){background-color:#7c2d121a}
.dark\:bg-primary-900\/20:is(.dark *){background-color:#7c2d1233}
.dark\:bg-primary-900\/25:is(.dark *){background-color:#7c2d1240}
.dark\:bg-primary-900\/30:is(.dark *){background-color:#7c2d124d}
.dark\:bg-primary-900\/40:is(.dark *){background-color:#7c2d1266}
.dark\:bg-primary-950:is(.dark *){background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-950\/20:is(.dark *){background-color:#43140733}
.dark\:bg-primary-950\/40:is(.dark *){background-color:#43140766}
.dark\:bg-teal-500\/10:is(.dark *){background-color:#f973161a}
.dark\:bg-teal-500\/15:is(.dark *){background-color:#f9731626}
.dark\:bg-teal-500\/80:is(.dark *){background-color:#f97316cc}
.dark\:bg-teal-800\/40:is(.dark *){background-color:#9a341266}
.dark\:bg-teal-900:is(.dark *){background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))}
.dark\:bg-teal-900\/20:is(.dark *){background-color:#7c2d1233}
.dark\:bg-teal-900\/30:is(.dark *){background-color:#7c2d124d}
.dark\:bg-teal-900\/40:is(.dark *){background-color:#7c2d1266}
.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from: rgb(124 45 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position)}
.dark\:from-primary-900\/30:is(.dark *){--tw-gradient-from: rgb(124 45 18 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position)}
.dark\:from-primary-950\/40:is(.dark *){--tw-gradient-from: rgb(67 20 7 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position)}
.dark\:from-teal-500\/10:is(.dark *){--tw-gradient-from: rgb(249 115 22 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position)}
.dark\:to-primary-800\/20:is(.dark *){--tw-gradient-to: rgb(154 52 18 / .2) var(--tw-gradient-to-position)}
.dark\:to-teal-500\/20:is(.dark *){--tw-gradient-to: rgb(249 115 22 / .2) var(--tw-gradient-to-position)}
.dark\:to-teal-900\/20:is(.dark *){--tw-gradient-to: rgb(124 45 18 / .2) var(--tw-gradient-to-position)}
.dark\:text-primary-100:is(.dark *){color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.dark\:text-primary-200:is(.dark *){color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.dark\:text-primary-200\/80:is(.dark *){color:#fed7aacc}
.dark\:text-primary-300:is(.dark *){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.dark\:text-primary-400:is(.dark *){color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.dark\:text-primary-400\/90:is(.dark *){color:#fb923ce6}
.dark\:text-primary-700:is(.dark *){color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.dark\:text-primary-800:is(.dark *){color:rgb(154 52 18 / var(--tw-text-opacity, 1))}
.dark\:text-teal-200:is(.dark *){color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.dark\:text-teal-300:is(.dark *){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.dark\:text-teal-400:is(.dark *){color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.dark\:shadow-primary-500\/20:is(.dark *){--tw-shadow-color: rgb(249 115 22 / .2)}
.dark\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(249 115 22 / .2)}
.dark\:ring-primary-700\/50:is(.dark *){--tw-ring-color: rgb(194 65 12 / .5)}
.dark\:ring-primary-900:is(.dark *){--tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity, 1))}
.dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color: rgb(124 45 18 / .4)}
.dark\:selection\:bg-primary-200 *:is(.dark *)::-moz-selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-200 *:is(.dark *)::selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-900\/60 *:is(.dark *)::-moz-selection{background-color:#7c2d1299}
.dark\:selection\:bg-primary-900\/60 *:is(.dark *)::selection{background-color:#7c2d1299}
.dark\:selection\:text-primary-100 *:is(.dark *)::-moz-selection{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100 *:is(.dark *)::selection{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.dark\:selection\:bg-primary-200:is(.dark *)::-moz-selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-200:is(.dark *)::selection{background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-900\/60:is(.dark *)::-moz-selection{background-color:#7c2d1299}
.dark\:selection\:bg-primary-900\/60:is(.dark *)::selection{background-color:#7c2d1299}
.dark\:selection\:text-primary-100:is(.dark *)::-moz-selection{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100:is(.dark *)::selection{color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.dark\:focus-within\:border-primary-700:focus-within:is(.dark *){border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-400:hover:is(.dark *){border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-500:hover:is(.dark *){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-500\/30:hover:is(.dark *){border-color:#f973164d}
.dark\:hover\:border-primary-700:hover:is(.dark *){border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-800:hover:is(.dark *){border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-teal-500\/50:hover:is(.dark *){border-color:#f9731680}
.dark\:hover\:bg-primary-500:hover:is(.dark *){background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-primary-800:hover:is(.dark *){background-color:rgb(154 52 18 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-primary-900\/20:hover:is(.dark *){background-color:#7c2d1233}
.dark\:hover\:bg-primary-900\/30:hover:is(.dark *){background-color:#7c2d124d}
.dark\:hover\:bg-primary-900\/50:hover:is(.dark *){background-color:#7c2d1280}
.dark\:hover\:bg-teal-500:hover:is(.dark *){background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.dark\:hover\:text-primary-200:hover:is(.dark *){color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-300:hover:is(.dark *){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-400:hover:is(.dark *){color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.dark\:focus\:border-primary-500:focus:is(.dark *){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.dark\:focus\:border-primary-600:focus:is(.dark *){border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}
.dark\:focus\:text-primary-400:focus:is(.dark *){color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.dark\:focus\:ring-primary-600:focus:is(.dark *){--tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity, 1))}
.dark\:focus\:ring-primary-900\/40:focus:is(.dark *){--tw-ring-color: rgb(124 45 18 / .4)}
.group:hover .dark\:group-hover\:bg-primary-500\/10:is(.dark *){background-color:#f973161a}
.group:hover .dark\:group-hover\:text-primary-200:is(.dark *){color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.group:hover .dark\:group-hover\:text-primary-300:is(.dark *){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.group:hover .dark\:group-hover\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(249 115 22 / .2)}
.peer:checked~.dark\:peer-checked\:border-primary-500:is(.dark *){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.peer:checked~.peer-checked\:dark\:border-primary-500:is(.dark *){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.peer:checked~.dark\:peer-checked\:bg-primary-500\/10:is(.dark *){background-color:#f973161a}
.peer:focus~.dark\:peer-focus\:ring-primary-800:is(.dark *){--tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity, 1))}
/* palette:AppHeader-CAetZeGE.css */
.driver-active-element:not(.__skin){outline:4px solid rgba(249,115,22,.2)!important}
.theme-tour-popover .driver-popover-next-btn:not(.__skin){background-color:#f97316!important}
.theme-tour-popover .driver-popover-next-btn:hover:not(.__skin){background-color:#ea580c!important}
/* palette:AuthLayout-BMNyCXdz.css */
.text-gradient[data-v-86388737]:not(.__skin){--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}
/* palette:ChannelStatusView-CPGYMDhs.css */
.select-trigger[data-v-34616c70]:focus:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.select-trigger-open[data-v-34616c70]:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
/* palette:ChannelsView-OVn33Hc1.css */
.channel-tab-active[data-v-e2b911b5]:not(.__skin){border-color:rgb(234 88 12 / var(--tw-border-opacity, 1));color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.channel-tab-active[data-v-e2b911b5]:is(.dark *):not(.__skin){border-color:rgb(251 146 60 / var(--tw-border-opacity, 1));color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
/* palette:CustomPageView-ra23CWf1.css */
.toc-item.toc-active[data-v-d4976463]:not(.__skin){background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.toc-item.toc-active[data-v-d4976463]:is(.dark *):not(.__skin){background-color:#7c2d1233;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.markdown-page-content a:not(.__skin){color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
.markdown-page-content a:hover:not(.__skin){color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
/* palette:HomeView-Dagk0jRk.css */
.code-url[data-v-9883d0e0]:not(.__skin){color:#f97316}
[data-v-9883d0e0] .dark .terminal-window:not(.__skin){box-shadow:0 25px 50px -12px #0009,0 0 0 1px #f9731633,0 0 40px #f973161a,inset 0 1px #ffffff1a}
/* palette:KeyUsageView-DUJT76vw.css */
.input-ring[data-v-a0ec3d82]:focus:not(.__skin){box-shadow:0 0 0 3px #f9731633;border-color:#f97316}
/* palette:LegalDocumentView-DCxikJph.css */
.legal-document-content[data-v-6726f351] a:not(.__skin){color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-6726f351] a:hover:not(.__skin){color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-6726f351] a:is(.dark *):not(.__skin){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-6726f351] a:hover:is(.dark *):not(.__skin){color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
/* palette:ModelPlazaView-CPKLu4gi.css */
.plaza-description[data-v-10883807] a:not(.__skin){color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.plaza-description[data-v-10883807] a:hover:not(.__skin){color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.plaza-description[data-v-10883807] a:is(.dark *):not(.__skin){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
/* palette:ProxySelector-CF2DQrty.css */
.select-trigger[data-v-c62534a0]:focus:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.select-trigger-open[data-v-c62534a0]:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.select-option-selected[data-v-c62534a0]:not(.__skin){background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.select-option-selected[data-v-c62534a0]:is(.dark *):not(.__skin){background-color:#7c2d1233}
.select-option-selected[data-v-c62534a0]:not(.__skin){color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.select-option-selected[data-v-c62534a0]:is(.dark *):not(.__skin){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
/* palette:Select-xgK-Q8rp.css */
.select-trigger[data-v-3b119ecb]:focus:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3) }
.select-trigger-open[data-v-3b119ecb]:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3) }
.select-dropdown-portal .select-option-selected:not(.__skin){background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.select-dropdown-portal .select-option-selected:is(.dark *):not(.__skin){background-color:#7c2d1233}
.select-dropdown-portal .select-option-selected:not(.__skin){color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.select-dropdown-portal .select-option-selected:is(.dark *):not(.__skin){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
/* palette:SettingsView-DoptW0R6.css */
.settings-tab[data-v-8f71cc0b]:focus-visible:not(.__skin){--tw-ring-color: rgb(249 115 22 / .4)}
.settings-tab-active[data-v-8f71cc0b]:not(.__skin){border-color:#fed7aacc;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.settings-tab-active[data-v-8f71cc0b]:is(.dark *):not(.__skin){border-color:#fb923c4d;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.settings-tab-active[data-v-8f71cc0b]:not(.__skin):after{background:linear-gradient(90deg,#f97316,#0ea5e9)}
.settings-tab-active .settings-tab-icon[data-v-8f71cc0b]:not(.__skin){background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.settings-tab-active .settings-tab-icon[data-v-8f71cc0b]:is(.dark *):not(.__skin){background-color:#fb923c1a;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
/* palette:TokenUsageTrend-C15Qf8qF.css */
.date-picker-trigger[data-v-265519a6]:focus:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.date-picker-trigger-open[data-v-265519a6]:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.date-picker-preset-active[data-v-265519a6]:not(.__skin){background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.date-picker-preset-active[data-v-265519a6]:is(.dark *):not(.__skin){background-color:#7c2d124d}
.date-picker-preset-active[data-v-265519a6]:not(.__skin){color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.date-picker-preset-active[data-v-265519a6]:is(.dark *):not(.__skin){color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.date-picker-input[data-v-265519a6]:focus:not(.__skin){border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(249 115 22 / .3)}
.date-picker-apply[data-v-265519a6]:not(.__skin){background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}
.date-picker-apply[data-v-265519a6]:hover:not(.__skin){background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}
/* palette:byo-admin */
.byo-pill[data-on="1"]{border-color:#ea580c;background:#fff7ed;color:#c2410c}
.dark .byo-pill[data-on="1"]{border-color:#c2410c;background:rgba(234,88,12,.16);color:#fdba74}
/* theme-c */
/* 皮肤 C：新粗野纸感。奶油底、粗黑边、硬阴影、橙黄撞色。 */
:root {
  --c-paper: #fbf5e6;
  --c-card: #fffdf7;
  --c-ink: #17140f;
  --c-sub: #5f584a;
  --c-line: #17140f;
  --c-accent: #ff6a1a;
  --c-yellow: #ffd23f;
  --c-soft: #fff0b8;
  --c-shadow: 4px 4px 0 var(--c-ink);
  --c-shadow-sm: 2px 2px 0 var(--c-ink);
  --c-radius: 12px;
}
.dark {
  --c-paper: #1a1712;
  --c-card: #24201a;
  --c-ink: #f6efdc;
  --c-sub: #b8ae96;
  --c-line: #f6efdc;
  --c-soft: #3a3115;
  --c-shadow: 4px 4px 0 #000;
  --c-shadow-sm: 2px 2px 0 #000;
}

html, body { background: var(--c-paper) !important; color: var(--c-ink); }
.bg-mesh-gradient { background-image: radial-gradient(rgba(23,20,15,.16) 1.2px, transparent 1.4px) !important; background-size: 22px 22px !important; }
.dark .bg-mesh-gradient { background-image: radial-gradient(rgba(246,239,220,.10) 1.2px, transparent 1.4px) !important; }
.bg-gray-50, .dark .dark\:bg-dark-950 { background-color: var(--c-paper) !important; }
:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }
::selection { background: var(--c-yellow); color: #17140f; }

/* 侧栏 */
.sidebar { background: var(--c-card) !important; border-right: 3px solid var(--c-line) !important; }
.sidebar-header { border-color: var(--c-line) !important; border-bottom-width: 3px !important; }
.sidebar-section-title { color: var(--c-ink) !important; font-weight: 800 !important; letter-spacing: .06em; }
.sidebar-link { color: var(--c-ink) !important; font-weight: 600 !important; border: 2px solid transparent; border-radius: 10px !important; transition: transform .1s, box-shadow .1s, background .1s; }
.sidebar-link:hover { background: var(--c-soft) !important; border-color: var(--c-line); }
.sidebar-link-active, .sidebar-link-active:hover { background: var(--c-yellow) !important; color: #17140f !important; border-color: var(--c-line) !important; box-shadow: var(--c-shadow-sm); font-weight: 800 !important; }
.sidebar-link-active svg { color: #17140f !important; }

/* 顶栏与标题 */
header { background: var(--c-card) !important; border-bottom: 3px solid var(--c-line) !important; backdrop-filter: none !important; }
.page-title { font-weight: 900 !important; color: var(--c-ink) !important; display: inline-block; background: linear-gradient(transparent 62%, var(--c-yellow) 62%, var(--c-yellow) 92%, transparent 92%); padding: 0 4px; margin-left: -4px; }
.dark .page-title { color: #f6efdc !important; background: linear-gradient(transparent 62%, #7a5d00 62%, #7a5d00 92%, transparent 92%); }
.page-description { color: var(--c-sub) !important; }

/* 卡片：粗边 + 硬阴影，悬停位移 */
.card, .stat-card, .card-glass { background: var(--c-card) !important; border: 2px solid var(--c-line) !important; border-radius: var(--c-radius) !important; box-shadow: var(--c-shadow) !important; }
.stat-card { transition: transform .12s, box-shadow .12s; }
.stat-card:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--c-ink) !important; }
.dark .stat-card:hover { box-shadow: 6px 6px 0 #000 !important; }
.card-header { border-bottom: 2px solid var(--c-line) !important; }
.stat-label { color: var(--c-sub) !important; font-weight: 700; }
.stat-value { color: var(--c-ink) !important; font-weight: 900 !important; letter-spacing: -.02em; }
.stat-icon { border: 2px solid var(--c-line); border-radius: 10px !important; box-shadow: var(--c-shadow-sm); }

/* 按钮 */
.btn { border-radius: 10px !important; border: 2px solid var(--c-line) !important; font-weight: 800 !important; box-shadow: var(--c-shadow-sm); transition: transform .08s, box-shadow .08s, background .1s !important; }
.btn:hover:not(:disabled) { transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--c-ink); }
.dark .btn:hover:not(:disabled) { box-shadow: 3px 3px 0 #000; }
.btn:active:not(:disabled) { transform: translate(2px, 2px); box-shadow: 0 0 0 var(--c-ink); }
.btn-primary { background: var(--c-accent) !important; background-image: none !important; color: #17140f !important; }
.btn-primary:hover:not(:disabled) { background: #ff7d36 !important; }
.btn-secondary { background: var(--c-card) !important; color: var(--c-ink) !important; }
.btn-secondary:hover:not(:disabled) { background: var(--c-soft) !important; }
.btn-ghost { box-shadow: none; border-color: transparent !important; }
.btn-danger { color: #fff !important; }
.btn:disabled { opacity: .5; box-shadow: none; }

/* 表单 */
.input, select.input, textarea.input { background: var(--c-card) !important; color: var(--c-ink) !important; border: 2px solid var(--c-line) !important; border-radius: 10px !important; box-shadow: none !important; }
.input:focus { box-shadow: 3px 3px 0 var(--c-accent) !important; outline: none !important; border-color: var(--c-line) !important; }
.input::placeholder { color: var(--c-sub) !important; opacity: .7; }
.input-label { color: var(--c-ink) !important; font-weight: 800 !important; }
.input-hint { color: var(--c-sub) !important; }

/* 表格 */
.table-wrapper, .table-container { border: 2px solid var(--c-line); border-radius: var(--c-radius); background: var(--c-card); box-shadow: var(--c-shadow); overflow: hidden; }
.table th { background: var(--c-yellow) !important; color: #17140f !important; font-weight: 800 !important; border-bottom: 2px solid var(--c-line) !important; }
.dark .table th { background: #5c4700 !important; color: #ffe27a !important; }
.table td { border-bottom: 1.5px solid color-mix(in srgb, var(--c-line) 22%, transparent) !important; }
.table tbody tr:hover td { background: var(--c-soft) !important; }
.table tbody tr:last-child td { border-bottom: 0 !important; }

/* 徽章 / 标签页 */
.badge { border: 1.5px solid var(--c-line); font-weight: 800 !important; }
.tabs { background: transparent !important; gap: 6px; }
.tab { border: 2px solid transparent; border-radius: 10px !important; font-weight: 700; }
.tab-active { background: var(--c-yellow) !important; color: #17140f !important; border-color: var(--c-line) !important; box-shadow: var(--c-shadow-sm) !important; }

/* 弹窗 / 下拉 */
.modal-overlay { background: rgba(23, 20, 15, .6) !important; backdrop-filter: none !important; }
.modal-content { background: var(--c-card) !important; border: 3px solid var(--c-line) !important; border-radius: 16px !important; box-shadow: 8px 8px 0 var(--c-ink) !important; }
.dark .modal-content { box-shadow: 8px 8px 0 #000 !important; }
.modal-header, .modal-footer { border-color: var(--c-line) !important; border-width: 2px !important; }
.modal-title { font-weight: 900 !important; color: var(--c-ink) !important; }
.dropdown { background: var(--c-card) !important; border: 2px solid var(--c-line) !important; border-radius: 12px !important; box-shadow: var(--c-shadow) !important; }
.dropdown-item:hover { background: var(--c-soft) !important; }
.toast { border: 2px solid var(--c-line) !important; border-radius: 12px !important; box-shadow: var(--c-shadow) !important; }
.empty-state-title { color: var(--c-ink) !important; font-weight: 800; }
.empty-state-description { color: var(--c-sub) !important; }
.navigation-progress-bar { background: var(--c-accent) !important; height: 4px !important; }

/* 登录 / 注册 */
.min-h-screen.relative.flex.items-center.justify-center { background-color: var(--c-paper) !important; }
.min-h-screen .card-glass, .min-h-screen .card { border-radius: 16px !important; border-width: 3px !important; box-shadow: 8px 8px 0 var(--c-ink) !important; }
.dark .min-h-screen .card-glass, .dark .min-h-screen .card { box-shadow: 8px 8px 0 #000 !important; }
.min-h-screen .text-gradient, .min-h-screen h1.text-gradient { display: table; margin-left: auto; margin-right: auto; background: linear-gradient(transparent 58%, var(--c-yellow) 58%, var(--c-yellow) 90%, transparent 90%) !important; -webkit-text-fill-color: var(--c-ink) !important; color: var(--c-ink) !important; padding: 0 6px; }

code, .code { background: var(--c-soft); border: 1.5px solid var(--c-line); border-radius: 6px; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--c-paper); }
::-webkit-scrollbar-thumb { background: var(--c-ink); border: 3px solid var(--c-paper); border-radius: 10px; }
@media (max-width: 767px) { .card, .stat-card { box-shadow: 3px 3px 0 var(--c-ink) !important; } .page-title { font-size: 1.25rem !important; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation-duration: .01ms !important; } }

/* ───────── C v2：深色模式暖色重做 + 细节收敛 ───────── */
.dark {
  --c-paper: #15120d;
  --c-card: #211d16;
  --c-ink: #f3ead4;
  --c-sub: #b3a98f;
  --c-line: #5a4f3a;
  --c-soft: #2e281c;
  --c-yellow: #f2b705;
  --c-accent: #ff7a2e;
  --c-shadow: 4px 4px 0 #000;
  --c-shadow-sm: 2px 2px 0 #000;
}
.dark body, .dark html { background: var(--c-paper) !important; }

/* 深色：用柔和的暖棕描边，不再是整圈米白粗线 */
.dark .card, .dark .stat-card, .dark .card-glass { border-width: 2px !important; border-color: var(--c-line) !important; }
.dark .sidebar { border-right: 2px solid var(--c-line) !important; background: #1a160f !important; }
.dark .sidebar-header { border-bottom: 2px solid var(--c-line) !important; }
.dark header { border-bottom: 2px solid var(--c-line) !important; background: #1a160f !important; }
.dark .btn { border-color: #8a7b58 !important; }
.dark .btn-primary { border-color: #000 !important; color: #160f06 !important; }
.dark .btn-secondary { background: var(--c-card) !important; }
.dark .input, .dark select.input, .dark textarea.input { border-color: var(--c-line) !important; background: #1a160f !important; }
.dark .input:focus { border-color: var(--c-accent) !important; box-shadow: 3px 3px 0 #000, 0 0 0 1px var(--c-accent) !important; }
.dark .stat-card:hover { border-color: var(--c-accent) !important; box-shadow: 6px 6px 0 #000 !important; }
.dark .stat-icon { border-color: var(--c-line); }

/* 深色：侧栏选中块换成更沉的琥珀，文字用深棕 */
.dark .sidebar-link { color: var(--c-ink) !important; }
.dark .sidebar-link:hover { background: var(--c-soft) !important; border-color: var(--c-line); }
.dark .sidebar-link-active, .dark .sidebar-link-active:hover { background: var(--c-yellow) !important; color: #1c1403 !important; border-color: #000 !important; box-shadow: 2px 2px 0 #000; }
.dark .sidebar-link-active svg { color: #1c1403 !important; }
.dark .sidebar-section-title { color: var(--c-sub) !important; }
.dark .page-title { background: linear-gradient(transparent 64%, rgba(242,183,5,.38) 64%, rgba(242,183,5,.38) 92%, transparent 92%); }

/* 表格：去掉重复外框；深色下粘性列/表头用暖色，不再偏蓝 */
.table-wrapper { border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; }
.table-container { border: 2px solid var(--c-line); border-radius: var(--c-radius); background: var(--c-card); box-shadow: var(--c-shadow); overflow-x: auto; }
.dark .table-wrapper .table-header, .dark .sticky-header-cell { background-color: #3a2f12 !important; }
.dark tbody .sticky-col, .dark .table td { background-color: var(--c-card) !important; }
.dark tbody tr:hover .sticky-col, .dark .table tbody tr:hover td { background-color: var(--c-soft) !important; }
.dark .table th { background: #3a2f12 !important; color: #ffd75e !important; border-bottom: 2px solid var(--c-line) !important; }
.dark .table td { border-bottom: 1px solid rgba(179,169,143,.18) !important; color: var(--c-ink); }
.dark .table-wrapper, .dark .table-container { background: var(--c-card); }
.dark .is-scrollable .sticky-col-left::after, .dark .is-scrollable .sticky-col-left-second::after { background: linear-gradient(to right, rgba(0,0,0,.45), transparent) !important; }
.dark .is-scrollable .sticky-col-right::before { background: linear-gradient(to left, rgba(0,0,0,.45), transparent) !important; }

/* 密钥等“代码块”标签：浅色用奶油底，不再橙字配黄底 */
code, .code { background: #f4ecd6 !important; color: #3a3224 !important; border: 1.5px solid #17140f33 !important; border-radius: 6px; font-weight: 600; }
.dark code, .dark .code { background: #2e281c !important; color: #f0dca8 !important; border-color: rgba(179,169,143,.35) !important; }

/* 下拉框、选择框、弹出层 */
.dark .dropdown, .dark [role="listbox"], .dark .select-dropdown { background: var(--c-card) !important; border-color: var(--c-line) !important; box-shadow: 4px 4px 0 #000 !important; }
.dark .dropdown-item:hover { background: var(--c-soft) !important; }
.dark .bg-gray-100, .dark .bg-gray-50 { background-color: var(--c-soft) !important; }
.dark .modal-content { border: 2px solid var(--c-line) !important; box-shadow: 8px 8px 0 #000 !important; background: var(--c-card) !important; }
.dark .modal-header, .dark .modal-footer { border-color: var(--c-line) !important; }
.dark .modal-overlay { background: rgba(8, 6, 3, .72) !important; }
.dark .modal-content .input, .dark .modal-content select { background: #1a160f !important; }
.dark .toast { background: var(--c-card) !important; border-color: var(--c-line) !important; box-shadow: 4px 4px 0 #000 !important; }

/* 标签页 / 徽章 / 空状态 */
.dark .tab { color: var(--c-sub); }
.dark .tab-active { background: var(--c-yellow) !important; color: #1c1403 !important; border-color: #000 !important; box-shadow: 2px 2px 0 #000 !important; }
.dark .badge { border-color: rgba(179,169,143,.4); }
.dark .empty-state-title { color: var(--c-ink) !important; }

/* 登录页 */
.dark .min-h-screen.relative.flex.items-center.justify-center { background-color: var(--c-paper) !important; }
.dark .min-h-screen .card-glass, .dark .min-h-screen .card { border-width: 2px !important; border-color: var(--c-line) !important; box-shadow: 8px 8px 0 #000 !important; }
.dark .min-h-screen .text-gradient { background: linear-gradient(transparent 58%, rgba(242,183,5,.4) 58%, rgba(242,183,5,.4) 90%, transparent 90%) !important; -webkit-text-fill-color: var(--c-ink) !important; color: var(--c-ink) !important; }

/* 滚动条（深色） */
.dark ::-webkit-scrollbar-thumb { background: #6b5d3f; border-color: var(--c-paper); }
.dark ::-webkit-scrollbar-track { background: var(--c-paper); }

/* ───────── C v2.1：把 dark-* / slate-* 蓝灰色阶映射为暖棕 ───────── */
.dark {
  --w-950: #120f0a; --w-900: #1a160f; --w-800: #211d16; --w-700: #2e281c;
  --w-600: #5a4f3a; --w-500: #7d705a; --w-400: #a89c82; --w-300: #cfc5ab; --w-200: #e6dec8; --w-100: #f3ead4;
}
.dark .dark\:bg-dark-950, .dark .dark\:bg-slate-950 { background-color: var(--w-950) !important; }
.dark .dark\:bg-dark-900, .dark .dark\:bg-slate-900, .dark .dark\:bg-gray-900 { background-color: var(--w-900) !important; }
.dark .dark\:bg-dark-800, .dark .dark\:bg-slate-800, .dark .dark\:bg-gray-800 { background-color: var(--w-800) !important; }
.dark .dark\:bg-dark-700, .dark .dark\:bg-slate-700, .dark .dark\:bg-gray-700 { background-color: var(--w-700) !important; }
.dark .dark\:bg-dark-600, .dark .dark\:bg-slate-600 { background-color: var(--w-600) !important; }
.dark .dark\:bg-dark-800\/50, .dark .dark\:bg-dark-800\/60, .dark .dark\:bg-dark-800\/80, .dark .dark\:bg-slate-800\/50, .dark .dark\:bg-slate-900\/50 { background-color: rgba(33, 29, 22, .6) !important; }
.dark .dark\:bg-dark-700\/50, .dark .dark\:bg-slate-700\/50 { background-color: rgba(46, 40, 28, .6) !important; }
.dark .dark\:hover\:bg-dark-700:hover, .dark .dark\:hover\:bg-dark-800:hover, .dark .dark\:hover\:bg-slate-800:hover, .dark .dark\:hover\:bg-gray-700:hover { background-color: var(--w-700) !important; }

.dark .dark\:border-dark-600, .dark .dark\:border-slate-600, .dark .dark\:border-gray-600 { border-color: var(--w-600) !important; }
.dark .dark\:border-dark-700, .dark .dark\:border-slate-700, .dark .dark\:border-gray-700 { border-color: rgba(125, 112, 90, .55) !important; }
.dark .dark\:border-dark-800, .dark .dark\:border-slate-800 { border-color: rgba(90, 79, 58, .6) !important; }
.dark .dark\:border-dark-700\/50, .dark .dark\:border-slate-700\/50 { border-color: rgba(125, 112, 90, .3) !important; }
.dark .dark\:divide-dark-700 > :not([hidden]) ~ :not([hidden]), .dark .dark\:divide-dark-600 > :not([hidden]) ~ :not([hidden]), .dark .dark\:divide-slate-700 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(125, 112, 90, .28) !important; }
.dark .dark\:ring-slate-700\/70, .dark .dark\:ring-dark-700 { --tw-ring-color: rgba(125, 112, 90, .5) !important; }

.dark .dark\:text-dark-400, .dark .dark\:text-slate-400 { color: var(--w-400) !important; }
.dark .dark\:text-dark-300, .dark .dark\:text-slate-300 { color: var(--w-300) !important; }
.dark .dark\:text-dark-200, .dark .dark\:text-slate-200 { color: var(--w-200) !important; }
.dark .dark\:text-dark-100, .dark .dark\:text-slate-100 { color: var(--w-100) !important; }
.dark .dark\:placeholder-dark-400::placeholder { color: var(--w-500) !important; }

/* 下拉选择器触发按钮与列表 */
.dark .select-trigger { background-color: var(--w-800) !important; border: 2px solid var(--w-600) !important; color: var(--c-ink) !important; border-radius: 10px !important; box-shadow: none; }
.dark .select-trigger:hover { border-color: var(--c-accent) !important; }
.dark .select-dropdown-container, .dark [class*="select-dropdown"] { background-color: var(--w-800) !important; border: 2px solid var(--w-600) !important; box-shadow: 4px 4px 0 #000 !important; border-radius: 12px !important; }
.dark [class*="select-option"]:hover, .dark [class*="select-option"][class*="focus"] { background-color: var(--w-700) !important; }
.dark [class*="select-option"][class*="selected"] { background-color: rgba(242, 183, 5, .18) !important; color: #ffd75e !important; }

/* 表体与分页条 */
.dark .table-body, .dark tbody { background-color: var(--c-card) !important; }
.dark tbody tr { background-color: transparent !important; }
.dark .table th, .dark .table-header { background-color: #3a2f12 !important; }
.dark .pagination, .dark [class*="pagination"] { background-color: transparent !important; }

.dark .badge-gray { background-color: var(--w-700) !important; color: var(--w-300) !important; }

/* ───────── C v2.2：日期选择、引导弹窗、键帽 ───────── */
.date-picker-trigger { border-radius: 10px !important; }
.dark .date-picker-trigger { background-color: var(--w-800) !important; border: 2px solid var(--w-600) !important; color: var(--c-ink) !important; }
.dark .date-picker-trigger:hover { border-color: var(--c-accent) !important; }
.dark .driver-popover, .dark .theme-tour-popover { background-color: var(--w-800) !important; border: 2px solid var(--w-600) !important; box-shadow: 6px 6px 0 #000 !important; color: var(--c-ink) !important; border-radius: 14px !important; }
.dark .driver-popover-footer { background-color: var(--w-900) !important; border-color: var(--w-600) !important; }
.dark .driver-popover-title { color: var(--c-ink) !important; }
.dark .driver-popover-description { color: var(--w-300) !important; }
.dark .driver-popover-arrow { border-color: var(--w-600) !important; }
.dark .driver-popover-arrow-side-over, .dark .driver-popover-arrow-side-left, .dark .driver-popover-arrow-side-right, .dark .driver-popover-arrow-side-top, .dark .driver-popover-arrow-side-bottom { border-color: var(--w-600) !important; }
.dark .driver-popover-prev-btn, .dark .driver-popover-btn-disabled { background-color: var(--w-700) !important; border-color: var(--w-600) !important; color: var(--w-400) !important; }
.driver-popover { border-radius: 14px !important; }
.driver-popover-next-btn, .driver-popover-done-btn { background: var(--c-accent) !important; color: #17140f !important; border: 2px solid #17140f !important; border-radius: 10px !important; font-weight: 800 !important; text-shadow: none !important; }
.dark kbd { background-color: var(--w-700) !important; border-color: var(--w-600) !important; color: var(--w-200) !important; }

/* 引导弹窗：与应用自带规则同等特异性，保证暖色生效 */
.dark .driver-popover.theme-tour-popover { background-color: var(--w-800) !important; border: 2px solid var(--w-600) !important; box-shadow: 6px 6px 0 #000 !important; color: var(--c-ink) !important; }
.dark .driver-popover.theme-tour-popover .driver-popover-footer { background-color: var(--w-900) !important; border-top: 2px solid var(--w-600) !important; }
.dark .driver-popover.theme-tour-popover .driver-popover-title { color: var(--c-ink) !important; border-color: var(--w-600) !important; }
.dark .driver-popover.theme-tour-popover .driver-popover-description { color: var(--w-300) !important; }
.dark .driver-popover.theme-tour-popover .driver-popover-prev-btn, .dark .driver-popover.theme-tour-popover .driver-popover-close-btn { background-color: var(--w-700) !important; border-color: var(--w-600) !important; color: var(--w-200) !important; }
.driver-popover.theme-tour-popover { border-radius: 14px !important; }
.driver-popover.theme-tour-popover .driver-popover-title { font-weight: 800 !important; }
.dark .driver-popover.theme-tour-popover kbd { background-color: var(--w-700) !important; border-color: var(--w-600) !important; color: var(--w-200) !important; }
.driver-popover.theme-tour-popover .driver-popover-next-btn, .driver-popover.theme-tour-popover .driver-popover-done-btn { background: var(--c-accent) !important; color: #17140f !important; border: 2px solid #17140f !important; border-radius: 10px !important; font-weight: 800 !important; text-shadow: none !important; }

html.dark body .driver-popover.theme-tour-popover { background-color: var(--w-800) !important; border-color: var(--w-600) !important; }
html.dark body .driver-popover.theme-tour-popover .driver-popover-arrow-side-over,
html.dark body .driver-popover.theme-tour-popover .driver-popover-arrow { border-color: var(--w-600) !important; }

/* ───────── C v2.3：登录页背景层、表格单元格边框 ───────── */
.dark .min-h-screen > .absolute.inset-0.bg-gradient-to-br { background-image: linear-gradient(to bottom right, #120f0a, #1a160f 55%, #120f0a) !important; }
.dark .min-h-screen > .absolute.inset-0[class*="bg-[linear-gradient"] { background-image: radial-gradient(rgba(243,234,212,.07) 1.2px, transparent 1.4px) !important; background-size: 24px 24px !important; }
.min-h-screen > .absolute.inset-0[class*="bg-[linear-gradient"] { background-image: radial-gradient(rgba(23,20,15,.14) 1.2px, transparent 1.4px) !important; background-size: 22px 22px !important; }
.min-h-screen > .absolute.inset-0.bg-gradient-to-br { background-image: none !important; background-color: var(--c-paper) !important; }
.min-h-screen .pointer-events-none.absolute[class*="blur"] { opacity: .35; }

html.dark body table th, html.dark body table td, html.dark body .sticky-header-cell { border-color: rgba(125, 112, 90, .32) !important; }
html.dark body table thead th, html.dark body .sticky-header-cell { border-bottom: 2px solid var(--w-600) !important; }
html.dark body tbody.table-body > tr { border-color: rgba(125, 112, 90, .28) !important; }

/* ───────── C v3：授权套餐面板（bpl-*）跟随皮肤，替换写死的深色 ───────── */
html body .bpl-sec, html body .bpl-card { background: var(--c-card) !important; border: 2px solid var(--c-line) !important; border-radius: var(--c-radius) !important; box-shadow: var(--c-shadow) !important; }
html body .bpl-sec-h span, html body .bpl-bar h2, html body .bpl-name, html body .bpl-c2-name, html body .bpl-kv b { color: var(--c-ink) !important; }
html body .bpl-sec-h small, html body .bpl-bar p, html body .bpl-c2-group, html body .bpl-sub, html body .bpl-kv span, html body .bpl-c2-price small, html body .bpl-f label, html body #bpl-bal { color: var(--c-sub) !important; }
html body .bpl-sec-h span { font-weight: 800 !important; }
html body .bpl-card2 { background: var(--c-paper) !important; border: 2px solid var(--c-line) !important; border-radius: 12px !important; box-shadow: var(--c-shadow-sm); transition: transform .1s, box-shadow .1s; }
html body .bpl-card2:hover { transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--c-ink); }
.dark body .bpl-card2:hover { box-shadow: 3px 3px 0 #000; }
html body .bpl-c2-price, html body .bpl-price { color: var(--c-accent) !important; font-weight: 900 !important; }
html body .bpl-c2-desc, html body .bpl-empty { color: var(--c-sub) !important; }
html body .bpl-kv { border-bottom: 1.5px solid color-mix(in srgb, var(--c-line) 22%, transparent) !important; color: var(--c-ink) !important; }

html body .bpl-tb { color: var(--c-ink) !important; }
html body .bpl-tb th { background: var(--c-yellow) !important; color: #17140f !important; font-weight: 800 !important; border-bottom: 2px solid var(--c-line) !important; }
.dark body .bpl-tb th { background: #3a2f12 !important; color: #ffd75e !important; }
html body .bpl-tb td { border-bottom: 1.5px solid color-mix(in srgb, var(--c-line) 22%, transparent) !important; }
html body .bpl-tb tr:hover td { background: var(--c-soft) !important; }

html body .bpl-tag { border: 1.5px solid var(--c-line) !important; color: var(--c-ink) !important; background: transparent !important; font-weight: 700; }
html body .bpl-tag.on { background: #b7f0c8 !important; color: #0b3d1c !important; border-color: #17140f !important; }
html body .bpl-tag.off { background: var(--c-soft) !important; color: var(--c-sub) !important; }
.dark body .bpl-tag.on { background: rgba(74,222,128,.18) !important; color: #86efac !important; border-color: rgba(134,239,172,.5) !important; }

html body .bpl-btn { height: 32px; border-radius: 10px !important; border: 2px solid var(--c-line) !important; background: var(--c-card) !important; color: var(--c-ink) !important; font-weight: 800; box-shadow: var(--c-shadow-sm); transition: transform .08s, box-shadow .08s, background .1s; }
html body .bpl-btn:hover:not(:disabled) { background: var(--c-soft) !important; transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--c-ink); }
.dark body .bpl-btn:hover:not(:disabled) { box-shadow: 3px 3px 0 #000; }
html body .bpl-btn:active:not(:disabled) { transform: translate(2px, 2px); box-shadow: none; }
html body .bpl-btn.pri { background: var(--c-accent) !important; color: #17140f !important; border-color: #17140f !important; }
.dark body .bpl-btn.pri { border-color: #000 !important; }
html body .bpl-btn.pri:hover:not(:disabled) { background: #ff7d36 !important; }
html body .bpl-btn.dan { color: #c0261c !important; background: var(--c-card) !important; }
.dark body .bpl-btn.dan { color: #ff8a80 !important; }

html body .bpl-msg.err { background: #ffe1dc !important; border: 2px solid #17140f !important; color: #7a1710 !important; }
html body .bpl-msg.ok { background: #d9f5df !important; border: 2px solid #17140f !important; color: #0b3d1c !important; }
.dark body .bpl-msg.err { background: rgba(255,138,128,.12) !important; border-color: rgba(255,138,128,.5) !important; color: #ffb3ab !important; }
.dark body .bpl-msg.ok { background: rgba(134,239,172,.12) !important; border-color: rgba(134,239,172,.45) !important; color: #a7f3c0 !important; }

html body .bpl-mask { background: rgba(23,20,15,.6) !important; }
.dark body .bpl-mask { background: rgba(8,6,3,.72) !important; }
html body .bpl-panel { background: var(--c-card) !important; border: 3px solid var(--c-line) !important; border-radius: 16px !important; color: var(--c-ink) !important; box-shadow: 8px 8px 0 var(--c-ink) !important; }
.dark body .bpl-panel { border-width: 2px !important; box-shadow: 8px 8px 0 #000 !important; }
html body .bpl-hd { border-bottom: 2px solid var(--c-line) !important; }
html body .bpl-hd h3 { color: var(--c-ink); font-weight: 900; }
html body .bpl-x { color: var(--c-sub) !important; }
html body .bpl-x:hover { color: var(--c-ink) !important; }
html body .bpl-f input, html body .bpl-f select, html body .bpl-f textarea, html body .bpl-gs { background: var(--c-paper) !important; border: 2px solid var(--c-line) !important; color: var(--c-ink) !important; border-radius: 10px !important; }
html body .bpl-f input:focus, html body .bpl-f select:focus { border-color: var(--c-accent) !important; box-shadow: 3px 3px 0 var(--c-accent) !important; }
html body .bpl-g { border: 2px solid var(--c-line) !important; color: var(--c-ink) !important; font-weight: 600; }
html body .bpl-g:has(input:checked) { background: var(--c-yellow) !important; color: #17140f !important; border-color: #17140f !important; }
.dark body .bpl-g:has(input:checked) { border-color: #000 !important; }