/*
 * 产奖基地全局主题 v1
 * PC + 手机共用 ui_skin / ui_mode，不包含 007.app。
 * 2026-07-26 半斤
 */

:root,
[data-c="amber"] {
    --l7-bg:#fff2d9;
    --l7-bg-img:linear-gradient(180deg,#fff6e3 0%,#ffebc2 100%);
    --l7-surface:#fffdf6;
    --l7-surface-2:#fff6e2;
    --l7-surface-3:#ffefd2;
    --l7-surface-4:#f7e3bc;
    --l7-border:#e9d3a6;
    --l7-border-strong:#d9bc85;
    --l7-text:#4a3413;
    --l7-text-2:#8a7146;
    --l7-text-3:#b39c6e;
    --l7-p1:#ffb13b;
    --l7-p2:#ff8a00;
    --l7-p-edge:#d97600;
    --l7-p-deep:#e07800;
    --l7-p-weak:#fff1d6;
    --l7-on-p:#fff;
    --l7-p-text:#e07800;
    --l7-edge-soft:#ebd6a8;
    --l7-header-bg:#fffaf0;
    --l7-notice-bg:#fff1d6;
    --l7-notice-text:#c46a00;
}

[data-c="lava"] {
    --l7-bg:#ffede2;
    --l7-bg-img:linear-gradient(180deg,#fff2e8 0%,#ffe2ce 100%);
    --l7-surface:#fffbf7;
    --l7-surface-2:#fff1e7;
    --l7-surface-3:#ffe7d6;
    --l7-surface-4:#f8d5bc;
    --l7-border:#efcbae;
    --l7-border-strong:#dfb08a;
    --l7-text:#4a2413;
    --l7-text-2:#92603f;
    --l7-text-3:#bc9070;
    --l7-p1:#ff7a50;
    --l7-p2:#f04e23;
    --l7-p-edge:#c23812;
    --l7-p-deep:#e04418;
    --l7-p-weak:#ffe9dd;
    --l7-on-p:#fff;
    --l7-p-text:#d8431a;
    --l7-edge-soft:#f0cfb4;
    --l7-header-bg:#fff7f0;
    --l7-notice-bg:#ffe9dd;
    --l7-notice-text:#c23812;
}

[data-c="violet"] {
    --l7-bg:#f3efff;
    --l7-bg-img:linear-gradient(180deg,#f8f5ff 0%,#ebe3fe 100%);
    --l7-surface:#fffefb;
    --l7-surface-2:#f6f2ff;
    --l7-surface-3:#eee7fd;
    --l7-surface-4:#ded2f6;
    --l7-border:#d9ccf2;
    --l7-border-strong:#bca8e4;
    --l7-text:#322a4a;
    --l7-text-2:#6c6190;
    --l7-text-3:#9c92bc;
    --l7-p1:#9d7bff;
    --l7-p2:#7c4dff;
    --l7-p-edge:#5e35cc;
    --l7-p-deep:#6e3ff0;
    --l7-p-weak:#f0e9ff;
    --l7-on-p:#fff;
    --l7-p-text:#6e3ff0;
    --l7-edge-soft:#d8cbf0;
    --l7-header-bg:#fbf9ff;
    --l7-notice-bg:#f0e9ff;
    --l7-notice-text:#6e3ff0;
}

[data-c="jade"] {
    --l7-bg:#e9f9ef;
    --l7-bg-img:linear-gradient(180deg,#f1fbf4 0%,#ddf4e5 100%);
    --l7-surface:#fdfffb;
    --l7-surface-2:#eff9f1;
    --l7-surface-3:#e2f3e7;
    --l7-surface-4:#c9e7d2;
    --l7-border:#c6e4ce;
    --l7-border-strong:#9fcfad;
    --l7-text:#1e3a2c;
    --l7-text-2:#55755f;
    --l7-text-3:#86a890;
    --l7-p1:#3ed584;
    --l7-p2:#12b76a;
    --l7-p-edge:#0e8f54;
    --l7-p-deep:#10a55f;
    --l7-p-weak:#e4f7ec;
    --l7-on-p:#fff;
    --l7-p-text:#0e9558;
    --l7-edge-soft:#c4e2cc;
    --l7-header-bg:#f7fdf8;
    --l7-notice-bg:#e4f7ec;
    --l7-notice-text:#0e8f54;
}

[data-mode="dark"],
[data-mode="dark"][data-c="amber"] {
    --l7-bg:#241b10;
    --l7-bg-img:linear-gradient(180deg,#2a2013 0%,#1e1509 100%);
    --l7-surface:#332817;
    --l7-surface-2:#3b2e1b;
    --l7-surface-3:#42341f;
    --l7-surface-4:#2a2012;
    --l7-border:#4a3a22;
    --l7-border-strong:#5c4a2c;
    --l7-text:#f7ebd2;
    --l7-text-2:#c9b48c;
    --l7-text-3:#8f7d5a;
    --l7-p-weak:rgba(255,138,0,.15);
    --l7-p-text:#ffb13b;
    --l7-edge-soft:#150f07;
    --l7-header-bg:#2e2314;
    --l7-notice-bg:#3b2e1b;
    --l7-notice-text:#ffb13b;
}

[data-mode="dark"][data-c="lava"] {
    --l7-bg:#261210;
    --l7-bg-img:linear-gradient(180deg,#2c1712 0%,#1d0d08 100%);
    --l7-surface:#38201a;
    --l7-surface-2:#40261e;
    --l7-surface-3:#482b22;
    --l7-surface-4:#2e1913;
    --l7-border:#553226;
    --l7-border-strong:#6b3e2e;
    --l7-text:#fbe9df;
    --l7-text-2:#d2a18e;
    --l7-text-3:#93705f;
    --l7-p-weak:rgba(240,78,35,.16);
    --l7-p-text:#ff8a5c;
    --l7-edge-soft:#160a06;
    --l7-header-bg:#331c15;
    --l7-notice-bg:#40261e;
    --l7-notice-text:#ff8a5c;
}

[data-mode="dark"][data-c="violet"] {
    --l7-bg:#1c1630;
    --l7-bg-img:linear-gradient(180deg,#221a3a 0%,#141024 100%);
    --l7-surface:#2a2145;
    --l7-surface-2:#31274f;
    --l7-surface-3:#382d59;
    --l7-surface-4:#241c3d;
    --l7-border:#443767;
    --l7-border-strong:#55447e;
    --l7-text:#efe9fb;
    --l7-text-2:#b4a8d6;
    --l7-text-3:#7e729f;
    --l7-p-weak:rgba(124,77,255,.18);
    --l7-p-text:#b39aff;
    --l7-edge-soft:#0f0b1d;
    --l7-header-bg:#251c3e;
    --l7-notice-bg:#31274f;
    --l7-notice-text:#b39aff;
}

[data-mode="dark"][data-c="jade"] {
    --l7-bg:#0f1f17;
    --l7-bg-img:linear-gradient(180deg,#142519 0%,#0a1810 100%);
    --l7-surface:#1b3025;
    --l7-surface-2:#21382b;
    --l7-surface-3:#274031;
    --l7-surface-4:#16281e;
    --l7-border:#2f4d3b;
    --l7-border-strong:#3b5f49;
    --l7-text:#e4f5e9;
    --l7-text-2:#a3c7b0;
    --l7-text-3:#6f937d;
    --l7-p-weak:rgba(18,183,106,.17);
    --l7-p-text:#3ed584;
    --l7-edge-soft:#06110b;
    --l7-header-bg:#172a20;
    --l7-notice-bg:#21382b;
    --l7-notice-text:#3ed584;
}

:root {
    --l7-hit:#2fa84c;
    --l7-hit-weak:#e4f7e7;
    --l7-hot:#e8420e;
    --l7-hot-weak:#ffe7dc;
    --l7-cold:#2a87d0;
    --l7-cold-weak:#e4f1fb;
    --l7-warn:#c08a12;
    --l7-warn-weak:#fcf2d3;
    --l7-radius:16px;
    --l7-radius-sm:11px;

    --ls-primary:var(--l7-p2);
    --ls-primary-hover:var(--l7-p-deep);
    --ls-primary-light:var(--l7-p-weak);
    --ls-bg:var(--l7-bg);
    --ls-bg-body:var(--l7-bg);
    --ls-bg-light:var(--l7-surface-2);
    --ls-bg-card:var(--l7-surface);
    --ls-bg-white:var(--l7-surface);
    --ls-bg-secondary:var(--l7-surface-2);
    --ls-bg-hover:var(--l7-surface-3);
    --ls-text:var(--l7-text);
    --ls-text-primary:var(--l7-text);
    --ls-text-secondary:var(--l7-text-2);
    --ls-text-tertiary:var(--l7-text-3);
    --ls-text-placeholder:var(--l7-text-3);
    --ls-border:var(--l7-border-strong);
    --ls-border-light:var(--l7-border);
    --ls-divider:var(--l7-surface-3);
    --ls-success:var(--l7-hit);
    --ls-danger:var(--l7-hot);
    --ls-warning:#ffb300;
    --ls-info:var(--l7-notice-text);
    --ls-radius:var(--l7-radius-sm);
    --ls-radius-lg:var(--l7-radius);
    --ls-tabbar-color:var(--l7-text-3);
    --ls-tabbar-active-color:var(--l7-p-text);
    --ls-shadow:0 4px 0 var(--l7-edge-soft),inset 0 1.5px 0 rgba(255,255,255,.65);
}

[data-mode="dark"] {
    color-scheme:dark;
    --l7-hit:#45c86a;
    --l7-hit-weak:rgba(69,200,106,.16);
    --l7-hot:#ff6b3d;
    --l7-hot-weak:rgba(255,107,61,.16);
    --l7-cold:#5ba8e8;
    --l7-cold-weak:rgba(91,168,232,.16);
    --l7-warn:#e0a62e;
    --l7-warn-weak:rgba(224,166,46,.15);
    --ls-shadow:0 4px 0 var(--l7-edge-soft),inset 0 1.5px 0 rgba(255,255,255,.06);
}

/*
 * PC原生组件令牌桥接（2026-07-26）
 *
 * PC核心 ui.css 在共享主题之后加载，并在 :root 重新声明蓝色 --ls-primary。
 * 用页面体级别的高特异度令牌覆盖，保留原生按钮结构和交互，只同步主色。
 * 手机端已有正确令牌映射，因此此处只作用于 body.lightsns。
 */
html[data-c] body.lightsns {
    --ls-primary:var(--l7-p2);
    --ls-primary-hover:var(--l7-p-deep);
    --ls-primary-light:var(--l7-p-weak);
    --ls-focus-ring:0 0 0 3px color-mix(in srgb,var(--l7-p2) 18%,transparent);
}

html[data-c="amber"] body.lightsns { --ls-primary-rgb:255,138,0; }
html[data-c="lava"] body.lightsns { --ls-primary-rgb:240,78,35; }
html[data-c="violet"] body.lightsns { --ls-primary-rgb:124,77,255; }
html[data-c="jade"] body.lightsns { --ls-primary-rgb:18,183,106; }

body.lightsns:not(.route-login),
body.ls-mobile {
    background:var(--l7-bg-img),var(--l7-bg) fixed !important;
    color:var(--l7-text) !important;
}

body.lightsns:not(.route-login) .ls-header,
body.lightsns:not(.route-login) .ls-banner,
body.lightsns:not(.route-login) .ls-top-nav-wrap,
body.lightsns:not(.route-login) .ls-post-item,
body.lightsns:not(.route-login) .ls-widget-card,
body.lightsns:not(.route-login) .ls-bbs-nav,
body.lightsns:not(.route-login) .ls-bbs-post-list,
body.lightsns:not(.route-login) .ls-card,
body.lightsns:not(.route-login) .ls-panel,
body.lightsns:not(.route-login) .ls-dialog,
body.lightsns:not(.route-login) .ls-modal,
body.lightsns:not(.route-login) .ls-popup,
body.lightsns:not(.route-login) .ls-dropdown-menu,
body.lightsns:not(.route-login) .ls-user-menu,
body.lightsns:not(.route-login) .ls-search-dropdown,
body.lightsns:not(.route-login) .ls-comment-item,
body.lightsns:not(.route-login) .ls-post-detail,
body.lightsns:not(.route-login) .YXYH-footer-stage,
body.lightsns:not(.route-login) .l7pc-zone {
    background:var(--l7-surface) !important;
    border-color:var(--l7-border-strong) !important;
    color:var(--l7-text) !important;
}

body.lightsns:not(.route-login) .ls-post-article,
body.lightsns:not(.route-login) .ls-bbs-reply-preview,
body.lightsns:not(.route-login) .ls-bbs-post-cover,
body.lightsns:not(.route-login) .gc-row,
body.lightsns:not(.route-login) .banjin-analysis-entry-secondary,
body.lightsns:not(.route-login) input,
body.lightsns:not(.route-login) textarea,
body.lightsns:not(.route-login) select {
    background:var(--l7-surface-2) !important;
    border-color:var(--l7-border) !important;
    color:var(--l7-text) !important;
}

body.lightsns:not(.route-login) .ls-header,
body.lightsns:not(.route-login) .ls-main-nav,
body.lightsns:not(.route-login) .ls-sns-page,
body.lightsns:not(.route-login) .ls-bbs-page,
body.lightsns:not(.route-login) .ls-post-list,
body.lightsns:not(.route-login) .ls-sidebar-right,
body.lightsns:not(.route-login) .ls-widget-body,
body.lightsns:not(.route-login) .l7pc,
body.lightsns:not(.route-login) .l7pc-wrap,
body.lightsns:not(.route-login) .l7pc-main,
body.lightsns:not(.route-login) .l7pc-table,
body.lightsns:not(.route-login) .YXYH-footer-shell {
    color:var(--l7-text) !important;
}

body.lightsns:not(.route-login) .ls-main-nav a,
body.lightsns:not(.route-login) .ls-nav-item a,
body.lightsns:not(.route-login) .ls-post-meta,
body.lightsns:not(.route-login) .ls-post-time,
body.lightsns:not(.route-login) .ls-widget-desc,
body.lightsns:not(.route-login) .l7pc-table th,
body.lightsns:not(.route-login) .YXYH-footer-shell,
body.lightsns:not(.route-login) .ls-footer {
    color:var(--l7-text-2) !important;
}

body.lightsns:not(.route-login) .ls-header {
    box-shadow:0 3px 0 var(--l7-edge-soft) !important;
}

body.lightsns:not(.route-login) .ls-logo-text,
body.lightsns:not(.route-login) .ls-header-logo,
body.lightsns:not(.route-login) .ls-nav-item.ls-active > a,
body.lightsns:not(.route-login) .ls-top-nav-item.ls-active,
body.lightsns:not(.route-login) a:hover {
    color:var(--l7-p-text) !important;
}

body.lightsns:not(.route-login) .ls-bbs-nav-item.ls-active,
body.lightsns:not(.route-login) .ls-btn-primary,
body.lightsns:not(.route-login) .ls-button-primary,
body.lightsns:not(.route-login) .ls-submit,
body.lightsns:not(.route-login) .banjin-analysis-entry-primary,
body.lightsns:not(.route-login) .l7pc-hero {
    background:linear-gradient(135deg,var(--l7-p1),var(--l7-p2)) !important;
    border-color:var(--l7-p-edge) !important;
    color:var(--l7-on-p) !important;
}

body.lightsns:not(.route-login) .ls-post-item,
body.lightsns:not(.route-login) .ls-widget-card,
body.lightsns:not(.route-login) .l7pc-zone {
    box-shadow:var(--ls-shadow) !important;
}

body.lightsns:not(.route-login) .banjin-analysis-entry-20260726 {
    background:linear-gradient(145deg,var(--l7-surface),var(--l7-surface-3)) !important;
    border-color:var(--l7-border-strong) !important;
    color:var(--l7-text) !important;
}

body.lightsns:not(.route-login) .banjin-analysis-entry-kicker {
    color:var(--l7-p-text) !important;
}

body.lightsns.route-login .fk-scene {
    background:
        radial-gradient(circle at 50% 26%,var(--l7-p-weak),transparent 34%),
        radial-gradient(circle at 50% 78%,var(--l7-surface-3),transparent 42%),
        var(--l7-bg-img),var(--l7-bg) !important;
    color:var(--l7-text) !important;
}

body.lightsns.route-login .fk-gate-title,
body.lightsns.route-login .fk-analyzer,
body.lightsns.route-login .fk-glass {
    color:var(--l7-text) !important;
}

body.lightsns.route-login .fk-gate-title span,
body.lightsns.route-login .fk-gate-trigger {
    color:var(--l7-p-text) !important;
    border-color:var(--l7-p2) !important;
}

body.lightsns.route-login .fk-window {
    background:color-mix(in srgb,var(--l7-surface) 82%,transparent) !important;
    border-color:var(--l7-border-strong) !important;
    box-shadow:0 5px 0 var(--l7-edge-soft) !important;
}

[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-user-name,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-name,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-content,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-text,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-article,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-article-info,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-article-title,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-footer,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-actions,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-widget-card h1,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-widget-card h2,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-widget-card h3,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-widget-card h4,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-widget-card strong,
[data-mode="dark"] body.lightsns:not(.route-login) .gc-title,
[data-mode="dark"] body.lightsns:not(.route-login) .banjin-analysis-entry-20260726 h3,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-bbs-post-title,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-bbs-post-body {
    color:var(--l7-text) !important;
}

[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-meta,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-time,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-device,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-article-desc,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-banner-text,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-icon-btn,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-top-nav-item,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-post-footer,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-actions,
[data-mode="dark"] body.lightsns:not(.route-login) .ls-widget-card p,
[data-mode="dark"] body.lightsns:not(.route-login) .gc-desc,
[data-mode="dark"] body.lightsns:not(.route-login) .banjin-analysis-entry-20260726 p,
[data-mode="dark"] body.lightsns:not(.route-login) .l7pc-draw-meta,
[data-mode="dark"] body.lightsns:not(.route-login) .l7pc-draw-issue,
[data-mode="dark"] body.lightsns:not(.route-login) .l7pc-stat span,
[data-mode="dark"] body.lightsns:not(.route-login) .l7pc-zone-hd small,
[data-mode="dark"] body.lightsns:not(.route-login) .l7pc-table th {
    color:var(--l7-text-2) !important;
}

body.ls-mobile .ls-page,
body.ls-mobile .ls-tab-content,
body.ls-mobile .ls-login-page,
body.ls-mobile .ls007-recommend-tab-page {
    background:var(--l7-bg-img),var(--l7-bg) !important;
    color:var(--l7-text) !important;
}

body.ls-mobile .ls-fw-card,
body.ls-mobile .ls-feed-content-menu,
body.ls-mobile .ls-post-item,
body.ls-mobile .ls-card,
body.ls-mobile .ls-panel,
body.ls-mobile .ls-mine-section,
body.ls-mobile .ls-mine-user-card,
body.ls-mobile .ls-mine-login-card,
body.ls-mobile .ls-bbs-item,
body.ls-mobile .ls-list-card,
body.ls-mobile .ls007-mb-board,
body.ls-mobile .ls007-mb-plan,
body.ls-mobile .ls007-mb-stats > div {
    background:var(--l7-surface) !important;
    border-color:var(--l7-border-strong) !important;
    color:var(--l7-text) !important;
}

body.ls-mobile .ls-fw-nav-icon,
body.ls-mobile .ls-post-article,
body.ls-mobile .ls-article-cover-box,
body.ls-mobile input,
body.ls-mobile textarea,
body.ls-mobile select {
    background:var(--l7-surface-2) !important;
    border-color:var(--l7-border) !important;
    color:var(--l7-text) !important;
}

body.ls-mobile .ls007-mb-open,
body.ls-mobile .ls007-status,
body.ls-mobile .ls-chip,
body.ls-mobile .ls-tag {
    border-color:var(--l7-border) !important;
}

body.ls-mobile .ls-page-navbar {
    background:linear-gradient(135deg,var(--l7-p1),var(--l7-p2)) !important;
    border-color:var(--l7-p-edge) !important;
    color:var(--l7-on-p) !important;
    box-shadow:0 3px 0 var(--l7-p-edge) !important;
}

body.ls-mobile .ls-page-navbar *,
body.ls-mobile .ls-btn-primary,
body.ls-mobile .ls-submit-btn,
body.ls-mobile .ls-post-follow {
    color:var(--l7-on-p) !important;
}

body.ls-mobile .ls-tabbar {
    background:var(--l7-header-bg) !important;
    border-color:var(--l7-border-strong) !important;
}

/* PC外观按钮与面板 */
.lsg-theme-launcher {
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99980;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:0 15px;
    border:1px solid var(--l7-border-strong);
    border-radius:999px;
    background:linear-gradient(135deg,var(--l7-p1),var(--l7-p2));
    color:var(--l7-on-p);
    font:700 14px/1 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
    box-shadow:0 4px 0 var(--l7-p-edge),0 10px 26px rgba(0,0,0,.18);
    cursor:pointer;
}

.lsg-theme-launcher:focus-visible,
.lsg-theme-panel button:focus-visible {
    outline:3px solid var(--l7-p-weak);
    outline-offset:3px;
}

.lsg-theme-mask {
    position:fixed;
    inset:0;
    z-index:99988;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(8,8,12,.48);
    backdrop-filter:blur(3px);
}

.lsg-theme-mask.is-open {
    display:flex;
}

.lsg-theme-panel {
    width:min(520px,calc(100vw - 48px));
    max-height:calc(100vh - 48px);
    overflow:auto;
    padding:22px;
    border:1.5px solid var(--l7-border-strong);
    border-radius:20px;
    background:var(--l7-surface);
    color:var(--l7-text);
    box-shadow:0 10px 0 var(--l7-edge-soft),0 28px 70px rgba(0,0,0,.28);
}

.lsg-theme-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.lsg-theme-head strong {
    font-size:22px;
}

.lsg-theme-close {
    border:0;
    background:transparent;
    color:var(--l7-text-2);
    font-size:26px;
    cursor:pointer;
}

.lsg-theme-label {
    margin:16px 0 9px;
    color:var(--l7-text-2);
    font-size:13px;
    font-weight:700;
}

.lsg-theme-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}

.lsg-theme-modes {
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.lsg-theme-choice,
.lsg-theme-reset {
    min-height:48px;
    padding:9px 10px;
    border:1.5px solid var(--l7-border);
    border-radius:12px;
    background:var(--l7-surface-2);
    color:var(--l7-text);
    font:700 13px/1.25 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
    cursor:pointer;
}

.lsg-theme-choice.is-active {
    border-color:var(--l7-p2);
    background:var(--l7-p-weak);
    color:var(--l7-p-text);
    box-shadow:0 3px 0 var(--l7-edge-soft);
}

.lsg-theme-dot {
    display:block;
    width:24px;
    height:24px;
    margin:0 auto 6px;
    border:2px solid rgba(255,255,255,.8);
    border-radius:50%;
    box-shadow:0 0 0 1px rgba(0,0,0,.15);
}

.lsg-theme-dot.amber { background:linear-gradient(135deg,#ffb13b,#ff8a00); }
.lsg-theme-dot.lava { background:linear-gradient(135deg,#ff7a50,#f04e23); }
.lsg-theme-dot.violet { background:linear-gradient(135deg,#9d7bff,#7c4dff); }
.lsg-theme-dot.jade { background:linear-gradient(135deg,#3ed584,#12b76a); }

.lsg-theme-reset {
    width:100%;
    margin-top:18px;
    border-color:var(--l7-p2);
    background:var(--l7-surface);
    color:var(--l7-p-text);
}

.lsg-theme-note {
    margin-top:12px;
    color:var(--l7-text-3);
    font-size:12px;
    line-height:1.6;
    text-align:center;
}

@media (max-width:768px) {
    .lsg-theme-launcher,
    .lsg-theme-mask {
        display:none !important;
    }
}