/* ==========================================================================
   加分笔记 · lqm-aurora 多风格皮肤层
   ── 一个下拉按钮切换 12 种界面风格 ──
   加载顺序在 aurora.css 之后：先用变量接管基础样式里的写死颜色，
   再用 html[data-skin="…"] 覆盖整套变量。
   ========================================================================== */

:root {
    /* 页面 */
    --bg: #F4F6FC;
    --page-gradient: none;
    --blob-1: radial-gradient(circle at 30% 30%, rgba(79, 107, 255, .55), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(236, 72, 153, .45), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(6, 182, 212, .30), transparent 70%);
    --blob-opacity: .55;

    /* 卡片与文字 */
    --card: #FFFFFF;
    --card-soft: #F8F9FE;
    --text: #171C2B;
    --text-2: #414B63;
    --body: #333A4D;
    --muted: #8A93A9;
    --line: rgba(23, 28, 43, .07);
    --line-2: rgba(23, 28, 43, .12);
    --card-hover-line: rgba(79, 107, 255, .22);
    --nav-hover: rgba(79, 107, 255, .10);

    /* 品牌色 */
    --c1: #4F6BFF;
    --c2: #7C5CFF;
    --c3: #A855F7;
    --c4: #EC4899;
    --grad: linear-gradient(120deg, #4F6BFF 0%, #7C5CFF 46%, #EC4899 100%);
    --grad-soft: linear-gradient(120deg, rgba(79, 107, 255, .12), rgba(236, 72, 153, .12));
    --on-grad: #FFFFFF;
    --chip-bg: rgba(79, 107, 255, .10);
    --chip-line: rgba(79, 107, 255, .18);
    --chip-bg-hover: rgba(79, 107, 255, .18);
    --accent-cyan: #0891B2;
    --accent-green: #059669;
    --accent-amber: #D97706;
    --accent-pink: #DB2777;
    --archive-bg: linear-gradient(120deg, rgba(79, 107, 255, .12), rgba(236, 72, 153, .12));
    --archive-line: rgba(79, 107, 255, .16);

    /* 顶栏 */
    --header-bg: rgba(255, 255, 255, .72);
    --header-bg-stuck: rgba(255, 255, 255, .92);
    --header-shadow: 0 6px 20px rgba(28, 38, 92, .06);

    /* 正文细节 */
    --code-bg: #F7F8FD;
    --code-fg: #2C3350;
    --code-inline-bg: #EEF1FB;
    --code-inline-fg: #4F46E5;
    --th-bg: #F5F7FE;
    --row-hover: #FAFBFF;

    /* Hero */
    --hero-shadow: 0 26px 60px rgba(79, 107, 255, .28);
    --hero-fg: #FFFFFF;
    --hero-fg-soft: rgba(255, 255, 255, .9);
    --hero-btn-bg: #FFFFFF;
    --hero-btn-fg: #4F6BFF;
    --hero-media-line: rgba(255, 255, 255, .32);

    /* 阴影与圆角 */
    --sh-sm: 0 2px 6px rgba(28, 38, 92, .05), 0 1px 2px rgba(28, 38, 92, .04);
    --sh: 0 10px 24px rgba(28, 38, 92, .08), 0 2px 6px rgba(28, 38, 92, .04);
    --sh-lg: 0 22px 48px rgba(28, 38, 92, .16), 0 6px 14px rgba(28, 38, 92, .06);
    --sh-brand: 0 8px 18px rgba(79, 107, 255, .32);
    --sh-nav: 0 6px 16px rgba(79, 107, 255, .30);
    --sh-wb: 0 8px 20px rgba(79, 107, 255, .32);
    --sh-hero-btn: 0 12px 26px rgba(20, 26, 70, .22);
    --sh-card-hover: var(--sh-lg);
    --r-xs: 10px;
    --r-sm: 14px;
    --r: 18px;
    --r-lg: 24px;
    --r-xl: 30px;
    --card-border-width: 1px;
    --grid-min: 330px;
    --card-lift: -6px;
}

/* --------------------------------------------------------------------------
   把基础样式里写死的颜色接管为变量
   -------------------------------------------------------------------------- */
body { background: var(--bg); background-image: var(--page-gradient); }
.aa-bg-blob { opacity: var(--blob-opacity); }
.aa-bg-blob-1 { background: var(--blob-1); }
.aa-bg-blob-2 { background: var(--blob-2); }
.aa-bg-blob-3 { background: var(--blob-3); }

.aa-header { background: var(--header-bg); }
.aa-header.is-stuck { background: var(--header-bg-stuck); box-shadow: var(--header-shadow); }
.aa-brand-logo { color: var(--on-grad); box-shadow: var(--sh-brand); }
.aa-nav-toggle { background: var(--card); }
.aa-nav ul.nav li a:hover,
.aa-nav-rss:hover,
.aa-footer-nav a:hover { background: var(--nav-hover); color: var(--c1); }
.aa-nav ul.nav li.nav-current > a { color: var(--on-grad); box-shadow: var(--sh-nav); }
.aa-nav ul.nav li a.aa-wb { color: var(--on-grad); box-shadow: var(--sh-wb); }
.aa-nav ul.nav li a.aa-wb:hover { color: var(--on-grad); }

.aa-hero { box-shadow: var(--hero-shadow); }
.aa-hero-body { color: var(--hero-fg); }
.aa-hero-title { color: var(--hero-fg); }
.aa-hero-excerpt { color: var(--hero-fg-soft); }
.aa-hero-btn { background: var(--hero-btn-bg); color: var(--hero-btn-fg); box-shadow: var(--sh-hero-btn); }
.aa-hero-btn:hover { box-shadow: 0 18px 34px rgba(20, 26, 70, .28); }
.aa-hero-media { border-color: var(--hero-media-line); }

.aa-section-more,
.aa-filter-chip,
.pagination a,
.aa-page-btn { background: var(--card); }
.aa-filter-chip span { background: var(--chip-bg); color: var(--c1); }
.aa-filter-chip:nth-child(5n+2) span { background: color-mix(in srgb, var(--accent-cyan) 14%, transparent); color: var(--accent-cyan); }
.aa-filter-chip:nth-child(5n+3) span { background: color-mix(in srgb, var(--accent-green) 14%, transparent); color: var(--accent-green); }
.aa-filter-chip:nth-child(5n+4) span { background: color-mix(in srgb, var(--accent-amber) 18%, transparent); color: var(--accent-amber); }
.aa-filter-chip:nth-child(5n+5) span { background: color-mix(in srgb, var(--accent-pink) 14%, transparent); color: var(--accent-pink); }

.aa-card { border-width: var(--card-border-width); }
.aa-card:hover { transform: translateY(var(--card-lift)); box-shadow: var(--sh-card-hover); border-color: var(--card-hover-line); }
.aa-grid { grid-template-columns: repeat(auto-fill, minmax(var(--grid-min), 1fr)); }

.aa-chip { background: var(--chip-bg); border-color: var(--chip-line); color: var(--c1); }
a.aa-chip:hover { background: var(--chip-bg-hover); }
.aa-chip-ghost { background: rgba(255, 255, 255, .22) !important; color: var(--hero-fg) !important; }
.aa-meta-ghost { color: var(--hero-fg-soft) !important; }

.aa-archive { background: var(--archive-bg); border-color: var(--archive-line); }

.aa-prose a { color: var(--c1); border-bottom-color: color-mix(in srgb, var(--c1) 32%, transparent); }
.aa-prose code { background: var(--code-inline-bg); color: var(--code-inline-fg); }
.aa-prose pre { background: var(--code-bg); }
.aa-prose pre code { color: var(--code-fg); }
.aa-prose th { background: var(--th-bg); }
.aa-prose tbody tr:hover { background: var(--row-hover); }
.aa-page-btn:hover { border-color: var(--card-hover-line); }
.aa-footer-nav a.aa-wb { color: var(--on-grad); box-shadow: var(--sh-nav); }
.aa-footer-nav a.aa-wb:hover { color: var(--on-grad); }

@media (max-width: 860px) {
    .aa-nav { background: var(--card); }
}

/* --------------------------------------------------------------------------
   1 极光渐变（默认，不额外覆盖）
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   2 飞书蓝
   -------------------------------------------------------------------------- */
html[data-skin="feishu"] {
    --bg: #F2F4F8;
    --page-gradient: none;
    --blob-1: radial-gradient(circle at 30% 30%, rgba(51, 112, 255, .34), transparent 70%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(51, 112, 255, .18), transparent 70%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(120, 190, 255, .22), transparent 72%);
    --blob-opacity: .5;
    --card: #FFFFFF;
    --card-soft: #F4F7FF;
    --text: #1F2329;
    --text-2: #4E5969;
    --body: #3D4657;
    --muted: #86909C;
    --line: rgba(31, 35, 41, .08);
    --card-hover-line: rgba(51, 112, 255, .28);
    --nav-hover: rgba(51, 112, 255, .10);
    --c1: #3370FF;
    --c2: #5B8CFF;
    --c3: #7C5CFF;
    --c4: #3370FF;
    --grad: linear-gradient(120deg, #3370FF 0%, #5B8CFF 60%, #7C9CFF 100%);
    --grad-soft: linear-gradient(120deg, rgba(51, 112, 255, .10), rgba(91, 140, 255, .10));
    --chip-bg: rgba(51, 112, 255, .10);
    --chip-line: rgba(51, 112, 255, .20);
    --chip-bg-hover: rgba(51, 112, 255, .18);
    --archive-bg: linear-gradient(120deg, rgba(51, 112, 255, .10), rgba(91, 140, 255, .08));
    --archive-line: rgba(51, 112, 255, .18);
    --code-bg: #F5F7FB;
    --code-fg: #2B3448;
    --code-inline-bg: #EBF1FF;
    --code-inline-fg: #245BDB;
    --th-bg: #F2F6FF;
    --row-hover: #F8FAFF;
    --hero-shadow: 0 18px 42px rgba(51, 112, 255, .24);
    --hero-btn-fg: #3370FF;
    --sh-sm: 0 1px 3px rgba(31, 35, 41, .06);
    --sh: 0 6px 18px rgba(31, 35, 41, .08), 0 1px 3px rgba(31, 35, 41, .04);
    --sh-lg: 0 14px 34px rgba(31, 35, 41, .12);
    --sh-brand: 0 6px 16px rgba(51, 112, 255, .28);
    --sh-nav: 0 4px 12px rgba(51, 112, 255, .26);
    --sh-wb: 0 6px 16px rgba(51, 112, 255, .26);
    --r-xs: 8px;
    --r-sm: 10px;
    --r: 12px;
    --r-lg: 16px;
    --r-xl: 20px;
    --card-lift: -4px;
}

/* --------------------------------------------------------------------------
   3 纸白极简（Notion 味）
   -------------------------------------------------------------------------- */
html[data-skin="notion"] {
    --bg: #FFFFFF;
    --page-gradient: none;
    --blob-opacity: 0;
    --card: #FFFFFF;
    --card-soft: #F7F7F5;
    --text: #191919;
    --text-2: #4F4F4B;
    --body: #37352F;
    --muted: #8A8A85;
    --line: rgba(25, 25, 25, .09);
    --line-2: rgba(25, 25, 25, .16);
    --card-hover-line: rgba(25, 25, 25, .22);
    --nav-hover: rgba(25, 25, 25, .06);
    --c1: #191919;
    --c2: #4F4F4B;
    --c3: #6B6B66;
    --c4: #191919;
    --grad: linear-gradient(120deg, #26262B 0%, #3F3F46 60%, #5A5A62 100%);
    --grad-soft: linear-gradient(120deg, rgba(25, 25, 25, .05), rgba(25, 25, 25, .03));
    --chip-bg: rgba(25, 25, 25, .06);
    --chip-line: rgba(25, 25, 25, .12);
    --chip-bg-hover: rgba(25, 25, 25, .12);
    --accent-cyan: #3370FF;
    --accent-green: #0F7B6C;
    --accent-amber: #D9730D;
    --accent-pink: #AD1A72;
    --archive-bg: #F7F7F5;
    --archive-line: rgba(25, 25, 25, .10);
    --header-bg: rgba(255, 255, 255, .88);
    --header-bg-stuck: rgba(255, 255, 255, .96);
    --header-shadow: 0 1px 2px rgba(25, 25, 25, .06);
    --code-bg: #F7F7F5;
    --code-fg: #37352F;
    --code-inline-bg: #F1F1EF;
    --code-inline-fg: #EB5757;
    --th-bg: #F7F7F5;
    --row-hover: #FAFAF8;
    --hero-shadow: 0 10px 30px rgba(25, 25, 25, .16);
    --hero-btn-bg: #FFFFFF;
    --hero-btn-fg: #191919;
    --sh-sm: 0 1px 2px rgba(25, 25, 25, .05);
    --sh: 0 2px 6px rgba(25, 25, 25, .07);
    --sh-lg: 0 6px 16px rgba(25, 25, 25, .12);
    --sh-brand: none;
    --sh-nav: none;
    --sh-wb: none;
    --sh-hero-btn: 0 4px 14px rgba(0, 0, 0, .18);
    --r-xs: 3px;
    --r-sm: 4px;
    --r: 6px;
    --r-lg: 8px;
    --r-xl: 10px;
    --card-lift: -2px;
    --grid-min: 300px;
}

/* --------------------------------------------------------------------------
   4 赛博霓虹（暗）
   -------------------------------------------------------------------------- */
html[data-skin="cyber"] {
    --bg: #05070E;
    --page-gradient: radial-gradient(900px 500px at 80% -10%, rgba(34, 211, 238, .16), transparent 60%),
        radial-gradient(800px 460px at 5% 8%, rgba(168, 85, 247, .16), transparent 62%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(34, 211, 238, .55), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(240, 171, 252, .42), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(168, 85, 247, .34), transparent 70%);
    --blob-opacity: .42;
    --card: #0B1220;
    --card-soft: #0F1728;
    --text: #E8F4FF;
    --text-2: #A9BED6;
    --body: #C3D3E6;
    --muted: #7C90A8;
    --line: rgba(120, 200, 255, .14);
    --line-2: rgba(120, 200, 255, .24);
    --card-hover-line: rgba(34, 211, 238, .55);
    --nav-hover: rgba(34, 211, 238, .12);
    --c1: #22D3EE;
    --c2: #A855F7;
    --c3: #F0ABFC;
    --c4: #22D3EE;
    --grad: linear-gradient(120deg, #22D3EE 0%, #A855F7 55%, #F0ABFC 100%);
    --grad-soft: linear-gradient(120deg, rgba(34, 211, 238, .14), rgba(168, 85, 247, .14));
    --on-grad: #04121A;
    --chip-bg: rgba(34, 211, 238, .12);
    --chip-line: rgba(34, 211, 238, .34);
    --chip-bg-hover: rgba(34, 211, 238, .22);
    --accent-cyan: #22D3EE;
    --accent-green: #4ADE80;
    --accent-amber: #FBBF24;
    --accent-pink: #F0ABFC;
    --archive-bg: linear-gradient(120deg, rgba(34, 211, 238, .12), rgba(168, 85, 247, .12));
    --archive-line: rgba(34, 211, 238, .32);
    --header-bg: rgba(5, 7, 14, .74);
    --header-bg-stuck: rgba(5, 7, 14, .92);
    --header-shadow: 0 6px 22px rgba(0, 0, 0, .5);
    --code-bg: #060B16;
    --code-fg: #B9E7FF;
    --code-inline-bg: rgba(34, 211, 238, .12);
    --code-inline-fg: #67E8F9;
    --th-bg: rgba(34, 211, 238, .08);
    --row-hover: rgba(34, 211, 238, .05);
    --hero-shadow: 0 0 0 1px rgba(34, 211, 238, .35), 0 22px 60px rgba(34, 211, 238, .18);
    --hero-fg: #04121A;
    --hero-fg-soft: rgba(4, 18, 26, .82);
    --hero-btn-bg: #04121A;
    --hero-btn-fg: #67E8F9;
    --hero-media-line: rgba(4, 18, 26, .3);
    --sh-sm: 0 0 0 1px rgba(120, 200, 255, .08);
    --sh: 0 0 0 1px rgba(120, 200, 255, .12), 0 10px 30px rgba(0, 0, 0, .5);
    --sh-lg: 0 0 0 1px rgba(34, 211, 238, .35), 0 18px 46px rgba(34, 211, 238, .18);
    --sh-brand: 0 0 18px rgba(34, 211, 238, .5);
    --sh-nav: 0 0 16px rgba(34, 211, 238, .45);
    --sh-wb: 0 0 18px rgba(34, 211, 238, .45);
    --sh-hero-btn: none;
    --r-xs: 4px;
    --r-sm: 6px;
    --r: 10px;
    --r-lg: 12px;
    --r-xl: 16px;
    --card-lift: -3px;
    --grid-min: 320px;
}

/* --------------------------------------------------------------------------
   5 午夜墨蓝（暗）
   -------------------------------------------------------------------------- */
html[data-skin="midnight"] {
    --bg: #0B1020;
    --page-gradient: radial-gradient(1000px 520px at 85% -12%, rgba(79, 70, 229, .22), transparent 62%),
        radial-gradient(760px 460px at 0% 10%, rgba(30, 58, 138, .28), transparent 64%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, .5), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(124, 58, 237, .42), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(14, 165, 233, .28), transparent 70%);
    --blob-opacity: .4;
    --card: #141B2E;
    --card-soft: #182238;
    --text: #E8EDF7;
    --text-2: #B4BFD4;
    --body: #C7D0E2;
    --muted: #8391AC;
    --line: rgba(180, 200, 240, .12);
    --line-2: rgba(180, 200, 240, .22);
    --card-hover-line: rgba(110, 168, 255, .45);
    --nav-hover: rgba(110, 168, 255, .14);
    --c1: #6EA8FF;
    --c2: #8B7CFF;
    --c3: #A78BFA;
    --c4: #6EA8FF;
    --grad: linear-gradient(120deg, #1E3A8A 0%, #4F46E5 55%, #7C3AED 100%);
    --grad-soft: linear-gradient(120deg, rgba(110, 168, 255, .14), rgba(124, 58, 237, .14));
    --on-grad: #F2F6FF;
    --chip-bg: rgba(110, 168, 255, .14);
    --chip-line: rgba(110, 168, 255, .3);
    --chip-bg-hover: rgba(110, 168, 255, .24);
    --accent-cyan: #38BDF8;
    --accent-green: #34D399;
    --accent-amber: #FBBF24;
    --accent-pink: #F472B6;
    --archive-bg: linear-gradient(120deg, rgba(110, 168, 255, .12), rgba(124, 58, 237, .12));
    --archive-line: rgba(110, 168, 255, .26);
    --header-bg: rgba(11, 16, 32, .76);
    --header-bg-stuck: rgba(11, 16, 32, .93);
    --header-shadow: 0 6px 22px rgba(0, 0, 0, .42);
    --code-bg: #101728;
    --code-fg: #C6D4EE;
    --code-inline-bg: rgba(110, 168, 255, .14);
    --code-inline-fg: #93C5FD;
    --th-bg: rgba(110, 168, 255, .08);
    --row-hover: rgba(110, 168, 255, .05);
    --hero-shadow: 0 22px 56px rgba(0, 0, 0, .45);
    --hero-fg: #F2F6FF;
    --hero-fg-soft: rgba(242, 246, 255, .86);
    --hero-btn-bg: #F2F6FF;
    --hero-btn-fg: #24408E;
    --hero-media-line: rgba(242, 246, 255, .26);
    --sh-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --sh: 0 10px 26px rgba(0, 0, 0, .42);
    --sh-lg: 0 20px 46px rgba(0, 0, 0, .52);
    --sh-brand: 0 8px 22px rgba(0, 0, 0, .5);
    --sh-nav: 0 6px 18px rgba(0, 0, 0, .45);
    --sh-wb: 0 8px 22px rgba(0, 0, 0, .5);
    --sh-hero-btn: 0 12px 26px rgba(0, 0, 0, .4);
    --r-xs: 8px;
    --r-sm: 12px;
    --r: 16px;
    --r-lg: 20px;
    --r-xl: 26px;
}

/* --------------------------------------------------------------------------
   6 蜜桃橘
   -------------------------------------------------------------------------- */
html[data-skin="peach"] {
    --bg: #FFF4EC;
    --page-gradient: radial-gradient(900px 500px at 88% -10%, rgba(255, 138, 61, .22), transparent 62%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(255, 138, 61, .5), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(255, 94, 126, .42), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(255, 196, 120, .34), transparent 70%);
    --blob-opacity: .5;
    --card: #FFFFFF;
    --card-soft: #FFF7F1;
    --text: #33231A;
    --text-2: #6B4B39;
    --body: #55392B;
    --muted: #A5836E;
    --line: rgba(120, 70, 40, .10);
    --card-hover-line: rgba(255, 107, 53, .35);
    --nav-hover: rgba(255, 107, 53, .12);
    --c1: #E8562C;
    --c2: #FF7A45;
    --c3: #FF9A3D;
    --c4: #FF5E7E;
    --grad: linear-gradient(120deg, #FF8A3D 0%, #FF6B35 55%, #FF5E7E 100%);
    --grad-soft: linear-gradient(120deg, rgba(255, 138, 61, .14), rgba(255, 94, 126, .14));
    --chip-bg: rgba(232, 86, 44, .10);
    --chip-line: rgba(232, 86, 44, .22);
    --chip-bg-hover: rgba(232, 86, 44, .18);
    --accent-cyan: #0E9AA7;
    --accent-green: #2F9E44;
    --accent-amber: #C77C0A;
    --accent-pink: #DB2777;
    --archive-bg: linear-gradient(120deg, rgba(255, 138, 61, .14), rgba(255, 94, 126, .12));
    --archive-line: rgba(232, 86, 44, .2);
    --header-bg: rgba(255, 255, 255, .74);
    --header-bg-stuck: rgba(255, 255, 255, .93);
    --code-bg: #FFF6EF;
    --code-fg: #4A2E1F;
    --code-inline-bg: #FFEDE0;
    --code-inline-fg: #C2410C;
    --th-bg: #FFF3E8;
    --row-hover: #FFFBF7;
    --hero-shadow: 0 24px 56px rgba(255, 107, 53, .3);
    --hero-btn-fg: #D9480F;
    --sh: 0 10px 26px rgba(160, 90, 50, .12);
    --sh-lg: 0 22px 50px rgba(160, 90, 50, .2);
    --sh-brand: 0 8px 20px rgba(255, 107, 53, .34);
    --sh-nav: 0 6px 16px rgba(255, 107, 53, .3);
    --sh-wb: 0 8px 20px rgba(255, 107, 53, .32);
    --r-xs: 12px;
    --r-sm: 16px;
    --r: 22px;
    --r-lg: 28px;
    --r-xl: 34px;
    --card-lift: -6px;
}

/* --------------------------------------------------------------------------
   7 青竹
   -------------------------------------------------------------------------- */
html[data-skin="mint"] {
    --bg: #EEF8F3;
    --page-gradient: radial-gradient(900px 500px at 10% -8%, rgba(16, 185, 129, .18), transparent 62%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(16, 185, 129, .42), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(6, 182, 212, .34), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(132, 204, 22, .24), transparent 70%);
    --blob-opacity: .48;
    --card: #FFFFFF;
    --card-soft: #F3FBF7;
    --text: #14342A;
    --text-2: #3D5F53;
    --body: #2F4F45;
    --muted: #77948A;
    --line: rgba(20, 60, 48, .09);
    --card-hover-line: rgba(14, 164, 122, .35);
    --nav-hover: rgba(14, 164, 122, .10);
    --c1: #0E9F76;
    --c2: #10B981;
    --c3: #14B8A6;
    --c4: #06B6D4;
    --grad: linear-gradient(120deg, #10B981 0%, #0E9F76 55%, #06B6D4 100%);
    --grad-soft: linear-gradient(120deg, rgba(16, 185, 129, .14), rgba(6, 182, 212, .12));
    --chip-bg: rgba(14, 159, 118, .10);
    --chip-line: rgba(14, 159, 118, .22);
    --chip-bg-hover: rgba(14, 159, 118, .18);
    --archive-bg: linear-gradient(120deg, rgba(16, 185, 129, .12), rgba(6, 182, 212, .10));
    --archive-line: rgba(14, 159, 118, .2);
    --code-bg: #F2FAF6;
    --code-fg: #1F4237;
    --code-inline-bg: #E3F7EE;
    --code-inline-fg: #0B7A5B;
    --th-bg: #EFFAF5;
    --row-hover: #F7FDFA;
    --hero-shadow: 0 22px 52px rgba(14, 159, 118, .28);
    --hero-btn-fg: #0B7A5B;
    --sh: 0 10px 26px rgba(20, 80, 60, .1);
    --sh-lg: 0 22px 48px rgba(20, 80, 60, .16);
    --sh-brand: 0 8px 20px rgba(14, 159, 118, .3);
    --sh-nav: 0 6px 16px rgba(14, 159, 118, .28);
    --sh-wb: 0 8px 20px rgba(14, 159, 118, .3);
    --r-xs: 12px;
    --r-sm: 16px;
    --r: 20px;
    --r-lg: 26px;
    --r-xl: 32px;
}

/* --------------------------------------------------------------------------
   8 莫兰迪
   -------------------------------------------------------------------------- */
html[data-skin="morandi"] {
    --bg: #F2F0EC;
    --page-gradient: none;
    --blob-1: radial-gradient(circle at 30% 30%, rgba(180, 154, 134, .34), transparent 70%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(140, 158, 168, .30), transparent 70%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(190, 170, 180, .26), transparent 72%);
    --blob-opacity: .45;
    --card: #FFFDFA;
    --card-soft: #F7F4EF;
    --text: #33302B;
    --text-2: #5C574E;
    --body: #4A453D;
    --muted: #918A7E;
    --line: rgba(51, 48, 43, .10);
    --card-hover-line: rgba(162, 131, 110, .4);
    --nav-hover: rgba(162, 131, 110, .12);
    --c1: #A2836E;
    --c2: #8C9EA8;
    --c3: #B49A86;
    --c4: #A2836E;
    --grad: linear-gradient(120deg, #B49A86 0%, #8C9EA8 55%, #A2836E 100%);
    --grad-soft: linear-gradient(120deg, rgba(180, 154, 134, .16), rgba(140, 158, 168, .14));
    --chip-bg: rgba(162, 131, 110, .12);
    --chip-line: rgba(162, 131, 110, .24);
    --chip-bg-hover: rgba(162, 131, 110, .2);
    --accent-cyan: #6E8B99;
    --accent-green: #7F8F6B;
    --accent-amber: #B08442;
    --accent-pink: #A97C85;
    --archive-bg: linear-gradient(120deg, rgba(180, 154, 134, .14), rgba(140, 158, 168, .12));
    --archive-line: rgba(162, 131, 110, .22);
    --header-bg: rgba(242, 240, 236, .82);
    --header-bg-stuck: rgba(248, 246, 242, .95);
    --code-bg: #F5F2ED;
    --code-fg: #4A453D;
    --code-inline-bg: #EFEAE2;
    --code-inline-fg: #96633F;
    --th-bg: #F4F0EA;
    --row-hover: #FAF8F4;
    --hero-shadow: 0 20px 50px rgba(120, 105, 90, .26);
    --hero-btn-fg: #7A624E;
    --sh-sm: 0 2px 6px rgba(120, 105, 90, .07);
    --sh: 0 8px 22px rgba(120, 105, 90, .10);
    --sh-lg: 0 18px 40px rgba(120, 105, 90, .16);
    --sh-brand: 0 8px 18px rgba(162, 131, 110, .28);
    --sh-nav: 0 6px 14px rgba(162, 131, 110, .24);
    --sh-wb: 0 8px 18px rgba(162, 131, 110, .26);
    --r-xs: 10px;
    --r-sm: 12px;
    --r: 14px;
    --r-lg: 18px;
    --r-xl: 22px;
    --card-lift: -4px;
}

/* --------------------------------------------------------------------------
   9 琥珀复古
   -------------------------------------------------------------------------- */
html[data-skin="amber"] {
    --bg: #FBF3E4;
    --page-gradient: radial-gradient(900px 500px at 90% -10%, rgba(217, 119, 6, .18), transparent 62%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(217, 119, 6, .38), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(180, 83, 9, .3), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(245, 158, 11, .24), transparent 70%);
    --blob-opacity: .45;
    --card: #FFFCF5;
    --card-soft: #FBF2E1;
    --text: #3A2A14;
    --text-2: #6B5325;
    --body: #52401F;
    --muted: #9C8555;
    --line: rgba(90, 62, 20, .12);
    --card-hover-line: rgba(180, 83, 9, .4);
    --nav-hover: rgba(180, 83, 9, .12);
    --c1: #B45309;
    --c2: #D97706;
    --c3: #92400E;
    --c4: #B45309;
    --grad: linear-gradient(120deg, #D97706 0%, #B45309 55%, #7C2D12 100%);
    --grad-soft: linear-gradient(120deg, rgba(217, 119, 6, .14), rgba(180, 83, 9, .12));
    --chip-bg: rgba(180, 83, 9, .12);
    --chip-line: rgba(180, 83, 9, .26);
    --chip-bg-hover: rgba(180, 83, 9, .2);
    --archive-bg: linear-gradient(120deg, rgba(217, 119, 6, .12), rgba(180, 83, 9, .1));
    --archive-line: rgba(180, 83, 9, .22);
    --header-bg: rgba(251, 243, 228, .82);
    --header-bg-stuck: rgba(252, 246, 235, .95);
    --code-bg: #F9F1E0;
    --code-fg: #4A3618;
    --code-inline-bg: #F6E9CE;
    --code-inline-fg: #92400E;
    --th-bg: #F9F1DF;
    --row-hover: #FDF8EE;
    --hero-shadow: 0 20px 46px rgba(146, 64, 14, .26);
    --hero-btn-fg: #92400E;
    --sh-sm: 0 2px 6px rgba(120, 85, 30, .07);
    --sh: 0 8px 20px rgba(120, 85, 30, .10);
    --sh-lg: 0 16px 36px rgba(120, 85, 30, .16);
    --sh-brand: 0 6px 16px rgba(180, 83, 9, .3);
    --sh-nav: 0 4px 12px rgba(180, 83, 9, .26);
    --sh-wb: 0 6px 16px rgba(180, 83, 9, .28);
    --r-xs: 4px;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 10px;
    --r-xl: 14px;
    --card-lift: -3px;
}

/* --------------------------------------------------------------------------
   10 樱花粉
   -------------------------------------------------------------------------- */
html[data-skin="sakura"] {
    --bg: #FFF1F6;
    --page-gradient: radial-gradient(900px 520px at 12% -10%, rgba(255, 158, 196, .26), transparent 62%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(255, 158, 196, .5), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(229, 65, 127, .34), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(168, 85, 247, .24), transparent 70%);
    --blob-opacity: .5;
    --card: #FFFFFF;
    --card-soft: #FFF6FA;
    --text: #3B1F2B;
    --text-2: #6E4757;
    --body: #573845;
    --muted: #A6818F;
    --line: rgba(120, 50, 80, .10);
    --card-hover-line: rgba(229, 65, 127, .35);
    --nav-hover: rgba(229, 65, 127, .12);
    --c1: #D6316F;
    --c2: #E5417F;
    --c3: #C026D3;
    --c4: #E5417F;
    --grad: linear-gradient(120deg, #FF9EC4 0%, #E5417F 55%, #A855F7 100%);
    --grad-soft: linear-gradient(120deg, rgba(255, 158, 196, .18), rgba(168, 85, 247, .12));
    --chip-bg: rgba(214, 49, 111, .10);
    --chip-line: rgba(214, 49, 111, .22);
    --chip-bg-hover: rgba(214, 49, 111, .18);
    --archive-bg: linear-gradient(120deg, rgba(255, 158, 196, .2), rgba(168, 85, 247, .12));
    --archive-line: rgba(214, 49, 111, .2);
    --header-bg: rgba(255, 255, 255, .74);
    --header-bg-stuck: rgba(255, 255, 255, .93);
    --code-bg: #FFF5FA;
    --code-fg: #4A2136;
    --code-inline-bg: #FFE8F2;
    --code-inline-fg: #BE185D;
    --th-bg: #FFF2F8;
    --row-hover: #FFF9FC;
    --hero-shadow: 0 24px 56px rgba(214, 49, 111, .28);
    --hero-btn-fg: #BE185D;
    --sh: 0 10px 26px rgba(150, 60, 100, .12);
    --sh-lg: 0 22px 50px rgba(150, 60, 100, .2);
    --sh-brand: 0 8px 20px rgba(214, 49, 111, .32);
    --sh-nav: 0 6px 16px rgba(214, 49, 111, .28);
    --sh-wb: 0 8px 20px rgba(214, 49, 111, .3);
    --r-xs: 14px;
    --r-sm: 18px;
    --r: 24px;
    --r-lg: 30px;
    --r-xl: 36px;
}

/* --------------------------------------------------------------------------
   11 深海
   -------------------------------------------------------------------------- */
html[data-skin="ocean"] {
    --bg: #EAF4FB;
    --page-gradient: radial-gradient(900px 520px at 88% -10%, rgba(8, 145, 178, .2), transparent 62%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(8, 145, 178, .46), transparent 68%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(30, 58, 138, .34), transparent 68%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(56, 189, 248, .3), transparent 70%);
    --blob-opacity: .5;
    --card: #FFFFFF;
    --card-soft: #F3F9FD;
    --text: #0F2A3D;
    --text-2: #3A5B72;
    --body: #2B4A5F;
    --muted: #7590A3;
    --line: rgba(15, 42, 61, .09);
    --card-hover-line: rgba(14, 116, 144, .35);
    --nav-hover: rgba(14, 116, 144, .10);
    --c1: #0E7490;
    --c2: #0891B2;
    --c3: #1E3A8A;
    --c4: #0E7490;
    --grad: linear-gradient(120deg, #0891B2 0%, #0E7490 55%, #1E3A8A 100%);
    --grad-soft: linear-gradient(120deg, rgba(8, 145, 178, .14), rgba(30, 58, 138, .12));
    --chip-bg: rgba(14, 116, 144, .10);
    --chip-line: rgba(14, 116, 144, .22);
    --chip-bg-hover: rgba(14, 116, 144, .18);
    --archive-bg: linear-gradient(120deg, rgba(8, 145, 178, .12), rgba(30, 58, 138, .1));
    --archive-line: rgba(14, 116, 144, .2);
    --code-bg: #F1F8FC;
    --code-fg: #1B3A4F;
    --code-inline-bg: #E2F1F9;
    --code-inline-fg: #0B6B84;
    --th-bg: #EFF7FC;
    --row-hover: #F7FBFE;
    --hero-shadow: 0 22px 52px rgba(14, 116, 144, .28);
    --hero-btn-fg: #0B6B84;
    --sh: 0 10px 24px rgba(15, 50, 70, .1);
    --sh-lg: 0 20px 46px rgba(15, 50, 70, .18);
    --sh-brand: 0 8px 20px rgba(14, 116, 144, .3);
    --sh-nav: 0 6px 16px rgba(14, 116, 144, .28);
    --sh-wb: 0 8px 20px rgba(14, 116, 144, .3);
    --grid-min: 340px;
}

/* --------------------------------------------------------------------------
   12 黑白高对比
   -------------------------------------------------------------------------- */
html[data-skin="mono"] {
    --bg: #FFFFFF;
    --page-gradient: none;
    --blob-opacity: 0;
    --card: #FFFFFF;
    --card-soft: #F5F5F5;
    --text: #000000;
    --text-2: #262626;
    --body: #111111;
    --muted: #6B6B6B;
    --line: #111111;
    --line-2: #111111;
    --card-hover-line: #000000;
    --nav-hover: #F0F0F0;
    --c1: #000000;
    --c2: #000000;
    --c3: #333333;
    --c4: #000000;
    --grad: linear-gradient(120deg, #000000 0%, #1A1A1A 100%);
    --grad-soft: #F2F2F2;
    --chip-bg: #FFFFFF;
    --chip-line: #000000;
    --chip-bg-hover: #000000;
    --accent-cyan: #000000;
    --accent-green: #000000;
    --accent-amber: #000000;
    --accent-pink: #000000;
    --archive-bg: #FFFFFF;
    --archive-line: #000000;
    --header-bg: #FFFFFF;
    --header-bg-stuck: #FFFFFF;
    --header-shadow: none;
    --code-bg: #F5F5F5;
    --code-fg: #000000;
    --code-inline-bg: #F0F0F0;
    --code-inline-fg: #000000;
    --th-bg: #F5F5F5;
    --row-hover: #FAFAFA;
    --hero-shadow: none;
    --hero-fg: #FFFFFF;
    --hero-fg-soft: rgba(255, 255, 255, .84);
    --hero-btn-bg: #FFFFFF;
    --hero-btn-fg: #000000;
    --hero-media-line: #000000;
    --sh-sm: none;
    --sh: none;
    --sh-lg: none;
    --sh-brand: none;
    --sh-nav: none;
    --sh-wb: none;
    --sh-hero-btn: none;
    --sh-card-hover: none;
    --r-xs: 0;
    --r-sm: 0;
    --r: 0;
    --r-lg: 0;
    --r-xl: 0;
    --card-border-width: 2px;
    --card-lift: 0px;
}
html[data-skin="mono"] .aa-chip { color: #000; }
html[data-skin="mono"] .aa-card:hover { border-color: #000; }
html[data-skin="mono"] .aa-chip-ghost { background: #fff !important; color: #000 !important; border-color: #fff !important; }

/* --------------------------------------------------------------------------
   风格下拉按钮
   -------------------------------------------------------------------------- */
.aa-skin { position: relative; margin-left: 6px; }
.aa-skin-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--line-2);
    background: var(--card);
    color: var(--text-2);
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
    box-shadow: var(--sh-sm);
    transition: transform .18s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}
.aa-skin-btn:hover { transform: translateY(-1px); box-shadow: var(--sh); color: var(--c1); border-color: var(--card-hover-line); }
.aa-skin-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--grad);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06) inset;
    flex: none;
}
.aa-skin-caret { font-size: 10px; opacity: .7; transition: transform .2s ease; }
.aa-skin.is-open .aa-skin-caret { transform: rotate(180deg); }

.aa-skin-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 316px;
    padding: 14px;
    border-radius: var(--r-lg);
    background: var(--card);
    border: 1px solid var(--line-2);
    box-shadow: var(--sh-lg);
    z-index: 80;
    display: none;
    max-height: 70vh;
    overflow-y: auto;
}
.aa-skin.is-open .aa-skin-panel { display: block; animation: aa-up .22s ease both; }
.aa-skin-panel-head {
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--muted);
    padding: 2px 4px 10px;
}
.aa-skin-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.aa-skin-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: var(--r-sm);
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text-2);
    font-family: inherit;
    font-size: 13.5px;
    text-align: left;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.aa-skin-item:hover { background: var(--nav-hover); color: var(--c1); border-color: var(--card-hover-line); }
.aa-skin-item.is-active { border-color: var(--c1); color: var(--c1); background: var(--chip-bg); font-weight: 600; }
.aa-skin-swatch {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    flex: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08) inset;
}
.aa-skin-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.aa-skin-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.aa-skin-hint { font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aa-skin-item.is-active .aa-skin-hint { color: var(--c1); opacity: .8; }
.aa-skin-check { margin-left: auto; font-size: 12px; opacity: 0; }
.aa-skin-item.is-active .aa-skin-check { opacity: 1; }
.aa-skin-more {
    display: block;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
    text-align: center;
    font-size: 13px;
    color: var(--c1);
}
.aa-skin-more:hover { text-decoration: underline; }

/* ==========================================================================
   封面墙专用配色（3 套新方案）
   ========================================================================== */

/* W1 雾白蓝紫：亮底 + 柔和蓝紫，图片更跳 */
html[data-skin="wall-mist"] {
    --bg: #F4F6FB;
    --page-gradient: radial-gradient(900px 520px at 92% -12%, rgba(79, 107, 255, .16), transparent 64%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(79, 107, 255, .38), transparent 70%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(168, 85, 247, .30), transparent 70%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(236, 72, 153, .22), transparent 72%);
    --blob-opacity: .45;
    --card: #FFFFFF;
    --card-soft: #F5F7FE;
    --text: #161B28;
    --text-2: #414B63;
    --body: #333A4D;
    --muted: #8A93A9;
    --line: rgba(23, 28, 43, .08);
    --line-2: rgba(23, 28, 43, .16);
    --card-hover-line: rgba(79, 107, 255, .3);
    --nav-hover: rgba(79, 107, 255, .1);
    --c1: #4F6BFF;
    --c2: #7C5CFF;
    --c3: #A855F7;
    --c4: #EC4899;
    --grad: linear-gradient(120deg, #4F6BFF, #7C5CFF 50%, #EC4899);
    --grad-soft: linear-gradient(120deg, rgba(79, 107, 255, .12), rgba(168, 85, 247, .12));
    --on-grad: #FFFFFF;
    --chip-bg: rgba(79, 107, 255, .1);
    --chip-line: rgba(79, 107, 255, .2);
    --code-bg: #F6F8FD;
    --code-fg: #2C3350;
    --code-inline-bg: #EEF1FB;
    --code-inline-fg: #4F46E5;
    --th-bg: #F5F7FE;
    --row-hover: #FAFBFF;
    --sh-sm: 0 2px 6px rgba(28, 38, 92, .06);
    --sh: 0 10px 24px rgba(28, 38, 92, .09);
    --sh-lg: 0 22px 46px rgba(28, 38, 92, .16);
    --sh-brand: 0 8px 18px rgba(79, 107, 255, .32);
    --sh-nav: 0 6px 16px rgba(79, 107, 255, .3);
    --sh-wb: 0 8px 20px rgba(79, 107, 255, .32);
    --r-xs: 10px; --r-sm: 14px; --r: 18px; --r-lg: 22px; --r-xl: 26px;
    --card-lift: -5px;
    /* 封面墙骨架 */
    --wall-header: rgba(255, 255, 255, .82);
    --wall-header-stuck: rgba(255, 255, 255, .95);
    --wall-fg: #161B28;
    --wall-fg-soft: #4B5567;
    --wall-rule: rgba(23, 28, 43, .16);
    --wall-card-line: rgba(23, 28, 43, .06);
    --wall-footer-bg: #FFFFFF;
    --wall-footer-card: #FFFFFF;
}

/* W2 深墨鎏金：暗底 + 金，像画册 */
html[data-skin="wall-ink"] {
    --bg: #0B0E13;
    --page-gradient: radial-gradient(1000px 560px at 88% -10%, rgba(224, 177, 90, .14), transparent 62%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(224, 177, 90, .30), transparent 70%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(120, 90, 200, .26), transparent 70%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(200, 140, 60, .18), transparent 72%);
    --blob-opacity: .38;
    --card: #14181F;
    --card-soft: #191E27;
    --text: #EFE9DC;
    --text-2: #C3BCAC;
    --body: #D6CFC0;
    --muted: #8C8577;
    --line: rgba(230, 220, 200, .12);
    --line-2: rgba(230, 220, 200, .22);
    --card-hover-line: rgba(224, 177, 90, .5);
    --nav-hover: rgba(224, 177, 90, .14);
    --c1: #E0B15A;
    --c2: #C99A45;
    --c3: #B8863A;
    --c4: #E0B15A;
    --grad: linear-gradient(120deg, #E7C27A, #C99A45 55%, #A9762F);
    --grad-soft: linear-gradient(120deg, rgba(224, 177, 90, .16), rgba(169, 118, 47, .14));
    --on-grad: #1A1206;
    --chip-bg: rgba(224, 177, 90, .14);
    --chip-line: rgba(224, 177, 90, .3);
    --code-bg: #10141A;
    --code-fg: #DED6C6;
    --code-inline-bg: rgba(224, 177, 90, .14);
    --code-inline-fg: #E7C27A;
    --th-bg: rgba(224, 177, 90, .08);
    --row-hover: rgba(224, 177, 90, .05);
    --sh-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --sh: 0 10px 26px rgba(0, 0, 0, .5);
    --sh-lg: 0 20px 44px rgba(0, 0, 0, .58);
    --sh-brand: 0 6px 18px rgba(224, 177, 90, .28);
    --sh-nav: 0 4px 14px rgba(224, 177, 90, .24);
    --sh-wb: 0 6px 16px rgba(224, 177, 90, .26);
    --r-xs: 4px; --r-sm: 6px; --r: 8px; --r-lg: 10px; --r-xl: 14px;
    --card-lift: -3px;
    --wall-header: rgba(11, 14, 19, .84);
    --wall-header-stuck: rgba(11, 14, 19, .95);
    --wall-fg: #EFE9DC;
    --wall-fg-soft: rgba(239, 233, 220, .72);
    --wall-rule: rgba(230, 220, 200, .2);
    --wall-card-line: rgba(230, 220, 200, .08);
    --wall-footer-bg: #090B0F;
    --wall-footer-card: #14181F;
}

/* W3 冷岩蓝：灰蓝底 + 青蓝，干净利落 */
html[data-skin="wall-slate"] {
    --bg: #EDF1F6;
    --page-gradient: radial-gradient(900px 520px at 90% -12%, rgba(37, 99, 235, .16), transparent 64%);
    --blob-1: radial-gradient(circle at 30% 30%, rgba(37, 99, 235, .34), transparent 70%);
    --blob-2: radial-gradient(circle at 60% 40%, rgba(14, 165, 233, .28), transparent 70%);
    --blob-3: radial-gradient(circle at 50% 50%, rgba(15, 118, 110, .18), transparent 72%);
    --blob-opacity: .42;
    --card: #FFFFFF;
    --card-soft: #F3F6FB;
    --text: #111826;
    --text-2: #3C4859;
    --body: #2E3948;
    --muted: #7E8A9C;
    --line: rgba(17, 24, 38, .09);
    --line-2: rgba(17, 24, 38, .18);
    --card-hover-line: rgba(37, 99, 235, .3);
    --nav-hover: rgba(37, 99, 235, .1);
    --c1: #2563EB;
    --c2: #0EA5E9;
    --c3: #0F766E;
    --c4: #1D4ED8;
    --grad: linear-gradient(120deg, #2563EB, #0EA5E9 60%, #0F766E);
    --grad-soft: linear-gradient(120deg, rgba(37, 99, 235, .12), rgba(14, 165, 233, .12));
    --on-grad: #FFFFFF;
    --chip-bg: rgba(37, 99, 235, .1);
    --chip-line: rgba(37, 99, 235, .2);
    --code-bg: #F3F6FB;
    --code-fg: #26313F;
    --code-inline-bg: #E8EEFA;
    --code-inline-fg: #1D4ED8;
    --th-bg: #EFF4FB;
    --row-hover: #F7FAFE;
    --sh-sm: 0 1px 3px rgba(17, 24, 38, .07);
    --sh: 0 8px 20px rgba(17, 24, 38, .1);
    --sh-lg: 0 18px 38px rgba(17, 24, 38, .16);
    --sh-brand: 0 6px 16px rgba(37, 99, 235, .3);
    --sh-nav: 0 5px 14px rgba(37, 99, 235, .28);
    --sh-wb: 0 6px 16px rgba(37, 99, 235, .3);
    --r-xs: 6px; --r-sm: 8px; --r: 10px; --r-lg: 14px; --r-xl: 18px;
    --card-lift: -4px;
    --wall-header: rgba(255, 255, 255, .88);
    --wall-header-stuck: rgba(255, 255, 255, .97);
    --wall-fg: #111826;
    --wall-fg-soft: #46536A;
    --wall-rule: rgba(17, 24, 38, .18);
    --wall-card-line: rgba(17, 24, 38, .07);
    --wall-footer-bg: #FFFFFF;
    --wall-footer-card: #FFFFFF;
}

@media (max-width: 860px) {
    .aa-skin { margin: 4px 0 0; }
    .aa-skin-btn { width: 100%; justify-content: center; }
    .aa-skin-panel { position: static; width: 100%; margin-top: 8px; }
}