body[data-theme="summer"],:root,body[data-theme="random"]{--qd-bg-0:#0d1c2e;--qd-bg-1:#16324f;--qd-accent:#38bdf8;--qd-accent-2:#22c55e;--qd-accent-soft:rgba(56, 189, 248, 0.14);--qd-accent-border:rgba(56, 189, 248, 0.45);--qd-panel:rgba(19, 39, 65, 0.92);--qd-panel-line:rgba(141, 192, 242, 0.22);--qd-text:#e7effb;--qd-muted:#8ba6c9;--qd-kicker:#4ade80;--qd-loader:#5fb6df;--qd-share-bg:#0d3a68;--qd-share-bg-h:#0a2e53;--qd-share-border:#0d3a68;--qd-share-border-h:#0a2e53;--qd-share-text:#ffffff;}
body[data-theme="winter"]{--qd-bg-0:#0e2138;--qd-bg-1:#2a4f74;--qd-accent:#7dd3fc;--qd-accent-2:#38bdf8;--qd-accent-soft:rgba(125, 211, 252, 0.16);--qd-accent-border:rgba(125, 211, 252, 0.5);--qd-panel:rgba(20, 42, 66, 0.92);--qd-panel-line:rgba(160, 200, 235, 0.22);--qd-text:#eaf3fb;--qd-muted:#a3bcd6;--qd-kicker:#7dd3fc;--qd-loader:#3d6b96;--qd-share-bg:#0d3a68;--qd-share-bg-h:#0a2e53;--qd-share-border:#0d3a68;--qd-share-border-h:#0a2e53;--qd-share-text:#ffffff;}
body[data-theme="winter"] .qd-theme-btn {
    background: linear-gradient(160deg, rgba(205, 232, 250, 0.16), rgba(130, 175, 215, 0.08));
    border-color: rgba(205, 232, 250, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 2px rgba(180, 210, 240, 0.15), 0 2px 8px rgba(0, 20, 40, 0.3);
}

body[data-theme="winter"] .qd-theme-btn:hover {
    border-color: rgba(220, 240, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 12px rgba(140, 200, 240, 0.30);
}

body[data-theme="winter"] .qd-theme-btn.active {
    border-color: rgba(230, 245, 255, 0.95);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 0 0 2px rgba(200, 230, 250, 0.35), 0 2px 14px rgba(180, 220, 255, 0.40);
}
body[data-theme="lava"]{--qd-bg-0:#0d0402;--qd-bg-1:#2a0f08;--qd-accent:#ff8c2a;--qd-accent-2:#e5561a;--qd-accent-soft:rgba(255, 140, 42, 0.16);--qd-accent-border:rgba(255, 140, 42, 0.5);--qd-panel:rgba(32, 14, 10, 0.92);--qd-panel-line:rgba(255, 140, 42, 0.22);--qd-text:#ffe4d2;--qd-muted:#c69578;--qd-kicker:#ff8c2a;--qd-loader:#120303;--qd-share-bg:#1a0805;--qd-share-bg-h:#230c07;--qd-share-border:#ff8c2a;--qd-share-border-h:#ffa050;--qd-share-text:#ffe4d2;}
body[data-theme="lava"] .qd-theme-btn {
    background: linear-gradient(160deg, rgba(60, 20, 10, 0.85), rgba(30, 8, 4, 0.92));
    border-color: rgba(255, 140, 42, 0.40);
    box-shadow: inset 0 1px 0 rgba(255, 140, 42, 0.18), inset 0 -1px 2px rgba(0, 0, 0, 0.45), 0 2px 10px rgba(0, 0, 0, 0.45);
}

body[data-theme="lava"] .qd-theme-btn:hover {
    border-color: rgba(255, 140, 42, 0.80);
    background: linear-gradient(160deg, rgba(85, 28, 12, 0.92), rgba(45, 12, 6, 0.96));
}

body[data-theme="lava"] .qd-theme-btn.active {
    border-color: #ff8c2a;
    background: linear-gradient(160deg, rgba(255, 140, 42, 0.20), rgba(120, 40, 15, 0.42));
    box-shadow: inset 0 1px 0 rgba(255, 180, 80, 0.30), 0 0 0 2px rgba(255, 140, 42, 0.28), 0 2px 16px rgba(255, 100, 20, 0.48);
}
body[data-theme="desert"]{--qd-bg-0:#2a1d0c;--qd-bg-1:#6b4a1f;--qd-accent:#fbbf24;--qd-accent-2:#f59e0b;--qd-accent-soft:rgba(251, 191, 36, 0.16);--qd-accent-border:rgba(251, 191, 36, 0.5);--qd-panel:rgba(48, 32, 14, 0.92);--qd-panel-line:rgba(251, 191, 36, 0.24);--qd-text:#fdf1d6;--qd-muted:#c9b184;--qd-kicker:#fbbf24;--qd-loader:#d9a95a;--qd-share-bg:#5c3d12;--qd-share-bg-h:#4a300d;--qd-share-border:#5c3d12;--qd-share-border-h:#4a300d;--qd-share-text:#ffffff;}
body[data-theme="desert"] .qd-theme-btn {
    background: linear-gradient(160deg, rgba(255, 220, 140, 0.16), rgba(110, 70, 20, 0.34));
    border-color: rgba(251, 191, 36, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.30), 0 2px 10px rgba(40, 20, 0, 0.40);
}

body[data-theme="desert"] .qd-theme-btn:hover {
    border-color: rgba(253, 224, 140, 0.85);
    box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.40), 0 2px 14px rgba(251, 191, 36, 0.35);
}

body[data-theme="desert"] .qd-theme-btn.active {
    border-color: #fbbf24;
    background: linear-gradient(160deg, rgba(251, 191, 36, 0.28), rgba(140, 90, 20, 0.42));
    box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.45), 0 0 0 2px rgba(251, 191, 36, 0.30), 0 2px 14px rgba(251, 191, 36, 0.40);
}
body[data-theme="ocean"]{--qd-bg-0:#01070d;--qd-bg-1:#04283a;--qd-accent:#2dd4bf;--qd-accent-2:#0e9fb7;--qd-accent-soft:rgba(45, 212, 191, 0.14);--qd-accent-border:rgba(45, 212, 191, 0.45);--qd-panel:rgba(4, 38, 56, 0.93);--qd-panel-line:rgba(45, 212, 191, 0.24);--qd-text:#d9fbf6;--qd-muted:#78b5b8;--qd-kicker:#5eead4;--qd-loader:#1596c0;--qd-share-bg:#06424f;--qd-share-bg-h:#04333d;--qd-share-border:#0e9fb7;--qd-share-border-h:#2dd4bf;--qd-share-text:#d9fbf6;}
body[data-theme="ocean"] .qd-theme-btn {
    background: linear-gradient(160deg, rgba(45, 212, 191, 0.14), rgba(2, 20, 34, 0.78));
    border-color: rgba(45, 212, 191, 0.38);
    box-shadow: inset 0 1px 0 rgba(150, 255, 240, 0.22), 0 2px 12px rgba(0, 10, 20, 0.55);
}

body[data-theme="ocean"] .qd-theme-btn:hover {
    border-color: rgba(94, 234, 212, 0.8);
    box-shadow: 0 0 14px rgba(45, 212, 191, 0.30);
}

body[data-theme="ocean"] .qd-theme-btn.active {
    border-color: #5eead4;
    background: linear-gradient(160deg, rgba(45, 212, 191, 0.28), rgba(4, 50, 70, 0.8));
    box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.28), 0 0 18px rgba(45, 212, 191, 0.40);
}
body[data-theme="jungle"]{--qd-bg-0:#12301b;--qd-bg-1:#3f8a47;--qd-accent:#86e05a;--qd-accent-2:#2fb34a;--qd-accent-soft:rgba(134, 224, 90, 0.16);--qd-accent-border:rgba(134, 224, 90, 0.5);--qd-panel:rgba(22, 52, 28, 0.92);--qd-panel-line:rgba(134, 224, 90, 0.24);--qd-text:#effbe4;--qd-muted:#a8c9a0;--qd-kicker:#a6f26a;--qd-loader:#4f9a52;--qd-share-bg:#1f5a2c;--qd-share-bg-h:#194a24;--qd-share-border:#1f5a2c;--qd-share-border-h:#194a24;--qd-share-text:#ffffff;}
body[data-theme="jungle"] .qd-theme-btn {
    background: linear-gradient(160deg, rgba(134, 224, 90, 0.18), rgba(18, 48, 27, 0.78));
    border-color: rgba(134, 224, 90, 0.40);
    box-shadow: inset 0 1px 0 rgba(200, 255, 170, 0.25), 0 2px 10px rgba(0, 20, 5, 0.45);
}

body[data-theme="jungle"] .qd-theme-btn:hover {
    border-color: rgba(176, 245, 130, 0.85);
    box-shadow: 0 0 14px rgba(134, 224, 90, 0.32);
}

body[data-theme="jungle"] .qd-theme-btn.active {
    border-color: #86e05a;
    background: linear-gradient(160deg, rgba(134, 224, 90, 0.30), rgba(26, 70, 36, 0.82));
    box-shadow: 0 0 0 2px rgba(134, 224, 90, 0.28), 0 0 18px rgba(134, 224, 90, 0.40);
}