/* ============================================================
   易经学社 · 多皮肤 skins.css v1
   默认皮肤 xuanzhi(宣纸国风) = 不写任何覆盖, 即 site.css 原样
   其余 6 套用 html[data-skin=xxx] 高优先级覆盖关键色,
   只换色/圆角/阴影, 不动版式与功能
   ============================================================ */

/* ---------- 6 套皮肤变量 ---------- */
html[data-skin="dobamine"]{--sk-bg:#FFF3E4;--sk-paper:#FFFFFF;--sk-paper2:#FFF8EF;--sk-input:#FFFFFF;
--sk-ink:#292524;--sk-ink2:#57534E;--sk-ink3:#A8A29E;--sk-line:#F5C396;--sk-line2:#FADDBE;
--sk-acc:#EC4899;--sk-accd:#DB2777;--sk-acctx:#FFFFFF;--sk-gold:#F97316;--sk-goldt:#FFFFFF;
--sk-topbg:#EC4899;--sk-toptx:#FFFFFF;--sk-topsub:#FFE4EC;--sk-topline:#9D174D;
--sk-nav:#FFE4EC;--sk-navon:#FFFFFF;--sk-r:18px;--sk-btnr:999px;
--sk-cardsh:5px 5px 0 rgba(41,37,36,.9);--sk-btnsh:3px 3px 0 rgba(41,37,36,.9);
--sk-tjb:#292524;--sk-tjw:#FDE68A;}
html[data-skin="cyber"]{--sk-bg:#0B0E1A;--sk-paper:#151A2E;--sk-paper2:#1B2140;--sk-input:#0F1330;
--sk-ink:#EDF0FF;--sk-ink2:#B9C0D8;--sk-ink3:#7C86A3;--sk-line:#2E3A5C;--sk-line2:#232B4A;
--sk-acc:#F5C518;--sk-accd:#FFE27A;--sk-acctx:#1A1405;--sk-gold:#F5C518;--sk-goldt:#1A1405;
--sk-topbg:#0D1122;--sk-toptx:#F5E7C1;--sk-topsub:#8B93B0;--sk-topline:#F5C518;
--sk-nav:#9AA3C0;--sk-navon:#FFE27A;--sk-r:10px;--sk-btnr:10px;
--sk-cardsh:0 0 0 1px #2E3A5C,0 8px 30px rgba(0,0,0,.5);--sk-btnsh:0 0 18px rgba(245,197,24,.35);
--sk-tjb:#02040A;--sk-tjw:#F2F4FF;}
html[data-skin="shanqing"]{--sk-bg:#E9EFE7;--sk-paper:#F8FAF6;--sk-paper2:#EFF4EC;--sk-input:#FFFFFF;
--sk-ink:#22312A;--sk-ink2:#46584E;--sk-ink3:#8AA092;--sk-line:#B9CFC2;--sk-line2:#D9E5DC;
--sk-acc:#1F6F5B;--sk-accd:#175844;--sk-acctx:#F4F8F2;--sk-gold:#B07D3C;--sk-goldt:#FFFFFF;
--sk-topbg:#14342B;--sk-toptx:#F2F5EC;--sk-topsub:#A9C2B4;--sk-topline:#B07D3C;
--sk-nav:#C6D6CB;--sk-navon:#F5EDD6;--sk-r:6px;--sk-btnr:6px;
--sk-cardsh:0 1px 4px rgba(31,74,60,.1);--sk-btnsh:0 2px 8px rgba(31,111,91,.3);
--sk-tjb:#22312A;--sk-tjw:#F8FAF6;}
html[data-skin="milk"]{--sk-bg:#FFF6F1;--sk-paper:#FFFFFF;--sk-paper2:#FFF1E8;--sk-input:#FFFDFB;
--sk-ink:#6B5B73;--sk-ink2:#8D7E96;--sk-ink3:#BBAEC2;--sk-line:#FFD3E0;--sk-line2:#FFE7DE;
--sk-acc:#FF8FB2;--sk-accd:#F96F9B;--sk-acctx:#FFFFFF;--sk-gold:#FFB84D;--sk-goldt:#7A4A12;
--sk-topbg:#FFD9E3;--sk-toptx:#6B4B5E;--sk-topsub:#B08AA0;--sk-topline:#FF8FB2;
--sk-nav:#A98CA0;--sk-navon:#D63D74;--sk-r:22px;--sk-btnr:999px;
--sk-cardsh:0 8px 24px rgba(255,143,178,.16);--sk-btnsh:0 4px 14px rgba(255,143,178,.45);
--sk-tjb:#6B5B73;--sk-tjw:#FFE9C7;}
html[data-skin="minimal"]{--sk-bg:#FAFAF8;--sk-paper:#FFFFFF;--sk-paper2:#F4F4F2;--sk-input:#FFFFFF;
--sk-ink:#1A1A1A;--sk-ink2:#4A4A4A;--sk-ink3:#9A9A9A;--sk-line:#E2E2DE;--sk-line2:#EFEFEA;
--sk-acc:#1A1A1A;--sk-accd:#000000;--sk-acctx:#FFFFFF;--sk-gold:#8A8A86;--sk-goldt:#FFFFFF;
--sk-topbg:#FFFFFF;--sk-toptx:#1A1A1A;--sk-topsub:#8A8A86;--sk-topline:#1A1A1A;
--sk-nav:#8A8A86;--sk-navon:#1A1A1A;--sk-r:4px;--sk-btnr:4px;
--sk-cardsh:none;--sk-btnsh:none;
--sk-tjb:#1A1A1A;--sk-tjw:#FFFFFF;}
html[data-skin="daojiao"]{--sk-bg:#EFE7D0;--sk-paper:#FAF5E6;--sk-paper2:#F3ECDA;--sk-input:#FFFDF4;
--sk-ink:#2A2418;--sk-ink2:#5A4E36;--sk-ink3:#96865F;--sk-line:#C4B184;--sk-line2:#E0D3AE;
--sk-acc:#B23A24;--sk-accd:#8E2A1B;--sk-acctx:#F9F1DC;--sk-gold:#8A6D1B;--sk-goldt:#F9F1DC;
--sk-topbg:#141A2B;--sk-toptx:#F3E6C2;--sk-topsub:#9A8F6E;--sk-topline:#C9A227;
--sk-nav:#B7AB8A;--sk-navon:#F5D76E;--sk-r:3px;--sk-btnr:3px;
--sk-cardsh:0 1px 4px rgba(60,45,20,.12);--sk-btnsh:inset 0 0 0 1px rgba(249,241,220,.4);
--sk-tjb:#141A2B;--sk-tjw:#F9F1DC;}

/* ---------- 通用覆盖 (默认 xuanzhi 除外) ---------- */
html[data-skin]:not([data-skin="xuanzhi"]) body{background:var(--sk-bg);color:var(--sk-ink);}
html[data-skin]:not([data-skin="xuanzhi"]) .topbar{background:var(--sk-topbg);color:var(--sk-toptx);border:1px solid var(--sk-line);border-bottom:2px solid var(--sk-topline);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .topbar{background:var(--sk-topbg);color:var(--sk-toptx);border:none;border-bottom:2px solid var(--sk-topline);}
html[data-skin]:not([data-skin="xuanzhi"]) .brand a{color:var(--sk-toptx);}
html[data-skin]:not([data-skin="xuanzhi"]) .brand .seal,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .seal{background:var(--sk-acc);color:var(--sk-acctx);box-shadow:none;}
html[data-skin]:not([data-skin="xuanzhi"]) .ubar a{color:var(--sk-gold);}
html[data-skin]:not([data-skin="xuanzhi"]) nav a{color:var(--sk-nav);}
html[data-skin]:not([data-skin="xuanzhi"]) nav a.on{color:var(--sk-navon);border-bottom-color:var(--sk-acc);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .topbar h1{color:var(--sk-toptx);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .topbar p,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .topbar .en{color:var(--sk-topsub);}
html[data-skin]:not([data-skin="xuanzhi"]) .panel,html[data-skin]:not([data-skin="xuanzhi"]) .card,
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .mcard{background:var(--sk-paper);border:1px solid var(--sk-line);border-radius:var(--sk-r);box-shadow:var(--sk-cardsh);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card .t{color:var(--sk-ink);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card .t .mk{background:var(--sk-acc);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card .d{color:var(--sk-ink2);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card .e{color:var(--sk-ink3);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .quote{background:var(--sk-paper2);border-left:3px solid var(--sk-acc);color:var(--sk-ink2);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .rail b{color:var(--sk-ink);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .rail small{color:var(--sk-ink3);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .rail-title,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .more-title,
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .cosmos-title,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .cosmos-sub{color:var(--sk-ink2);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .cosmos-title:before,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .cosmos-title:after{color:var(--sk-gold);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .cosmos-more a{color:var(--sk-gold);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .stepno{background:var(--sk-acc);color:var(--sk-acctx);box-shadow:none;border-radius:var(--sk-btnr);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card.gold .stepno{background:var(--sk-gold);color:var(--sk-goldt);}
html[data-skin]:not([data-skin="xuanzhi"]) .btn,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card a.go{background:var(--sk-acc);color:var(--sk-acctx);border-radius:var(--sk-btnr);box-shadow:var(--sk-btnsh);}
html[data-skin]:not([data-skin="xuanzhi"]) .btn:hover,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card a.go:hover{background:var(--sk-accd);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card a.go.gold{background:var(--sk-gold);color:var(--sk-goldt);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card a.go.ink{background:var(--sk-ink);color:var(--sk-bg);}
html[data-skin]:not([data-skin="xuanzhi"]) .btn2,html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card a.go.line{background:var(--sk-paper2);color:var(--sk-ink);border:1px solid var(--sk-line);box-shadow:none;border-radius:var(--sk-btnr);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-divination .btn-start{background:var(--sk-acc);color:var(--sk-acctx);}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-divination .btn-start::after{display:none;}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-divination .btn-start-sub{background:var(--sk-gold);color:var(--sk-goldt);}
html[data-skin]:not([data-skin="xuanzhi"]) input[type=text],html[data-skin]:not([data-skin="xuanzhi"]) input[type=password],
html[data-skin]:not([data-skin="xuanzhi"]) input[type=email],html[data-skin]:not([data-skin="xuanzhi"]) input[type=number],
html[data-skin]:not([data-skin="xuanzhi"]) select{background:var(--sk-input);color:var(--sk-ink);border-color:var(--sk-line);}
html[data-skin]:not([data-skin="xuanzhi"]) input:focus,html[data-skin]:not([data-skin="xuanzhi"]) select:focus{border-color:var(--sk-acc);}
html[data-skin]:not([data-skin="xuanzhi"]) th,html[data-skin]:not([data-skin="xuanzhi"]) td{border-bottom-color:var(--sk-line2);}
html[data-skin]:not([data-skin="xuanzhi"]) .foot{color:var(--sk-ink3);}
html[data-skin]:not([data-skin="xuanzhi"]) .hint{color:var(--sk-ink3);}
html[data-skin]:not([data-skin="xuanzhi"]) .tj-b{fill:var(--sk-tjb);}
html[data-skin]:not([data-skin="xuanzhi"]) .tj-w{fill:var(--sk-tjw);}
html[data-skin]:not([data-skin="xuanzhi"]) .ring{stroke:var(--sk-line);}
html[data-skin]:not([data-skin="xuanzhi"]) .ring.o,html[data-skin]:not([data-skin="xuanzhi"]) .ring.m,html[data-skin]:not([data-skin="xuanzhi"]) .tj-ring{stroke:var(--sk-gold);}
html[data-skin]:not([data-skin="xuanzhi"]) .bname{fill:var(--sk-ink);stroke:var(--sk-paper);}

/* ---------- 各皮肤个性 ---------- */
/* 多巴胺: 撞色渐变顶栏 + 硬派投影按钮 */
html[data-skin="dobamine"] .topbar,html[data-skin="dobamine"] .pg-home .topbar{background:linear-gradient(135deg,#EC4899 0%,#F97316 60%,#FBBF24 100%);}
html[data-skin="dobamine"] .panel,html[data-skin="dobamine"] .card,
html[data-skin="dobamine"] .pg-home .card,html[data-skin="dobamine"] .pg-home .mcard{border:2px solid #292524;}
html[data-skin="dobamine"] .btn,html[data-skin="dobamine"] .pg-home .card a.go{background:linear-gradient(135deg,#EC4899,#F97316);border:2px solid #292524;font-weight:bold;}
html[data-skin="dobamine"] .pg-home .card a.go.gold{background:linear-gradient(135deg,#F97316,#FBBF24);color:#292524;}
/* 赛博水墨: 夜光描边 */
html[data-skin="cyber"] .topbar{box-shadow:0 0 24px rgba(245,197,24,.22);}
html[data-skin="cyber"] .pg-home .topbar{box-shadow:inset 0 -1px 0 rgba(245,197,24,.35),0 0 34px rgba(245,197,24,.14);}
html[data-skin="cyber"] .btn,html[data-skin="cyber"] .pg-home .card a.go{background:linear-gradient(180deg,#FFE27A,#F5C518 60%,#C9960A);}
html[data-skin="cyber"] .pg-home .cosmos-stage svg{filter:drop-shadow(0 0 14px rgba(245,197,24,.35));}
html[data-skin="cyber"] .pg-home .mtn.active,html[data-skin="cyber"] .pg-home .g64.active .yao{filter:drop-shadow(0 0 6px rgba(245,197,24,.8));}
/* 奶油: 果冻按钮 */
html[data-skin="milk"] .btn,html[data-skin="milk"] .pg-home .card a.go{box-shadow:0 4px 0 #F3B7CB;}
html[data-skin="milk"] .btn:active,html[data-skin="milk"] .pg-home .card a.go:active{transform:translateY(3px);box-shadow:none;}
/* 极简: 压平一切装饰 */
html[data-skin="minimal"] .topbar{box-shadow:none;}
html[data-skin]:not([data-skin="xuanzhi"]) .pg-home .card .corner{display:none;}
html[data-skin="minimal"] .pg-home .card .wm{display:none;}
html[data-skin="minimal"] .pg-home .topbar:before,html[data-skin="minimal"] .pg-home .topbar:after{display:none;}
html[data-skin="minimal"] .pg-home .rail-title:before,html[data-skin="minimal"] .pg-home .rail-title:after,
html[data-skin="minimal"] .pg-home .more-title:before,html[data-skin="minimal"] .pg-home .more-title:after,
html[data-skin="minimal"] .pg-home .cosmos-title:before,html[data-skin="minimal"] .pg-home .cosmos-title:after{display:none;}
/* 道教玄门: 庙堂牌匾式双线 + 太极符 */
html[data-skin="daojiao"] .panel,html[data-skin="daojiao"] .card,
html[data-skin="daojiao"] .pg-home .card{box-shadow:inset 0 0 0 2px var(--sk-paper),inset 0 0 0 3px var(--sk-gold),0 1px 4px rgba(60,45,20,.12);}
html[data-skin="daojiao"] .brand .seal,html[data-skin="daojiao"] .pg-home .seal{background:#C9A227;color:#3A2A10;box-shadow:inset 0 0 0 2px rgba(58,42,16,.45);}
html[data-skin="daojiao"] .btn,html[data-skin="daojiao"] .pg-home .card a.go{box-shadow:inset 0 0 0 1px rgba(249,241,220,.5),inset 0 0 0 3px rgba(142,42,27,.55);}
html[data-skin="daojiao"] .pg-home .cosmos-title:before,html[data-skin="daojiao"] .pg-home .rail-title:before,
html[data-skin="daojiao"] .pg-home .more-title:before{content:"☯";color:var(--sk-gold);}
html[data-skin="daojiao"] .pg-home .cosmos-title:after,html[data-skin="daojiao"] .pg-home .rail-title:after,
html[data-skin="daojiao"] .pg-home .more-title:after{content:"☯";color:var(--sk-gold);}

@media (prefers-reduced-motion:no-preference){
html[data-skin] body{transition:background-color .25s ease,color .25s ease;}
}

/* ============================================================
   皮肤切换器浮钮 + 面板 (自带配色, 不受皮肤影响)
   ============================================================ */
.yjsk-fab{position:fixed;right:16px;bottom:20px;z-index:99990;display:flex;align-items:center;gap:6px;
background:#211c14;color:#f3e6c2;font:14px/1 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:2px;
padding:11px 15px;border:1px solid #a8873f;border-radius:999px;cursor:pointer;
box-shadow:0 4px 16px rgba(0,0,0,.35);user-select:none;-webkit-tap-highlight-color:transparent;}
.yjsk-fab:active{transform:scale(.96);}
.yjsk-fab .yjsk-ico{color:#d8b96a;}
.yjsk-mask{position:fixed;inset:0;z-index:99991;background:rgba(20,16,10,.45);}
.yjsk-panel{position:fixed;right:12px;left:12px;bottom:74px;max-width:420px;margin:0 auto;z-index:99992;
background:#fbf7ec;border:1px solid #a8873f;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.4);overflow:hidden;}
.yjsk-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#211c14;
color:#f3e6c2;font:15px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:3px;}
.yjsk-hd .yjsk-x{color:#d8b96a;text-decoration:none;cursor:pointer;padding:0 4px;font-size:15px;}
.yjsk-list{max-height:46vh;overflow-y:auto;padding:8px;}
.yjsk-it{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;cursor:pointer;border:1px solid transparent;}
.yjsk-it:active{background:#f3ecd9;}
.yjsk-it.cur{border-color:#a83226;background:#faf3dc;}
.yjsk-dots{display:flex;flex-shrink:0;}
.yjsk-dots i{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c9b98e;margin-left:-7px;}
.yjsk-dots i:first-child{margin-left:0;}
.yjsk-nm{flex:1;font:16px/1.4 "Microsoft YaHei","PingFang SC",sans-serif;color:#211c14;}
.yjsk-nm em{display:block;font-style:normal;font-size:12px;color:#857b66;letter-spacing:1px;}
.yjsk-ok{color:#a83226;font-weight:bold;visibility:hidden;}
.yjsk-it.cur .yjsk-ok{visibility:visible;}
/* 页脚换肤入口: 继承页脚链接色, 不抢视觉 */
.yjsk-footlink{cursor:pointer;}
html[data-skin]:not([data-skin="xuanzhi"]) .yjsk-footlink{color:var(--sk-gold);}