/* 小噜噜主题皮肤（2026-11-06）：覆盖控制台的 --lulu-ui-* 变量，侧边栏单独上色。data-lulu-skin 由 skin.js 在页面一开始就写到 <html> 上。 */
html[data-lulu-page="console"][data-lulu-skin="caramel"][data-lulu-skin]{
  --lulu-ui-bg:#efe3d1;--lulu-ui-paper:#fbf4e9;--lulu-ui-ink:#2e2318;--lulu-ui-muted:#6f5a44;--lulu-border:#dcc6a7;
  --lulu-accent:#8a4b1f;--lulu-ui-soft:#ead6b8;--lulu-ui-hover:#f3e6d2;--lulu-ui-heading:#f1e4d0;--lulu-ui-focus:#a8662c;--lulu-ui-on-accent:#fff8ef;
  --sk-side:#e5d3b9;--sk-side-ink:#4f3d2b;--sk-side-title:#8a7158;--sk-side-hover:#dcc5a5;--sk-side-active:#8a4b1f;--sk-side-active-ink:#fff8ef;--sk-header:#f6ecdd;
--sk-shop-bg:#d8c09d;--sk-shop-ink:#6f3812;
}
html.dark[data-lulu-page="console"][data-lulu-skin="caramel"][data-lulu-skin]{
  --lulu-ui-bg:#1d1713;--lulu-ui-paper:#29211b;--lulu-ui-ink:#f1e6d6;--lulu-ui-muted:#b9a78f;--lulu-border:#43362a;
  --lulu-accent:#e2a868;--lulu-ui-soft:#3d2f22;--lulu-ui-hover:#33281f;--lulu-ui-heading:#2e251e;--lulu-ui-focus:#e2a868;--lulu-ui-on-accent:#2a1a0c;
  --sk-side:#17120e;--sk-side-ink:#d8c7b0;--sk-side-title:#8f7c66;--sk-side-hover:#2c2219;--sk-side-active:#4a3523;--sk-side-active-ink:#ffd9a6;--sk-header:#211a15;
--sk-shop-bg:#2a2018;--sk-shop-ink:#ffd9a6;
}
html[data-lulu-page="console"][data-lulu-skin="honey"][data-lulu-skin]{
  --lulu-ui-bg:#f3e9dc;--lulu-ui-paper:#fffaf2;--lulu-ui-ink:#2f2419;--lulu-ui-muted:#76614b;--lulu-border:#e6d3bb;
  --lulu-accent:#c0651a;--lulu-ui-soft:#f7e2c6;--lulu-ui-hover:#faefe0;--lulu-ui-heading:#f6ebdc;--lulu-ui-focus:#d9822b;--lulu-ui-on-accent:#fffaf2;
  --sk-side:#2f2419;--sk-side-ink:#e9dac6;--sk-side-title:#a8927a;--sk-side-hover:#3e3022;--sk-side-active:#d9822b;--sk-side-active-ink:#2a1a0c;--sk-header:#fffaf2;
--sk-shop-bg:#3e2f1f;--sk-shop-ink:#f0a14c;
}
html.dark[data-lulu-page="console"][data-lulu-skin="honey"][data-lulu-skin]{
  --lulu-ui-bg:#1c1610;--lulu-ui-paper:#28201a;--lulu-ui-ink:#f3e7d6;--lulu-ui-muted:#bba68c;--lulu-border:#463626;
  --lulu-accent:#f0a14c;--lulu-ui-soft:#432f1c;--lulu-ui-hover:#33271c;--lulu-ui-heading:#2d231b;--lulu-ui-focus:#f0a14c;--lulu-ui-on-accent:#2a1a0c;
  --sk-side:#120d09;--sk-side-ink:#e3d2bb;--sk-side-title:#8f7b63;--sk-side-hover:#251b13;--sk-side-active:#f0a14c;--sk-side-active-ink:#2a1a0c;--sk-header:#211912;
--sk-shop-bg:#251b13;--sk-shop-ink:#f0a14c;
}
html[data-lulu-page="console"][data-lulu-skin="matcha"][data-lulu-skin]{
  --lulu-ui-bg:#e8eadc;--lulu-ui-paper:#f8f8ef;--lulu-ui-ink:#27301f;--lulu-ui-muted:#5f6a52;--lulu-border:#cfd5bd;
  --lulu-accent:#4f6b34;--lulu-ui-soft:#dde5c8;--lulu-ui-hover:#eef0e2;--lulu-ui-heading:#eef0e2;--lulu-ui-focus:#6a8a48;--lulu-ui-on-accent:#f8f8ef;
  --sk-side:#dfe3cf;--sk-side-ink:#3c4630;--sk-side-title:#7a8569;--sk-side-hover:#d2d9bd;--sk-side-active:#4f6b34;--sk-side-active-ink:#f8f8ef;--sk-header:#f1f2e7;
--sk-shop-bg:#d0d8b8;--sk-shop-ink:#3e5a26;
}
html.dark[data-lulu-page="console"][data-lulu-skin="matcha"][data-lulu-skin]{
  --lulu-ui-bg:#161a13;--lulu-ui-paper:#20251b;--lulu-ui-ink:#e5ead9;--lulu-ui-muted:#a3ad92;--lulu-border:#353d2c;
  --lulu-accent:#a6c47e;--lulu-ui-soft:#2f3a25;--lulu-ui-hover:#283020;--lulu-ui-heading:#232a1e;--lulu-ui-focus:#a6c47e;--lulu-ui-on-accent:#1b2214;
  --sk-side:#11140e;--sk-side-ink:#cdd5bf;--sk-side-title:#7f8a70;--sk-side-hover:#1f2519;--sk-side-active:#3a4a2b;--sk-side-active-ink:#d6eab6;--sk-header:#1a1f16;
--sk-shop-bg:#1f2519;--sk-shop-ink:#c3dd9c;
}

/* 皮肤通用规则（原版不套） */
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) body{background:var(--lulu-ui-bg)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) #app .min-h-screen{background:var(--lulu-ui-bg)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) #app .min-h-screen .min-h-screen{background:transparent!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) :is(.table-body,.table-wrapper){background:var(--lulu-ui-paper)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar{background:var(--sk-side)!important;border-color:transparent!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) header.glass{background:var(--sk-header)!important;border-color:var(--lulu-border)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar .sidebar-link:not(.sidebar-link-active){color:var(--sk-side-ink)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar .sidebar-link:not(.sidebar-link-active):hover{background:var(--sk-side-hover)!important;color:var(--sk-side-ink)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar :is(.sidebar-link-active,.sidebar-link-active:hover){background:var(--sk-side-active)!important;color:var(--sk-side-active-ink)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar :is(.sidebar-link-active,.sidebar-link-active:hover) svg{color:var(--sk-side-active-ink)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar :is(.sidebar-group-title,.sidebar-section-title){color:var(--sk-side-title)!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar :is(.sidebar-brand-title,.sidebar-header){color:var(--sk-side-ink)!important;border-color:transparent!important}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .card{box-shadow:0 1px 0 #2b1d1008,0 6px 18px #2b1d100d!important}

/* 菜单项留点间距，深色选中块不贴在一起；商铺高亮跟随配色 */
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar .sidebar-link{margin-bottom:3px}
html[data-lulu-page="console"][data-lulu-skin]:not([data-lulu-skin="original"]) .sidebar a.sidebar-link:is([href="/custom/xiaolulu-redeem-buy"],[href="/custom/xiaolulu-nest"]):not(.sidebar-link-active){background:var(--sk-shop-bg)!important;color:var(--sk-shop-ink)!important}

/* 顶栏调色按钮 + 弹出面板 */
#lulu-skin-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--lulu-border,#e5dbce);background:var(--lulu-ui-paper,#fff);color:var(--lulu-accent,#87502a);cursor:pointer;margin-right:6px}
#lulu-skin-btn:hover{background:var(--lulu-ui-soft,#f5eee3)}
#lulu-skin-pop{position:fixed;z-index:80;width:300px;padding:14px;border-radius:16px;border:1px solid var(--lulu-border,#e5dbce);background:var(--lulu-ui-paper,#fffdf9);color:var(--lulu-ui-ink,#39342b);box-shadow:0 18px 48px #1f150d33}
#lulu-skin-pop h4{margin:0;font-size:14px;font-weight:700}
#lulu-skin-pop p{margin:2px 0 10px;font-size:12px;color:var(--lulu-ui-muted,#847b6b)}
#lulu-skin-pop button.sk{display:flex;width:100%;align-items:center;gap:12px;padding:9px 10px;margin-top:6px;border-radius:12px;border:1px solid var(--lulu-border,#e5dbce);background:transparent;color:inherit;text-align:left;cursor:pointer}
#lulu-skin-pop button.sk:hover{background:var(--lulu-ui-hover,#faf5e9)}
#lulu-skin-pop button.sk.on{border-color:var(--lulu-accent,#87502a);background:var(--lulu-ui-soft,#f4ead3)}
#lulu-skin-pop .sw{flex:none;width:42px;height:30px;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #0000001a}
#lulu-skin-pop .nm{font-size:13.5px;font-weight:600;display:block}
#lulu-skin-pop .ds{font-size:12px;color:var(--lulu-ui-muted,#847b6b)}
#lulu-skin-pop .ck{margin-left:auto;color:var(--lulu-accent,#87502a);font-weight:700}

/* 噜噜看板卡片 */
#lulu-pet{position:fixed;right:22px;bottom:22px;z-index:60;font-size:13px;color:var(--lulu-ui-ink,#39342b)}
#lulu-pet .pet-btn{display:block;width:58px;height:58px;padding:0;border-radius:50%;border:3px solid var(--lulu-ui-paper,#fff);background:var(--lulu-ui-soft,#f4ead3);box-shadow:0 8px 24px #2b1d1033;cursor:pointer;overflow:hidden;transition:transform .15s}
#lulu-pet .pet-btn:hover{transform:translateY(-2px) scale(1.04)}
#lulu-pet .pet-btn img{width:100%;height:100%;object-fit:cover;display:block}
#lulu-pet .pet-tab{display:none;width:22px;height:46px;border-radius:10px 0 0 10px;border:1px solid var(--lulu-border,#e5dbce);border-right:0;background:var(--lulu-ui-paper,#fff);color:var(--lulu-accent,#87502a);cursor:pointer;padding:0}
#lulu-pet.mini{right:0}
#lulu-pet.mini .pet-btn{display:none}
#lulu-pet.mini .pet-tab{display:block}
#lulu-pet .pet-card{position:absolute;right:0;bottom:70px;width:320px;padding:14px;border-radius:18px;border:1px solid var(--lulu-border,#e5dbce);background:var(--lulu-ui-paper,#fffdf9);box-shadow:0 18px 48px #1f150d33}
#lulu-pet .pet-card[hidden]{display:none}
#lulu-pet .pc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#lulu-pet .pc-head img{width:42px;height:42px;border-radius:12px;object-fit:cover}
#lulu-pet .pc-head b{display:block;font-size:15px}
#lulu-pet .pc-head small{color:var(--lulu-ui-muted,#847b6b)}
#lulu-pet .pc-head .x{margin-left:auto;border:0;background:transparent;color:var(--lulu-ui-muted,#847b6b);font-size:20px;cursor:pointer;line-height:1}
#lulu-pet .pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#lulu-pet .pc-tile{padding:10px 12px;border-radius:12px;background:var(--lulu-ui-soft,#f4ead3)}
#lulu-pet .pc-tile span{display:block;font-size:12px;color:var(--lulu-ui-muted,#847b6b)}
#lulu-pet .pc-tile b{font-size:18px;color:var(--lulu-accent,#87502a)}
#lulu-pet .pc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;padding:10px 0;border-top:1px dashed var(--lulu-border,#e5dbce);border-bottom:1px dashed var(--lulu-border,#e5dbce)}
#lulu-pet .pc-row span{display:block;font-size:11.5px;color:var(--lulu-ui-muted,#847b6b)}
#lulu-pet .pc-row b{font-size:14px}
#lulu-pet .pc-links{display:flex;flex-wrap:wrap;gap:6px}
#lulu-pet .pc-links a,#lulu-pet .pc-mode button{padding:6px 11px;border-radius:10px;border:1px solid var(--lulu-border,#e5dbce);background:transparent;color:inherit;font-size:12.5px;cursor:pointer;text-decoration:none}
#lulu-pet .pc-links a:hover,#lulu-pet .pc-mode button:hover{background:var(--lulu-ui-hover,#faf5e9)}
#lulu-pet .pc-mode{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12.5px}
#lulu-pet .pc-mode span{margin-right:auto;color:var(--lulu-ui-muted,#847b6b)}
#lulu-pet .pc-foot{margin-top:10px;font-size:11.5px;color:var(--lulu-ui-muted,#847b6b)}
@media(max-width:640px){#lulu-pet{right:12px;bottom:12px}#lulu-pet .pet-btn{width:48px;height:48px}#lulu-pet .pet-card{width:min(320px,calc(100vw - 24px))}}