/* 拼多多色系定稿；旧 style.css 保留，由本文件覆盖。 */
:root{--bg:#f4f4f4;--panel:#fff;--card:#fff;--ink:#151516;--text:#151516;--muted:#9c9c9c;--line:#ededed;--brand:#e02e24;--brand-d:#c72119;--brand-soft:#fff1ef;--brand-line:#fbc8c3;--orange:#ff7a1a;--ok:#b45309;--err:#c72119;--danger:#e02e24;--radius:10px}
body{background:var(--bg);color:var(--ink)}
button,input,select,textarea{font:inherit}
input,select,textarea{background:var(--panel);color:var(--ink);border:1px solid #e6e6e6;border-radius:7px;accent-color:var(--brand)}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{padding:8px 10px;max-width:100%;box-sizing:border-box}
input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:1px solid var(--brand)}
a:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.btn,button[type=submit],.recharge-page button:not([type]){display:inline-block;border:0;border-radius:7px;padding:10px 18px;background:var(--brand);color:#fff;cursor:pointer}
.btn:hover,button[type=submit]:hover{background:var(--brand-d)}
button:disabled{opacity:.45;cursor:not-allowed}
.panel{background:var(--panel);border-color:var(--line)}
.tag,.teaser-cta{background:var(--brand-soft)}
.ok,.ok-b{background:#fff5e9;color:var(--ok)}
.pct-down{background:transparent;color:#15803d}
.ai-dir.down{background:#f0f0f0;color:#666}
/* 兼容保留的内联成功提示与持股组件；绿色仅用于下跌数字。 */
[style*="color:#16a34a"]{color:var(--ok)!important}
[style*="background:#e7f6ec"],[style*="background:#f0fdf4"]{background:#fff5e9!important;border-color:#f5d9b5!important}
.site-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;min-height:70px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--panel);box-sizing:border-box}
.site-brand{display:flex;align-items:center;gap:9px;flex:none;color:var(--ink);font-size:16px;font-weight:700;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:34px;height:36px;border-radius:8px;background:linear-gradient(135deg,#ff5a3c,#e02e24);font-size:27px;line-height:1;color:#fff}
.module-links{display:flex;align-self:stretch;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}
.module-links a{display:flex;align-items:center;flex:none;padding:0 13px;border-bottom:3px solid transparent;color:#555;font-size:13px;white-space:nowrap}
.module-links a:hover{background:#fafafa;color:var(--brand)}
.module-links a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}
.site-account{position:relative;flex:none}
.account-avatar,.channel-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:8px;background:#fff;color:var(--brand);font-size:15px}
.account-avatar{list-style:none;cursor:pointer;border-radius:50%}
.account-avatar::-webkit-details-marker{display:none}
.account-menu{position:absolute;top:46px;right:0;display:flex;flex-direction:column;min-width:150px;max-width:80vw;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 24px #0002;overflow-wrap:anywhere}
.account-menu a,.account-menu strong{padding:7px 10px;font-size:13px}
.account-menu a:hover{background:var(--brand-soft)}
.account-login{flex:none;font-size:13px}
.admin-tools{max-width:1200px;margin:16px auto;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.admin-tools .navlink{font-size:13px}
.index-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.index-page>.site-nav{flex:none}
.chat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0}
.channel-sidebar{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line)}
.channel-heading{padding:20px 18px 14px;font-size:17px;margin:0}
.channel-list{flex:1;overflow-y:auto;min-height:0;padding:0 8px 12px;scrollbar-width:thin}
.channel-row{display:flex;align-items:center;gap:10px;min-height:70px;margin-bottom:3px;padding:10px;box-sizing:border-box;border-radius:7px;color:var(--ink)}
.channel-row:hover{background:#fafafa}
.channel-row.on{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.channel-copy{flex:1;min-width:0}
.channel-copy strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.channel-copy small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.channel-row.locked{color:#999}
.channel-row.locked .channel-avatar{color:#aaa!important}
.channel-lock{font-size:12px}
.unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:var(--brand);color:#fff;font-size:10px}
.unread[hidden]{display:none}
.channel-more{padding:17px;border-top:1px solid var(--line);font-size:13px;color:var(--brand)}
.channel-tools{display:flex;flex-wrap:wrap;gap:10px;padding:10px 17px;border-top:1px solid var(--line);font-size:12px}
.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-header{display:flex;align-items:center;gap:12px;padding:13px 22px;background:#fff;border-bottom:1px solid var(--line);flex:none}
.chat-header h1{font-size:17px;margin:0}
.chat-header .chat-tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.chat-back{display:none}
.chat-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.chat-scroll>.wrap{max-width:1100px;padding:20px 28px;width:100%;box-sizing:border-box}
.chat-scroll .site-notice{margin-top:0!important}
.chat-scroll .feed{gap:24px;padding:8px 0 16px}
.chat-scroll .msg{position:relative;max-width:780px;margin-left:48px;padding:12px 16px;border-radius:2px 10px 10px 10px;box-shadow:0 1px 2px #00000003;min-width:0}
.chat-scroll .msg::before{content:attr(data-avatar);display:grid;place-items:center;position:absolute;left:-48px;top:0;width:34px;height:34px;border:1.5px solid var(--avatar-color,var(--brand));border-radius:8px;background:#fff;color:var(--avatar-color,var(--brand));font-size:14px}
.chat-scroll .msg-head{flex-wrap:wrap;font-size:12px}
.chat-scroll .msg-body{font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.chat-scroll .imgs,.chat-scroll .atts{overflow-wrap:anywhere}
.chat-scroll .readonly-tip{font-size:12px}
.chat-scroll .chtabs.sub{margin:0 0 16px}
.chat-scroll .chtabs.sub .chtab.on{background:var(--brand);border-color:var(--brand);color:#fff}
.chat-scroll .chtabs.sub .chtab{background:#fff;border-color:var(--brand-line);color:var(--brand)}
.recharge-page .wrap{max-width:1000px!important;padding:26px 20px!important}
.page-heading{margin-bottom:22px}
.page-heading h1{font-size:25px;margin:0 0 5px}
.page-heading p{color:var(--muted);margin:0;font-size:13px}
.recharge-steps{display:flex;gap:16px;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}
.recharge-page[data-step="1"] .recharge-steps span:nth-child(1),.recharge-page[data-step="2"] .recharge-steps span:nth-child(2),.recharge-page[data-step="3"] .recharge-steps span:nth-child(3){color:var(--brand);font-weight:600}
.recharge-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px}
.recharge-card h3{margin:0 0 20px;font-size:18px}
.recharge-page .pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 24px}
.recharge-page .pack{min-width:0;padding:20px;border-radius:8px}
.recharge-page .pack.sel{border-color:var(--brand);background:var(--brand-soft)}
.recharge-page .pack h4{font-size:15px;margin:0 0 12px}
.recharge-page .pack .price{font-size:30px;color:var(--brand)}
.duration-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 24px}
.recharge-page label.mradio{display:flex;align-items:center;gap:8px;margin:0;padding:16px 10px;border:1px solid var(--line);border-radius:7px;font-size:13px;white-space:normal;cursor:pointer}
.duration-options label:has(:checked){background:var(--brand-soft);border-color:var(--brand)}
.recharge-page #estPrice{font-size:30px!important;color:var(--brand)!important}
.recharge-page #submitBtn{width:100%;margin-top:12px}
.recharge-page .pay-amount{border:1px solid var(--brand-line);background:var(--brand-soft);padding:20px;border-radius:8px}
.recharge-page .pay-amount .num{font-size:38px;color:var(--brand);margin:8px 0}
.recharge-page .qr-wrap{gap:30px;margin:24px 0}
.recharge-page .qr-wrap img{width:220px;max-width:100%;height:auto;background:white;padding:8px;box-sizing:border-box}
.proof-upload{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px dashed #ccc;border-radius:8px;background:#fafafa;margin:16px 0;cursor:pointer}
.proof-upload input{width:100%}
.recharge-status{padding:16px;border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-soft);color:var(--brand);overflow-wrap:anywhere}
.order-history{overflow-x:auto}
.recharge-page table.olist{min-width:620px;font-size:13px}
.recharge-page table.olist th,.recharge-page table.olist td{padding:12px 10px}
@media(max-width:1100px){.site-nav{gap:14px;padding:0 16px}.module-links a{padding:0 11px}.chat-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:680px){
 .site-nav{min-height:60px;gap:10px;padding:0 12px}.site-brand{font-size:12px;gap:6px}.brand-mark{width:28px;height:30px;font-size:23px}.module-links a{font-size:12px;padding:0 11px}.account-avatar{width:29px;height:29px;font-size:12px}
 .chat-layout{grid-template-columns:minmax(0,1fr)}.channel-sidebar{border-right:0}.channel-heading{padding:20px;font-size:19px}.channel-row{min-height:74px}.channel-copy strong{font-size:14px}.channel-avatar{width:40px;height:40px}
 .chat-panel{display:none}.chat-open .channel-sidebar{display:none}.chat-open .chat-panel{display:flex}.chat-back{display:inline-block;border:0;background:transparent;color:var(--brand);padding:8px 0;font-size:13px}.chat-header{padding:10px 12px;gap:10px;flex-wrap:wrap}.chat-header h1{font-size:15px}.chat-header .chat-tools{gap:6px}.chat-tools .ai-coin-badge{font-size:11px}
 .chat-scroll>.wrap{padding:16px 12px}.chat-scroll .msg{margin-left:42px;padding:11px 13px}.chat-scroll .msg::before{left:-42px;width:30px;height:30px;font-size:12px}.chat-scroll .msg-body{font-size:13px}.chat-scroll .time{font-size:10px}
 .recharge-page .wrap{padding:20px 12px!important}.recharge-steps{gap:8px;font-size:11px}.recharge-card{padding:18px 14px}.recharge-page .pack-grid{grid-template-columns:1fr}.duration-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.proof-upload{padding:16px}
}
/* 2026-11-04 用户提供 logo（黑色六边形匣子 + 金色上涨箭头），全站改黑金色系：
   主色 = logo 金，深色 = logo 黑；涨跌色仍按 A 股（涨红跌绿）不受影响 */
:root{--bg:#f6f5f2;--ink:#1c1c1c;--text:#1c1c1c;--muted:#8f8a80;--line:#ebe7df;--brand:#b8893a;--brand-d:#9c7230;--brand-soft:#faf5ea;--brand-line:#ecdcb8;--orange:#c9a04d;--danger:#c72119}
.btn,button[type=submit],.recharge-page button:not([type]){background:#1c1c1c;color:#f3dfae}
.btn:hover,button[type=submit]:hover{background:#000;color:#fff}
/* 2026-11-04 用户嫌黑金太单调：顶栏改黑底（logo 放浅色底托里，免得黑色 logo 隐身），
   加入跟黑金搭的宝石色——酒红、藏青、琥珀、梅紫、古铜，用于频道头像和未读数；仍不用绿 */
.site-nav{background:#1c1c1c;border-bottom:2px solid var(--brand)}
.site-brand{color:#f3dfae}
.site-brand .brand-logo{background:#f6f1e6;border-radius:8px;padding:2px}
.module-links a{color:#d9d2c3}
.module-links a:hover{background:#2a2622;color:#f3dfae}
.module-links a[aria-current=page]{color:#e0b860;border-bottom-color:#e0b860}
.site-nav .account-avatar{background:#1c1c1c;color:#e0b860}
.account-login{color:#f3dfae}
.unread{background:#a83f4f}
.channel-row.on{background:#faf5ea;box-shadow:inset 3px 0 0 #a83f4f}
/* 2026-11-04 定稿：白底顶栏 + 黑红配色（用户：金色换红、不要黑色导航条）+ 原创线条匣子 logo + 系统字体排版 */
:root{--brand:#c8102e;--brand-d:#a50d26;--brand-soft:#fdf0f1;--brand-line:#f3c3c9;--bg:#f6f5f2;--ink:#1c1c1c;
      --font-serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC","SimSun",serif;
      --font-sans:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
      --font-num:"DIN Alternate","DIN Condensed","Bahnschrift","Roboto Condensed",sans-serif}
body{font-family:var(--font-sans);letter-spacing:.2px;-webkit-font-smoothing:antialiased}
.site-nav{background:#fff;border-bottom:2px solid var(--brand)}
.site-brand{color:var(--ink);font-family:var(--font-serif);font-weight:900;font-size:19px;letter-spacing:3px}
.site-brand .brand-logo{background:none;padding:0}
.module-links a{color:#4a4a50;font-size:14px;letter-spacing:1px}
.module-links a:hover{background:#fafafa;color:var(--brand)}
.module-links a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}
.site-nav .account-avatar{background:#fff;color:var(--brand)}
.account-login{color:var(--brand)}
.btn,button[type=submit],.recharge-page button:not([type]){background:#1c1c1c;color:#fff}
.btn:hover,button[type=submit]:hover{background:var(--brand);color:#fff}
.unread{background:var(--brand)}
.channel-row.on{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
h1,h2,h3,.channel-heading{font-family:var(--font-serif);letter-spacing:1px}
time,.unread,.ai-coin-badge,.channel-copy small{font-family:var(--font-num);letter-spacing:.3px}
/* 2026-11-04 用户：logo 右边放字标——上行 BLACK BOX，下行「— 黑匣子 —」 */
.site-brand{gap:10px;letter-spacing:0}
.brand-word{display:flex;flex-direction:column;align-items:center;line-height:1;color:#1c1c1c}
.brand-word b{font:700 19px/1 "Bahnschrift","DIN Alternate","Arial Narrow",var(--font-sans);letter-spacing:2.5px}
.brand-word i{display:flex;align-items:center;gap:6px;margin-top:4px;font:500 11px/1 var(--font-sans);font-style:normal;letter-spacing:5px;color:#333}
.brand-word i::before,.brand-word i::after{content:"";width:16px;height:1.5px;background:#333}

/* 2026-11-05 全站新消息弹窗（assets/notify.js）：电脑右上角、手机顶部整宽，top 由 JS 放到导航栏下面 */
.hxz-toasts{position:fixed;top:82px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;width:360px;pointer-events:none}
@media(max-width:600px){.hxz-toasts{left:8px;right:8px;width:auto}}
.hxz-toast{pointer-events:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;background:var(--card);color:var(--text);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:8px;padding:10px 14px;box-shadow:0 6px 24px rgba(0,0,0,.14);text-decoration:none;font-size:14px;line-height:1.5}
.hxz-toast b{color:var(--brand);margin-right:6px}
.push-banner{display:flex;align-items:center;gap:12px;flex:none;flex-wrap:wrap;padding:12px 18px;background:var(--brand-soft);color:var(--text);border-bottom:1px solid var(--brand-line);font-size:13px}
.push-banner>span{flex:1;min-width:200px}
.push-banner .btn{padding:6px 14px}
.push-later{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:8px}
.notify-channels{display:flex;flex-wrap:wrap;gap:12px 20px;margin:12px 0 18px}
.notify-channels label{display:flex;align-items:center;gap:6px;cursor:pointer}
