/* 黑金皮肤：黑底、香槟金、深色卡片带一圈细金边；红涨绿跌不变
只在 时生效（skin.js 负责切），纸白皮肤一行都不受影响 */
html[data-skin="gold"]:root{
--paper:#0a0a0c; --paper2:#15151a; --ink:#f4f0e8; --ink2:#c9c4ba; --mute:#8d887f; --faint:#58544d;
--hair:rgba(255,255,255,.075); --hair2:rgba(214,180,122,.3);
--up:#f04a3f; --down:#1fb27a; --lamp:#ff5a4d; --amber:#f0a53a;
--card:#131317; --card-line:rgba(214,180,122,.17);
--gold:#dcb679; --gold-hi:#f7e3b8; --gold-lo:#a77c3e;
--gold-grad:linear-gradient(180deg,#fcefd2 0%,#e9c88c 44%,#c0904c 100%);
--gold-soft:rgba(214,180,122,.12);
--dial-gain:var(--gold);
--serif:"PingFang SC","Hiragino Sans GB","Noto Sans SC",-apple-system,sans-serif;
--num:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","PingFang SC",sans-serif;
color-scheme:dark;
}
/* 两团很淡的金光钉在屏幕上（不跟着页面滚、不重复铺，页面短的时候也不会出一道接缝） */
html[data-skin="gold"] body{background-color:var(--paper);background-repeat:no-repeat;background-attachment:fixed;background-image:
radial-gradient(1000px 560px at 50% -12%,rgba(214,180,122,.11),transparent 62%),
radial-gradient(800px 600px at 105% 110%,rgba(214,180,122,.05),transparent 60%)}
html[data-skin="gold"] .grain{mix-blend-mode:screen;opacity:.05}
html[data-skin="gold"] ::selection{background:rgba(214,180,122,.35);color:#fff}
/* 金色渐变字（大标题、结论句） */
html[data-skin="gold"] .head h1,html[data-skin="gold"] .title h1,html[data-skin="gold"] .jd-head,
html[data-skin="gold"][data-page="index"] h1 span{
background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-skin="gold"] .head h1,html[data-skin="gold"] .title h1{font-weight:600;letter-spacing:.08em}
html[data-skin="gold"] .jd-head{font-weight:600}
html[data-skin="gold"] .head h1 .skel{-webkit-text-fill-color:transparent}
/* ---------- 顶栏 ---------- */
html[data-skin="gold"] .brand{color:var(--gold)}
html[data-skin="gold"] .brand b{font-weight:600;letter-spacing:.26em;color:var(--ink)}
html[data-skin="gold"] .nav a{letter-spacing:.22em;color:var(--mute)}
html[data-skin="gold"] .nav a.on{color:var(--ink);font-weight:600}
html[data-skin="gold"] .nav a::after{left:calc(50% - .11em);right:auto;width:18px;height:3px;bottom:-8px;border-radius:3px;background:var(--gold-grad);transform:translateX(-50%) scaleX(0);transform-origin:center}
html[data-skin="gold"] .nav a:hover::after,html[data-skin="gold"] .nav a.on::after{transform:translateX(-50%) scaleX(1)}
/* 手机底部那条银色导航（只有黑金皮肤、手机宽度才出来） */
.tabbar{display:none}
@media (max-width:640px){
html[data-skin="gold"] .top .nav{display:none}
html[data-skin="gold"] .tabbar{display:flex;position:fixed;z-index:30;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);
width:min(calc(100vw - 32px),400px);height:62px;padding:6px;gap:4px;border-radius:999px;
background:rgba(228,228,232,.93);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
box-shadow:0 20px 40px -12px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.8)}
html[data-skin="gold"] .tabbar a{flex:1;display:grid;place-items:center;border-radius:999px;color:#2b2b30;transition:background .3s,flex .4s var(--ease)}
html[data-skin="gold"] .tabbar a.on{flex:1.5;background:#fff;color:#111;box-shadow:0 6px 14px -6px rgba(0,0,0,.3)}
html[data-skin="gold"] .tabbar svg{width:23px;height:23px}
html[data-skin="gold"] body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
html[data-skin="gold"] .toast{bottom:calc(92px + env(safe-area-inset-bottom))}
}
/* ---------- 公用小件 ---------- */
html[data-skin="gold"] .lbl{color:var(--gold);font-weight:500}
html[data-skin="gold"] .toast{background:#1d1d22;color:var(--ink);border:1px solid var(--card-line);box-shadow:0 20px 40px -16px rgba(0,0,0,.8)}
/* 描边胶囊按钮：像「+ 订阅」那样金边金字 */
html[data-skin="gold"] .act,html[data-skin="gold"] .cmp,html[data-skin="gold"] .loadmore{border-color:rgba(214,180,122,.5);color:var(--gold-hi);background:rgba(214,180,122,.05)}
html[data-skin="gold"] .act:hover,html[data-skin="gold"] .cmp:hover,html[data-skin="gold"] .loadmore:hover{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-hi)}
/* 实心主按钮：金色渐变、深色字 */
html[data-skin="gold"] .cta,html[data-skin="gold"] .btn{background:var(--gold-grad);color:#1b1409;font-weight:600;box-shadow:0 10px 24px -12px rgba(214,180,122,.55)}
/* 选中的分段、胶囊 */
html[data-skin="gold"] .seg{border-color:var(--hair);background:rgba(255,255,255,.02)}
html[data-skin="gold"] .seg button.on,html[data-skin="gold"] .seg button[aria-pressed="true"],
html[data-skin="gold"] .rng button.on,html[data-skin="gold"] .chip.on,html[data-skin="gold"] .mkts button[aria-checked="true"]{
background:var(--gold-soft);color:var(--gold-hi);box-shadow:inset 0 0 0 1px rgba(214,180,122,.55);border-color:transparent}
html[data-skin="gold"] .chip.on i{color:var(--gold-hi)}
/* 依据按钮 */
html[data-skin="gold"] .ev{border-color:var(--hair2);color:var(--ink2);background:rgba(255,255,255,.02)}
html[data-skin="gold"] .ev:hover{background:var(--gold);color:#1b1409;border-color:var(--gold)}
/* 提示浮层 */
html[data-skin="gold"] .tip{background:#1c1c21;color:var(--ink);border:1px solid var(--card-line);border-radius:10px;box-shadow:0 16px 30px -12px rgba(0,0,0,.8)}
/* 研判进度 */
html[data-skin="gold"] .steps li.doing i{border-color:var(--gold);border-top-color:transparent}
html[data-skin="gold"] .steps li.done i{background:var(--gold);border-color:var(--gold)}
html[data-skin="gold"] .steps li.done i::after{border-color:#1b1409}
html[data-skin="gold"][data-page="company"] .bar i,html[data-skin="gold"][data-page="news"] .bar i,html[data-skin="gold"][data-page="event"] .bar i{background:var(--gold)}
html[data-skin="gold"] .news .tag.ex,html[data-skin="gold"] .kind.event,html[data-skin="gold"] .kind.msg{background:var(--gold-grad);color:#1b1409;border-color:transparent}
html[data-skin="gold"] .flag.new{color:#fff}
html[data-skin="gold"] .adv li.rule{background:rgba(214,180,122,.07);border-left-color:var(--gold)}
html[data-skin="gold"] .adv .rules a{color:var(--gold-hi);border-color:rgba(214,180,122,.5)}
html[data-skin="gold"] .stamp.ann{color:var(--gold)}
/* 输入框 */
html[data-skin="gold"] .field,html[data-skin="gold"] .sel select{background:#0e0e11;border-color:var(--hair)}
html[data-skin="gold"] .field:focus,html[data-skin="gold"] .sel select:focus{border-color:rgba(214,180,122,.6);box-shadow:0 0 0 4px rgba(214,180,122,.08)}
/* 大输入条（首页、公司库）：细线换成一张圆角深色卡 */
html[data-skin="gold"] .line,html[data-skin="gold"] .searchline{background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:8px 8px 8px 20px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 44px -28px rgba(0,0,0,.9);transition:border-color .3s,box-shadow .3s}
html[data-skin="gold"] .searchline{align-items:center;padding:6px 14px 6px 18px}
html[data-skin="gold"] .searchline svg{margin-bottom:0;color:var(--gold)}
html[data-skin="gold"] .line::before,html[data-skin="gold"] .line::after,html[data-skin="gold"] .searchline::before,html[data-skin="gold"] .searchline::after{display:none}
html[data-skin="gold"] .line:focus-within,html[data-skin="gold"] .searchline:focus-within{border-color:rgba(214,180,122,.55);box-shadow:0 0 0 4px rgba(214,180,122,.07),0 24px 44px -28px rgba(0,0,0,.9)}
html[data-skin="gold"] .line #q,html[data-skin="gold"] .searchline #q{letter-spacing:.03em}
/* ---------- 首页 ---------- */
html[data-skin="gold"][data-page="index"] .dial svg{filter:drop-shadow(0 0 22px rgba(214,180,122,.14))}
html[data-skin="gold"][data-page="index"] #ring{stroke:rgba(214,180,122,.5)}
html[data-skin="gold"][data-page="index"] #needle line{stroke:var(--gold-hi)}
html[data-skin="gold"][data-page="index"] #needle circle{fill:var(--gold-hi)}
html[data-skin="gold"][data-page="index"] .dial svg>circle{stroke:var(--gold)}
html[data-skin="gold"][data-page="index"] .dial svg>circle:last-of-type{fill:var(--gold)}
html[data-skin="gold"][data-page="index"] h1{font-weight:600;letter-spacing:.14em;padding-left:.14em}
html[data-skin="gold"][data-page="index"] .mode{gap:28px;margin-bottom:14px}
html[data-skin="gold"][data-page="index"] .mode button{position:relative;font-size:14px;letter-spacing:.2em;color:var(--mute);padding-bottom:9px}
html[data-skin="gold"][data-page="index"] .mode button[aria-pressed="true"]{color:var(--ink);font-weight:600}
html[data-skin="gold"][data-page="index"] .mode button::after{content:"";position:absolute;left:calc(50% - .1em);bottom:0;width:18px;height:3px;border-radius:3px;background:var(--gold-grad);transform:translateX(-50%) scaleX(0);transition:transform .45s var(--ease)}
html[data-skin="gold"][data-page="index"] .mode button[aria-pressed="true"]::after{transform:translateX(-50%) scaleX(1)}
html[data-skin="gold"][data-page="index"] .go{width:44px;height:44px;background:var(--gold-grad);color:#1b1409;box-shadow:0 8px 20px -8px rgba(214,180,122,.6)}
html[data-skin="gold"][data-page="index"] .go:hover{background:var(--gold-grad);filter:brightness(1.07)}
html[data-skin="gold"][data-page="index"] .go svg{stroke-width:1.8}
html[data-skin="gold"][data-page="index"] .cap{margin-top:14px}
html[data-skin="gold"][data-page="index"] .mkts button{border-color:var(--hair);color:var(--mute);background:rgba(255,255,255,.02)}
html[data-skin="gold"][data-page="index"] .sug{background:var(--card);border:1px solid var(--card-line);border-radius:16px;padding:4px 16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
html[data-skin="gold"][data-page="index"] .sug li:last-child{border-bottom:0}
/* 页脚三地时钟：排成图里那条「指数条」 */
html[data-skin="gold"][data-page="index"] .clocks{gap:0;background:var(--card);border:1px solid var(--card-line);border-radius:14px;padding:10px 0}
html[data-skin="gold"][data-page="index"] .clocks span{flex-direction:column;align-items:flex-start;gap:3px;padding:0 20px;font-size:11px;letter-spacing:.14em;color:var(--mute)}
html[data-skin="gold"][data-page="index"] .clocks span+span{border-left:1px solid var(--hair)}
html[data-skin="gold"][data-page="index"] .clocks b{font-size:17px;font-weight:500;color:var(--ink);letter-spacing:.02em}
html[data-skin="gold"][data-page="index"] .clocks i{display:none}
html[data-skin="gold"][data-page="index"] .clocks span::after{content:"休市";font-size:11px;letter-spacing:.1em;color:var(--faint)}
html[data-skin="gold"][data-page="index"] .clocks span.open::after{content:"▲ 交易中";color:var(--up)}
@media (max-width:640px){
html[data-skin="gold"][data-page="index"] .page{min-height:calc(100dvh - 92px - env(safe-area-inset-bottom))}
html[data-skin="gold"][data-page="index"] .clocks span{padding:0 14px}
html[data-skin="gold"][data-page="index"] .mode{gap:22px}
}
/* ---------- 公司页：每一块是一张深色卡 ---------- */
html[data-skin="gold"][data-page="company"] .head{border-bottom-color:var(--hair)}
html[data-skin="gold"][data-page="company"] .main .sec{background:var(--card);border:1px solid var(--card-line)!important;border-radius:20px;padding:24px 26px;margin-bottom:14px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 50px -40px rgba(0,0,0,.9)}
html[data-skin="gold"][data-page="company"] .card-in{background:var(--card);border:1px solid var(--card-line);border-radius:20px;padding:22px 22px 8px}
html[data-skin="gold"][data-page="company"] .kpi .num{font-weight:500}
html[data-skin="gold"][data-page="company"] .pit h3,html[data-skin="gold"][data-page="company"] .adv h3{font-weight:600}
html[data-skin="gold"][data-page="company"] .adv h3{color:var(--gold-hi)}
html[data-skin="gold"][data-page="company"] .adv .cols{border-color:var(--hair);border-radius:14px;overflow:hidden}
html[data-skin="gold"][data-page="company"] .adv .col+.col{border-left-color:var(--hair)}
html[data-skin="gold"][data-page="company"] #line{stroke:var(--gold);stroke-width:1.5}
html[data-skin="gold"][data-page="company"] .mk{background:var(--card)}
html[data-skin="gold"][data-page="company"] .foot{border-top:0;padding-top:8px}
html[data-skin="gold"][data-page="company"] .sheet{background:transparent}
html[data-skin="gold"] .capture .sheet{background:var(--paper)}
@media (max-width:1000px){ html[data-skin="gold"][data-page="company"] .card{border-top:0} }
@media (max-width:640px){
html[data-skin="gold"][data-page="company"] .main .sec{padding:20px 18px;border-radius:18px}
html[data-skin="gold"][data-page="company"] .adv .col+.col{border-top-color:var(--hair)}
}
/* ---------- 公司库 ---------- */
html[data-skin="gold"][data-page="library"] .co{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
html[data-skin="gold"][data-page="library"] .co:hover{border-color:rgba(214,180,122,.5);box-shadow:0 26px 44px -30px rgba(0,0,0,.95),0 0 0 1px rgba(214,180,122,.08)}
html[data-skin="gold"][data-page="library"] .co h3{font-weight:600}
html[data-skin="gold"][data-page="library"] .co .ind em{border-color:var(--hair2);color:var(--gold-hi)}
html[data-skin="gold"][data-page="library"] .chip{background:rgba(255,255,255,.025)}
/* ---------- 存档 ---------- */
html[data-skin="gold"][data-page="archive"] .head{border-bottom-color:var(--hair)}
html[data-skin="gold"][data-page="archive"] .row h3{font-weight:500}
html[data-skin="gold"][data-page="archive"] .two{border-color:var(--card-line);border-radius:18px;background:var(--card);overflow:hidden}
html[data-skin="gold"][data-page="archive"] .ver+.ver{border-left-color:var(--hair)}
html[data-skin="gold"][data-page="archive"] .ver h2{font-weight:600;color:var(--gold-hi)}
/* ---------- 设置 ---------- */
html[data-skin="gold"][data-page="settings"] .card{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 50px -36px rgba(0,0,0,.95)}
html[data-skin="gold"][data-page="settings"] .card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 34px 56px -34px rgba(0,0,0,1)}
html[data-skin="gold"][data-page="settings"] .head h2{font-weight:600}
html[data-skin="gold"][data-page="settings"] .seg{background:#0e0e11}
html[data-skin="gold"][data-page="settings"] .num input:focus{border-bottom-color:var(--gold)}
html[data-skin="gold"][data-page="settings"] .calc{background:#0e0e11;border:1px solid var(--hair)}
html[data-skin="gold"][data-page="settings"] .busy{border-color:var(--gold);border-top-color:transparent}
/* ---------- 首页「消息」：选公司 ---------- */
html[data-skin="gold"][data-page="index"] #pkQ{border-color:rgba(214,180,122,.38);background:rgba(255,255,255,.02)}
html[data-skin="gold"][data-page="index"] #pkQ:focus{border-color:var(--gold)}
html[data-skin="gold"][data-page="index"] .pk-sug{background:var(--card);border-color:var(--card-line);box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
html[data-skin="gold"][data-page="index"] .pk-sug li.on,html[data-skin="gold"][data-page="index"] .pk-sug li:hover{background:rgba(214,180,122,.08)}
html[data-skin="gold"][data-page="index"] .pk-m{border-color:var(--hair);background:rgba(255,255,255,.02)}
html[data-skin="gold"][data-page="index"] .pk-m.on{border-color:rgba(214,180,122,.6);color:var(--gold-hi);background:var(--gold-soft)}
/* ---------- 公司页：来了条消息 ---------- */
html[data-skin="gold"][data-page="company"] .mq{background:#0e0e11;border-color:var(--hair)}
html[data-skin="gold"][data-page="company"] .mq:focus-within{border-color:rgba(214,180,122,.55);box-shadow:0 0 0 4px rgba(214,180,122,.07)}
html[data-skin="gold"][data-page="company"] .act.on{border-color:var(--gold);color:var(--gold-hi);background:var(--gold-soft)}
/* ---------- 消息研判：左栏、各块是深色卡；每家公司单独一张卡 ---------- */
html[data-skin="gold"][data-page="msg"] .head{border-bottom-color:var(--hair)}
html[data-skin="gold"][data-page="msg"] .sheet{background:transparent}
html[data-skin="gold"][data-page="msg"] .main .sec{background:var(--card);border:1px solid var(--card-line)!important;border-radius:20px;padding:24px 26px;margin-bottom:14px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 50px -40px rgba(0,0,0,.9)}
html[data-skin="gold"][data-page="msg"] .main #cosSec{background:transparent;border:0!important;box-shadow:none;padding:6px 0 0}
html[data-skin="gold"][data-page="msg"] .cc{background:var(--card);border:1px solid var(--card-line);border-radius:20px;padding:24px 26px;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 50px -40px rgba(0,0,0,.9)}
html[data-skin="gold"][data-page="msg"] .cc:first-of-type{padding-top:24px;border-top:1px solid var(--card-line)}
html[data-skin="gold"][data-page="msg"] .cc-name a b{font-weight:600}
html[data-skin="gold"][data-page="msg"] .cc-why{font-weight:500;color:var(--ink)}
html[data-skin="gold"][data-page="msg"] .cc li.rule{background:rgba(214,180,122,.07);border-left-color:var(--gold)}
html[data-skin="gold"][data-page="msg"] .cc h4{color:var(--gold);font-weight:500}
html[data-skin="gold"][data-page="msg"] .role.mine{background:var(--gold-soft);color:var(--gold-hi);border-color:rgba(214,180,122,.55)}
html[data-skin="gold"][data-page="msg"] .star.on{color:var(--gold-hi)}
html[data-skin="gold"][data-page="msg"] .card-in{background:var(--card);border:1px solid var(--card-line);border-radius:20px;padding:22px 22px 8px}
html[data-skin="gold"][data-page="msg"] .again{border-color:rgba(214,180,122,.5);color:var(--gold-hi);background:rgba(214,180,122,.05)}
html[data-skin="gold"][data-page="msg"] .again:hover{background:var(--gold-soft)}
html[data-skin="gold"][data-page="msg"] .orig:not(.open).long::after{background:linear-gradient(transparent,var(--card))}
html[data-skin="gold"][data-page="msg"] .foot{border-top:0;padding-top:8px}
html[data-skin="gold"] .vd.v-stop{background:rgba(255,90,77,.08)}
html[data-skin="gold"] .vd.v-wait{background:rgba(240,165,58,.08)}
@media (max-width:1000px){ html[data-skin="gold"][data-page="msg"] .card{border-top:0} }
@media (max-width:640px){
html[data-skin="gold"][data-page="msg"] .main .sec,html[data-skin="gold"][data-page="msg"] .cc{padding:20px 18px;border-radius:18px}
}
/* ---------- 旧的新闻、事件研判页（09-26 以前的存档还能打开）：和消息研判一样，一块一张深色卡 ---------- */
html[data-skin="gold"] .orig:not(.open).long::after{background:linear-gradient(transparent,var(--paper))}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .head{border-bottom-color:var(--hair)}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .sheet{background:transparent}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .main .sec{background:var(--card);border:1px solid var(--card-line)!important;border-radius:20px;padding:24px 26px;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 50px -40px rgba(0,0,0,.9)}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .card-in{background:var(--card);border:1px solid var(--card-line);border-radius:20px;padding:22px 22px 8px}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .card-in .orig:not(.open).long::after{background:linear-gradient(transparent,var(--card))}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .foot{border-top:0;padding-top:8px}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .adv .cols,html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .sides{border-color:var(--hair);border-radius:14px;overflow:hidden}
html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .adv h3{color:var(--gold-hi);font-weight:600}
@media (max-width:1000px){ html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .card{border-top:0} }
@media (max-width:640px){ html[data-skin="gold"]:is([data-page="news"],[data-page="event"]) .main .sec{padding:20px 18px;border-radius:18px} }
html[data-skin="gold"][data-page="settings"] .sk[aria-checked="true"]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,180,122,.12)}