/* ============================================================
 * skin.guofeng.css — 零时科技 C 端 · 国风浅色修正层（gf1 批 2026-09-14）
 * 设计基准：《零时量化 国风浅色版》设计稿（Ardot 画布 725388946103510）
 * 作用域：全部规则挂在 html[data-skin="gf"] 下 —— 暗色默认皮肤零改动、零回归。
 * 分工：色彩变量在 tokens.guofeng.css（跟 --zt-* 走的部分无需在此重复）；
 *   本文件只处理 style.css / index.html 中「不随 token 的硬编码暗色」
 *   （青色渐变、白色文字、深色底纹等）+ 国风衬线标题。
 * 加载顺序：tokens.base → tokens.dark → tokens.guofeng → style.css → 本文件。
 * ============================================================ */

/* ===== 1. 国风衬线标题（正文/UI 维持无衬线） ===== */
html[data-skin="gf"] .header h1,
html[data-skin="gf"] .sidebar .brand-name,
html[data-skin="gf"] .card-title,
html[data-skin="gf"] .hero-banner .hero-brand,
html[data-skin="gf"] .pack-name,
html[data-skin="gf"] .zt-report h2,
html[data-skin="gf"] .zt-report-v2 h1,
html[data-skin="gf"] .zt-report-v2 .zt-sec-h { font-family: var(--zt-font-serif); }

/* ===== 2. 全局底纹 / 滚动条 / 页脚 ===== */
html[data-skin="gf"] body {
  background-image: radial-gradient(rgba(31, 28, 24, 0.045) 1px, transparent 1px);
}
html[data-skin="gf"] ::-webkit-scrollbar-thumb { background: #D5CBB6; }
html[data-skin="gf"] .footer { color: #8C8578; }
html[data-skin="gf"] .empty-state { color: #8C8578; }
html[data-skin="gf"] .section-label { color: #5A544A; }

/* ===== 3. 顶部 header + 交易时段徽标 ===== */
html[data-skin="gf"] .header { background: #FFFFFF; box-shadow: 0 1px 0 rgba(31, 28, 24, .06); }
html[data-skin="gf"] .header h1 { color: #1F1C18; }
html[data-skin="gf"] .header .sub { color: #8C8578; }
html[data-skin="gf"] .trading-status.closed { background: #FBF2DF; color: #B8860B; border-color: rgba(184, 134, 11, .35); }
html[data-skin="gf"] .trading-status.closed .dot { background: #B8860B; }
html[data-skin="gf"] .mode-banner { background: #FFFFFF; }

/* ===== 4. 左侧导航（纸白侧栏 + 朱砂激活） ===== */
html[data-skin="gf"] .menu-group__title { color: #8C8578; }
html[data-skin="gf"] .nav-arrow { color: #8C8578; }
html[data-skin="gf"] .menu-item { color: #5A544A; }
html[data-skin="gf"] .menu-item:hover {
  background: linear-gradient(90deg, rgba(176, 57, 46, .06), rgba(176, 57, 46, .02));
  color: #B0392E;
}
html[data-skin="gf"] .menu-item.active { background: #F7E9E5; color: #B0392E; }
html[data-skin="gf"] .menu-item.active::before {
  background: linear-gradient(180deg, #B0392E, #8F2D24);
  box-shadow: none;
}
html[data-skin="gf"] .sidebar__footer-link { color: #8C8578; }
html[data-skin="gf"] .sidebar__footer-link:hover { color: #B0392E; }
html[data-skin="gf"] .sidebar__footer-link:first-child::before { background: #B0392E; }
html[data-skin="gf"] .nav-group-label { color: #8C8578; border-color: #D5CBB6; }

/* ===== 5. 首页 Hero（深绿科技底 → 宣纸 + 朱砂/赭金/黛青晕） ===== */
html[data-skin="gf"] .hero-banner {
  background: linear-gradient(120deg, #F7F3EA 0%, #F5F1E8 45%, #F7E9E5 100%) !important;
  border: 1px solid #E3DCCD;
}
html[data-skin="gf"] .hero-banner::before {
  background:
    radial-gradient(circle at 15% 20%, rgba(176, 57, 46, .10) 0%, transparent 45%),
    radial-gradient(circle at 85% 65%, rgba(184, 134, 11, .10) 0%, transparent 40%),
    radial-gradient(circle at 60% 10%, rgba(46, 78, 90, .08) 0%, transparent 35%);
  animation: none;
}
html[data-skin="gf"] .hero-banner::after {
  background-image: linear-gradient(rgba(31, 28, 24, .05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(31, 28, 24, .05) 1px, transparent 1px);
}
html[data-skin="gf"] .hero-banner .hero-brand { color: #1F1C18; text-shadow: none; }
html[data-skin="gf"] .hero-banner .hero-slogan { color: #B0392E; }
html[data-skin="gf"] .hero-banner .hero-sub { color: #5A544A; }
html[data-skin="gf"] .hero-banner .hero-status-label,
html[data-skin="gf"] .hero-status-label { color: #8C8578; }
html[data-skin="gf"] .hero-status-val { color: #B0392E; }
html[data-skin="gf"] .hero-uptime { color: #8C8578; }
html[data-skin="gf"] .hero-bg-grid {
  background-image: linear-gradient(rgba(31, 28, 24, .05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(31, 28, 24, .05) 1px, transparent 1px);
}
html[data-skin="gf"] .hero-bg-glow.glow-1 { background: rgba(176, 57, 46, .13); }
html[data-skin="gf"] .hero-bg-glow.glow-2 { background: rgba(184, 134, 11, .15); }
html[data-skin="gf"] .hero-bg-glow.glow-3 { background: rgba(46, 78, 90, .12); }
html[data-skin="gf"] .hero-bg-line {
  background: linear-gradient(90deg, transparent, rgba(176, 57, 46, .35), transparent);
}
html[data-skin="gf"] .hero-tag {
  color: #B0392E; border-color: rgba(176, 57, 46, .35); background: rgba(176, 57, 46, .06);
}
html[data-skin="gf"] .hero-search { background: #FFFFFF; box-shadow: 0 2px 4px rgba(31, 28, 24, .06); }
html[data-skin="gf"] .hero-search input { color: #1F1C18; }
html[data-skin="gf"] .hero-search input::placeholder { color: #8C8578; }
html[data-skin="gf"] .hero-search button { background: linear-gradient(135deg, #B0392E, #8F2D24); }

/* ===== 6. 卡片 / 入口卡 / 展示卡（青色投影 → 墨影） ===== */
html[data-skin="gf"] .card { border: 1px solid #E3DCCD; box-shadow: 0 2px 4px rgba(31, 28, 24, .06); }
html[data-skin="gf"] .card:hover {
  box-shadow: 0 10px 28px -6px rgba(31, 28, 24, .12);
  border-color: #D5CBB6;
}
html[data-skin="gf"] .home-entry:hover { box-shadow: 0 8px 20px rgba(31, 28, 24, .10); }
html[data-skin="gf"] .home-entry span { color: #8C8578; }
html[data-skin="gf"] .home-entry::after {
  background: linear-gradient(90deg, transparent, rgba(176, 57, 46, .08), transparent);
}
html[data-skin="gf"] .viz-donut-center { color: #8C8578; }
html[data-skin="gf"] .viz-legend { color: #5A544A; }
html[data-skin="gf"] .viz-kpi-item { background: linear-gradient(135deg, rgba(176, 57, 46, .04), rgba(184, 134, 11, .06)); }
html[data-skin="gf"] .viz-kpi-item .v-label { color: #8C8578; }
html[data-skin="gf"] .partner-item span,
html[data-skin="gf"] .fw-info span,
html[data-skin="gf"] .qp-item span { color: #8C8578; }
html[data-skin="gf"] .qp-icon { background: rgba(176, 57, 46, .07); }
html[data-skin="gf"] .partner-item:hover,
html[data-skin="gf"] .fw-item:hover,
html[data-skin="gf"] .qp-item:hover { box-shadow: 0 8px 20px rgba(31, 28, 24, .10); }

/* ===== 7. 大盘指数栏 ===== */
html[data-skin="gf"] .index-item .name { color: #5A544A; }
html[data-skin="gf"] .index-item:hover { box-shadow: 0 6px 16px rgba(31, 28, 24, .10); }
html[data-skin="gf"] .index-item.active { box-shadow: 0 0 0 2px rgba(176, 57, 46, .18); }
html[data-skin="gf"] .index-item:hover .price { text-shadow: none; }
html[data-skin="gf"] .index-item .chg.up { color: #C2352B; }
html[data-skin="gf"] .index-item .chg.down { color: #2E7D5B; }
html[data-skin="gf"] .index-item .red { color: #C2352B !important; }
html[data-skin="gf"] .index-item .green { color: #2E7D5B !important; }

/* ===== 8. 表格与涨跌语义色（国风深浅档） ===== */
html[data-skin="gf"] .table th { background: #EFEADF; color: #5A544A; }
html[data-skin="gf"] .table tbody tr:hover { background: #F7F3EA; }
html[data-skin="gf"] .up, html[data-skin="gf"] .red { color: #C2352B; }
html[data-skin="gf"] .down, html[data-skin="gf"] .green { color: #2E7D5B; }
html[data-skin="gf"] .depth-table .ask { color: #2E7D5B; }

/* ===== 9. 按钮 / 工具栏 / 徽章 / 搜索结果 ===== */
html[data-skin="gf"] .btn-sm { box-shadow: 0 3px 8px rgba(176, 57, 46, .18); }
html[data-skin="gf"] .btn-sm:hover { background: #8F2D24; box-shadow: 0 5px 14px rgba(176, 57, 46, .28); }
html[data-skin="gf"] .hero-search button:hover { box-shadow: 0 5px 14px rgba(176, 57, 46, .28); }
html[data-skin="gf"] .group button { color: #5A544A; }
html[data-skin="gf"] #userTabs button { color: #5A544A; }
html[data-skin="gf"] .badge {
  background: #F7E9E5; color: #B0392E;
  box-shadow: 0 0 0 1px rgba(176, 57, 46, .10) inset;
}
html[data-skin="gf"] .k-value {
  background: linear-gradient(135deg, #B0392E, #B8860B);
  -webkit-background-clip: text; background-clip: text;
}
html[data-skin="gf"] .search-results .search-item:hover { background: #F7F3EA; }
html[data-skin="gf"] .watchlist .w-del { color: #8C8578; }
html[data-skin="gf"] .quote-strip .q-label { color: #8C8578; }
html[data-skin="gf"] .depth-head { color: #8C8578; }
html[data-skin="gf"] .bc-bar { background: #EFEADF; }
html[data-skin="gf"] .bc-bar i.up { background: #C2352B; }
html[data-skin="gf"] .bc-bar i.down { background: #2E7D5B; }
html[data-skin="gf"] .draw-hint { color: #B8860B; background: #FBF2DF; border-color: rgba(184, 134, 11, .35); }

/* ===== 10. 图表悬浮提示（青底 → 墨底纸白字）与技术图例（浅色板） ===== */
html[data-skin="gf"] .hover-tip { background: rgba(31, 28, 24, .95); box-shadow: 0 2px 8px rgba(31, 28, 24, .25); }
html[data-skin="gf"] .hover-tip .t-date { color: rgba(245, 241, 232, .8); }
html[data-skin="gf"] .chart-legend .ma5,
html[data-skin="gf"] .chart-legend .macd-dif,
html[data-skin="gf"] .chart-legend .kdj-k,
html[data-skin="gf"] .chart-legend .rsi-6,
html[data-skin="gf"] .chart-legend .boll-mid { color: #B8860B; }
html[data-skin="gf"] .chart-legend .ma10,
html[data-skin="gf"] .chart-legend .macd-dea,
html[data-skin="gf"] .chart-legend .kdj-d,
html[data-skin="gf"] .chart-legend .rsi-12,
html[data-skin="gf"] .chart-legend .boll-up { color: #2E4E5A; }
html[data-skin="gf"] .chart-legend .ma20,
html[data-skin="gf"] .chart-legend .kdj-j,
html[data-skin="gf"] .chart-legend .rsi-24 { color: #B0392E; }
html[data-skin="gf"] .chart-legend .ma60 { color: #5A7A8A; }
html[data-skin="gf"] .chart-legend .boll-low { color: #5A7A8A; }
html[data-skin="gf"] .chart-legend .ma240 { color: #8d6e63; }
html[data-skin="gf"] .chart-legend .vol { color: #8C8578; }

/* ===== 11. Token 商城货架 ===== */
html[data-skin="gf"] .pack-card:hover { box-shadow: 0 10px 26px rgba(31, 28, 24, .12); }
html[data-skin="gf"] .pack-card.pack-vip {
  border-color: rgba(184, 134, 11, .45);
  background: linear-gradient(160deg, rgba(184, 134, 11, .08), #FFFFFF 45%);
}
html[data-skin="gf"] .pack-btn {
  background: linear-gradient(135deg, #B0392E, #8F2D24);
  box-shadow: 0 6px 18px rgba(176, 57, 46, .22);
}
html[data-skin="gf"] .pack-btn:hover { box-shadow: 0 10px 26px rgba(176, 57, 46, .30); }
html[data-skin="gf"] .pack-btn-gray { background: #FFFFFF; color: #5A544A; border-color: #E3DCCD; }

/* ===== 12. AI 研报正文（.zt-report 4.25 暗色排版 → 国风浅色） ===== */
html[data-skin="gf"] .zt-report h2 { color: #1F1C18; border-left-color: #B0392E; }
html[data-skin="gf"] .zt-report h3 { color: #1F1C18; }
html[data-skin="gf"] .zt-report p,
html[data-skin="gf"] .zt-report li { color: #5A544A; }
html[data-skin="gf"] .zt-report blockquote {
  border-left-color: #B8860B; background: #FBF2DF; color: #5A544A;
}
html[data-skin="gf"] .zt-report blockquote p { color: #5A544A; }
html[data-skin="gf"] .zt-report thead th {
  background: #EFEADF; color: #1F1C18; border-color: #D5CBB6;
}
html[data-skin="gf"] .zt-report tbody td { border-color: #E3DCCD; color: #1F1C18; }
html[data-skin="gf"] .zt-report tbody tr:nth-child(even) { background: #FAF7F0; }
html[data-skin="gf"] .zt-report tbody tr:hover { background: #F7F3EA; }
html[data-skin="gf"] .zt-report strong { color: #1F1C18; }
html[data-skin="gf"] .zt-report code {
  background: #F7E9E5; border-color: rgba(176, 57, 46, .25); color: #8F2D24;
}

/* ===== 13. AI 研报结构化排版 v2（.zt-report-v2 4.27 → 国风浅色） ===== */
html[data-skin="gf"] .zt-report-v2 .zt-hero {
  border-color: rgba(176, 57, 46, .30);
  background: linear-gradient(135deg, rgba(176, 57, 46, .05), rgba(46, 78, 90, .05));
}
html[data-skin="gf"] .zt-report-v2 .zt-hero::after {
  background: radial-gradient(circle, rgba(176, 57, 46, .10), transparent 70%);
}
html[data-skin="gf"] .zt-report-v2 .zt-series { color: #B0392E; }
html[data-skin="gf"] .zt-report-v2 .zt-meta { color: #8C8578; }
html[data-skin="gf"] .zt-report-v2 .zt-subject { color: #5A544A; }
html[data-skin="gf"] .zt-chip-good {
  background: #E7F2EC; color: #2E7D5B; border-color: rgba(46, 125, 91, .45);
}
html[data-skin="gf"] .zt-chip-neutral {
  background: #EFEADF; color: #5A544A; border-color: #D5CBB6;
}
html[data-skin="gf"] .zt-chip-bad {
  background: #F7E9E5; color: #B0392E; border-color: rgba(176, 57, 46, .45);
}
html[data-skin="gf"] .zt-chip-na {
  background: #FBF2DF; color: #B8860B; border-color: rgba(184, 134, 11, .42);
}
html[data-skin="gf"] .zt-report-v2 .zt-label { color: #5A544A; border-left-color: #8C8578; }
html[data-skin="gf"] .zt-report-v2 .zt-verdict {
  border-color: #E3DCCD; border-top-color: #B0392E; background: #FFFFFF;
}
html[data-skin="gf"] .zt-report-v2 .zt-verdict.zt-v2 { border-top-color: #2E4E5A; }
html[data-skin="gf"] .zt-report-v2 .zt-verdict.zt-v3 { border-top-color: #B8860B; }
html[data-skin="gf"] .zt-report-v2 .zt-v-n { background: #F7E9E5; color: #B0392E; }
html[data-skin="gf"] .zt-report-v2 .zt-v2 .zt-v-n { background: #E6EDEF; color: #2E4E5A; }
html[data-skin="gf"] .zt-report-v2 .zt-v3 .zt-v-n { background: #FBF2DF; color: #B8860B; }
html[data-skin="gf"] .zt-report-v2 .zt-v-t { color: #5A544A; }
html[data-skin="gf"] .zt-report-v2 .zt-sec { border-color: #E3DCCD; background: #FFFFFF; }
html[data-skin="gf"] .zt-report-v2 .zt-sec-h { color: #1F1C18; border-left-color: #B0392E; }
html[data-skin="gf"] .zt-report-v2 .zt-sec-n { color: #B0392E; }
html[data-skin="gf"] .zt-report-v2 .zt-foot { background: #FAF7F0; }
html[data-skin="gf"] .zt-report-v2 .zt-foot .zt-sec-h { color: #8C8578; border-left-color: #8C8578; }
html[data-skin="gf"] .zt-report-v2 .zt-foot p,
html[data-skin="gf"] .zt-report-v2 .zt-foot li { color: #8C8578; }
html[data-skin="gf"] .zt-report-v2 hr { border-top-color: #D5CBB6; }
html[data-skin="gf"] .zt-report-v2 code {
  background: #F7E9E5; border-color: rgba(176, 57, 46, .22); color: #8F2D24;
}