/* v=7：浅色只盖浅色，别压深色玻璃底 */
html:not([data-theme="dark"]) {
  --bg: #f3f6f4;
  --paper: #ffffff;
  --warm: rgba(5, 150, 105, 0.10);
  --ink: #10201a;
  --muted: #3d4f49;
  --line: rgba(16, 32, 26, 0.14);
  --accent: #047857;
  --accent-deep: #065f46;
  --brand3: #059669;
  --ink-dark: #0b1713;
  --ok: #047857;
  --danger: #b91c1c;
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  --shadow-hover: 0 10px 28px rgba(15, 40, 32, 0.08);
  --shadow-deep: 0 24px 60px rgba(15, 40, 32, 0.10);
}
html:not([data-theme="dark"]) { color-scheme: light; }
html:not([data-theme="dark"]),
 html:not([data-theme="dark"]) body {
  background: #f3f6f4;
  color: var(--ink);
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
html:not([data-theme="dark"]) .grain { opacity: 0.028; }

html:not([data-theme="dark"]) .top {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(16, 32, 26, 0.10);
  box-shadow: 0 10px 32px rgba(15, 40, 32, 0.08);
}
html:not([data-theme="dark"]) .top.solid {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.12);
}
html:not([data-theme="dark"]) .logo b { color: #10201a; }
html:not([data-theme="dark"]) .logo b span {
  background: linear-gradient(102deg, #0f766e 0%, #047857 48%, #059669 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: none;
}
html:not([data-theme="dark"]) .logo small { color: #3f5a52; }
html:not([data-theme="dark"]) .nav-tools {
  background: #eef2f0;
  border-color: rgba(16, 32, 26, 0.10);
}
html:not([data-theme="dark"]) .theme-switch::before,
html:not([data-theme="dark"]) .nav-tools .lang-btn + .theme-btn::before {
  background: rgba(16, 32, 26, 0.12);
}
html:not([data-theme="dark"]) .lang-switch,
html:not([data-theme="dark"]) .theme-switch {
  background: transparent;
  border: 0;
}
html:not([data-theme="dark"]) .menu,
 html:not([data-theme="dark"]) .nav {
  background: #eef2f0;
  border-color: rgba(16, 32, 26, 0.10);
}
html:not([data-theme="dark"]) .menu a,
 html:not([data-theme="dark"]) .nav a,
 html:not([data-theme="dark"]) .menu .who,
 html:not([data-theme="dark"]) .nav span { color: #2b3d37; }
html:not([data-theme="dark"]) .menu a:hover,
 html:not([data-theme="dark"]) .nav a:hover {
  color: #10201a;
  background: rgba(5, 150, 105, 0.10);
}
html:not([data-theme="dark"]) .menu a.on,
 html:not([data-theme="dark"]) .nav a.on {
  color: #042f1e;
  background: linear-gradient(180deg, #6ee7b7, #10b981);
  box-shadow: 0 6px 14px rgba(5, 150, 105, 0.2);
}
html:not([data-theme="dark"]) .menu .who,
 html:not([data-theme="dark"]) .nav .who {
  color: #10201a;
  background: rgba(5, 150, 105, 0.08);
}
html:not([data-theme="dark"]) .lang-btn,
 html:not([data-theme="dark"]) .theme-btn { color: #3d4f49; }
html:not([data-theme="dark"]) .lang-btn:hover,
html:not([data-theme="dark"]) .theme-btn:hover {
  background: rgba(5, 150, 105, 0.12);
  color: #065f46;
}
html:not([data-theme="dark"]) .lang-btn.on,

html:not([data-theme="dark"]) .lang-btn[aria-pressed="true"],

html:not([data-theme="dark"]) .theme-btn.on,

html:not([data-theme="dark"]) .theme-btn[aria-pressed="true"] {
  background: #fff;
  color: #065f46;
  box-shadow: 0 1px 2px rgba(15, 40, 32, 0.08);
}
html:not([data-theme="dark"]) .menu-toggle {
  background: #fff;
  border-color: var(--line);
}
html:not([data-theme="dark"]) .menu-toggle span { background: #10201a; }
html:not([data-theme="dark"]) .menu-backdrop { background: rgba(16, 32, 26, 0.28); }

html:not([data-theme="dark"]) .btn,
 html:not([data-theme="dark"]) button.btn,
 html:not([data-theme="dark"]) button[type="submit"],
 html:not([data-theme="dark"]) button.primary,

html:not([data-theme="dark"]) .menu .btn,
 html:not([data-theme="dark"]) .nav .btn {
  background: #047857;
  color: #fff;
  font-weight: 650;
}
html:not([data-theme="dark"]) .btn:hover,
 html:not([data-theme="dark"]) button[type="submit"]:hover,
 html:not([data-theme="dark"]) button.primary:hover,

html:not([data-theme="dark"]) .menu .btn:hover,
 html:not([data-theme="dark"]) .nav .btn:hover {
  background: #065f46;
  color: #fff;
}
html:not([data-theme="dark"]) .btn.ghost,
 html:not([data-theme="dark"]) button.ghost {
  background: #fff;
  color: #10201a;
  border-color: rgba(16, 32, 26, 0.18);
}
html:not([data-theme="dark"]) .btn.ghost:hover,
 html:not([data-theme="dark"]) button.ghost:hover {
  background: #eef4f1;
  color: #10201a;
}

html:not([data-theme="dark"]) .kicker,
 html:not([data-theme="dark"]) .kicker.light,
 html:not([data-theme="dark"]) .hero-copy .kicker,
 html:not([data-theme="dark"]) .auth-hero .kicker {
  color: #047857;
}
html:not([data-theme="dark"]) .hero-copy .kicker {
  background: rgba(5, 150, 105, 0.10);
  border-color: rgba(4, 120, 87, 0.22);
}
html:not([data-theme="dark"]) .hero h1,
 html:not([data-theme="dark"]) .display { color: #10201a; }
html:not([data-theme="dark"]) .auth-hero .display span {
  background: linear-gradient(102deg, #0f766e 0%, #047857 46%, #059669 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: none;
}
html:not([data-theme="dark"]) .hero h1 span {
  background: linear-gradient(110deg, #115e59 0%, #0f766e 22%, #059669 40%, #a7f3d0 54%, #047857 78%, #065f46 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 6px 14px rgba(4, 120, 87, 0.18));
}
html:not([data-theme="dark"]) .hero-copy .lead,

html:not([data-theme="dark"]) .lead,
 html:not([data-theme="dark"]) .hint,
 html:not([data-theme="dark"]) .auth-hero .lead { color: #3d4f49; }

html:not([data-theme="dark"]) .composer,

html:not([data-theme="dark"]) .card,
 html:not([data-theme="dark"]) .order,
 html:not([data-theme="dark"]) .item,
 html:not([data-theme="dark"]) .auth-card,

html:not([data-theme="dark"]) .faq details,
 html:not([data-theme="dark"]) .empty,
 html:not([data-theme="dark"]) .pick,
 html:not([data-theme="dark"]) .script,

html:not([data-theme="dark"]) .stat,
 html:not([data-theme="dark"]) .admin-user,
 html:not([data-theme="dark"]) .admin-order,
 html:not([data-theme="dark"]) .fact {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 8px 24px rgba(15, 40, 32, 0.05);
  color: var(--ink);
}
html:not([data-theme="dark"]) .card:hover,
 html:not([data-theme="dark"]) .order:hover,
 html:not([data-theme="dark"]) .item:hover,

html:not([data-theme="dark"]) .faq details:hover,
 html:not([data-theme="dark"]) .faq details[open],

html:not([data-theme="dark"]) .fact:hover {
  background: #fff;
  border-color: rgba(4, 120, 87, 0.28);
}
html:not([data-theme="dark"]) .composer-label,
 html:not([data-theme="dark"]) .composer-field > span,

html:not([data-theme="dark"]) #composer .composer-perks-line {
  color: #3d4f49;
}
html:not([data-theme="dark"]) .composer .presets button,

html:not([data-theme="dark"]) .presets.rich button,

html:not([data-theme="dark"]) #composer .presets button {
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.12);
  color: #10201a;
}
html:not([data-theme="dark"]) .composer .presets button:hover,

html:not([data-theme="dark"]) .presets.rich button:hover {
  background: #e8f0ec;
  border-color: rgba(4, 120, 87, 0.28);
  color: #10201a;
}
html:not([data-theme="dark"]) .composer .presets button em,

html:not([data-theme="dark"]) .presets.rich button em,

html:not([data-theme="dark"]) .composer .presets button b,

html:not([data-theme="dark"]) .presets.rich button b,

html:not([data-theme="dark"]) #composer .presets button em,

html:not([data-theme="dark"]) #composer .presets button b {
  color: #10201a;
}
html:not([data-theme="dark"]) .composer .presets button span,

html:not([data-theme="dark"]) .presets.rich button span {
  color: #3d4f49;
}
html:not([data-theme="dark"]) .composer .presets button.on,

html:not([data-theme="dark"]) .presets.rich button.on,

html:not([data-theme="dark"]) #composer .presets button.on {
  background: rgba(5, 150, 105, 0.16);
  border-color: rgba(4, 120, 87, 0.42);
  color: #065f46;
}
html:not([data-theme="dark"]) .composer .presets button.on em,

html:not([data-theme="dark"]) .composer .presets button.on b,

html:not([data-theme="dark"]) .presets.rich button.on em,

html:not([data-theme="dark"]) .presets.rich button.on b,

html:not([data-theme="dark"]) .composer .presets button.on span,

html:not([data-theme="dark"]) .presets.rich button.on span {
  color: #065f46;
}
html:not([data-theme="dark"]) .composer-perks li {
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.10);
  color: #2b3d37;
}
html:not([data-theme="dark"]) .composer textarea,

html:not([data-theme="dark"]) #composer textarea {
  background: #f6f8f7;
  color: #10201a;
  border-color: rgba(16, 32, 26, 0.14);
  caret-color: #047857;
}
html:not([data-theme="dark"]) .composer textarea::placeholder,

html:not([data-theme="dark"]) #composer textarea::placeholder {
  color: #5a6e68;
  opacity: 1;
}
html:not([data-theme="dark"]) .composer .hint { color: #3d4f49; }
html:not([data-theme="dark"]) .fact em { color: #047857; }
html:not([data-theme="dark"]) .fact b { color: #10201a; }
html:not([data-theme="dark"]) .fact span { color: #3d4f49; }

html:not([data-theme="dark"]) input,
 html:not([data-theme="dark"]) textarea,
 html:not([data-theme="dark"]) select,

html:not([data-theme="dark"]) .auth-card input,

html:not([data-theme="dark"]) .auth-card textarea,

html:not([data-theme="dark"]) .auth-card select,

html:not([data-theme="dark"]) #login input,

html:not([data-theme="dark"]) #register input,

html:not([data-theme="dark"]) #auth-form input,

html:not([data-theme="dark"]) #app .admin-toolbar input[type="search"] {
  background: #fff !important;
  color: #10201a !important;
  border-color: rgba(16, 32, 26, 0.16) !important;
}
html:not([data-theme="dark"]) input::placeholder,

html:not([data-theme="dark"]) textarea::placeholder,

html:not([data-theme="dark"]) #auth-form input::placeholder,

html:not([data-theme="dark"]) #app .admin-toolbar input[type="search"]::placeholder {
  color: #5a6e68 !important;
  opacity: 1;
}
html:not([data-theme="dark"]) #auth-form input:focus,

html:not([data-theme="dark"]) .auth-card input:focus,

html:not([data-theme="dark"]) input:focus,
 html:not([data-theme="dark"]) textarea:focus,
 html:not([data-theme="dark"]) select:focus {
  background: #fff !important;
  color: #10201a !important;
  border-color: #047857 !important;
}

html:not([data-theme="dark"]) .foot {
  background: #e8efeB;
  color: var(--ink);
}
html:not([data-theme="dark"]) .foot .lead,
 html:not([data-theme="dark"]) .foot p { color: #3d4f49; }
html:not([data-theme="dark"]) .foot h2,
 html:not([data-theme="dark"]) .foot .kicker { color: #10201a; }
html:not([data-theme="dark"]) .foot a:not(.btn),
 html:not([data-theme="dark"]) .guide-foot-links a,

html:not([data-theme="dark"]) .guide .crumbs a,
 html:not([data-theme="dark"]) .guide-prose a,
 html:not([data-theme="dark"]) .guide-related a {
  color: #047857;
  font-weight: 600;
}
html:not([data-theme="dark"]) .guide-foot-links { color: #3d4f49; }
html:not([data-theme="dark"]) .foot .btn,
html:not([data-theme="dark"]) .foot-cta {
  background: linear-gradient(180deg, #10b981 0%, #047857 100%) !important;
  color: #fff !important;
  border-color: rgba(5, 150, 105, 0.45) !important;
}
html:not([data-theme="dark"]) .foot .btn:hover,
html:not([data-theme="dark"]) .foot-cta:hover {
  background: linear-gradient(180deg, #34d399 0%, #059669 100%) !important;
  color: #fff !important;
}
html:not([data-theme="dark"]) .guide-prose p,
 html:not([data-theme="dark"]) .guide-prose li { color: #2b3d37; }
html:not([data-theme="dark"]) .guide-table th { color: #10201a; }
html:not([data-theme="dark"]) .guide-table td { color: #2b3d37; }

html:not([data-theme="dark"]) .auth-points strong,

html:not([data-theme="dark"]) .auth-tabs button,

html:not([data-theme="dark"]) .auth-tabs button.on { color: #10201a; }
html:not([data-theme="dark"]) .auth-points em { color: #3d4f49; }
html:not([data-theme="dark"]) .auth-points b { color: #047857; }
html:not([data-theme="dark"]) .auth-card {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 16px 40px rgba(15, 40, 32, 0.06) !important;
}
html:not([data-theme="dark"]) .auth-tabs,

html:not([data-theme="dark"]) .tabs.auth-tabs {
  background: #e8efeb !important;
  border-color: var(--line);
}
html:not([data-theme="dark"]) .auth-tabs button,

html:not([data-theme="dark"]) .tabs.auth-tabs button,

html:not([data-theme="dark"]) .tabs button,

html:not([data-theme="dark"]) .filters button {
  color: #2b3d37 !important;
}
html:not([data-theme="dark"]) .auth-tabs button.on,

html:not([data-theme="dark"]) .tabs.auth-tabs button.on,

html:not([data-theme="dark"]) .tabs button.on,

html:not([data-theme="dark"]) .filters button.on {
  background: #fff !important;
  color: #065f46 !important;
}
html:not([data-theme="dark"]) #work-filters {
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
html:not([data-theme="dark"]) #work-filters button {
  color: #3d4f49 !important;
}
html:not([data-theme="dark"]) #work-filters button em {
  background: rgba(16, 32, 26, 0.06);
  color: #5a6e67;
}
html:not([data-theme="dark"]) #work-filters button:hover {
  background: #fff;
  color: #10201a !important;
}
html:not([data-theme="dark"]) #work-filters button.on {
  background: #fff !important;
  color: #047857 !important;
  box-shadow: inset 0 0 0 1px rgba(4, 120, 87, 0.22);
}
html:not([data-theme="dark"]) #work-filters button.on em {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
}
html:not([data-theme="dark"]) .google-slot,

html:not([data-theme="dark"]) .email-suggest,

html:not([data-theme="dark"]) .empty-board {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 10px 28px rgba(15, 40, 32, 0.06);
}
html:not([data-theme="dark"]) .google-continue,

html:not([data-theme="dark"]) .email-suggest button,

html:not([data-theme="dark"]) .empty-board .empty,

html:not([data-theme="dark"]) .prompt-sheet h3 {
  color: #10201a;
}
html:not([data-theme="dark"]) #forgot,
 html:not([data-theme="dark"]) .auth-note { color: #047857; }
html:not([data-theme="dark"]) #forgot:hover { color: #065f46; }
html:not([data-theme="dark"]) .email-suggest b { color: #3d4f49; }

html:not([data-theme="dark"]) .chip.ok,
html:not([data-theme="dark"]) .chip.run,
html:not([data-theme="dark"]) .order .progress li.on em,
html:not([data-theme="dark"]) .order .progress li.done em {
  color: #047857;
}
html:not([data-theme="dark"]) .chip.wait {
  color: #3d4f49;
  background: #eef2f0;
}
html:not([data-theme="dark"]) .chip.bad,

html:not([data-theme="dark"]) .order .progress li.bad,

html:not([data-theme="dark"]) .order .progress li.bad em { color: #b91c1c; }
html:not([data-theme="dark"]) .chip.ghost,

html:not([data-theme="dark"]) .order-time,
 html:not([data-theme="dark"]) .order .origin,

html:not([data-theme="dark"]) .script-line,
 html:not([data-theme="dark"]) .script-full summary { color: #3d4f49; }
html:not([data-theme="dark"]) .script-line { color: #2b3d37; }

html:not([data-theme="dark"]) #app .script-version-tabs button {
  color: #10201a;
  background: #fff;
  border-color: var(--line);
}
html:not([data-theme="dark"]) #app .script-version-tabs button.on {
  color: #065f46;
  background: rgba(5, 150, 105, 0.12);
  border-color: rgba(4, 120, 87, 0.35);
}
html:not([data-theme="dark"]) #app .chip.ghost,

html:not([data-theme="dark"]) #app .stat,

html:not([data-theme="dark"]) #app .order {
  color: #10201a;
  background: #fff;
  border-color: var(--line);
}
html:not([data-theme="dark"]) #app .stat span,

html:not([data-theme="dark"]) #app .stat b,

html:not([data-theme="dark"]) #app .admin-user,

html:not([data-theme="dark"]) #app .admin-order,

html:not([data-theme="dark"]) #pane-settings #price-hint {
  color: #10201a;
}
html:not([data-theme="dark"]) #app .stat span,

html:not([data-theme="dark"]) #pane-settings #price-hint { color: #3d4f49; }

html:not([data-theme="dark"]) .pay-amount { color: #10201a; }
html:not([data-theme="dark"]) .order-now .wait-clock { color: #3d4f49; }
html:not([data-theme="dark"]) .prompt-sheet {
  background: #fff;
  border-color: var(--line);
  color: #10201a;
}
html:not([data-theme="dark"]) .work-cover {
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: 0 8px 20px rgba(15, 40, 32, 0.08);
}
html:not([data-theme="dark"]) .works .work .use {
  background: rgba(5, 150, 105, 0.08);
  border-color: rgba(4, 120, 87, 0.22);
  color: #047857;
}
html:not([data-theme="dark"]) .works .work .use:hover {
  background: rgba(5, 150, 105, 0.14);
  border-color: rgba(4, 120, 87, 0.36);
  color: #065f46;
}
html:not([data-theme="dark"]) .hero-reel {
  background: linear-gradient(165deg, #f4f7f5, #d7e0dc 28%, #101418 48%);
  border-color: rgba(16, 32, 26, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 18px 40px rgba(16, 32, 26, 0.16),
    0 0 0 8px rgba(16, 32, 26, 0.04);
}
html:not([data-theme="dark"]) .hero-nav {
  background-color: rgba(255, 255, 255, 0.88);
  border-color: rgba(16, 32, 26, 0.12);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%2310201a' d='M14.7 6.3 9 12l5.7 5.7 1.4-1.4L11.8 12l4.3-4.3z'/></svg>");
  box-shadow: 0 8px 18px rgba(16, 32, 26, 0.08);
}
html:not([data-theme="dark"]) .hero-nav.next {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%2310201a' d='m9.3 6.3-1.4 1.4L12.2 12l-4.3 4.3 1.4 1.4L15 12z'/></svg>");
}
html:not([data-theme="dark"]) .hero-nav:hover {
  background-color: rgba(236, 253, 245, 0.96);
  border-color: rgba(5, 150, 105, 0.35);
}
html:not([data-theme="dark"]) .hero-thumb {
  border-color: rgba(16, 32, 26, 0.1);
  box-shadow: 0 8px 16px rgba(16, 32, 26, 0.1);
}
html:not([data-theme="dark"]) .hero-thumb.on {
  border-color: rgba(5, 150, 105, 0.6);
  box-shadow:
    0 0 0 2px rgba(5, 150, 105, 0.22),
    0 10px 20px rgba(5, 150, 105, 0.12);
}
html:not([data-theme="dark"]) .hero-mark {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(16, 32, 26, 0.1);
  color: #10201a;
}

html:not([data-theme="dark"]) .band {
  background: #eef4f1;
  border-color: rgba(16, 32, 26, 0.08);
}
html:not([data-theme="dark"]) .section-head h2,
html:not([data-theme="dark"]) .step h3,
html:not([data-theme="dark"]) .card h3,
html:not([data-theme="dark"]) .price-card h3,
html:not([data-theme="dark"]) .faq summary {
  color: #10201a !important;
}
html:not([data-theme="dark"]) .card p,
html:not([data-theme="dark"]) .step p,
html:not([data-theme="dark"]) .section-head .lead,
html:not([data-theme="dark"]) .faq p {
  color: #3d4f49 !important;
}
html:not([data-theme="dark"]) .step em,
html:not([data-theme="dark"]) .price-mark {
  color: #047857;
}
html:not([data-theme="dark"]) .tag,
html:not([data-theme="dark"]) .price-card .tag,
html:not([data-theme="dark"]) .price-card.pay .tag,
html:not([data-theme="dark"]) .pay-box .tag {
  background: rgba(5, 150, 105, 0.12) !important;
  color: #065f46 !important;
}
html:not([data-theme="dark"]) .price-card,
html:not([data-theme="dark"]) .price-card.pay,
html:not([data-theme="dark"]) .pay-box {
  background: #fff;
  color: #10201a;
}
html:not([data-theme="dark"]) .figure,
html:not([data-theme="dark"]) .pay-net,
html:not([data-theme="dark"]) .pay-amount {
  color: #10201a !important;
}
html:not([data-theme="dark"]) .figure span,
html:not([data-theme="dark"]) .price-rate,
html:not([data-theme="dark"]) .price-note {
  color: #3d4f49 !important;
}
html:not([data-theme="dark"]) .price-use {
  color: #2b3d37 !important;
}
html:not([data-theme="dark"]) .price-perks,
html:not([data-theme="dark"]) .pay-steps {
  border-top-color: rgba(16, 32, 26, 0.1);
}
html:not([data-theme="dark"]) .price-perks li,
html:not([data-theme="dark"]) .pay-steps li {
  color: #2b3d37;
}
html:not([data-theme="dark"]) .price-card.featured {
  background: #ecfdf5;
  border-color: rgba(4, 120, 87, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 24px rgba(15, 40, 32, 0.05);
}
html:not([data-theme="dark"]) .price-card.featured .figure {
  color: #065f46 !important;
}
html:not([data-theme="dark"]) .price-hero .featured {
  background: #ecfdf5;
  border-color: rgba(4, 120, 87, 0.28);
}
html:not([data-theme="dark"]) .price-first {
  color: #047857 !important;
}
html:not([data-theme="dark"]) .works .work figcaption em,
html:not([data-theme="dark"]) .work figcaption span,
html:not([data-theme="dark"]) .clip-card figcaption span {
  color: #3d4f49;
}
html:not([data-theme="dark"]) .works .work figcaption b,
html:not([data-theme="dark"]) .clip-card figcaption {
  color: #10201a;
}
html:not([data-theme="dark"]) .clip-card {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 8px 24px rgba(15, 40, 32, 0.05);
}
html:not([data-theme="dark"]) .clip-card .work-note {
  background: #f4f7f5;
  border-color: #d7e3dc;
  color: #10201a;
}
html:not([data-theme="dark"]) .foot h2 span,
html:not([data-theme="dark"]) .auth-hero .display span {
  background: linear-gradient(100deg, #0f766e 0%, #047857 52%, #059669 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: none;
}
html:not([data-theme="dark"]) .foot .kicker,
html:not([data-theme="dark"]) .auth-hero .kicker {
  color: #047857;
  background: rgba(5, 150, 105, 0.10);
  border-color: rgba(4, 120, 87, 0.22);
}
html:not([data-theme="dark"]) .auth-hero .lead { color: #3d4f49; }
html:not([data-theme="dark"]) .auth-points li { border-top-color: rgba(16, 32, 26, 0.08); }
html:not([data-theme="dark"]) .auth-points strong { color: #10201a; }
html:not([data-theme="dark"]) .chip {
  background: #eef2f0;
  color: #10201a;
}
html:not([data-theme="dark"]) .chip.ok,
html:not([data-theme="dark"]) .chip.run {
  background: rgba(5, 150, 105, 0.12);
  color: #047857 !important;
}
html:not([data-theme="dark"]) .chip.wait,
html:not([data-theme="dark"]) .chip.ghost {
  background: #eef2f0;
  color: #3d4f49 !important;
}
html:not([data-theme="dark"]) .chip.bad {
  background: #fef2f2;
  color: #b91c1c !important;
}
html:not([data-theme="dark"]) .order-step,
html:not([data-theme="dark"]) .script-line,
html:not([data-theme="dark"]) .block-label {
  color: #3d4f49;
}
html:not([data-theme="dark"]) .block-label { color: #047857; }
html:not([data-theme="dark"]) .order .progress li em {
  background: #e8efeb;
  color: #10201a;
}
html:not([data-theme="dark"]) .order-pager { color: #5b6b65; }
html:not([data-theme="dark"]) .order-pager button.on {
  background: rgba(4, 120, 87, 0.12);
  color: #047857;
}
html:not([data-theme="dark"]) .pay-field {
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.12);
  color: #10201a;
}
html:not([data-theme="dark"]) #pane-library .pane-head .kicker,
html:not([data-theme="dark"]) .lib-shelf-head .kicker { color: #059669; }
html:not([data-theme="dark"]) #pane-library .pane-head h2 {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #10201a;
}
html:not([data-theme="dark"]) #pane-library .pane-head .lead { color: #5b6b65; }
html:not([data-theme="dark"]) .lib-toolbar {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: 0 10px 24px rgba(15, 40, 32, 0.05);
}
html:not([data-theme="dark"]) #order-aspects button {
  background: #fff;
}
html:not([data-theme="dark"]) #order-aspects button.on {
  background: rgba(5, 150, 105, 0.10);
}
html:not([data-theme="dark"]) .frame-glyph {
  background: #10201a;
  border-color: rgba(16, 32, 26, 0.18);
}
html:not([data-theme="dark"]) #order-aspects button.on .frame-glyph {
  border-color: rgba(5, 150, 105, 0.5);
}
html:not([data-theme="dark"]) .compose-preview {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: 0 10px 24px rgba(15, 40, 32, 0.05);
}
html:not([data-theme="dark"]) .compose-preview.is-ready {
  border-color: rgba(5, 150, 105, 0.28);
}
html:not([data-theme="dark"]) .compose-preview .preview-cover.empty {
  background: #f3f6f4;
}
html:not([data-theme="dark"]) .compose-preview .preview-copy em { color: #5b6b65; }
html:not([data-theme="dark"]) .script-status {
  background: rgba(5, 150, 105, 0.08);
  border-color: rgba(5, 150, 105, 0.18);
  color: #047857;
}
html:not([data-theme="dark"]) .script-status.is-error {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.18);
  color: #b91c1c;
}
html:not([data-theme="dark"]) .script-result {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
}
html:not([data-theme="dark"]) .script-entry {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
}
html:not([data-theme="dark"]) .preview-chips span {
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.08);
  color: #3d4f49;
}
html:not([data-theme="dark"]) .preview-chips .money {
  background: rgba(5, 150, 105, 0.12);
  border-color: rgba(5, 150, 105, 0.22);
  color: #047857;
}
html:not([data-theme="dark"]) .home-hero {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: 0 10px 28px rgba(15, 40, 32, 0.05);
}
html:not([data-theme="dark"]) .home-hero .lead,
html:not([data-theme="dark"]) .home-stats span { color: #3d4f49; }
html:not([data-theme="dark"]) .home-stats span { background: #f3f6f4; }
html:not([data-theme="dark"]) .tv-season h4 { color: #059669; }
html:not([data-theme="dark"]) .lib-toolbar button,
html:not([data-theme="dark"]) .lib-toolbar a,
html:not([data-theme="dark"]) .shelf-presets button,
html:not([data-theme="dark"]) .shelf-styles button,
html:not([data-theme="dark"]) .lib-meta select,
html:not([data-theme="dark"]) .lib-show,
html:not([data-theme="dark"]) .lib-season,
html:not([data-theme="dark"]) .lib-ep,
html:not([data-theme="dark"]) .lib-title {
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.10);
  color: #10201a;
}
html:not([data-theme="dark"]) .lib-toolbar button.on,
html:not([data-theme="dark"]) .shelf-styles button.on {
  background: linear-gradient(180deg, #10b981, #059669);
  border-color: transparent;
  color: #fff;
}
html:not([data-theme="dark"]) .lib-shelf {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: 0 10px 28px rgba(15, 40, 32, 0.05);
}
html:not([data-theme="dark"]) .lib-card .work-cover {
  box-shadow: 0 10px 22px rgba(15, 40, 32, 0.10);
}
html:not([data-theme="dark"]) .lib-card:hover .work-cover {
  box-shadow: 0 16px 32px rgba(15, 40, 32, 0.14), 0 0 0 1px rgba(5, 150, 105, 0.22);
}
html:not([data-theme="dark"]) .tv-show header span { color: #5b6b65; }
html:not([data-theme="dark"]) #pane-tasks .admin-order {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: 0 10px 28px rgba(15, 40, 32, 0.06);
}
html:not([data-theme="dark"]) #pane-tasks .order-thumb {
  border-color: rgba(16, 32, 26, 0.12);
  background: #eef2f0;
}
html:not([data-theme="dark"]) #pane-tasks .order-thumb span {
  background: rgba(255, 255, 255, 0.86);
  color: #10201a;
}
html:not([data-theme="dark"]) #pane-tasks .order-time,
html:not([data-theme="dark"]) #pane-tasks .origin-panel summary,
html:not([data-theme="dark"]) #pane-tasks .pay-deadline { color: #5b6b65; }
html:not([data-theme="dark"]) #pane-tasks .order-time b,
html:not([data-theme="dark"]) #pane-tasks .admin-order .script-idea { color: #10201a; }
html:not([data-theme="dark"]) #pane-tasks .origin-panel,
html:not([data-theme="dark"]) #pane-tasks .script-card {
  background: #f6f8f7;
  border-color: rgba(16, 32, 26, 0.08);
}
html:not([data-theme="dark"]) #pane-tasks .admin-order .origin { color: #3d4f49; }
html:not([data-theme="dark"]) #pane-tasks .chip.money {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
}
html:not([data-theme="dark"]) #pane-tasks .pay-card {
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(5, 150, 105, 0.10), transparent 48%),
    #fff;
  border-color: rgba(4, 120, 87, 0.22);
}
html:not([data-theme="dark"]) #pane-tasks .pay-card .pay-amount { color: #10201a; }
html:not([data-theme="dark"]) #pane-tasks .pay-cny { color: #3d4f49; }
html:not([data-theme="dark"]) #pane-tasks .pay-card .pay-field {
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.10);
}
html:not([data-theme="dark"]) .prompt-way {
  background: #eef7f2;
  border-color: rgba(4, 120, 87, 0.14);
}
html:not([data-theme="dark"]) .prompt-way b { color: #047857; }
html:not([data-theme="dark"]) .prompt-way span { color: #3d4f49; }
html:not([data-theme="dark"]) #app #desk-tabs.desk-tabs,
html:not([data-theme="dark"]) #desk #desk-tabs.desk-tabs {
  background: #eef3f0;
  border-color: rgba(4, 120, 87, 0.14);
  box-shadow: 0 10px 24px rgba(16, 32, 26, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
html:not([data-theme="dark"]) #app #desk-tabs.desk-tabs button,
html:not([data-theme="dark"]) #desk #desk-tabs.desk-tabs button {
  background: transparent;
  color: #3d4f49;
}
html:not([data-theme="dark"]) #app #desk-tabs.desk-tabs button:hover,
html:not([data-theme="dark"]) #desk #desk-tabs.desk-tabs button:hover {
  color: #10201a;
  background: #fff;
}
html:not([data-theme="dark"]) #app #desk-tabs.desk-tabs button.on,
html:not([data-theme="dark"]) #desk #desk-tabs.desk-tabs button.on {
  background: linear-gradient(180deg, #34d399, #059669);
  color: #042f1e;
  box-shadow: 0 10px 22px rgba(5, 150, 105, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
html:not([data-theme="dark"]) #app .desk-ico-wrap,
html:not([data-theme="dark"]) #desk .desk-ico-wrap {
  background: rgba(16, 32, 26, 0.06);
}
html:not([data-theme="dark"]) #app #desk-tabs.desk-tabs button.on .desk-ico-wrap,
html:not([data-theme="dark"]) #desk #desk-tabs.desk-tabs button.on .desk-ico-wrap {
  background: rgba(4, 47, 30, 0.14);
}
html:not([data-theme="dark"]) #app .desk-count,
html:not([data-theme="dark"]) #desk .desk-count {
  background: #059669;
  color: #fff;
  box-shadow: 0 0 0 2px #eef3f0;
}
html:not([data-theme="dark"]) #app #desk-tabs.desk-tabs button.on .desk-count,
html:not([data-theme="dark"]) #desk #desk-tabs.desk-tabs button.on .desk-count {
  background: #042f1e;
  color: #ecfdf5;
  box-shadow: 0 0 0 2px rgba(4, 47, 30, 0.12);
}
html:not([data-theme="dark"]) #order-filters {
  background: #eef3f0;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
html:not([data-theme="dark"]) #order-filters button {
  color: #3d4f49;
}
html:not([data-theme="dark"]) #order-filters button:hover {
  color: #10201a;
  background: rgba(255, 255, 255, 0.72);
}
html:not([data-theme="dark"]) #order-filters button.on {
  background: linear-gradient(180deg, #34d399, #059669);
  color: #042f1e;
  box-shadow: 0 8px 16px rgba(5, 150, 105, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
html:not([data-theme="dark"]) #order-filters .count {
  background: rgba(16, 32, 26, 0.08);
}
html:not([data-theme="dark"]) #order-filters button.on .count {
  background: rgba(4, 47, 30, 0.16);
}
html:not([data-theme="dark"]) .order {
  background: #fff;
  border-color: rgba(16, 32, 26, 0.08);
  box-shadow: 0 10px 28px rgba(16, 32, 26, 0.05);
}
html:not([data-theme="dark"]) .order-no,
html:not([data-theme="dark"]) .order-meta,
html:not([data-theme="dark"]) .order-more summary {
  color: #5b6b65;
}
html:not([data-theme="dark"]) .invite-code {
  border-color: rgba(5, 150, 105, 0.28);
  background: #ecfdf5;
  color: #065f46;
}
html:not([data-theme="dark"]) .invite-code.copied {
  border-color: #059669;
  background: #d1fae5;
}
html:not([data-theme="dark"]) .invite-miss {
  color: #5b6b65;
}

html:not([data-theme="dark"]) #app #pane-tasks .admin-order,
html:not([data-theme="dark"]) #app #pane-tasks .order {
  color: #10201a;
  background: #fff;
  border-color: rgba(16, 32, 26, 0.10);
  box-shadow: 0 10px 28px rgba(15, 40, 32, 0.06);
}
html:not([data-theme="dark"]) #app #pane-tasks .admin-order h3,
html:not([data-theme="dark"]) #app #pane-tasks .order-time b,
html:not([data-theme="dark"]) #app #pane-tasks .script-idea,
html:not([data-theme="dark"]) #app #pane-tasks .make-box h3,
html:not([data-theme="dark"]) #app #pane-tasks .progress li.done,
html:not([data-theme="dark"]) #app #pane-tasks .progress li.on {
  color: #10201a;
}
html:not([data-theme="dark"]) #app #pane-tasks .order-time,
html:not([data-theme="dark"]) #app #pane-tasks .progress li,
html:not([data-theme="dark"]) #app #pane-tasks .origin-panel summary,
html:not([data-theme="dark"]) #app #pane-tasks .pay-deadline,
html:not([data-theme="dark"]) #app #pane-tasks .pay-amount small,
html:not([data-theme="dark"]) #app #pane-tasks form.soft label {
  color: #5b6b65;
}
html:not([data-theme="dark"]) #app #pane-tasks .progress li.bad,
html:not([data-theme="dark"]) #app #pane-tasks .error {
  color: #b91c1c;
}
html:not([data-theme="dark"]) #app #pane-tasks .script-line,
html:not([data-theme="dark"]) #app #pane-tasks .origin,
html:not([data-theme="dark"]) #app #pane-tasks .prompt-panel pre,
html:not([data-theme="dark"]) #app #pane-tasks .prompt-panel summary {
  color: #2b3d37;
}
html:not([data-theme="dark"]) #app #pane-tasks .admin-order-body {
  border-top-color: rgba(16, 32, 26, 0.08);
}
html:not([data-theme="dark"]) #app #pane-tasks .chip.ok,
html:not([data-theme="dark"]) #app #pane-tasks .chip.run {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
}
html:not([data-theme="dark"]) #app #pane-tasks .chip.wait,
html:not([data-theme="dark"]) #app #pane-tasks .chip.ghost {
  background: #eef2f0 !important;
  color: #3d4f49 !important;
}
html:not([data-theme="dark"]) #app #pane-tasks .chip.bad {
  background: #fef2f2;
  color: #b91c1c;
}
html:not([data-theme="dark"]) #app #pane-tasks form.soft textarea {
  color: #10201a;
  background: #f3f6f4;
  border-color: rgba(16, 32, 26, 0.10);
}
html:not([data-theme="dark"]) #app button.ghost,
html:not([data-theme="dark"]) #app .filters button {
  background: #fff;
  color: #2b3d37;
  border-color: rgba(16, 32, 26, 0.14);
}
html:not([data-theme="dark"]) #app .filters button.on {
  background: #fff;
  color: #065f46;
  border-color: rgba(4, 120, 87, 0.28);
  box-shadow: 0 0 0 1px rgba(4, 120, 87, 0.12);
}
html:not([data-theme="dark"]) #app button.ghost.danger {
  color: #b91c1c;
  background: #fef2f2;
  border-color: rgba(185, 28, 28, 0.22);
}
html:not([data-theme="dark"]) .composer .look-btn,
html:not([data-theme="dark"]) .look-btn {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
  border-color: rgba(4, 120, 87, 0.28);
}
html:not([data-theme="dark"]) .composer .look-name,
html:not([data-theme="dark"]) .look-name { color: #5b6b65; }

@media (max-width: 1100px) {
  html:not([data-theme="dark"]) .top { background: #fff; }
  html:not([data-theme="dark"]) .menu,
 html:not([data-theme="dark"]) .top .nav {
    background: #fff;
    border-color: var(--line);
    box-shadow: 0 16px 40px rgba(15, 40, 32, 0.10);
  }
}