/* ============================================================
   换肤：经典 / 山野手作 / 赛博夜城
   皮肤只负责形状、材质、字体与氛围；主题仍负责经典皮肤配色。
   ============================================================ */

/* ---------- 皮肤预览缩略场景 ---------- */
.skin-preview{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--paper);flex:none}
.skin-preview-bar{display:flex;align-items:center;gap:4px;height:18px;padding:0 8px;background:rgba(0,0,0,.04)}
.skin-preview-bar i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45}
.skin-preview-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 11px}
.skin-preview-kicker{font-style:normal;font-size:6px;font-weight:800;letter-spacing:.14em;opacity:.65}
.skin-preview-title{font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.02em}
.skin-preview-line{display:block;width:62%;height:3px;border-radius:99px;background:currentColor;opacity:.16}
.skin-preview-actions{display:flex;gap:4px;margin-top:2px}
.skin-preview-actions i{display:block;width:26px;height:9px;border-radius:5px;background:currentColor;opacity:.2}
.skin-preview-actions i:first-child{opacity:.75}
.skin-preview[data-skin="classic"]{background:linear-gradient(150deg,#FFF6EE,#FFE2D5);color:#7A3B2B}
.skin-preview[data-skin="classic"] .skin-preview-bar i:first-child{background:#F25D3C;opacity:1}
.skin-preview[data-skin="classic"] .skin-preview-actions i:first-child{background:linear-gradient(135deg,#FF9A3C,#EC5E6B);opacity:1}

.skin-preview[data-skin="craft"]{background:#F4EAD8;color:#4A3D2C;border-color:#D8C5A5}
.skin-preview[data-skin="craft"] .skin-preview-bar{background:rgba(122,95,55,.10)}
.skin-preview[data-skin="craft"] .skin-preview-title{font-family:Georgia,"STKaiti","KaiTi",serif;letter-spacing:.06em}
.skin-preview[data-skin="craft"] .skin-preview-body{padding:9px 12px;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.65),transparent 55%)}
.skin-preview[data-skin="craft"] .skin-preview-actions i:first-child{background:#6E7B4E;opacity:1}
.skin-preview[data-skin="craft"] .skin-preview-line{background:#6E7B4E;opacity:.3}
.skin-preview[data-skin="craft"][data-skin-variant="moss"]{background:#E8E7D3;border-color:#BFC3A6;color:#39432F}
.skin-preview[data-skin="craft"][data-skin-variant="moss"] .skin-preview-actions i:first-child{background:#4F6347}

.skin-preview[data-skin="cyber"]{background:#080e19;color:#d9fbff;border-color:#154257}
.skin-preview[data-skin="cyber"] .skin-preview-bar{height:15px;background:rgba(0,229,255,.06);border-bottom:1px solid rgba(0,229,255,.18)}
.skin-preview[data-skin="cyber"] .skin-preview-bar i:first-child{background:#00e5ff;opacity:1;box-shadow:0 0 6px #00e5ff}
.skin-preview[data-skin="cyber"] .skin-preview-body{background-image:linear-gradient(rgba(0,229,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.05) 1px,transparent 1px);background-size:12px 12px}
.skin-preview[data-skin="cyber"] .skin-preview-kicker{color:#ff3b8d}
.skin-preview[data-skin="cyber"] .skin-preview-title{color:#e9feff;text-shadow:0 0 8px rgba(0,229,255,.55);font-family:"Consolas","Microsoft YaHei",sans-serif;letter-spacing:.08em}
.skin-preview[data-skin="cyber"] .skin-preview-line{background:#00e5ff;opacity:.38}
.skin-preview[data-skin="cyber"] .skin-preview-actions i{border:1px solid rgba(0,229,255,.55);background:rgba(0,229,255,.08);border-radius:1px}
.skin-preview[data-skin="cyber"] .skin-preview-actions i:first-child{background:#00e5ff;box-shadow:0 0 8px rgba(0,229,255,.6);opacity:1}
.skin-preview[data-skin="cyber"][data-skin-variant="alert"]{border-color:#592327;color:#ffe9e6}
.skin-preview[data-skin="cyber"][data-skin-variant="alert"] .skin-preview-bar i:first-child{background:#ff4d3d;box-shadow:0 0 6px #ff4d3d}
.skin-preview[data-skin="cyber"][data-skin-variant="alert"] .skin-preview-kicker{color:#ffb347}
.skin-preview[data-skin="cyber"][data-skin-variant="alert"] .skin-preview-line{background:#ff4d3d}
.skin-preview[data-skin="cyber"][data-skin-variant="alert"] .skin-preview-actions i:first-child{background:#ff4d3d;box-shadow:0 0 8px rgba(255,77,61,.6)}
.center-item .skin-preview,.inventory-item .skin-preview{width:64px;height:40px;aspect-ratio:auto;flex:none}
.center-item .skin-preview .skin-preview-bar,.inventory-item .skin-preview .skin-preview-bar{height:9px;padding:0 5px;gap:2px}
.center-item .skin-preview .skin-preview-bar i,.inventory-item .skin-preview .skin-preview-bar i{width:2px;height:2px}
.center-item .skin-preview .skin-preview-body,.inventory-item .skin-preview .skin-preview-body{padding:4px 6px;gap:2px}
.center-item .skin-preview .skin-preview-kicker,.inventory-item .skin-preview .skin-preview-kicker{font-size:4px}
.center-item .skin-preview .skin-preview-title,.inventory-item .skin-preview .skin-preview-title{font-size:8px}
.center-item .skin-preview .skin-preview-line,.inventory-item .skin-preview .skin-preview-line{height:2px}
.center-item .skin-preview .skin-preview-actions i,.inventory-item .skin-preview .skin-preview-actions i{width:14px;height:5px;border-radius:3px}

/* ---------- 山野手作 ---------- */
html[data-skin="craft"]{
  --paper:#F1E7D4;
  --card:#FFFCF3;
  --cream:#F4EAD8;
  --surface:#FFFDF7;
  --ink:#40382C;
  --ink-2:#7B6A55;
  --ink-3:#A79A83;
  --line:#DCCDB2;
  --line-2:#C9B693;
  --green:#6E7B4E;
  --green-2:#55623C;
  --green-soft:#EBE8D4;
  --green-line:#C9C7A8;
  --tomato:#B65A3C;
  --tomato-dark:#96442B;
  --tomato-soft:#F4E3D7;
  --gold:#B98A3E;
  --gold-deep:#F1E5CB;
  --gold-soft:#F5EDDB;
  --gold-line:#DFC99E;
  --gold-ink:#7C5A22;
  --accent:#7A5A35;
  --accent-ink:#624528;
  --page-ink2:#5C4B37;
  --nav-line:#E8D9B9;
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:18px;
  --shadow:0 1px 0 rgba(91,73,45,.12);
  --shadow-hover:0 8px 20px rgba(91,73,45,.14);
  --shadow-pop:0 14px 30px rgba(91,73,45,.18);
  --paper-grad:radial-gradient(circle at 18% 12%,rgba(255,255,255,.7),transparent 50%),linear-gradient(170deg,#F5ECDB 0%,#EFE4D0 55%,#EAE6D2 100%);
  --grad-main:linear-gradient(135deg,#7D8B58 0%,#67764A 52%,#5A6540 100%);
  --grad-page:linear-gradient(165deg,#8A8F5F 0%,#77794F 45%,#696341 100%);
  --grad-soft:linear-gradient(135deg,#9BA777,#6E7B4E);
}
html[data-skin="craft"][data-skin-variant="moss"]{
  --paper:#E7E6D3;
  --card:#F8F7EC;
  --cream:#EFEDDC;
  --surface:#FCFBF3;
  --ink:#363C2C;
  --ink-2:#68705A;
  --ink-3:#969C82;
  --line:#CDD0B8;
  --line-2:#B8BEA0;
  --green:#4F6347;
  --green-2:#3C5038;
  --green-soft:#E3E8D8;
  --green-line:#B9C3A6;
  --tomato:#A95A3D;
  --accent:#4F6347;
  --accent-ink:#3C5038;
  --nav-line:#DCE4C8;
  --paper-grad:radial-gradient(circle at 80% 10%,rgba(255,255,255,.55),transparent 55%),linear-gradient(170deg,#EAE9D8 0%,#E4E4D2 55%,#DDE2CD 100%);
  --grad-main:linear-gradient(135deg,#5B704F 0%,#4B5F43 52%,#3E5138 100%);
  --grad-page:linear-gradient(165deg,#65765A 0%,#53664A 45%,#44553D 100%);
}
html[data-skin="craft"] body{background:var(--paper-grad);background-attachment:fixed;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
html[data-skin="craft"] .card,
html[data-skin="craft"] .site-sec,
html[data-skin="craft"] .set-panel,
html[data-skin="craft"] .center-item,
html[data-skin="craft"] .inventory-item,
html[data-skin="craft"] .ui-dialog,
html[data-skin="craft"] .pwd-card{
  border-radius:var(--radius);
  border-color:var(--line);
  background-color:var(--card);
  box-shadow:0 2px 0 rgba(91,73,45,.06),0 10px 24px rgba(91,73,45,.08);
}
html[data-skin="craft"] .card::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:repeating-linear-gradient(90deg,var(--line-2) 0 5px,transparent 5px 9px);opacity:.55;pointer-events:none}
html[data-skin="craft"] .app-header{background:linear-gradient(135deg,#7D8B58,#5E6A43);box-shadow:0 6px 20px rgba(48,55,32,.18)}
html[data-skin="craft"] .app-footer{background:rgba(255,252,243,.72);border-top:1px dashed var(--line-2)}
html[data-skin="craft"] .list-head h2::before,
html[data-skin="craft"] .set-title h2::before,
html[data-skin="craft"] .site-sec-head::before{background:var(--green);border-radius:2px}
html[data-skin="craft"] .btn{border-radius:9px;border:1px solid var(--line-2);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 2px 0 rgba(91,73,45,.08)}
html[data-skin="craft"] .btn-green{background:linear-gradient(135deg,#7D8B58,#5E6A43);color:#FFFDF3;border-color:#55623C;text-shadow:0 1px 0 rgba(0,0,0,.16)}
html[data-skin="craft"] .btn-ghost{background:#FBF5E8;color:var(--ink-2)}
html[data-skin="craft"] .nav-item.active{background:rgba(255,253,243,.16);border-bottom-color:#F1E3C7;border-bottom-style:dashed}
html[data-skin="craft"] .home-hero,
html[data-skin="craft"] .page-hero,
html[data-skin="craft"] .hero,
html[data-skin="craft"] .draw-card,
html[data-skin="craft"] .stat{background:var(--card);border-radius:var(--radius-lg);box-shadow:0 10px 24px rgba(48,55,32,.10)}
html[data-skin="craft"] .home-hero h1,
html[data-skin="craft"] .page-hero h1,
html[data-skin="craft"] .hero h1,
html[data-skin="craft"] .home-hero .home-title{font-family:Georgia,"STKaiti","KaiTi",serif;letter-spacing:.04em}
html[data-skin="craft"] .ui-control{border-radius:8px!important;background-color:#FFFDF7!important;border-color:var(--line-2)!important;box-shadow:inset 0 1px 2px rgba(91,73,45,.05)!important}
html[data-skin="craft"] .ui-control:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px var(--green-soft)!important}
html[data-skin="craft"] select.ui-control{background-color:#FFFDF7!important}
html[data-skin="craft"] .ui-checkbox{border-radius:3px!important;border-color:var(--line-2)!important;background:#FFFDF7!important}
html[data-skin="craft"] .ui-checkbox:checked{background:var(--green)!important;border-color:var(--green)!important}
html[data-skin="craft"] .ui-switch .track{background:var(--line-2);box-shadow:inset 0 1px 3px rgba(91,73,45,.18)}
html[data-skin="craft"] .ui-switch input:checked + .track{background:var(--green)}
html[data-skin="craft"] .app-header .account-user-tip,
html[data-skin="craft"] .frame-picker{background:linear-gradient(180deg,#FFFDF6,#F2E9D7);border-color:var(--line-2);border-radius:10px}
html[data-skin="craft"] .account-menu-head{border-bottom-style:dashed}
html[data-skin="craft"] .admin-tab.active{background:var(--green);color:#FFFDF3}

/* ---------- 赛博夜城 ---------- */
html[data-skin="cyber"]{
  color-scheme:dark;
  --paper:#070b14;
  --card:#0c1422;
  --cream:#101a2b;
  --surface:#0a1220;
  --ink:#dff8ff;
  --ink-2:#8fb9cc;
  --ink-3:#5e8397;
  --line:#163548;
  --line-2:#24526a;
  --green:#00e5ff;
  --green-2:#00b7d6;
  --green-soft:#062c38;
  --green-line:#0b7285;
  --tomato:#ff4d6d;
  --tomato-dark:#d92f52;
  --tomato-soft:#2a0f1b;
  --gold:#f6c85f;
  --gold-deep:#2a2413;
  --gold-soft:#1d1b0e;
  --gold-line:#5a4c1f;
  --gold-ink:#f6c85f;
  --accent:#ff3b8d;
  --accent-ink:#ff7ab5;
  --page-ink2:#a6d9e6;
  --nav-line:#00e5ff;
  --radius-sm:2px;
  --radius:4px;
  --radius-lg:6px;
  --shadow:0 0 0 1px rgba(0,229,255,.06);
  --shadow-hover:0 0 22px rgba(0,229,255,.16);
  --shadow-pop:0 0 34px rgba(0,229,255,.18);
  --paper-grad:linear-gradient(rgba(0,229,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.035) 1px,transparent 1px),radial-gradient(circle at 80% 0%,rgba(255,59,141,.12),transparent 45%),#070b14;
  --grad-main:linear-gradient(135deg,#07131f 0%,#0d2433 50%,#170d26 100%);
  --grad-page:linear-gradient(160deg,#050a12 0%,#081521 52%,#100a1b 100%);
  --grad-soft:linear-gradient(135deg,#0b2d3d,#1a1030);
}
html[data-skin="cyber"][data-skin-variant="alert"]{
  --green:#ff4d3d;
  --green-2:#d9362b;
  --green-soft:#2b0f0d;
  --green-line:#7a2b22;
  --accent:#ffb347;
  --accent-ink:#ffd08a;
  --nav-line:#ff4d3d;
  --tomato:#ff2d55;
  --paper-grad:linear-gradient(rgba(255,77,61,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,77,61,.04) 1px,transparent 1px),radial-gradient(circle at 80% 0%,rgba(255,179,71,.12),transparent 45%),#0c0807;
  --grad-main:linear-gradient(135deg,#1a0807 0%,#2b0f0c 50%,#251407 100%);
  --grad-page:linear-gradient(160deg,#0d0706 0%,#1a0d09 52%,#1d1207 100%);
  --grad-soft:linear-gradient(135deg,#3a1510,#2a1a08);
}
html[data-skin="cyber"] body{background:var(--paper-grad);background-size:32px 32px,32px 32px,auto,auto;background-attachment:fixed;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink)}
html[data-skin="cyber"] .app-header{background:linear-gradient(180deg,rgba(6,12,20,.98),rgba(7,16,26,.94));border-bottom:1px solid var(--green);box-shadow:0 0 22px rgba(0,229,255,.14)}
html[data-skin="cyber"][data-skin-variant="alert"] .app-header{border-bottom-color:var(--green);box-shadow:0 0 22px rgba(255,77,61,.16)}
html[data-skin="cyber"] .nav-item{color:#8fb9cc;letter-spacing:.08em}
html[data-skin="cyber"] .nav-item.active{color:var(--green);background:rgba(0,229,255,.08);border-bottom:1px solid var(--green);text-shadow:0 0 8px rgba(0,229,255,.55)}
html[data-skin="cyber"][data-skin-variant="alert"] .nav-item.active{color:var(--green);background:rgba(255,77,61,.10);text-shadow:0 0 8px rgba(255,77,61,.55)}
html[data-skin="cyber"] .card,
html[data-skin="cyber"] .site-sec,
html[data-skin="cyber"] .set-panel,
html[data-skin="cyber"] .center-item,
html[data-skin="cyber"] .inventory-item,
html[data-skin="cyber"] .ui-dialog,
html[data-skin="cyber"] .pwd-card{background:linear-gradient(160deg,rgba(12,20,34,.96),rgba(8,15,26,.98));border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 0 0 1px rgba(0,229,255,.05),0 0 24px rgba(0,229,255,.055);position:relative}
html[data-skin="cyber"] .card::before{content:"";position:absolute;left:-1px;top:-1px;width:16px;height:16px;border-left:1px solid var(--green);border-top:1px solid var(--green);pointer-events:none}
html[data-skin="cyber"] .card::after{content:"";position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border-right:1px solid var(--green);border-bottom:1px solid var(--green);pointer-events:none}
html[data-skin="cyber"][data-skin-variant="alert"] .card::before,
html[data-skin="cyber"][data-skin-variant="alert"] .card::after{border-color:var(--green)}
html[data-skin="cyber"] .app-header .account-user-tip,
html[data-skin="cyber"] .frame-picker{background:linear-gradient(180deg,#0c1828,#08111d);border-color:var(--line-2);border-radius:4px;box-shadow:0 0 26px rgba(0,229,255,.14)}
html[data-skin="cyber"] .account-menu-head{border-bottom:1px solid var(--line-2)}
html[data-skin="cyber"] .account-menu-kicker{color:var(--green);text-shadow:0 0 8px rgba(0,229,255,.45)}
html[data-skin="cyber"][data-skin-variant="alert"] .account-menu-kicker{text-shadow:0 0 8px rgba(255,77,61,.45)}
html[data-skin="cyber"] .account-menu-kicker::before{background:var(--green);box-shadow:0 0 8px var(--green)}
html[data-skin="cyber"] .account-menu-logout{background:rgba(255,77,109,.12);color:#ff6b81}
html[data-skin="cyber"] .footer-top{border-radius:1px;border-color:var(--line-2);color:var(--green)}
html[data-skin="cyber"] .app-footer{background:#060b12;border-top:1px solid var(--line-2)}
html[data-skin="cyber"] .btn{border-radius:1px;border:1px solid var(--line-2);background:rgba(10,18,32,.9);color:var(--ink);letter-spacing:.04em;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));text-transform:none}
html[data-skin="cyber"] .btn-green{background:var(--green);border-color:var(--green);color:#04141c;box-shadow:0 0 16px rgba(0,229,255,.22);font-weight:800}
html[data-skin="cyber"][data-skin-variant="alert"] .btn-green{color:#1b0805;box-shadow:0 0 16px rgba(255,77,61,.24)}
html[data-skin="cyber"] .btn-ghost{background:rgba(10,18,32,.8);color:var(--ink-2)}
html[data-skin="cyber"] .btn-danger-ghost{background:rgba(255,77,109,.08);border-color:rgba(255,77,109,.35);color:#ff8ba0}
html[data-skin="cyber"] .ui-control{border-radius:1px!important;background-color:#08111d!important;border-color:var(--line-2)!important;color:var(--ink)!important;box-shadow:inset 0 0 12px rgba(0,229,255,.045)!important}
html[data-skin="cyber"] .ui-control:focus{border-color:var(--green)!important;box-shadow:0 0 0 2px rgba(0,229,255,.14),0 0 16px rgba(0,229,255,.12)!important}
html[data-skin="cyber"][data-skin-variant="alert"] .ui-control:focus{box-shadow:0 0 0 2px rgba(255,77,61,.14),0 0 16px rgba(255,77,61,.12)!important}
html[data-skin="cyber"] select.ui-control{background-color:#08111d!important}
html[data-skin="cyber"] .ui-checkbox{border-radius:1px!important;border-color:var(--line-2)!important;background:#08111d!important}
html[data-skin="cyber"] .ui-checkbox:checked{background:var(--green)!important;border-color:var(--green)!important;box-shadow:0 0 10px rgba(0,229,255,.55)!important}
html[data-skin="cyber"] .ui-switch .track{background:#122333;box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-skin="cyber"] .ui-switch input:checked + .track{background:var(--green);box-shadow:0 0 12px rgba(0,229,255,.45)}
html[data-skin="cyber"] .ui-switch .track::before{border-radius:1px;background:#dff8ff}
html[data-skin="cyber"] .home-hero,
html[data-skin="cyber"] .page-hero,
html[data-skin="cyber"] .hero,
html[data-skin="cyber"] .draw-card,
html[data-skin="cyber"] .stat{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 0 18px rgba(0,229,255,.06);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
html[data-skin="cyber"] .home-hero h1,
html[data-skin="cyber"] .page-hero h1,
html[data-skin="cyber"] .hero h1,
html[data-skin="cyber"] .home-hero .home-title{font-family:"Consolas","Microsoft YaHei",sans-serif;letter-spacing:.10em;text-shadow:0 0 18px rgba(0,229,255,.35)}
html[data-skin="cyber"] .page-pill,
html[data-skin="cyber"] .badge{border-radius:1px;border:1px solid var(--line-2);background:rgba(0,229,255,.07);color:var(--green)}
html[data-skin="cyber"] .admin-tabs{background:#08111d;border-color:var(--line-2);border-radius:2px}
html[data-skin="cyber"] .admin-tab{border-radius:1px;color:var(--ink-2)}
html[data-skin="cyber"] .admin-tab.active{background:var(--green);color:#04141c;box-shadow:0 0 12px rgba(0,229,255,.35)}
html[data-skin="cyber"] .admin-toolbar input,
html[data-skin="cyber"] .admin-search{border-radius:1px}
html[data-skin="cyber"] .growth-admin-side{background:#08111d;border-color:var(--line-2);border-radius:2px}
html[data-skin="cyber"] .growth-admin-side .growth-admin-tab{border-radius:1px}
html[data-skin="cyber"] .growth-admin-side .growth-admin-tab.active{background:var(--green);color:#04141c}
html[data-skin="cyber"] .hint,
html[data-skin="cyber"] .sub,
html[data-skin="cyber"] .dim{color:var(--ink-3)}
html[data-skin="cyber"] ::selection{background:rgba(0,229,255,.28);color:#fff}
html[data-skin="cyber"][data-skin-variant="alert"] ::selection{background:rgba(255,77,61,.3)}

/* ---------- 设置页皮肤选择 ---------- */
.skin-card .list-head{margin-bottom:6px}
.skin-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 10px;font-size:10px;color:var(--ink-3)}
.skin-intro b{color:var(--ink);font-size:11px}
.skin-intro em{font-style:normal;font-size:9px;padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.skin-option{display:flex;flex-direction:column;gap:7px;min-width:0;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.skin-option:hover{border-color:var(--green-line);transform:translateY(-1px);box-shadow:var(--shadow-hover)}
.skin-option.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--green-soft)}
.skin-option.locked{opacity:.82}
.skin-option-main{min-width:0}
.skin-option-name{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}
.skin-option-tags{display:flex;align-items:center;gap:4px;flex:none}
.skin-option-name b{font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin-option-badge{flex:none;font-size:7px;padding:1px 5px;border-radius:999px;background:var(--green-soft);color:var(--accent-ink);border:1px solid var(--green-line)}
.skin-option p{margin:2px 0 6px;font-size:8px;line-height:1.5;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:24px}
.skin-option-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}
.skin-variants{display:flex;gap:3px;min-width:0;flex-wrap:wrap}
.skin-variant{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-3);font:inherit;font-size:7px;padding:2px 5px;border-radius:5px;cursor:pointer}
.skin-variant:hover{border-color:var(--green-line);color:var(--ink)}
.skin-variant.active{background:var(--accent);border-color:var(--accent);color:#fff}
.skin-variant:disabled{opacity:.45;cursor:not-allowed}
.skin-use{font-size:8px;color:var(--accent);white-space:nowrap}
.skin-current-dot{font-size:8px;color:var(--accent);font-weight:700;white-space:nowrap}
@media(max-width:760px){
  .skin-grid{grid-template-columns:1fr}
  .skin-option{flex-direction:row;align-items:center}
  .skin-option .skin-preview{width:112px;aspect-ratio:16/10}
  .skin-option-main{flex:1}
  .skin-option p{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  html[data-skin="cyber"] *,html[data-skin="craft"] *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* ============================================================
   全站皮肤覆盖层：统一几何，避免新组件残留经典圆角
   ============================================================ */

/* 赛博朋克：全站无圆角，只保留头像与状态点 */
html[data-skin="cyber"] *{border-radius:0!important}
html[data-skin="cyber"] :is(.avatar-circle,.avatar-ph,.avatar-img,.account-avatar-btn,.avatar-medal-badge,.group-level-star,.group-level-star i,.page-hero-dot,.hero-dot,.center-medal-disc){border-radius:50%!important}
html[data-skin="cyber"] .skin-preview[data-skin="classic"]{border-radius:12px!important}
html[data-skin="cyber"] .skin-preview[data-skin="craft"]{border-radius:2px!important}
html[data-skin="cyber"] .skin-preview[data-skin="cyber"]{border-radius:0!important}
html[data-skin="cyber"] .nav-item{border-radius:0!important}
html[data-skin="cyber"] .nav-item.active{background:rgba(0,229,255,.10)!important;border-bottom:2px solid var(--green)!important}
html[data-skin="cyber"][data-skin-variant="alert"] .nav-item.active{background:rgba(255,77,61,.12)!important}
html[data-skin="cyber"] .btn{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))!important}
html[data-skin="cyber"] .page-hero{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
html[data-skin="cyber"] .page-hero::before{content:"";position:absolute;left:12px;top:12px;width:28px;height:28px;border-left:1px solid var(--green);border-top:1px solid var(--green);pointer-events:none;z-index:3}
html[data-skin="cyber"] .page-hero::after{background:repeating-linear-gradient(0deg,rgba(0,229,255,.035) 0 1px,transparent 1px 4px)!important}
html[data-skin="cyber"] .home-hero .hero-plate{border-radius:0!important}
html[data-skin="cyber"] .home-hero .hero-plate-ring{border-radius:0!important}
html[data-skin="cyber"] #view-home .hero-btn{background:var(--green)!important;color:#04141c!important;border:1px solid var(--green)!important;box-shadow:0 0 20px rgba(0,229,255,.35)!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));font-weight:800;letter-spacing:.08em}
html[data-skin="cyber"][data-skin-variant="alert"] #view-home .hero-btn{color:#1b0805!important;box-shadow:0 0 20px rgba(255,77,61,.38)!important}
html[data-skin="cyber"] .account-checkin{
  border-radius:0!important;
  border:1px solid var(--green)!important;
  background:var(--green)!important;
  color:#04141c!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--green) 30%,transparent)!important;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  font-weight:800;
  letter-spacing:.08em;
}
html[data-skin="cyber"] .account-checkin:hover:not(:disabled){background:color-mix(in srgb,var(--green) 86%,#fff 14%)!important;color:#04141c!important;filter:none!important;transform:none!important;box-shadow:0 0 22px color-mix(in srgb,var(--green) 44%,transparent)!important}
html[data-skin="cyber"] .account-checkin:disabled,
html[data-skin="cyber"] .account-checkin.is-done{background:rgba(10,18,32,.8)!important;border-color:var(--line-2)!important;color:var(--ink-3)!important;box-shadow:none!important;clip-path:none}
html[data-skin="cyber"] .account-user-tip{background:linear-gradient(180deg,#0c1828,#08111d)!important;border:1px solid var(--line-2)!important;box-shadow:0 0 24px rgba(0,229,255,.12)!important}
html[data-skin="cyber"] .account-user-tip::before{background:#0c1828!important;border-color:var(--line-2)!important}
html[data-skin="cyber"] .account-total-row{background:rgba(0,229,255,.04)!important}
html[data-skin="cyber"] .account-menu-logout{background:rgba(255,77,109,.12)!important;color:#ff6b81!important}
html[data-skin="cyber"] .account-checkin svg{color:currentColor}

/* 山野手作：所有控件收成纸片/印章式小圆角 */
html[data-skin="craft"] *{border-radius:2px!important}
html[data-skin="craft"] :is(.avatar-circle,.avatar-ph,.avatar-img,.account-avatar-btn,.avatar-medal-badge,.group-level-star,.group-level-star i,.page-hero-dot,.hero-dot,.center-medal-disc){border-radius:50%!important}
html[data-skin="craft"] .skin-preview[data-skin="classic"]{border-radius:12px!important}
html[data-skin="craft"] .skin-preview[data-skin="craft"]{border-radius:2px!important}
html[data-skin="craft"] .skin-preview[data-skin="cyber"]{border-radius:0!important}
html[data-skin="craft"]{
  --grad-page:linear-gradient(180deg,#F5EDDD 0%,#EEE4D0 100%);
  --paper-grad:radial-gradient(circle at 14% 10%,rgba(255,255,255,.7),transparent 48%),linear-gradient(180deg,#F7EFDF 0%,#EFE5D2 100%);
}
html[data-skin="craft"] body{background:var(--paper-grad)}
html[data-skin="craft"] .app-header{background:linear-gradient(135deg,#667446,#4F5D3C);border-bottom:2px dashed #D9C9A8;box-shadow:0 4px 0 rgba(74,61,44,.12)}
html[data-skin="craft"] .nav-item.active{background:transparent!important;border-bottom:2px solid #F1E3C7!important;border-radius:0!important;color:#FFF9EA!important}
html[data-skin="craft"] .app-footer{background:#F6EDDB;border-top:2px dashed var(--line-2)}

/* 手作：纸张卡片、印章按钮、衬线标题 */
html[data-skin="craft"] .card,
html[data-skin="craft"] .site-sec,
html[data-skin="craft"] .set-panel,
html[data-skin="craft"] .center-item,
html[data-skin="craft"] .inventory-item,
html[data-skin="craft"] .ui-dialog,
html[data-skin="craft"] .pwd-card,
html[data-skin="craft"] .admin-user-card{
  background:#FBF3E3!important;
  border:1.5px solid #7A875B!important;
  box-shadow:4px 4px 0 rgba(74,61,44,.16)!important;
}
html[data-skin="craft"] .card::after{background:repeating-linear-gradient(90deg,#B7A888 0 4px,transparent 4px 8px)!important;opacity:.45!important}
html[data-skin="craft"] h1,html[data-skin="craft"] h2,html[data-skin="craft"] h3,
html[data-skin="craft"] .hero-title,html[data-skin="craft"] .hc-title,
html[data-skin="craft"] .page-hero h1{font-family:Georgia,"STKaiti","KaiTi",serif!important;letter-spacing:.045em}
html[data-skin="craft"] .page-hero{
  background:#F8EFD9!important;color:var(--ink)!important;border:2px solid #6E7B4E!important;
  box-shadow:6px 6px 0 rgba(74,61,44,.18)!important;overflow:visible!important;
}
html[data-skin="craft"] .page-hero::after{background:none!important}
html[data-skin="craft"] .page-hero::before{
  content:"手作";position:absolute;right:16px;top:14px;z-index:3;
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  border:2px solid #A34E37;color:#A34E37;font-family:Georgia,"STKaiti",serif;
  font-size:11px;font-weight:700;letter-spacing:.08em;transform:rotate(6deg);
  background:#F8EFD9;box-shadow:inset 0 0 0 2px #F8EFD9,inset 0 0 0 3px #A34E37;
}
html[data-skin="craft"] .page-hero h1,
html[data-skin="craft"] .page-hero p,
html[data-skin="craft"] .page-hero-kicker,
html[data-skin="craft"] .page-hero-meta,
html[data-skin="craft"] .page-hero-meta *{color:var(--ink)!important;text-shadow:none!important}
html[data-skin="craft"] .page-hero p{color:var(--ink-2)!important}
html[data-skin="craft"] .page-hero-kicker{border:1px solid var(--line-2)!important;background:transparent!important;color:var(--ink-2)!important}
html[data-skin="craft"] .page-hero-dot{background:var(--green)!important;box-shadow:0 0 0 3px var(--green-soft)!important}
html[data-skin="craft"] .page-hero-orb{display:none!important}
html[data-skin="craft"] .page-pill,
html[data-skin="craft"] .badge,
html[data-skin="craft"] .hero-meta span,
html[data-skin="craft"] .hero-kicker,
html[data-skin="craft"] .hero-menu-label{border-radius:2px!important;background:transparent!important;border:1px solid var(--line-2)!important;color:var(--ink-2)!important}
html[data-skin="craft"] .home-hero{
  background:#F8EFD9!important;color:var(--ink)!important;border:2px solid #6E7B4E!important;
  box-shadow:6px 6px 0 rgba(74,61,44,.18)!important;overflow:visible!important;
}
html[data-skin="craft"] .home-hero::before,
html[data-skin="craft"] .home-hero::after{display:none!important}
html[data-skin="craft"] .home-hero .hero-title,
html[data-skin="craft"] .home-hero .hero-kicker,html[data-skin="craft"] .home-hero .hero-date,
html[data-skin="craft"] .home-hero .hero-sub,
html[data-skin="craft"] .home-hero .hero-meta,
html[data-skin="craft"] .home-hero .hero-meta span,
html[data-skin="craft"] .home-hero .hero-menu-label{color:var(--ink)!important;text-shadow:none!important}
html[data-skin="craft"] .home-hero .hero-sub,
html[data-skin="craft"] .home-hero .hero-meta{color:var(--ink-2)!important}
html[data-skin="craft"] .home-hero .hero-dot{background:var(--green)!important}
html[data-skin="craft"] .home-hero .hero-copy{position:relative}
html[data-skin="craft"] .home-hero .hero-copy::after{
  content:"手作";position:absolute;right:0;top:-2px;z-index:3;
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border:2px solid #A34E37;color:#A34E37;font-family:Georgia,"STKaiti",serif;
  font-size:10px;font-weight:700;transform:rotate(6deg);
  box-shadow:inset 0 0 0 2px #F8EFD9,inset 0 0 0 3px #A34E37;
}
html[data-skin="craft"] .home-hero .hero-btn{background:#6E7B4E!important;color:#FFF9EA!important;border:1.5px solid #4E5C38!important;box-shadow:3px 3px 0 rgba(74,61,44,.22)!important}
html[data-skin="craft"] .home-hero .hero-btn:hover{background:#5E6B43!important;transform:translate(1px,1px)!important;box-shadow:1px 1px 0 rgba(74,61,44,.22)!important}
html[data-skin="craft"] .home-hero .hero-plate{background:#F4E8D2!important;border:2px solid #7A875B!important;box-shadow:3px 3px 0 rgba(74,61,44,.15)!important;color:var(--ink)!important}
html[data-skin="craft"] .home-hero .hero-plate-ring{border-color:#B7A888!important}
html[data-skin="craft"] .home-hero .hero-plate-label,
html[data-skin="craft"] .home-hero .hero-plate-value,
html[data-skin="craft"] .home-hero .hero-plate-sub{color:var(--ink)!important}
html[data-skin="craft"] .home-week{background:#F8EFD9!important;color:var(--ink)!important;border:1.5px solid #7A875B!important;box-shadow:4px 4px 0 rgba(74,61,44,.16)!important}
html[data-skin="craft"] .home-week::after{display:none!important}
html[data-skin="craft"] .home-week h2,
html[data-skin="craft"] .home-week .sub,
html[data-skin="craft"] .home-week .week-dish,
html[data-skin="craft"] .home-week .draw-link,
html[data-skin="craft"] .home-week .week-day>span:last-child{color:var(--ink)!important}
html[data-skin="craft"] .home-week .week-day .d{background:transparent!important;border:1px solid var(--line-2)!important;color:var(--ink)!important}
html[data-skin="craft"] .home-week .week-day.today .d{background:#6E7B4E!important;border-color:#6E7B4E!important;color:#FFF9EA!important}
html[data-skin="craft"] .home-card{background:#F8EFD9!important;color:var(--ink)!important;border:1.5px solid #7A875B!important;box-shadow:4px 4px 0 rgba(74,61,44,.16)!important}
html[data-skin="craft"] .home-card::after{display:none!important}
html[data-skin="craft"] .home-card:hover{border-color:#A34E37!important;box-shadow:5px 5px 0 rgba(74,61,44,.20)!important}
html[data-skin="craft"] .home-card .hc-title,
html[data-skin="craft"] .home-card .hc-desc,
html[data-skin="craft"] .home-card .hc-num{color:var(--ink)!important}
html[data-skin="craft"] .home-card .hc-icon{background:#EBE8D4!important;border:1px solid #B7C3A2!important;color:#4F6347!important}
html[data-skin="craft"] .stat{background:#F8EFD9!important;color:var(--ink)!important;border:1.5px solid #7A875B!important;box-shadow:3px 3px 0 rgba(74,61,44,.14)!important}
html[data-skin="craft"] .stat .num,html[data-skin="craft"] .stat .label{color:var(--ink)!important}
html[data-skin="craft"] .center-hero{background:#F8EFD9!important;color:var(--ink)!important;border:1.5px solid #7A875B!important;box-shadow:4px 4px 0 rgba(74,61,44,.14)!important}
html[data-skin="craft"] .center-hero *{color:var(--ink)!important}
html[data-skin="craft"] .center-tabs,
html[data-skin="craft"] .admin-tabs,
html[data-skin="craft"] .inventory-tabs{background:transparent!important;border:0!important;border-bottom:1px solid #C9B693!important;padding:0 0 4px!important;box-shadow:none!important}
html[data-skin="craft"] .admin-tabs{background:#F8F7EC!important;border:1.5px solid #7A875B!important;border-radius:2px!important;padding:4px!important;box-shadow:3px 3px 0 rgba(74,61,44,.14)!important}
html[data-skin="craft"] .center-tab,
html[data-skin="craft"] .admin-tab,
html[data-skin="craft"] .inventory-tab{border-radius:0!important;background:transparent!important;color:var(--ink-2)!important;box-shadow:none!important}
html[data-skin="craft"] .admin-tab{color:var(--ink)!important;opacity:1!important}
html[data-skin="craft"] .center-tab.active,
html[data-skin="craft"] .inventory-tab.active{background:transparent!important;color:#7A3E2A!important;border-bottom:2px solid #A34E37!important;box-shadow:none!important}
html[data-skin="craft"] .admin-tab.active{background:var(--green)!important;color:#FFF9EA!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(74,61,44,.12)!important}
html[data-skin="craft"] .btn{background:#FBF3E3!important;color:var(--ink)!important;border:1.5px solid #6E7B4E!important;box-shadow:2px 2px 0 rgba(74,61,44,.16)!important;font-family:Georgia,"STKaiti",serif}
html[data-skin="craft"] .btn:hover{background:#F3E7D0!important;transform:translate(1px,1px)!important;box-shadow:1px 1px 0 rgba(74,61,44,.16)!important}
html[data-skin="craft"] .btn-green{background:#6E7B4E!important;color:#FFF9EA!important;border-color:#4E5C38!important}
html[data-skin="craft"] .btn-green:hover{background:#5E6B43!important;color:#FFF9EA!important}
html[data-skin="craft"] .btn-ghost{background:#FBF3E3!important;color:var(--ink-2)!important}
html[data-skin="craft"] .btn-danger-ghost{background:#F6E3D8!important;color:#9A3E2C!important;border-color:#C58A78!important}
html[data-skin="craft"] .ui-control{
  background:transparent!important;border:0!important;border-bottom:1.5px solid #B7A888!important;
  border-radius:0!important;box-shadow:none!important;padding-left:2px!important;padding-right:10px!important;
}
html[data-skin="craft"] .ui-control:focus{border-bottom-color:#6E7B4E!important;box-shadow:0 2px 0 -1px #6E7B4E!important}
html[data-skin="craft"] select.ui-control{padding-right:30px!important;border-bottom:1.5px solid #B7A888!important}
html[data-skin="craft"] textarea.ui-control{border:1px solid #C9B693!important;background:#FBF3E3!important}
html[data-skin="craft"] .ui-checkbox{border-radius:2px!important;border-color:#9B8A6C!important;background:#FBF3E3!important}
html[data-skin="craft"] .ui-checkbox:checked{background:#6E7B4E!important;border-color:#6E7B4E!important}
html[data-skin="craft"] .ui-switch .track{border-radius:2px!important;background:#D8CCB4!important;box-shadow:inset 0 1px 2px rgba(74,61,44,.18)!important}
html[data-skin="craft"] .ui-switch .track::before{border-radius:1px!important;background:#FFF9EA!important}
html[data-skin="craft"] .ui-switch input:checked + .track{background:#6E7B4E!important}
html[data-skin="craft"] .admin-user-card{color:var(--ink)!important}
html[data-skin="craft"] .admin-user-card *{color:var(--ink)!important}
html[data-skin="craft"] .admin-user-card .btn{color:var(--ink)!important}
html[data-skin="craft"] .admin-user-card .btn-green{color:#FFF9EA!important}
html[data-skin="craft"] .list-head h2::before,
html[data-skin="craft"] .set-title h2::before,
html[data-skin="craft"] .site-sec-head::before{background:#A34E37}
html[data-skin="craft"] .account-user-tip{background:linear-gradient(180deg,#FFFDF6,#F2E9D7)!important;border:1.5px solid #7A875B!important;box-shadow:4px 4px 0 rgba(74,61,44,.16)!important}
html[data-skin="craft"] .account-user-tip::before{background:#FFFDF6!important;border-color:#7A875B!important}
html[data-skin="craft"] .account-checkin{background:#6E7B4E!important;color:#FFF9EA!important;border:1.5px solid #4E5C38!important;border-radius:2px!important;box-shadow:2px 2px 0 rgba(74,61,44,.18)!important;font-family:Georgia,"STKaiti",serif}
html[data-skin="craft"] .account-checkin:disabled,html[data-skin="craft"] .account-checkin.is-done{background:#EFE6D4!important;color:#8B806C!important;border-color:#C9B693!important;box-shadow:none!important}
html[data-skin="craft"] .account-total-row{background:#F1E7D4!important}

/* 右上角快速换肤/主题菜单：经典、手作、赛博共用同一信息结构 */
.theme-quick-menu{min-width:214px;padding:7px}
.theme-quick-menu .theme-quick-section{padding:5px 9px 4px;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--ink-3)}
.theme-quick-menu .theme-quick-section + button{margin-top:1px}
.theme-quick-menu button{min-height:30px}
.theme-quick-menu .tq-skin span:nth-child(2){font-weight:600}
.theme-quick-menu .tq-dot{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}
html[data-skin="craft"] .app-header .theme-quick-btn{background:#F8EFD9!important;border:1.5px solid #6E7B4E!important;color:#3F3A2D!important;border-radius:2px!important;box-shadow:2px 2px 0 rgba(74,61,44,.16)!important}
html[data-skin="craft"] .app-header .theme-quick-btn:hover{background:#F2E6D0!important}
html[data-skin="cyber"] .app-header .theme-quick-btn{background:rgba(0,229,255,.08)!important;border:1px solid var(--green)!important;color:var(--green)!important;border-radius:0!important;box-shadow:0 0 12px rgba(0,229,255,.16)!important;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
html[data-skin="cyber"] .app-header .theme-quick-btn:hover{background:rgba(0,229,255,.14)!important}
html[data-skin="craft"] .theme-quick-btn .tq-arrow{border-top-color:#6E7B4E!important}
html[data-skin="craft"] .theme-quick-menu{background:#FBF3E3!important;border:1.5px solid #7A875B!important;border-radius:2px!important;box-shadow:4px 4px 0 rgba(74,61,44,.16)!important}
html[data-skin="craft"] .theme-quick-menu button{color:#40382C!important;border-radius:2px!important;font-family:Georgia,"STKaiti",serif}
html[data-skin="craft"] .theme-quick-menu button:hover{background:#EFE5D2!important}
html[data-skin="craft"] .theme-quick-menu button.active{background:#E6E9D8!important;color:#4F6347!important}
html[data-skin="craft"] .theme-quick-menu .theme-quick-section{color:#8B7A60!important;border-bottom:1px dashed #D2C1A4;margin-bottom:2px}
html[data-skin="craft"] .theme-quick-menu .tq-paid{background:#F1E5CB!important;color:#7C5A22!important;border-color:#DFC99E!important}
html[data-skin="cyber"] .theme-quick-btn{background:rgba(0,229,255,.08)!important;border:1px solid var(--green)!important;color:var(--green)!important;border-radius:0!important;box-shadow:0 0 12px rgba(0,229,255,.16)!important;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
html[data-skin="cyber"] .theme-quick-btn:hover{background:rgba(0,229,255,.14)!important}
html[data-skin="cyber"] .theme-quick-btn .tq-arrow{border-top-color:var(--green)!important}
html[data-skin="cyber"] .theme-quick-menu{background:#08111d!important;border:1px solid var(--line-2)!important;border-radius:0!important;box-shadow:0 0 26px rgba(0,229,255,.16)!important}
html[data-skin="cyber"] .theme-quick-menu button{color:var(--ink)!important;border-radius:0!important}
html[data-skin="cyber"] .theme-quick-menu button:hover{background:rgba(0,229,255,.09)!important}
html[data-skin="cyber"] .theme-quick-menu button.active{background:rgba(0,229,255,.12)!important;color:var(--green)!important}
html[data-skin="cyber"] .theme-quick-menu .theme-quick-section{color:var(--green)!important;border-bottom:1px solid var(--line-2);margin-bottom:2px}
html[data-skin="cyber"] .theme-quick-menu .tq-paid{background:rgba(255,77,109,.10)!important;color:#ff8a9d!important;border-color:rgba(255,77,109,.4)!important;border-radius:0!important}
html[data-skin="cyber"][data-skin-variant="alert"] .theme-quick-btn{background:rgba(255,77,61,.08)!important;box-shadow:0 0 12px rgba(255,77,61,.18)!important}
html[data-skin="cyber"][data-skin-variant="alert"] .theme-quick-menu{box-shadow:0 0 26px rgba(255,77,61,.16)!important}
html[data-skin="cyber"] .theme-quick .tq-dot,html[data-skin="craft"] .theme-quick .tq-dot{border-radius:50%!important}
@media(max-width:420px){
  .theme-quick{display:block!important}
  .theme-quick-btn{display:inline-flex!important;min-height:30px;padding:0 7px!important}
  .theme-quick-btn .tq-name{display:none!important}
  .theme-quick-menu{min-width:210px;max-width:calc(100vw - 24px)}
}
.skin-theme-stage{margin:2px 0 10px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.skin-theme-stage .skin-preview{width:100%;aspect-ratio:16/4.2;border-radius:8px;max-height:92px}
.skin-theme-card .theme-option-grid{margin-top:2px}
.skin-theme-card .theme-opt{min-height:64px}

/* 赛博：明确压掉首页主视觉和卡片圆角；移除容易看成折线的卡片角标 */
html[data-skin="cyber"] #view-home .home-hero,
html[data-skin="cyber"] #view-home .home-week,
html[data-skin="cyber"] #view-home .home-card,
html[data-skin="cyber"] .page-hero,
html[data-skin="cyber"] .card{border-radius:0!important}
html[data-skin="cyber"] .card::before,
html[data-skin="cyber"] .card::after{display:none!important}
html[data-skin="cyber"] #view-home .home-hero::before,
html[data-skin="cyber"] #view-home .home-hero::after,
html[data-skin="cyber"] .page-hero-orb{display:none!important}
html[data-skin="cyber"] #view-home .home-week{overflow:visible!important;border-top-color:var(--line-2)!important;box-shadow:0 0 24px rgba(0,229,255,.06)!important;position:relative}
html[data-skin="cyber"][data-skin-variant="alert"] #view-home .home-week{border-top-color:var(--line-2)!important;box-shadow:0 0 24px rgba(255,77,61,.06)!important}

/* ============================================================
   樱粉甜心 · 奶油甜品屋
   ============================================================ */
html[data-skin="sweet"]{
  --paper:#FFF4F8;
  --card:#FFFCFE;
  --cream:#FFEEF5;
  --surface:#FFFFFF;
  --ink:#523844;
  --ink-2:#896A77;
  --ink-3:#B99BA7;
  --line:#F4D7E3;
  --line-2:#EBB9CC;
  --green:#E86A9A;
  --green-2:#D95588;
  --green-soft:#FFE7F1;
  --green-line:#F3B9CE;
  --tomato:#D9536F;
  --tomato-dark:#B83B58;
  --tomato-soft:#FDE7EC;
  --gold:#D9A24A;
  --gold-deep:#FBF0D8;
  --gold-soft:#FCF1DF;
  --gold-line:#EBD3A4;
  --gold-ink:#8A6413;
  --accent:#D94E86;
  --accent-ink:#B33A6B;
  --page-ink2:#FFF7FA;
  --nav-line:#FFFFFF;
  --radius-sm:14px;
  --radius:20px;
  --radius-lg:26px;
  --shadow:0 2px 8px rgba(217,78,134,.10);
  --shadow-hover:0 12px 28px rgba(217,78,134,.18);
  --shadow-pop:0 22px 50px rgba(217,78,134,.20);
  --paper-grad:radial-gradient(circle at 10% 10%,rgba(255,255,255,.9),transparent 34%),radial-gradient(circle at 92% 2%,rgba(255,210,228,.6),transparent 38%),linear-gradient(160deg,#FFF5F9 0%,#FFE6F0 55%,#FFDCE9 100%);
  --grad-main:linear-gradient(135deg,#FFA9C9 0%,#F58AB4 55%,#E86A9A 100%);
  --grad-page:linear-gradient(160deg,#FFE5F0 0%,#FFD2E2 56%,#FFD9EA 100%);
  --grad-soft:linear-gradient(135deg,#FFB6D3,#F58AB4);
}
html[data-skin="sweet"][data-skin-variant="berry"]{
  --paper:#FBEAF1;
  --card:#FFF8FB;
  --cream:#F8E0EA;
  --ink:#4C303D;
  --ink-2:#82606E;
  --ink-3:#B18F9D;
  --green:#C94E78;
  --green-2:#B23C65;
  --green-soft:#F9DFE9;
  --green-line:#E8B2C7;
  --accent:#B93B67;
  --accent-ink:#982A51;
  --paper-grad:radial-gradient(circle at 10% 10%,rgba(255,255,255,.8),transparent 34%),linear-gradient(160deg,#FCEAF2 0%,#F8DDE8 55%,#F4D2E0 100%);
  --grad-main:linear-gradient(135deg,#E98CB2,#C94E78 55%,#A9355E);
  --grad-page:linear-gradient(160deg,#F8DFEA 0%,#F2CEDD 55%,#F0C7D8 100%);
}
html[data-skin="sweet"] *{border-radius:10px!important}
html[data-skin="sweet"] :is(.avatar-circle,.avatar-ph,.avatar-img,.account-avatar-btn,.avatar-medal-badge,.group-level-star,.group-level-star i,.page-hero-dot,.hero-dot,.center-medal-disc,.tq-dot){border-radius:50%!important}
html[data-skin="sweet"] body{background:var(--paper-grad);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
html[data-skin="sweet"] .app-header{background:linear-gradient(135deg,#FFA9C9,#E86A9A);border-bottom:2px solid rgba(255,255,255,.65);box-shadow:0 8px 24px rgba(217,78,134,.18)}
html[data-skin="sweet"] .nav-item.active{background:rgba(255,255,255,.24)!important;border-bottom-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
html[data-skin="sweet"] .card,
html[data-skin="sweet"] .site-sec,
html[data-skin="sweet"] .set-panel,
html[data-skin="sweet"] .center-item,
html[data-skin="sweet"] .inventory-item,
html[data-skin="sweet"] .ui-dialog,
html[data-skin="sweet"] .pwd-card,
html[data-skin="sweet"] .admin-user-card{
  border-radius:22px!important;
  border:1px solid #F3C4D8!important;
  background:#FFFCFE!important;
  box-shadow:0 10px 26px rgba(217,78,134,.09)!important;
}
html[data-skin="sweet"] .page-hero,
html[data-skin="sweet"] .home-hero,
html[data-skin="sweet"] .hero{background:linear-gradient(135deg,#FFB2D0,#F58AB4 58%,#E86A9A)!important;border-radius:26px!important;box-shadow:0 18px 38px rgba(217,78,134,.20)!important;overflow:hidden}
html[data-skin="sweet"] .page-hero::after,
html[data-skin="sweet"] .home-hero::after{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.30),transparent 30%)!important}
html[data-skin="sweet"] .page-hero h1,
html[data-skin="sweet"] .home-hero .hero-title{font-family:"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.06em;text-shadow:0 2px 10px rgba(140,45,80,.22)}
html[data-skin="sweet"] .page-hero-kicker{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.35)!important;border-radius:999px!important}
html[data-skin="sweet"] .page-pill,
html[data-skin="sweet"] .badge{border-radius:999px!important}
html[data-skin="sweet"] .btn{border-radius:999px!important;border:1px solid #F0B7CC!important;background:#FFF9FC!important;color:#A8456D!important;box-shadow:0 5px 13px rgba(217,78,134,.13)!important}
html[data-skin="sweet"] .btn-green{background:linear-gradient(135deg,#F58AB4,#E86A9A)!important;border-color:#E86A9A!important;color:#fff!important;box-shadow:0 7px 16px rgba(232,106,154,.28)!important}
html[data-skin="sweet"] .btn-danger-ghost{background:#FDE8EE!important;border-color:#F2B9C8!important;color:#B23B58!important}
html[data-skin="sweet"] .home-week,
html[data-skin="sweet"] .home-card,
html[data-skin="sweet"] .stat{background:#FFF9FC!important;color:var(--ink)!important;border:1px solid #F3C4D8!important;border-radius:22px!important;box-shadow:0 10px 24px rgba(217,78,134,.10)!important}
html[data-skin="sweet"] .home-week h2,
html[data-skin="sweet"] .home-week .sub,
html[data-skin="sweet"] .home-week .week-dish,
html[data-skin="sweet"] .home-week .draw-link,
html[data-skin="sweet"] .home-week .week-day>span:last-child,
html[data-skin="sweet"] .home-card .hc-title,
html[data-skin="sweet"] .home-card .hc-desc,
html[data-skin="sweet"] .home-card .hc-num,
html[data-skin="sweet"] .stat .num,
html[data-skin="sweet"] .stat .label{color:var(--ink)!important}
html[data-skin="sweet"] .home-week .week-day .d{background:#FFE9F2!important;border:1px solid #F2C3D5!important;color:#A8466F!important;border-radius:999px!important}
html[data-skin="sweet"] .home-week .week-day.today .d{background:#E86A9A!important;border-color:#E86A9A!important;color:#fff!important}
html[data-skin="sweet"] .home-card .hc-icon{background:#FFE8F1!important;border:1px solid #F4C4D8!important;color:#D95588!important;border-radius:14px!important}
html[data-skin="sweet"] #view-home .hero-btn{background:#fff!important;color:#B33A6B!important;border-radius:999px!important;box-shadow:0 8px 18px rgba(140,45,80,.16)!important}
html[data-skin="sweet"] .ui-control{border-radius:14px!important;border-color:#EFC5D5!important;background:#FFFCFE!important;box-shadow:inset 0 1px 2px rgba(217,78,134,.05)!important}
html[data-skin="sweet"] .ui-control:focus{border-color:#E86A9A!important;box-shadow:0 0 0 3px #FFE4EF!important}
html[data-skin="sweet"] select.ui-control{background-color:#FFFCFE!important}
html[data-skin="sweet"] .ui-checkbox{border-radius:5px!important;border-color:#E9B6C9!important;background:#FFFCFE!important}
html[data-skin="sweet"] .ui-checkbox:checked{background:#E86A9A!important;border-color:#E86A9A!important}
html[data-skin="sweet"] .ui-switch .track{border-radius:999px!important;background:#F1C9D8!important}
html[data-skin="sweet"] .ui-switch .track::before{border-radius:50%!important;background:#fff!important}
html[data-skin="sweet"] .ui-switch input:checked + .track{background:#E86A9A!important}
html[data-skin="sweet"] .center-tabs,
html[data-skin="sweet"] .inventory-tabs,
html[data-skin="sweet"] .admin-tabs{background:#FFF9FC!important;border:1px solid #F3C4D8!important;border-radius:999px!important;padding:4px!important;box-shadow:0 4px 12px rgba(217,78,134,.07)!important}
html[data-skin="sweet"] .center-tab,
html[data-skin="sweet"] .inventory-tab,
html[data-skin="sweet"] .admin-tab{border-radius:999px!important;color:var(--ink-2)!important}
html[data-skin="sweet"] .center-tab.active,
html[data-skin="sweet"] .inventory-tab.active,
html[data-skin="sweet"] .admin-tab.active{background:#E86A9A!important;color:#fff!important;box-shadow:0 3px 9px rgba(232,106,154,.28)!important}
html[data-skin="sweet"] .app-footer{background:#FFF4F8;border-top:1px solid #F3C4D8}
html[data-skin="sweet"] .account-user-tip,
html[data-skin="sweet"] .frame-picker{background:linear-gradient(180deg,#FFFCFE,#FFEAF3)!important;border-color:#F3C4D8!important;border-radius:20px!important}
html[data-skin="sweet"] .account-checkin{background:linear-gradient(135deg,#F58AB4,#E86A9A)!important;border-radius:999px!important;color:#fff!important}
html[data-skin="sweet"] .account-checkin.is-done,html[data-skin="sweet"] .account-checkin:disabled{background:#FAE0EA!important;color:#A56A80!important}
html[data-skin="sweet"] .list-head h2::before,
html[data-skin="sweet"] .set-title h2::before,
html[data-skin="sweet"] .site-sec-head::before{background:#E86A9A;border-radius:999px}
html[data-skin="sweet"] .admin-user-card,
html[data-skin="sweet"] .admin-user-name,
html[data-skin="sweet"] .admin-user-at,
html[data-skin="sweet"] .admin-user-meta,
html[data-skin="sweet"] .admin-user-stats,
html[data-skin="sweet"] .admin-user-updated,
html[data-skin="sweet"] .admin-user-row-sub{color:var(--ink)!important}
html[data-skin="sweet"] .admin-user-id{background:#FFE5EF!important;color:#A8456D!important;box-shadow:inset 0 0 0 1px #F2B9CE!important;border-radius:999px!important}
html[data-skin="sweet"] .admin-user-stats span{background:#FFE9F2!important;color:#8C5A6B!important;box-shadow:inset 0 0 0 1px #F2C3D5!important}
html[data-skin="sweet"] .admin-user-card .btn-ghost{background:#FFF9FC!important;border-color:#F2B9CE!important;color:#A8456D!important}
html[data-skin="sweet"] .admin-user-card .btn-danger-ghost{background:#FDE8EE!important;border-color:#F2B9C8!important;color:#B23B58!important}

html[data-skin="rainbow"] .admin-user-card,
html[data-skin="rainbow"] .admin-user-name,
html[data-skin="rainbow"] .admin-user-at,
html[data-skin="rainbow"] .admin-user-meta,
html[data-skin="rainbow"] .admin-user-stats,
html[data-skin="rainbow"] .admin-user-updated,
html[data-skin="rainbow"] .admin-user-row-sub{color:var(--ink)!important}
html[data-skin="rainbow"] .admin-user-id{background:var(--green-soft)!important;color:var(--accent-ink)!important;box-shadow:inset 0 0 0 1px var(--green-line)!important;border-radius:999px!important}
html[data-skin="rainbow"] .admin-user-stats span{background:var(--green-soft)!important;color:var(--ink-2)!important;box-shadow:inset 0 0 0 1px var(--green-line)!important}
html[data-skin="rainbow"] .admin-user-card .btn-ghost{background:var(--card)!important;border-color:var(--line-2)!important;color:var(--accent-ink)!important}
html[data-skin="rainbow"] .admin-user-card .btn-danger-ghost{background:var(--tomato-soft)!important;border-color:var(--danger-line)!important;color:var(--tomato-dark)!important}

html[data-skin="tough"] .admin-user-card,
html[data-skin="tough"] .admin-user-name,
html[data-skin="tough"] .admin-user-meta,
html[data-skin="tough"] .admin-user-stats,
html[data-skin="tough"] .admin-user-updated,
html[data-skin="tough"] .admin-user-row-sub{color:var(--ink)!important}
html[data-skin="tough"] .admin-user-at{color:var(--ink-2)!important}
html[data-skin="tough"] .admin-user-id{background:#0D1114!important;color:var(--green)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important;border-radius:0!important}
html[data-skin="tough"] .admin-user-stats span{background:#11161A!important;color:var(--ink-2)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important}
html[data-skin="tough"] .admin-user-card .btn-ghost{background:#20272C!important;border-color:var(--line-2)!important;color:var(--ink)!important}
html[data-skin="tough"] .admin-user-card .btn-danger-ghost{background:#2B1412!important;border-color:#7E2D20!important;color:#FF8A70!important}

/* ============================================================
   铁血硬汉 · 战术厨房
   ============================================================ */
html[data-skin="tough"]{
  --paper:#111417;
  --card:#1B2024;
  --cream:#232A2F;
  --surface:#0D1114;
  --ink:#EEF2F4;
  --ink-2:#A8B2BA;
  --ink-3:#6F7B84;
  --line:#2E383F;
  --line-2:#4A555E;
  --green:#FF6A2B;
  --green-2:#E04E16;
  --green-soft:#2A1A12;
  --green-line:#7A3A1D;
  --tomato:#E03A2F;
  --tomato-dark:#B92A22;
  --tomato-soft:#2B1412;
  --gold:#D8A43A;
  --gold-deep:#2B2414;
  --gold-soft:#1F1B0F;
  --gold-line:#5A4A22;
  --gold-ink:#F1C15A;
  --accent:#FF6A2B;
  --accent-ink:#FF9A66;
  --page-ink2:#CBD5DA;
  --nav-line:#FF6A2B;
  --radius-sm:0;
  --radius:0;
  --radius-lg:0;
  --shadow:0 2px 0 #050708;
  --shadow-hover:5px 5px 0 #050708;
  --shadow-pop:8px 8px 0 #050708;
  --paper-grad:repeating-linear-gradient(135deg,rgba(255,106,43,.035) 0 12px,transparent 12px 24px),linear-gradient(160deg,#14181B 0%,#1B2125 55%,#0D1114 100%);
  --grad-main:linear-gradient(135deg,#2A3136 0%,#1B2024 55%,#111417 100%);
  --grad-page:linear-gradient(160deg,#171C20 0%,#111417 60%,#0B0E10 100%);
  --grad-soft:linear-gradient(135deg,#3A4248,#22282D);
}
html[data-skin="tough"][data-skin-variant="ember"]{
  --paper:#1A1210;
  --card:#241A17;
  --cream:#2D211D;
  --surface:#120C0A;
  --ink:#F6ECE7;
  --ink-2:#C0A79C;
  --ink-3:#876F65;
  --line:#3B2A24;
  --line-2:#5C4036;
  --green:#E0442E;
  --green-2:#B92F1E;
  --green-soft:#2E1511;
  --green-line:#7E2D20;
  --accent:#E0442E;
  --accent-ink:#FF8A70;
  --paper-grad:repeating-linear-gradient(135deg,rgba(224,68,46,.045) 0 12px,transparent 12px 24px),linear-gradient(160deg,#1D1411 0%,#241916 55%,#120C0A 100%);
  --grad-main:linear-gradient(135deg,#3A241D,#241812 55%,#160E0B);
  --grad-page:linear-gradient(160deg,#1E1411 0%,#17100D 60%,#0E0907 100%);
}
html[data-skin="tough"] *{border-radius:0!important}
html[data-skin="tough"] :is(.avatar-circle,.avatar-ph,.avatar-img,.account-avatar-btn,.avatar-medal-badge,.group-level-star,.group-level-star i,.page-hero-dot,.hero-dot,.center-medal-disc,.tq-dot){border-radius:50%!important}
html[data-skin="tough"] body{background:var(--paper-grad);background-size:24px 24px,auto;background-attachment:fixed;color:var(--ink)}
html[data-skin="tough"] .app-header{background:#0B0E10;border-bottom:3px solid var(--green);box-shadow:0 4px 0 #050708}
html[data-skin="tough"] .nav-item{color:#A8B2BA;font-weight:700;letter-spacing:.06em;text-transform:none}
html[data-skin="tough"] .nav-item.active{background:var(--green)!important;color:#120A05!important;border-bottom-color:transparent!important;box-shadow:3px 3px 0 #050708}
html[data-skin="tough"] .card,
html[data-skin="tough"] .site-sec,
html[data-skin="tough"] .set-panel,
html[data-skin="tough"] .center-item,
html[data-skin="tough"] .inventory-item,
html[data-skin="tough"] .ui-dialog,
html[data-skin="tough"] .pwd-card,
html[data-skin="tough"] .admin-user-card{
  background:linear-gradient(160deg,#20262B,#171C20)!important;
  border:2px solid var(--line-2)!important;
  border-left:4px solid var(--green)!important;
  box-shadow:5px 5px 0 #050708!important;
}
html[data-skin="tough"] .page-hero,
html[data-skin="tough"] .home-hero,
html[data-skin="tough"] .hero{
  background:repeating-linear-gradient(135deg,rgba(255,106,43,.08) 0 12px,transparent 12px 24px),linear-gradient(135deg,#2A3136,#171C20 58%,#0D1114)!important;
  border:2px solid var(--line-2)!important;
  border-bottom:5px solid var(--green)!important;
  box-shadow:7px 7px 0 #050708!important;
}
html[data-skin="tough"] .page-hero h1,
html[data-skin="tough"] .home-hero .hero-title{font-family:"Arial Black","Microsoft YaHei",sans-serif;letter-spacing:.10em;text-shadow:3px 3px 0 rgba(0,0,0,.55)}
html[data-skin="tough"] .page-hero-kicker,
html[data-skin="tough"] .page-pill,
html[data-skin="tough"] .badge,
html[data-skin="tough"] .hero-meta span{border:1px solid var(--line-2)!important;background:#11161A!important;color:var(--ink-2)!important;border-radius:0!important;font-weight:700;letter-spacing:.06em}
html[data-skin="tough"] .btn{background:#20272C!important;border:2px solid var(--line-2)!important;color:var(--ink)!important;box-shadow:3px 3px 0 #050708!important;font-weight:700;letter-spacing:.04em}
html[data-skin="tough"] .btn:hover{transform:translate(1px,1px)!important;box-shadow:2px 2px 0 #050708!important;background:#2B343A!important}
html[data-skin="tough"] .btn-green{background:var(--green)!important;border-color:var(--green)!important;color:#140A04!important;box-shadow:3px 3px 0 #050708!important}
html[data-skin="tough"] .btn-green:hover{background:var(--green-2)!important;color:#fff!important}
html[data-skin="tough"] .home-week,
html[data-skin="tough"] .home-card,
html[data-skin="tough"] .stat{background:#1B2024!important;color:var(--ink)!important;border:2px solid var(--line-2)!important;border-left:4px solid var(--green)!important;box-shadow:5px 5px 0 #050708!important}
html[data-skin="tough"] .home-week h2,
html[data-skin="tough"] .home-week .sub,
html[data-skin="tough"] .home-week .week-dish,
html[data-skin="tough"] .home-week .draw-link,
html[data-skin="tough"] .home-week .week-day>span:last-child,
html[data-skin="tough"] .home-card .hc-title,
html[data-skin="tough"] .home-card .hc-desc,
html[data-skin="tough"] .home-card .hc-num,
html[data-skin="tough"] .stat .num,
html[data-skin="tough"] .stat .label{color:var(--ink)!important}
html[data-skin="tough"] .home-week .week-day .d{background:#0D1114!important;border:1px solid var(--line-2)!important;color:var(--ink)!important}
html[data-skin="tough"] .home-week .week-day.today .d{background:var(--green)!important;border-color:var(--green)!important;color:#140A04!important}
html[data-skin="tough"] .home-card .hc-icon{background:#11161A!important;border:2px solid var(--line-2)!important;color:var(--green)!important}
html[data-skin="tough"] #view-home .hero-btn{background:var(--green)!important;color:#140A04!important;border:2px solid var(--green)!important;box-shadow:4px 4px 0 #050708!important;border-radius:0!important;font-weight:800;letter-spacing:.08em}
html[data-skin="tough"] .ui-control{border:2px solid var(--line-2)!important;border-radius:0!important;background:#0D1114!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px #050708!important}
html[data-skin="tough"] .ui-control:focus{border-color:var(--green)!important;box-shadow:0 0 0 2px rgba(255,106,43,.18)!important}
html[data-skin="tough"] select.ui-control{background-color:#0D1114!important}
html[data-skin="tough"] .ui-checkbox{border:2px solid var(--line-2)!important;border-radius:0!important;background:#0D1114!important}
html[data-skin="tough"] .ui-checkbox:checked{background:var(--green)!important;border-color:var(--green)!important}
html[data-skin="tough"] .ui-switch .track{border-radius:0!important;background:#0D1114!important;border:2px solid var(--line-2)}
html[data-skin="tough"] .ui-switch .track::before{border-radius:0!important;background:#EEF2F4!important}
html[data-skin="tough"] .ui-switch input:checked + .track{background:var(--green)!important;border-color:var(--green)}
html[data-skin="tough"] .center-tabs,
html[data-skin="tough"] .inventory-tabs,
html[data-skin="tough"] .admin-tabs{background:#0D1114!important;border:2px solid var(--line-2)!important;padding:3px!important;box-shadow:3px 3px 0 #050708!important}
html[data-skin="tough"] .center-tab,
html[data-skin="tough"] .inventory-tab,
html[data-skin="tough"] .admin-tab{color:var(--ink-2)!important;border-radius:0!important;font-weight:700;letter-spacing:.03em}
html[data-skin="tough"] .center-tab.active,
html[data-skin="tough"] .inventory-tab.active,
html[data-skin="tough"] .admin-tab.active{background:var(--green)!important;color:#140A04!important;box-shadow:none!important}
html[data-skin="tough"] .app-footer{background:#0B0E10;border-top:3px solid var(--green)}
html[data-skin="tough"] .account-user-tip,
html[data-skin="tough"] .frame-picker{background:#171C20!important;border:2px solid var(--line-2)!important;box-shadow:6px 6px 0 #050708!important}
html[data-skin="tough"] .account-checkin{background:var(--green)!important;color:#140A04!important;border:2px solid var(--green)!important;border-radius:0!important;box-shadow:3px 3px 0 #050708!important;font-weight:800}
html[data-skin="tough"] .account-checkin.is-done,html[data-skin="tough"] .account-checkin:disabled{background:#11161A!important;color:var(--ink-3)!important;border-color:var(--line-2)!important;box-shadow:none!important}
html[data-skin="tough"] .list-head h2::before,
html[data-skin="tough"] .set-title h2::before,
html[data-skin="tough"] .site-sec-head::before{background:var(--green);border-radius:0}

/* ============================================================
   彩虹乐园 · 彩色游乐园
   ============================================================ */
html[data-skin="rainbow"]{
  --paper:#FFF8FC;
  --card:#FFFFFF;
  --cream:#FFF1F8;
  --surface:#FFFFFF;
  --ink:#3A3350;
  --ink-2:#71688A;
  --ink-3:#A9A0BE;
  --line:#EFE4F7;
  --line-2:#DCCBF0;
  --green:#FF6FB5;
  --green-2:#E85B9F;
  --green-soft:#FFE9F5;
  --green-line:#F6BFDC;
  --tomato:#F05D6E;
  --tomato-dark:#D9475A;
  --tomato-soft:#FFE8EC;
  --gold:#E0A63C;
  --gold-deep:#FBF0D8;
  --gold-soft:#FBF1DE;
  --gold-line:#EBD3A4;
  --gold-ink:#8A6413;
  --accent:#7B61FF;
  --accent-ink:#6248D6;
  --page-ink2:#FFFFFF;
  --nav-line:#FFFFFF;
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:24px;
  --shadow:0 3px 10px rgba(123,97,255,.08);
  --shadow-hover:0 12px 28px rgba(123,97,255,.16);
  --shadow-pop:0 22px 50px rgba(123,97,255,.18);
  --paper-grad:radial-gradient(circle at 8% 8%,rgba(255,153,199,.28),transparent 28%),radial-gradient(circle at 92% 4%,rgba(123,97,255,.20),transparent 30%),radial-gradient(circle at 28% 92%,rgba(123,224,195,.18),transparent 26%),radial-gradient(circle at 78% 86%,rgba(255,196,107,.22),transparent 28%),linear-gradient(160deg,#FFF9FD 0%,#F7F1FF 55%,#FFF6F9 100%);
  --grad-main:linear-gradient(120deg,#FF9AC1 0%,#FFC46B 26%,#7BE0C3 52%,#7F9BFF 76%,#C58BFF 100%);
  --grad-page:linear-gradient(160deg,#FFF3FA 0%,#F1ECFF 50%,#FFF1F6 100%);
  --grad-soft:linear-gradient(120deg,#FF9AC1,#FFC46B,#7BE0C3,#7F9BFF,#C58BFF);
}
html[data-skin="rainbow"][data-skin-variant="night"]{
  --paper:#171428;
  --card:#211B36;
  --cream:#2A2244;
  --surface:#130F20;
  --ink:#F3EDFF;
  --ink-2:#B8ADD4;
  --ink-3:#7F749E;
  --line:#3A3157;
  --line-2:#4D4171;
  --green:#FF7AB8;
  --green-2:#E85B9F;
  --green-soft:#2D1A32;
  --green-line:#7A3F63;
  --accent:#9B7BFF;
  --accent-ink:#C1AAFF;
  --paper-grad:radial-gradient(circle at 8% 8%,rgba(255,122,184,.18),transparent 28%),radial-gradient(circle at 92% 4%,rgba(155,123,255,.22),transparent 30%),radial-gradient(circle at 28% 92%,rgba(123,224,195,.12),transparent 26%),linear-gradient(160deg,#1B1730 0%,#171428 55%,#120F20 100%);
  --grad-main:linear-gradient(120deg,#B84E8A 0%,#B47A3E 26%,#3D9A87 52%,#4A5EA8 76%,#7650B8 100%);
  --grad-page:linear-gradient(160deg,#1B1730 0%,#151126 55%,#100D1C 100%);
}
html[data-skin="rainbow"] *{border-radius:12px!important}
html[data-skin="rainbow"] :is(.avatar-circle,.avatar-ph,.avatar-img,.account-avatar-btn,.avatar-medal-badge,.group-level-star,.group-level-star i,.page-hero-dot,.hero-dot,.center-medal-disc,.tq-dot){border-radius:50%!important}
html[data-skin="rainbow"] body{background:var(--paper-grad);background-size:auto;background-attachment:fixed;color:var(--ink)}
html[data-skin="rainbow"] .app-header{background:linear-gradient(120deg,#FF9AC1,#FFC46B 24%,#7BE0C3 50%,#7F9BFF 76%,#C58BFF);border-bottom:2px solid rgba(255,255,255,.55);box-shadow:0 8px 26px rgba(123,97,255,.20)}
html[data-skin="rainbow"][data-skin-variant="night"] .app-header{background:linear-gradient(120deg,#4A2440,#4A3A20 24%,#1E4A40 50%,#242C5A 76%,#3A2458);border-bottom-color:rgba(255,255,255,.18)}
html[data-skin="rainbow"] .nav-item.active{background:rgba(255,255,255,.24)!important;border-bottom-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
html[data-skin="rainbow"] .card,
html[data-skin="rainbow"] .site-sec,
html[data-skin="rainbow"] .set-panel,
html[data-skin="rainbow"] .center-item,
html[data-skin="rainbow"] .inventory-item,
html[data-skin="rainbow"] .ui-dialog,
html[data-skin="rainbow"] .pwd-card,
html[data-skin="rainbow"] .admin-user-card{
  border-radius:20px!important;
  border:1px solid var(--line)!important;
  background-color:var(--card)!important;
  background-image:linear-gradient(90deg,#FF6FB5,#FFC46B,#7BE0C3,#7F9BFF,#C58BFF)!important;
  background-size:100% 4px!important;
  background-position:top!important;
  background-repeat:no-repeat!important;
  box-shadow:0 10px 26px rgba(123,97,255,.09)!important;
}
html[data-skin="rainbow"] .page-hero,
html[data-skin="rainbow"] .home-hero,
html[data-skin="rainbow"] .hero{background:linear-gradient(120deg,#FF9AC1,#FFC46B 24%,#7BE0C3 50%,#7F9BFF 76%,#C58BFF)!important;border-radius:26px!important;box-shadow:0 18px 40px rgba(123,97,255,.20)!important;overflow:hidden}
html[data-skin="rainbow"][data-skin-variant="night"] .page-hero,
html[data-skin="rainbow"][data-skin-variant="night"] .home-hero,
html[data-skin="rainbow"][data-skin-variant="night"] .hero{background:linear-gradient(120deg,#B84E8A,#B47A3E 24%,#3D9A87 50%,#4A5EA8 76%,#7650B8)!important}
html[data-skin="rainbow"] .page-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.65) 0 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.45) 0 1.5px,transparent 1.5px);background-size:38px 38px,57px 57px;opacity:.35;pointer-events:none}
html[data-skin="rainbow"] .page-hero h1,
html[data-skin="rainbow"] .home-hero .hero-title{font-family:"Arial Rounded MT Bold","Microsoft YaHei",sans-serif;letter-spacing:.05em;text-shadow:0 3px 12px rgba(74,38,80,.22)}
html[data-skin="rainbow"] .page-hero-kicker{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.38)!important;border-radius:999px!important}
html[data-skin="rainbow"] .page-pill,
html[data-skin="rainbow"] .badge{border-radius:999px!important}
html[data-skin="rainbow"] .btn{border-radius:999px!important;border:1px solid var(--line-2)!important;background:var(--card)!important;color:var(--accent-ink)!important;box-shadow:0 5px 13px rgba(123,97,255,.10)!important}
html[data-skin="rainbow"] .btn-green{background:linear-gradient(120deg,#FF6FB5,#FFC46B,#7BE0C3,#7F9BFF,#C58BFF)!important;border:0!important;color:#2C2240!important;font-weight:800;box-shadow:0 7px 16px rgba(123,97,255,.20)!important}
html[data-skin="rainbow"] .home-week,
html[data-skin="rainbow"] .home-card,
html[data-skin="rainbow"] .stat{background-color:var(--card)!important;background-image:linear-gradient(90deg,#FF6FB5,#FFC46B,#7BE0C3,#7F9BFF,#C58BFF)!important;background-size:100% 4px!important;background-position:top!important;background-repeat:no-repeat!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 10px 24px rgba(123,97,255,.10)!important}
html[data-skin="rainbow"] .home-week h2,
html[data-skin="rainbow"] .home-week .sub,
html[data-skin="rainbow"] .home-week .week-dish,
html[data-skin="rainbow"] .home-week .draw-link,
html[data-skin="rainbow"] .home-week .week-day>span:last-child,
html[data-skin="rainbow"] .home-card .hc-title,
html[data-skin="rainbow"] .home-card .hc-desc,
html[data-skin="rainbow"] .home-card .hc-num,
html[data-skin="rainbow"] .stat .num,
html[data-skin="rainbow"] .stat .label{color:var(--ink)!important}
html[data-skin="rainbow"] .home-week .week-day .d{background:var(--green-soft)!important;border:1px solid var(--green-line)!important;color:var(--accent-ink)!important;border-radius:999px!important}
html[data-skin="rainbow"] .home-week .week-day.today .d{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}
html[data-skin="rainbow"] .home-card .hc-icon{background:var(--green-soft)!important;border:1px solid var(--green-line)!important;color:var(--accent)!important;border-radius:16px!important}
html[data-skin="rainbow"] #view-home .hero-btn{background:#fff!important;color:#5B3E8E!important;border-radius:999px!important;box-shadow:0 8px 18px rgba(74,38,80,.16)!important}
html[data-skin="rainbow"] .ui-control{border-radius:14px!important;border-color:var(--line-2)!important;background-color:var(--card)!important;box-shadow:inset 0 1px 2px rgba(123,97,255,.05)!important}
html[data-skin="rainbow"] .ui-control:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(123,97,255,.16)!important}
html[data-skin="rainbow"] select.ui-control{background-color:var(--card)!important}
html[data-skin="rainbow"] .ui-checkbox{border-radius:5px!important;border-color:var(--line-2)!important;background:var(--card)!important}
html[data-skin="rainbow"] .ui-checkbox:checked{background:var(--accent)!important;border-color:var(--accent)!important}
html[data-skin="rainbow"] .ui-switch .track{border-radius:999px!important;background:var(--line-2)!important}
html[data-skin="rainbow"] .ui-switch .track::before{border-radius:50%!important;background:#fff!important}
html[data-skin="rainbow"] .ui-switch input:checked + .track{background:var(--accent)!important}
html[data-skin="rainbow"] .center-tabs,
html[data-skin="rainbow"] .inventory-tabs,
html[data-skin="rainbow"] .admin-tabs{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:4px!important;box-shadow:0 4px 12px rgba(123,97,255,.07)!important}
html[data-skin="rainbow"] .center-tab,
html[data-skin="rainbow"] .inventory-tab,
html[data-skin="rainbow"] .admin-tab{border-radius:999px!important;color:var(--ink-2)!important}
html[data-skin="rainbow"] .center-tab.active,
html[data-skin="rainbow"] .inventory-tab.active,
html[data-skin="rainbow"] .admin-tab.active{background:linear-gradient(120deg,#FF6FB5,#FFC46B,#7BE0C3,#7F9BFF,#C58BFF)!important;color:#2C2240!important;box-shadow:0 3px 9px rgba(123,97,255,.20)!important}
html[data-skin="rainbow"] .app-footer{background:var(--paper);border-top:2px solid var(--line-2)}
html[data-skin="rainbow"] .account-user-tip,
html[data-skin="rainbow"] .frame-picker{background:var(--card)!important;border-color:var(--line-2)!important;border-radius:20px!important;box-shadow:0 18px 40px rgba(123,97,255,.16)!important}
html[data-skin="rainbow"] .account-checkin{background:linear-gradient(120deg,#FF6FB5,#7F9BFF)!important;color:#fff!important;border-radius:999px!important;border:0!important}
html[data-skin="rainbow"] .account-checkin.is-done,html[data-skin="rainbow"] .account-checkin:disabled{background:var(--cream)!important;color:var(--ink-3)!important}
html[data-skin="rainbow"] .list-head h2::before,
html[data-skin="rainbow"] .set-title h2::before,
html[data-skin="rainbow"] .site-sec-head::before{background:linear-gradient(180deg,#FF6FB5,#7F9BFF);border-radius:999px}

/* ---------- 新增皮肤缩略预览 ---------- */
.skin-preview[data-skin="sweet"]{background:linear-gradient(150deg,#FFF3F8,#FFDCE9);color:#8A3A5C;border-color:#F1BBD0;border-radius:14px!important}
.skin-preview[data-skin="sweet"] .skin-preview-bar{background:rgba(232,106,154,.10)}
.skin-preview[data-skin="sweet"] .skin-preview-actions i:first-child{background:#E86A9A;opacity:1;border-radius:999px}
.skin-preview[data-skin="sweet"] .skin-preview-actions i{background:#F4A9C6;border-radius:999px}
.skin-preview[data-skin="sweet"][data-skin-variant="berry"]{background:linear-gradient(150deg,#FCEAF2,#F5CEDF);color:#6E2E48;border-color:#E3A8BE}
.skin-preview[data-skin="sweet"][data-skin-variant="berry"] .skin-preview-actions i:first-child{background:#C94E78}
.skin-preview[data-skin="tough"]{background:#14181B;color:#EEF2F4;border-color:#4A555E;border-radius:0!important}
.skin-preview[data-skin="tough"] .skin-preview-bar{background:#0B0E10;border-bottom:2px solid #FF6A2B}
.skin-preview[data-skin="tough"] .skin-preview-body{background-image:repeating-linear-gradient(135deg,rgba(255,106,43,.08) 0 8px,transparent 8px 16px)}
.skin-preview[data-skin="tough"] .skin-preview-title{font-family:"Arial Black","Microsoft YaHei",sans-serif;letter-spacing:.08em}
.skin-preview[data-skin="tough"] .skin-preview-actions i{border-radius:0;border:1px solid #4A555E;background:#20272C;opacity:1}
.skin-preview[data-skin="tough"] .skin-preview-actions i:first-child{background:#FF6A2B;border-color:#FF6A2B}
.skin-preview[data-skin="tough"][data-skin-variant="ember"]{background:#1D1411;border-color:#5C4036}
.skin-preview[data-skin="tough"][data-skin-variant="ember"] .skin-preview-bar{border-bottom-color:#E0442E}
.skin-preview[data-skin="tough"][data-skin-variant="ember"] .skin-preview-actions i:first-child{background:#E0442E;border-color:#E0442E}
.skin-preview[data-skin="rainbow"]{background:linear-gradient(145deg,#FFEAF5,#E9F7F4 55%,#EEE8FF);color:#4A3560;border-color:#D9C8F0;border-radius:16px!important}
.skin-preview[data-skin="rainbow"] .skin-preview-bar{background:linear-gradient(90deg,#FF9AC1,#FFC46B,#7BE0C3,#7F9BFF,#C58BFF)}
.skin-preview[data-skin="rainbow"] .skin-preview-bar i{background:#fff;opacity:.8}
.skin-preview[data-skin="rainbow"] .skin-preview-actions i{border-radius:999px;background:#C58BFF}
.skin-preview[data-skin="rainbow"] .skin-preview-actions i:first-child{background:linear-gradient(120deg,#FF6FB5,#7F9BFF);opacity:1}
.skin-preview[data-skin="rainbow"][data-skin-variant="night"]{background:linear-gradient(145deg,#2B2142,#1A2438 55%,#241A36);color:#F3EDFF;border-color:#4D4171}
.skin-preview[data-skin="rainbow"][data-skin-variant="night"] .skin-preview-actions i:first-child{background:linear-gradient(120deg,#FF7AB8,#9B7BFF)}

/* 缩略预览不受当前皮肤几何覆盖 */
.skin-preview[data-skin="classic"]{border-radius:12px!important}
.skin-preview[data-skin="craft"]{border-radius:2px!important}
.skin-preview[data-skin="cyber"]{border-radius:0!important}
.skin-preview[data-skin="classic"] .skin-preview-actions i{border-radius:5px!important}
.skin-preview[data-skin="craft"] .skin-preview-actions i{border-radius:2px!important}
.skin-preview[data-skin="cyber"] .skin-preview-actions i{border-radius:1px!important}
.skin-preview[data-skin="classic"] .skin-preview-bar i,
.skin-preview[data-skin="craft"] .skin-preview-bar i,
.skin-preview[data-skin="cyber"] .skin-preview-bar i{border-radius:50%!important}

/* ============================================================
   机械迷都 · 黄铜仪表控制台
   ============================================================ */
html[data-skin="mecha"]{
  --paper:#0E1113;
  --card:#1B1E20;
  --cream:#25292C;
  --surface:#0A0C0D;
  --ink:#F2E8D5;
  --ink-2:#B8AB93;
  --ink-3:#7E735F;
  --line:#403B30;
  --line-2:#6A5F48;
  --green:#D8A33A;
  --green-2:#B88624;
  --green-soft:#2A2418;
  --green-line:#725C2B;
  --tomato:#C45A3A;
  --tomato-dark:#9E4228;
  --tomato-soft:#2A1712;
  --gold:#D8A33A;
  --gold-deep:#2A2418;
  --gold-soft:#211D12;
  --gold-line:#5C4A22;
  --gold-ink:#F0C96A;
  --accent:#D8A33A;
  --accent-ink:#F0C96A;
  --page-ink2:#F0E6D2;
  --nav-line:#D8A33A;
  --rivet:#A58A55;
  --radius-sm:0;
  --radius:0;
  --radius-lg:0;
  --shadow:3px 3px 0 #050607;
  --shadow-hover:6px 6px 0 #050607;
  --shadow-pop:8px 8px 0 #050607;
  --paper-grad:linear-gradient(rgba(216,163,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(216,163,58,.035) 1px,transparent 1px),linear-gradient(160deg,#141719 0%,#101315 55%,#090B0C 100%);
  --grad-main:linear-gradient(160deg,#2D2F2B,#1B1E20 55%,#101214);
  --grad-page:linear-gradient(160deg,#15181A 0%,#111416 55%,#090B0C 100%);
  --grad-soft:linear-gradient(160deg,#3A3525,#211D12);
}
html[data-skin="mecha"][data-skin-variant="cobalt"]{
  --paper:#0C1117;
  --card:#17212B;
  --cream:#202D39;
  --surface:#080D12;
  --ink:#E8F2F9;
  --ink-2:#A8BDCD;
  --ink-3:#6C8193;
  --line:#263644;
  --line-2:#3F5A70;
  --green:#6FA8DC;
  --green-2:#4F86BA;
  --green-soft:#162838;
  --green-line:#3B5D77;
  --accent:#6FA8DC;
  --accent-ink:#A9D2F2;
  --nav-line:#6FA8DC;
  --rivet:#7F99AC;
  --paper-grad:linear-gradient(rgba(111,168,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(111,168,220,.04) 1px,transparent 1px),linear-gradient(160deg,#101922 0%,#0C131A 55%,#070B0F 100%);
  --grad-main:linear-gradient(160deg,#253646,#17212B 55%,#0D141B);
  --grad-page:linear-gradient(160deg,#111B24 0%,#0C131A 55%,#070B0F 100%);
  --grad-soft:linear-gradient(160deg,#1E3A50,#142534);
}
html[data-skin="mecha"] *{border-radius:0!important}
html[data-skin="mecha"] :is(.avatar-circle,.avatar-ph,.avatar-img,.account-avatar-btn,.avatar-medal-badge,.group-level-star,.group-level-star i,.page-hero-dot,.hero-dot,.center-medal-disc,.tq-dot){border-radius:50%!important}
html[data-skin="mecha"] body{background:var(--paper-grad);background-size:28px 28px,28px 28px,auto;background-attachment:fixed;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
html[data-skin="mecha"] .app-header{background:linear-gradient(180deg,#1C2023,#101315);border-bottom:3px solid var(--green);box-shadow:0 4px 0 #050607}
html[data-skin="mecha"] .nav-item{color:var(--ink-2);font-weight:700;letter-spacing:.05em}
html[data-skin="mecha"] .nav-item.active{background:linear-gradient(180deg,#E0B254,#B88624)!important;color:#1A1308!important;border-bottom-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),3px 3px 0 #050607}
html[data-skin="mecha"] .card,
html[data-skin="mecha"] .site-sec,
html[data-skin="mecha"] .set-panel,
html[data-skin="mecha"] .center-item,
html[data-skin="mecha"] .inventory-item,
html[data-skin="mecha"] .ui-dialog,
html[data-skin="mecha"] .pwd-card,
html[data-skin="mecha"] .admin-user-card{
  position:relative;
  background-color:var(--card)!important;
  background-image:
    radial-gradient(circle at 10px 10px,var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) 10px,var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at 10px calc(100% - 10px),var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),var(--rivet) 0 2px,transparent 2.6px),
    linear-gradient(160deg,#22262A,#171A1C)!important;
  border:3px solid var(--line-2)!important;
  box-shadow:6px 6px 0 #050607,inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html[data-skin="mecha"] .page-hero,
html[data-skin="mecha"] .home-hero,
html[data-skin="mecha"] .hero{
  background-color:#1B1E20!important;
  background-image:
    radial-gradient(circle at 12px 12px,var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 12px) 12px,var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at 12px calc(100% - 12px),var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),var(--rivet) 0 2px,transparent 2.6px),
    repeating-linear-gradient(90deg,rgba(216,163,58,.05) 0 1px,transparent 1px 42px),
    linear-gradient(160deg,#2D2F2B,#1B1E20 55%,#101214)!important;
  border:3px solid var(--line-2)!important;
  border-bottom:5px solid var(--green)!important;
  box-shadow:8px 8px 0 #050607!important;
  overflow:hidden!important;
}
html[data-skin="mecha"] .page-hero::before,
html[data-skin="mecha"] #view-home .home-hero::before{
  content:"⚙";position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(12deg);
  font-size:150px;line-height:1;color:var(--green);opacity:.10;pointer-events:none;z-index:0;
  text-shadow:0 0 30px rgba(216,163,58,.20);
}
html[data-skin="mecha"] .page-hero::after{background:none!important}
html[data-skin="mecha"] .page-hero-copy,
html[data-skin="mecha"] .home-hero .hero-copy{position:relative;z-index:2}
html[data-skin="mecha"] .page-hero h1,
html[data-skin="mecha"] .home-hero .hero-title{font-family:"Arial Black","Microsoft YaHei",sans-serif;letter-spacing:.12em;text-shadow:3px 3px 0 rgba(0,0,0,.55)}
html[data-skin="mecha"] .page-hero-kicker,
html[data-skin="mecha"] .page-pill,
html[data-skin="mecha"] .badge,
html[data-skin="mecha"] .hero-meta span{border:1px solid var(--line-2)!important;background:#111416!important;color:var(--ink-2)!important;border-radius:0!important;font-weight:700;letter-spacing:.06em}
html[data-skin="mecha"] .btn{background:linear-gradient(180deg,#2B3034,#1A1E21)!important;border:2px solid var(--line-2)!important;color:var(--ink)!important;box-shadow:3px 3px 0 #050607!important;font-weight:700;letter-spacing:.05em}
html[data-skin="mecha"] .btn:hover{transform:translate(1px,1px)!important;box-shadow:2px 2px 0 #050607!important;background:linear-gradient(180deg,#343B40,#20262A)!important}
html[data-skin="mecha"] .btn-green{background:linear-gradient(180deg,#E0B254,#B88624)!important;border-color:#8A6A2A!important;color:#1A1308!important;box-shadow:3px 3px 0 #050607,inset 0 1px 0 rgba(255,255,255,.35)!important}
html[data-skin="mecha"] .btn-green:hover{background:linear-gradient(180deg,#E8BF66,#C7932C)!important;color:#1A1308!important}
html[data-skin="mecha"] .home-week,
html[data-skin="mecha"] .home-card,
html[data-skin="mecha"] .stat{
  background-color:var(--card)!important;
  background-image:
    radial-gradient(circle at 10px 10px,var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) 10px,var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at 10px calc(100% - 10px),var(--rivet) 0 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),var(--rivet) 0 2px,transparent 2.6px),
    linear-gradient(160deg,#22262A,#171A1C)!important;
  color:var(--ink)!important;
  border:3px solid var(--line-2)!important;
  box-shadow:5px 5px 0 #050607!important;
}
html[data-skin="mecha"] .home-week h2,
html[data-skin="mecha"] .home-week .sub,
html[data-skin="mecha"] .home-week .week-dish,
html[data-skin="mecha"] .home-week .draw-link,
html[data-skin="mecha"] .home-week .week-day>span:last-child,
html[data-skin="mecha"] .home-card .hc-title,
html[data-skin="mecha"] .home-card .hc-desc,
html[data-skin="mecha"] .home-card .hc-num,
html[data-skin="mecha"] .stat .num,
html[data-skin="mecha"] .stat .label{color:var(--ink)!important}
html[data-skin="mecha"] .home-week .week-day .d{background:#111416!important;border:1px solid var(--line-2)!important;color:var(--ink)!important}
html[data-skin="mecha"] .home-week .week-day.today .d{background:var(--green)!important;border-color:var(--green)!important;color:#1A1308!important}
html[data-skin="mecha"] .home-card .hc-icon{background:#111416!important;border:2px solid var(--line-2)!important;color:var(--green)!important}
html[data-skin="mecha"] #view-home .hero-btn{background:linear-gradient(180deg,#E0B254,#B88624)!important;color:#1A1308!important;border:2px solid #8A6A2A!important;box-shadow:4px 4px 0 #050607!important;border-radius:0!important;font-weight:800;letter-spacing:.08em}
html[data-skin="mecha"] .ui-control{border:2px solid var(--line-2)!important;border-radius:0!important;background:#0D1012!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px #050607!important;font-family:"Consolas","Microsoft YaHei",monospace}
html[data-skin="mecha"] .ui-control:focus{border-color:var(--green)!important;box-shadow:0 0 0 2px rgba(216,163,58,.18),inset 0 0 0 1px #050607!important}
html[data-skin="mecha"] select.ui-control{background-color:#0D1012!important}
html[data-skin="mecha"] .ui-checkbox{border:2px solid var(--line-2)!important;border-radius:0!important;background:#0D1012!important}
html[data-skin="mecha"] .ui-checkbox:checked{background:var(--green)!important;border-color:var(--green)!important}
html[data-skin="mecha"] .ui-switch .track{border-radius:0!important;background:#0D1012!important;border:2px solid var(--line-2)}
html[data-skin="mecha"] .ui-switch .track::before{border-radius:0!important;background:#E8D5A9!important}
html[data-skin="mecha"] .ui-switch input:checked + .track{background:var(--green)!important;border-color:var(--green)}
html[data-skin="mecha"] .center-tabs,
html[data-skin="mecha"] .inventory-tabs,
html[data-skin="mecha"] .admin-tabs{background:#0D1012!important;border:2px solid var(--line-2)!important;padding:3px!important;box-shadow:3px 3px 0 #050607!important}
html[data-skin="mecha"] .center-tab,
html[data-skin="mecha"] .inventory-tab,
html[data-skin="mecha"] .admin-tab{color:var(--ink-2)!important;border-radius:0!important;font-weight:700}
html[data-skin="mecha"] .center-tab.active,
html[data-skin="mecha"] .inventory-tab.active,
html[data-skin="mecha"] .admin-tab.active{background:linear-gradient(180deg,#E0B254,#B88624)!important;color:#1A1308!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}
html[data-skin="mecha"] .center-task-progress,
html[data-skin="mecha"] .center-medal-progress,
html[data-skin="mecha"] .progress{background:repeating-linear-gradient(90deg,#3A3528 0 1px,#111416 1px 6px);border-radius:0!important}
html[data-skin="mecha"] .center-task-progress i,
html[data-skin="mecha"] .center-medal-progress i,
html[data-skin="mecha"] .progress i{background:linear-gradient(90deg,var(--green),#F0C96A);border-radius:0!important}
html[data-skin="mecha"] .list-head h2,
html[data-skin="mecha"] .set-title h2,
html[data-skin="mecha"] .hc-title,
html[data-skin="mecha"] .stat .num{font-family:"Arial Black","Microsoft YaHei",sans-serif;letter-spacing:.05em}
html[data-skin="mecha"] .app-footer{background:#0A0C0D;border-top:3px solid var(--green)}
html[data-skin="mecha"] .account-user-tip,
html[data-skin="mecha"] .frame-picker{background:linear-gradient(180deg,#202427,#141719)!important;border:2px solid var(--line-2)!important;box-shadow:6px 6px 0 #050607!important}
html[data-skin="mecha"] .account-checkin{background:linear-gradient(180deg,#E0B254,#B88624)!important;color:#1A1308!important;border:2px solid #8A6A2A!important;border-radius:0!important;box-shadow:3px 3px 0 #050607!important;font-weight:800}
html[data-skin="mecha"] .account-checkin.is-done,html[data-skin="mecha"] .account-checkin:disabled{background:#111416!important;color:var(--ink-3)!important;border-color:var(--line-2)!important;box-shadow:none!important}
html[data-skin="mecha"] .list-head h2::before,
html[data-skin="mecha"] .set-title h2::before,
html[data-skin="mecha"] .site-sec-head::before{background:var(--green);border-radius:0}
html[data-skin="mecha"] .admin-user-card,
html[data-skin="mecha"] .admin-user-name,
html[data-skin="mecha"] .admin-user-meta,
html[data-skin="mecha"] .admin-user-stats,
html[data-skin="mecha"] .admin-user-updated,
html[data-skin="mecha"] .admin-user-row-sub{color:var(--ink)!important}
html[data-skin="mecha"] .admin-user-at{color:var(--ink-2)!important}
html[data-skin="mecha"] .admin-user-id{background:#0D1012!important;color:var(--green)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important;border-radius:0!important}
html[data-skin="mecha"] .admin-user-stats span{background:#111416!important;color:var(--ink-2)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important}
html[data-skin="mecha"] .admin-user-card .btn-ghost{background:#20262A!important;border-color:var(--line-2)!important;color:var(--ink)!important}
html[data-skin="mecha"] .admin-user-card .btn-danger-ghost{background:#2A1712!important;border-color:#7E3A26!important;color:#FF9A7A!important}
html[data-skin="mecha"] .theme-quick-btn{background:linear-gradient(180deg,#2B3034,#1A1E21)!important;border:2px solid var(--line-2)!important;color:var(--green)!important;border-radius:0!important;box-shadow:2px 2px 0 #050607!important}
html[data-skin="mecha"] .theme-quick-menu{background:#111416!important;border:2px solid var(--line-2)!important;border-radius:0!important;box-shadow:6px 6px 0 #050607!important}
html[data-skin="mecha"] .theme-quick-menu button{color:var(--ink)!important;border-radius:0!important}
html[data-skin="mecha"] .theme-quick-menu button:hover{background:rgba(216,163,58,.10)!important}
html[data-skin="mecha"] .theme-quick-menu button.active{background:rgba(216,163,58,.14)!important;color:var(--green)!important}
html[data-skin="mecha"] .theme-quick-menu .theme-quick-section{color:var(--green)!important;border-bottom:1px solid var(--line-2);margin-bottom:2px}
html[data-skin="mecha"] .theme-quick-menu .tq-paid{background:rgba(216,163,58,.10)!important;color:var(--gold-ink)!important;border-color:var(--gold-line)!important}

/* 机械迷都缩略预览 */
.skin-preview[data-skin="mecha"]{background:#15181A;color:#F2E8D5;border-color:#6A5F48;border-radius:0!important}
.skin-preview[data-skin="mecha"] .skin-preview-bar{background:#0A0C0D;border-bottom:2px solid #D8A33A}
.skin-preview[data-skin="mecha"] .skin-preview-bar i:first-child{background:#D8A33A;opacity:1}
.skin-preview[data-skin="mecha"] .skin-preview-body{background-image:linear-gradient(rgba(216,163,58,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(216,163,58,.05) 1px,transparent 1px);background-size:14px 14px}
.skin-preview[data-skin="mecha"] .skin-preview-title{font-family:"Arial Black","Microsoft YaHei",sans-serif;letter-spacing:.08em}
.skin-preview[data-skin="mecha"] .skin-preview-kicker{color:#D8A33A}
.skin-preview[data-skin="mecha"] .skin-preview-actions i{border-radius:0;border:1px solid #6A5F48;background:#20262A}
.skin-preview[data-skin="mecha"] .skin-preview-actions i:first-child{background:linear-gradient(180deg,#E0B254,#B88624);border-color:#8A6A2A}
.skin-preview[data-skin="mecha"][data-skin-variant="cobalt"]{background:#101922;color:#E8F2F9;border-color:#3F5A70}
.skin-preview[data-skin="mecha"][data-skin-variant="cobalt"] .skin-preview-bar{border-bottom-color:#6FA8DC}
.skin-preview[data-skin="mecha"][data-skin-variant="cobalt"] .skin-preview-bar i:first-child{background:#6FA8DC}
.skin-preview[data-skin="mecha"][data-skin-variant="cobalt"] .skin-preview-kicker{color:#6FA8DC}
.skin-preview[data-skin="mecha"][data-skin-variant="cobalt"] .skin-preview-actions i:first-child{background:linear-gradient(180deg,#8CC0EA,#4F86BA);border-color:#3B5D77}

/* 当前皮肤几何不污染其他皮肤预览 */
.skin-preview[data-skin="classic"]{border-radius:12px!important}
.skin-preview[data-skin="craft"]{border-radius:2px!important}
.skin-preview[data-skin="cyber"]{border-radius:0!important}
.skin-preview[data-skin="sweet"]{border-radius:14px!important}
.skin-preview[data-skin="tough"]{border-radius:0!important}
.skin-preview[data-skin="rainbow"]{border-radius:16px!important}
.skin-preview[data-skin="mecha"]{border-radius:0!important}
.skin-preview[data-skin="classic"] .skin-preview-actions i{border-radius:5px!important}
.skin-preview[data-skin="craft"] .skin-preview-actions i{border-radius:2px!important}
.skin-preview[data-skin="cyber"] .skin-preview-actions i{border-radius:1px!important}
.skin-preview[data-skin="sweet"] .skin-preview-actions i{border-radius:999px!important}
.skin-preview[data-skin="tough"] .skin-preview-actions i{border-radius:0!important}
.skin-preview[data-skin="rainbow"] .skin-preview-actions i{border-radius:999px!important}
.skin-preview[data-skin="mecha"] .skin-preview-actions i{border-radius:0!important}
.skin-preview[data-skin="classic"] .skin-preview-bar i,
.skin-preview[data-skin="craft"] .skin-preview-bar i,
.skin-preview[data-skin="cyber"] .skin-preview-bar i,
.skin-preview[data-skin="sweet"] .skin-preview-bar i,
.skin-preview[data-skin="rainbow"] .skin-preview-bar i{border-radius:50%!important}



/* ============================================================
   公开内容：封面轮播控件（跟随皮肤的形状 / 材质 / 氛围）
   基础样式用主题变量，这里按皮肤补形状与材质
   ============================================================ */

/* 山野手作：米纸底、虚线边、硬投影 */
html[data-skin="craft"] .pub-gallery-nav{
  border-radius:2px;border:1.5px solid #7A875B;
  background:#FBF3E3;color:#4A3D2C;
  box-shadow:2px 2px 0 rgba(74,61,44,.18);backdrop-filter:none;
}
html[data-skin="craft"] .pub-gallery-nav:hover{background:#F8EFD9;border-color:#A34E37;color:#A34E37}
html[data-skin="craft"] .pub-cover-thumbs{
  border-radius:2px;border:1.5px dashed #7A875B;
  background:rgba(251,243,227,.94);backdrop-filter:none;
}
html[data-skin="craft"] .pub-cover-thumb{border-radius:2px;border:1.5px solid #C9B693;background:#F8EFD9}
html[data-skin="craft"] .pub-cover-thumb.active{border-color:#A34E37;box-shadow:0 0 0 2px rgba(163,78,55,.22)}

/* 赛博夜城：切角、霓虹描边、HUD 底 */
html[data-skin="cyber"] .pub-gallery-nav{
  border-radius:0;border:1px solid var(--green);
  background:rgba(6,16,24,.72);color:var(--green);
  box-shadow:0 0 12px rgba(0,229,255,.25);
  clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);
  backdrop-filter:none;font-family:"Consolas","Microsoft YaHei",monospace;
}
html[data-skin="cyber"] .pub-gallery-nav:hover{background:rgba(0,229,255,.14);box-shadow:0 0 18px rgba(0,229,255,.45)}
html[data-skin="cyber"] .pub-cover-thumbs{
  border-radius:0;border:1px solid var(--green-line);
  background:rgba(4,10,16,.8);backdrop-filter:none;
}
html[data-skin="cyber"] .pub-cover-thumb{border-radius:0;border:1px solid var(--line-2);background:#0a1220}
html[data-skin="cyber"] .pub-cover-thumb.active{border-color:var(--green);box-shadow:0 0 10px rgba(0,229,255,.5)}

/* 樱粉甜心：圆润、奶油底、粉色描边 */
html[data-skin="sweet"] .pub-gallery-nav{
  border-radius:999px;border:1px solid #F3C4D8;
  background:rgba(255,244,248,.92);color:#B23A63;
  box-shadow:0 4px 12px rgba(232,106,154,.18);
}
html[data-skin="sweet"] .pub-gallery-nav:hover{background:#FFEAF3;border-color:#E86A9A;color:#8E2A4C}
html[data-skin="sweet"] .pub-cover-thumbs{
  border-radius:16px;border:1px solid #F3C4D8;
  background:rgba(255,244,248,.9);
}
html[data-skin="sweet"] .pub-cover-thumb{border-radius:12px;border:2px solid #F3C4D8}
html[data-skin="sweet"] .pub-cover-thumb.active{border-color:#E86A9A;box-shadow:0 0 0 3px rgba(232,106,154,.22)}

/* 铁血硬汉：硬边切角、荧光绿描边、警示条 */
html[data-skin="tough"] .pub-gallery-nav{
  border-radius:0;border:2px solid var(--green);
  background:#0B0E10;color:var(--green);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  letter-spacing:.06em;backdrop-filter:none;
}
html[data-skin="tough"] .pub-gallery-nav:hover{background:#15191b;box-shadow:0 0 14px rgba(255,106,43,.35)}
html[data-skin="tough"] .pub-cover-thumbs{
  border-radius:0;border:2px solid var(--green);
  background:rgba(11,14,16,.88);backdrop-filter:none;
}
html[data-skin="tough"] .pub-cover-thumb{border-radius:0;border:2px solid #2c3438}
html[data-skin="tough"] .pub-cover-thumb.active{border-color:var(--green);box-shadow:0 0 10px rgba(255,106,43,.4)}

/* 彩虹乐园：糖果圆角、渐变描边 */
html[data-skin="rainbow"] .pub-gallery-nav{
  border-radius:999px;border:2px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,
             linear-gradient(135deg,#FF6FB5,#7B61FF,#00C2A8) border-box;
  color:var(--accent-ink);box-shadow:0 6px 16px rgba(123,97,255,.2);
}
html[data-skin="rainbow"] .pub-gallery-nav:hover{background:linear-gradient(#fff,var(--card)) padding-box,linear-gradient(135deg,#FF6FB5,#7B61FF,#00C2A8) border-box}
html[data-skin="rainbow"] .pub-cover-thumbs{
  border-radius:18px;border:2px solid transparent;
  background:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) padding-box,
             linear-gradient(135deg,#FF6FB5,#7B61FF,#00C2A8) border-box;
}
html[data-skin="rainbow"] .pub-cover-thumb{border-radius:12px;border:2px solid rgba(255,255,255,.9)}
html[data-skin="rainbow"] .pub-cover-thumb.active{border-color:#FF6FB5;box-shadow:0 0 0 3px rgba(255,111,181,.28)}

/* 机械迷都：黄铜铆钉、直角、六边切角 */
html[data-skin="mecha"] .pub-gallery-nav{
  border-radius:0;border:2px solid var(--gold-line);
  background:linear-gradient(180deg,#1a1c1e,#0f1112);color:var(--gold-ink);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  box-shadow:inset 0 0 0 1px rgba(216,163,58,.25);
  backdrop-filter:none;font-family:"Consolas","Microsoft YaHei",monospace;
}
html[data-skin="mecha"] .pub-gallery-nav:hover{background:linear-gradient(180deg,#22262a,#14181a);box-shadow:inset 0 0 0 1px rgba(216,163,58,.5),0 0 14px rgba(216,163,58,.25)}
html[data-skin="mecha"] .pub-cover-thumbs{
  border-radius:0;border:1px solid var(--gold-line);
  background:rgba(10,12,13,.88);backdrop-filter:none;
}
html[data-skin="mecha"] .pub-cover-thumb{border-radius:2px;border:1px solid var(--gold-line);background:#0f1112}
html[data-skin="mecha"] .pub-cover-thumb.active{border-color:var(--gold-ink);box-shadow:0 0 10px rgba(216,163,58,.4)}