/* ==========================================================================
   大风365 · 墨黑砂金主题 v1
   加载位置：必须排在 nova-ui-v4.css 之后（layouts/front.php 末尾）
   设计原则：
     1. 结构不动，只换「皮」—— 全部走 CSS 变量 + 组件覆写，18 个模板零改动
     2. 与 kxy368 的差异点：宋体标题 / 墨黑主色 / 砂金点缀 / 2-6px 直角 / 去阴影
     3. 明暗两套都成立
   ========================================================================== */

/* ---------- 1. 设计令牌 ----------
   ⚠️ 必须同时命中 :root[data-template="premium"]：
   template-premium.css 用该作用域定义令牌，优先级(0,2,0) 高于 :root(0,1,0)，
   只写 :root 会被整片压掉（表现为换肤无效、底色仍是绿）。 */:root, :root[data-template="premium"] :root, :root[data-template="premium"]{
  /* 纸面：暖白，不再是绿色 */
  --bg: #f2efe9;
  --panel: #ffffff;
  --panel2: #f7f5f0;
  --card: #ffffff;

  /* 线条：墨色低透明度 */
  --line: rgba(20, 23, 26, .14);
  --line2: rgba(20, 23, 26, .075);

  /* 文字 */
  --text: #14171a;
  --body: #3b3f44;
  --muted: #6d737a;
  --dim: #868c93;

  /* 主色改为墨黑，点缀交给砂金 */
  --brand: #14171a;
  --brand-d: #000000;
  --brand-soft: rgba(20, 23, 26, .05);
  --brand-line: rgba(200, 161, 90, .45);
  --brand-lite: #c8a15a;

  /* 砂金 */
  --gold: #c8a15a;
  --df-gold: #c8a15a;
  --df-gold-soft: rgba(200, 161, 90, .14);
  --df-gold-line: rgba(200, 161, 90, .42);

  /* 语义色：降饱和，避免与砂金打架 */
  --green: #2f6f4f;
  --yellow: #9a6f14;
  --red: #9c3b32;

  /* 输入与水印 */
  --input: rgba(255, 255, 255, .9);
  --watermark: rgba(20, 23, 26, .04);

  /* 深底 */
  --dark: #14171a;
  --dark-2: #0c0e10;
  --dark-text: #f6f4ef;

  /* 圆角：从 14/28 收到 2-6，直角化 */
  --r-xs: 2px;
  --r-sm: 3px;
  --r: 4px;
  --r-lg: 6px;
  --r-xl: 10px;

  /* 阴影：几乎取消，改用细边框 */
  --sh-card: none;
  --sh-nav: none;
  --sh-pop: 0 18px 40px rgba(20, 23, 26, .14);

  /* 字体：正文无衬线，标题走宋体 */
  --sans: "Inter", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, "Times New Roman", serif;
  --mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}[data-theme="dark"], :root[data-template="premium"] [data-theme="dark"], :root[data-template="premium"][data-theme="dark"]{
  --bg: #0d0f11;
  --panel: #14171a;
  --panel2: #191c1f;
  --card: #16191c;
  --line: rgba(255, 255, 255, .12);
  --line2: rgba(255, 255, 255, .07);
  --text: #f2efe9;
  --body: #c6c9cc;
  --muted: #8d9298;
  --dim: #7b8087;
  --brand: #c8a15a;
  --brand-d: #dcb877;
  --brand-soft: rgba(200, 161, 90, .12);
  --brand-line: rgba(200, 161, 90, .5);
  --input: rgba(255, 255, 255, .05);
  --watermark: rgba(255, 255, 255, .03);
  --dark: #0c0e10;
  --dark-2: #08090a;
  --sh-pop: 0 18px 40px rgba(0, 0, 0, .6);
}

/* ---------- 2. 全局底噪 ----------
   template-premium.css 对 body 背景写了 !important，此处必须同级对抗 */body, :root[data-template="premium"] body, :root[data-template="premium"] body{
  background-color: var(--bg) !important;
  background-image:
    radial-gradient(ellipse 70% 50% at 82% -8%, rgba(200, 161, 90, .10), transparent 68%),
    radial-gradient(ellipse 60% 44% at 8% 4%, rgba(20, 23, 26, .045), transparent 70%) !important;
  background-attachment: scroll !important;
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}[data-theme="dark"] body, :root[data-template="premium"] [data-theme="dark"] body, :root[data-template="premium"][data-theme="dark"] body{
  background-color: var(--bg) !important;
  background-image:
    radial-gradient(ellipse 70% 50% at 82% -8%, rgba(200, 161, 90, .10), transparent 68%),
    radial-gradient(ellipse 60% 44% at 8% 4%, rgba(200, 161, 90, .04), transparent 70%) !important;
}

/* 标题统一宋体 —— 与 kxy368 最直观的差别 */h1, :root[data-template="premium"] h1, h2, :root[data-template="premium"] h2, h3, :root[data-template="premium"] h3, .sec-t, :root[data-template="premium"] .sec-t, .card-h h3, :root[data-template="premium"] .card-h h3, .step h3, :root[data-template="premium"] .step h3, footer.site h4, :root[data-template="premium"] footer.site h4{
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: 0;
}

/* ---------- 3. 顶栏 / 导航 ---------- */.topbar, :root[data-template="premium"] .topbar{
  background: var(--panel2);
  border-bottom: 1px solid var(--line2);
  font-size: 13px;
  color: var(--muted);
  letter-spacing: .01em;
}nav.site, :root[data-template="premium"] nav.site{
  background: rgba(242, 239, 233, .88);
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}[data-theme="dark"] nav.site, :root[data-template="premium"] [data-theme="dark"] nav.site{
  background: rgba(13, 15, 17, .88);
}

/* 导航项：加一条砂金下划线做选中 */.menu > a, :root[data-template="premium"] .menu > a{
  position: relative;
  font-size: 14.5px;
  letter-spacing: .02em;
}.menu > a::after, :root[data-template="premium"] .menu > a::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  height: 2px;
  background: var(--df-gold);
  opacity: 0;
  transition: opacity .2s;
}.menu > a:hover::after, :root[data-template="premium"] .menu > a:hover::after, .menu > a.active::after, :root[data-template="premium"] .menu > a.active::after{
  opacity: 1;
}

/* 搜索框直角化 */.search input, :root[data-template="premium"] .search input, .search, :root[data-template="premium"] .search{
  border-radius: 0;
}

/* 站标 */.logo-mark, :root[data-template="premium"] .logo-mark{
  border-radius: 2px;
  background: var(--text);
  color: var(--df-gold);
  border: 1px solid var(--df-gold);
  box-shadow: none;
  font-family: var(--serif);
  font-weight: 600;
}.logo-text, :root[data-template="premium"] .logo-text{
  font-family: var(--serif);
  letter-spacing: .02em;
}

/* ---------- 4. 按钮 ---------- */.btn, :root[data-template="premium"] .btn{
  border-radius: 2px;
  background: var(--brand);
  border: 1px solid var(--brand);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  height: 42px;
  padding: 0 24px;
  box-shadow: none;
  transition: background .2s, color .2s, border-color .2s;
}.btn:hover, :root[data-template="premium"] .btn:hover{
  background: var(--df-gold);
  border-color: var(--df-gold);
  color: #14171a;
  transform: none;
  filter: none;
}[data-theme="dark"] .btn, :root[data-template="premium"] [data-theme="dark"] .btn{
  color: #14171a;
}[data-theme="dark"] .btn:hover, :root[data-template="premium"] [data-theme="dark"] .btn:hover{
  background: #e2c88f;
  border-color: #e2c88f;
}.btn-ghost, :root[data-template="premium"] .btn-ghost{
  background: transparent;
  color: var(--text);
  border: 1px solid var(--line);
}.btn-ghost:hover, :root[data-template="premium"] .btn-ghost:hover{
  background: var(--text);
  border-color: var(--text);
  color: var(--bg);
}[data-theme="dark"] .btn-ghost:hover, :root[data-template="premium"] [data-theme="dark"] .btn-ghost:hover{
  color: #14171a;
}.btn-sm, :root[data-template="premium"] .btn-sm{
  height: 32px;
  padding: 0 14px;
  font-size: 13px;
  border-radius: 2px;
}

/* ---------- 5. 卡片 ---------- */.card, :root[data-template="premium"] .card, .pcard, :root[data-template="premium"] .pcard{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--r);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}.pcard, :root[data-template="premium"] .pcard{
  transition: border-color .2s, box-shadow .2s;
}.pcard:hover, :root[data-template="premium"] .pcard:hover{
  transform: none;
  border-color: var(--df-gold-line);
  box-shadow: 0 14px 30px rgba(20, 23, 26, .08);
}[data-theme="dark"] .pcard:hover, :root[data-template="premium"] [data-theme="dark"] .pcard:hover{
  box-shadow: 0 14px 30px rgba(0, 0, 0, .5);
}

/* 商品卡：价格换成宋体大字号，直角按钮 */.pc-t, :root[data-template="premium"] .pc-t{
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--text);
}.pc-price .price, :root[data-template="premium"] .pc-price .price{
  font-family: var(--serif);
  color: var(--text);
}.pc-price .price .cur, :root[data-template="premium"] .pc-price .price .cur{
  color: var(--df-gold);
}

/* ---------- 6. 徽标 / 图标块 ---------- */.badge, :root[data-template="premium"] .badge{
  border-radius: 2px;
  font-size: 11px;
  letter-spacing: .02em;
  padding: 2px 7px;
}

/* 语义色收敛到「金 / 墨」两档，避免绿蓝紫混杂 */.badge.b-ok, :root[data-template="premium"] .badge.b-ok{
  background: rgba(200, 161, 90, .16) !important;
  color: #8a6a24 !important;
  border: 1px solid rgba(200, 161, 90, .45) !important;
}.badge.b-warn, :root[data-template="premium"] .badge.b-warn{
  background: var(--panel2) !important;
  color: var(--muted) !important;
  border: 1px solid var(--line) !important;
}[data-theme="dark"] .badge.b-ok, :root[data-template="premium"] [data-theme="dark"] .badge.b-ok{
  color: #e0c48a !important;
}

/* 商品卡角标：墨底金字 */.pc-rank, :root[data-template="premium"] .pc-rank{
  background: rgba(20, 23, 26, .84) !important;
  color: #e8d3a8 !important;
  border-radius: 2px !important;
  font-weight: 600;
  letter-spacing: .04em;
}.pc-rank.hot, :root[data-template="premium"] .pc-rank.hot{
  background: var(--df-gold) !important;
  color: #14171a !important;
}

/* 图标块统一单色，去掉原来的绿/紫彩底 */.ic, :root[data-template="premium"] .ic{
  border-radius: 3px;
  background: var(--panel2) !important;
  color: var(--text) !important;
  border: 1px solid var(--line);
}

/* ---------- 7. 分区标题 ---------- */.eyebrow, :root[data-template="premium"] .eyebrow{
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--df-gold);
}.sec-t, :root[data-template="premium"] .sec-t{
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--text);
  line-height: 1.25;
}.sec-s, :root[data-template="premium"] .sec-s{
  font-size: 14px;
  color: var(--muted);
  letter-spacing: .01em;
}

/* 分区标题左侧砂金短线 */.section-head > div > .sec-t, :root[data-template="premium"] .section-head > div > .sec-t{
  position: relative;
  padding-left: 18px;
}.section-head > div > .sec-t::before, :root[data-template="premium"] .section-head > div > .sec-t::before{
  content: "";
  position: absolute;
  left: 0;
  top: .34em;
  bottom: .34em;
  width: 2px;
  background: var(--df-gold);
}

/* ---------- 8. 表单 ---------- */input[type="text"], :root[data-template="premium"] input[type="text"], input[type="email"], :root[data-template="premium"] input[type="email"], input[type="password"], :root[data-template="premium"] input[type="password"], input[type="search"], :root[data-template="premium"] input[type="search"], input[type="tel"], :root[data-template="premium"] input[type="tel"], input[type="number"], :root[data-template="premium"] input[type="number"], select, :root[data-template="premium"] select, textarea, :root[data-template="premium"] textarea{
  border-radius: 2px;
  border-color: var(--line);
  background: var(--card);
  color: var(--text);
  font-family: var(--sans);
}input:focus, :root[data-template="premium"] input:focus, select:focus, :root[data-template="premium"] select:focus, textarea:focus, :root[data-template="premium"] textarea:focus{
  outline: none;
  border-color: var(--df-gold);
  box-shadow: 0 0 0 3px var(--df-gold-soft);
}

/* ---------- 9. 流程 / 支付条 ---------- */.step, :root[data-template="premium"] .step{
  border-top: 2px solid var(--text);
  padding-top: 18px;
}.step-num, :root[data-template="premium"] .step-num{
  font-family: var(--mono);
  color: var(--df-gold);
  font-size: 13px;
  letter-spacing: .1em;
}.step h3, :root[data-template="premium"] .step h3{
  font-size: 19px;
  margin: 10px 0 8px;
}.paybar .pb, :root[data-template="premium"] .paybar .pb{
  border-radius: 2px;
  border: 1px solid var(--line);
  background: var(--card);
}

/* ---------- 10. FAQ ---------- */.faq summary, :root[data-template="premium"] .faq summary{
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: .01em;
}.faq, :root[data-template="premium"] .faq{
  border-bottom: 1px solid var(--line2);
}

/* ---------- 11. 合伙人横条：改成墨黑底 + 砂金边 ---------- */
/* premium 主题对 .nova-partner 写了硬编码绿色渐变，须 !important 强制接管 */.nova-partner, :root[data-template="premium"] .nova-partner{
  background-image: none !important;
  background-color: var(--text) !important;
  border: 1px solid var(--text);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}.nova-partner::after, :root[data-template="premium"] .nova-partner::after{
  content: "風";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--serif);
  font-size: 132px;
  line-height: 1;
  color: rgba(200, 161, 90, .14);
  pointer-events: none;
}.nova-partner h2, :root[data-template="premium"] .nova-partner h2{
  font-family: var(--serif);
  color: #f6f4ef;
}.nova-partner p, :root[data-template="premium"] .nova-partner p, .nova-partner .nova-kicker, :root[data-template="premium"] .nova-partner .nova-kicker{
  color: rgba(246, 244, 239, .62);
}.nova-partner .btn-ghost, :root[data-template="premium"] .nova-partner .btn-ghost{
  color: var(--df-gold);
  border-color: var(--df-gold-line);
  position: relative;
  z-index: 1;
}.nova-partner .btn-ghost:hover, :root[data-template="premium"] .nova-partner .btn-ghost:hover{
  background: var(--df-gold);
  border-color: var(--df-gold);
  color: #14171a;
}

/* ---------- 12. 实时成交条 ---------- */.lfeed, :root[data-template="premium"] .lfeed{
  background: var(--text);
  border: 0;
}.lfeed-label, :root[data-template="premium"] .lfeed-label, .lfeed-item, :root[data-template="premium"] .lfeed-item{
  color: rgba(246, 244, 239, .66);
}.lfeed-item b, :root[data-template="premium"] .lfeed-item b{
  color: var(--df-gold);
}

/* ---------- 13. 页脚：墨黑 ---------- */footer.site, :root[data-template="premium"] footer.site{
  background: var(--dark);
  color: rgba(246, 244, 239, .66);
  border-top: 3px solid var(--df-gold);
}footer.site h4, :root[data-template="premium"] footer.site h4{
  color: #f6f4ef;
  font-size: 15px;
  letter-spacing: .04em;
}footer.site a, :root[data-template="premium"] footer.site a{
  color: rgba(246, 244, 239, .6);
  font-size: 13.5px;
}footer.site a:hover, :root[data-template="premium"] footer.site a:hover{
  color: var(--df-gold);
}footer.site .foot-brand, :root[data-template="premium"] footer.site .foot-brand{
  color: rgba(246, 244, 239, .56);
  line-height: 1.9;
}footer.site .foot-bl, :root[data-template="premium"] footer.site .foot-bl{
  border-top: 1px solid rgba(246, 244, 239, .1);
  color: rgba(246, 244, 239, .4);
}footer.site .logo-text, :root[data-template="premium"] footer.site .logo-text{
  color: #f6f4ef;
}footer.site .badge.b-dark, :root[data-template="premium"] footer.site .badge.b-dark{
  border: 1px solid rgba(246, 244, 239, .18);
  color: rgba(246, 244, 239, .7);
  background: transparent;
}

/* ==========================================================================
   14. 首页首屏（.df-hero）—— 与 kxy368 的分栏宇宙球彻底不同
   ========================================================================== */.df-hero, :root[data-template="premium"] .df-hero{
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background-image:
    radial-gradient(ellipse 54% 74% at 92% -6%, rgba(200, 161, 90, .16), transparent 66%);
}

/* 背景巨字「風」：极淡纸纹，压在内容之下，只作质感 */.df-windmark, :root[data-template="premium"] .df-windmark{
  position: absolute;
  left: 46%;
  top: 52%;
  transform: translate(-50%, -50%);
  font-family: var(--serif);
  font-size: 460px;
  font-weight: 600;
  line-height: .8;
  color: rgba(200, 161, 90, .028);
  -webkit-text-stroke: 1px rgba(200, 161, 90, .10);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}.df-hero-in, :root[data-template="premium"] .df-hero-in{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 336px;
  gap: 70px;
  align-items: center;
  padding: 84px 0 76px;
}.df-kicker, :root[data-template="premium"] .df-kicker{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--mono);
  font-size: 11.5px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--df-gold);
}.df-kicker::before, :root[data-template="premium"] .df-kicker::before{
  content: "";
  width: 38px;
  height: 1px;
  background: var(--df-gold);
}.df-hero h1, :root[data-template="premium"] .df-hero h1{
  font-family: var(--serif);
  font-size: clamp(32px, 4.4vw, 58px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.005em;
  color: var(--text);
  margin: 20px 0 0;
}.df-hero h1 em, :root[data-template="premium"] .df-hero h1 em{
  display: block;
  font-style: normal;
  font-size: .44em;
  font-weight: 400;
  line-height: 1.5;
  color: var(--muted);
  margin-top: 16px;
  letter-spacing: .04em;
}.df-fact, :root[data-template="premium"] .df-fact{
  max-width: 58ch;
  margin: 28px 0 0;
  padding-left: 16px;
  border-left: 2px solid var(--df-gold);
  font-size: 15px;
  line-height: 2;
  color: var(--body);
}.df-hero-sub, :root[data-template="premium"] .df-hero-sub{
  max-width: 58ch;
  margin: 16px 0 0;
  font-size: 14.5px;
  line-height: 1.9;
  color: var(--muted);
}

/* 搜索：整块描边，内部无圆角 */.df-search, :root[data-template="premium"] .df-search{
  display: flex;
  align-items: stretch;
  max-width: 560px;
  margin: 32px 0 0;
  border: 1px solid var(--text);
  background: var(--card);
}.df-search svg, :root[data-template="premium"] .df-search svg{
  align-self: center;
  margin-left: 16px;
  color: var(--muted);
  flex: none;
}.df-search input, :root[data-template="premium"] .df-search input{
  flex: 1;
  min-width: 0;
  height: 52px;
  border: 0;
  background: transparent;
  padding: 0 14px;
  font-size: 15px;
  color: var(--text);
}.df-search input:focus, :root[data-template="premium"] .df-search input:focus{
  outline: none;
  box-shadow: none;
}.df-search button, :root[data-template="premium"] .df-search button{
  height: 52px;
  padding: 0 26px;
  border: 0;
  border-radius: 0;
  background: var(--text);
  color: #f6f4ef;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .06em;
  cursor: pointer;
  transition: background .2s, color .2s;
  font-family: var(--sans);
}.df-search button:hover, :root[data-template="premium"] .df-search button:hover{
  background: var(--df-gold);
  color: #14171a;
}.df-hero-links, :root[data-template="premium"] .df-hero-links{
  display: flex;
  gap: 26px;
  margin-top: 22px;
  font-size: 14px;
}.df-hero-links a, :root[data-template="premium"] .df-hero-links a{
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: .18s;
}.df-hero-links a:hover, :root[data-template="premium"] .df-hero-links a:hover{
  color: var(--df-gold);
  border-bottom-color: var(--df-gold);
}.df-steps, :root[data-template="premium"] .df-steps{
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  list-style: none;
  margin: 34px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid var(--line2);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--muted);
}.df-steps li, :root[data-template="premium"] .df-steps li{
  display: flex;
  align-items: baseline;
  gap: 9px;
}.df-steps b, :root[data-template="premium"] .df-steps b{
  color: var(--df-gold);
  font-weight: 600;
}

/* 右侧「服务清单」面板 */.df-menu, :root[data-template="premium"] .df-menu{
  border: 1px solid var(--line);
  background: var(--card);
}.df-menu-h, :root[data-template="premium"] .df-menu-h{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
}.df-menu-h b, :root[data-template="premium"] .df-menu-h b{
  color: var(--df-gold);
  font-weight: 600;
}.df-menu a, :root[data-template="premium"] .df-menu a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line2);
  font-size: 14px;
  color: var(--text);
  text-decoration: none;
  transition: background .18s, padding-left .18s;
}.df-menu a:last-child, :root[data-template="premium"] .df-menu a:last-child{
  border-bottom: 0;
}.df-menu a:hover, :root[data-template="premium"] .df-menu a:hover{
  background: var(--panel2);
  padding-left: 24px;
}.df-menu a em, :root[data-template="premium"] .df-menu a em{
  font-style: normal;
  font-size: 12px;
  color: var(--dim);
  font-family: var(--mono);
}.df-menu-f, :root[data-template="premium"] .df-menu-f{
  padding: 12px 18px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: var(--muted);
  line-height: 1.7;
}.df-menu-f b, :root[data-template="premium"] .df-menu-f b{
  color: var(--df-gold);
  font-weight: 600;
}

/* ---------- 15. 移动端 ---------- */@media (max-width: 960px){
  .df-hero-in {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 56px 0 52px;
  }

  .df-windmark {
    font-size: 260px;
    right: -14%;
    opacity: .7;
  }

  .df-hero h1 {
    font-size: clamp(28px, 7.6vw, 40px);
  }

  .sec-t {
    font-size: 26px;
  }

  .section-head > div > .sec-t {
    padding-left: 14px;
  }

  .df-steps {
    gap: 14px 20px;
    font-size: 11px;
  }

  .nova-partner::after {
    font-size: 88px;
    right: 10px;
  }
}

@media (max-width: 560px) {.df-search, :root[data-template="premium"] .df-search{
    flex-wrap: wrap;
    border: 0;
    background: transparent;
  }.df-search input, :root[data-template="premium"] .df-search input{
    height: 48px;
    border: 1px solid var(--text);
    background: var(--card);
    flex: 1 1 100%;
    margin-bottom: 10px;
  }.df-search button, :root[data-template="premium"] .df-search button{
    flex: 1 1 100%;
    height: 46px;
  }.df-search svg, :root[data-template="premium"] .df-search svg{
    display: none;
  }
}

/* ---------- 16. 动效偏好 ---------- */@media (prefers-reduced-motion: reduce){
  .pcard,
  .df-menu a,
  .btn {
    transition: none;
  }
}

/* ==========================================================================
   17. 细节收口：把残留的大圆角与绿色组件拉到墨黑砂金体系
   注意：新人弹窗的样式写在内联 <style> 里、位置在主题之后，必须 !important
   ========================================================================== */
:root[data-template="premium"] .cs-btn {
  border-radius: 2px !important;
  background: var(--text) !important;
  border-color: var(--text) !important;
  color: #f6f4ef !important;
}

:root[data-template="premium"] .cs-btn:hover {
  background: var(--df-gold) !important;
  border-color: var(--df-gold) !important;
  color: #14171a !important;
}

/* 新人礼包弹窗 */
:root[data-template="premium"] .nbp-card {
  border-radius: 6px !important;
}

:root[data-template="premium"] .nbp-icon {
  border-radius: 4px !important;
  background: linear-gradient(150deg, #2a2f34 0%, #14171a 55%, #0b0d0f 100%) !important;
  color: var(--df-gold) !important;
  box-shadow: none !important;
}

:root[data-template="premium"] .nbp-cta {
  border-radius: 2px !important;
  background: var(--text) !important;
  color: #f6f4ef !important;
}

:root[data-template="premium"] .nbp-cta:hover {
  background: var(--df-gold) !important;
  color: #14171a !important;
}

:root[data-template="premium"] .nbp-badge {
  border-radius: 2px !important;
}

:root[data-template="premium"] .nbp-num {
  font-family: var(--serif) !important;
  color: var(--df-gold) !important;
}

/* ==========================================================================
   18. 资讯频道（.nw-*）：premium 主题把这套规则改成了绿色系且带 !important，
       这里整体接管为墨黑砂金；宋体标题与站点其余部分保持一致
   ========================================================================== */
:root[data-template="premium"] .nw-channel {
  background: var(--bg) !important;
  background-image: radial-gradient(ellipse 62% 72% at 50% 108%, rgba(200, 161, 90, .16), transparent 70%) !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 58px 0 44px !important;
}

:root[data-template="premium"] .nw-eyebrow {
  font-family: var(--mono) !important;
  font-size: 11.5px !important;
  letter-spacing: .22em !important;
  color: var(--df-gold) !important;
}

:root[data-template="premium"] .nw-channel h1,
:root[data-template="premium"] .nw-channel-title {
  font-family: var(--serif) !important;
  font-size: 50px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
  color: var(--text) !important;
}

:root[data-template="premium"] .nw-channel p {
  color: var(--muted) !important;
  font-size: 15px !important;
  letter-spacing: .04em;
}

:root[data-template="premium"] .nw-channel nav,
:root[data-template="premium"] .nw-channel nav a {
  color: var(--muted) !important;
  font-size: 13px !important;
}

:root[data-template="premium"] .nw-channel nav a:hover {
  color: var(--df-gold) !important;
}

:root[data-template="premium"] .nw-star {
  color: rgba(200, 161, 90, .3) !important;
}

/* 分区标题 */
:root[data-template="premium"] .nw-list-heading h2,
:root[data-template="premium"] .nw-article-header h1 {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--text) !important;
}

/* 「阅读全文」等按钮直角化，改墨黑 */
:root[data-template="premium"] .nw-read-more,
:root[data-template="premium"] .news-editorial .nw-read-more {
  border-radius: 2px !important;
  background: var(--text) !important;
  border: 1px solid var(--text) !important;
  color: #f6f4ef !important;
  font-size: 13.5px !important;
  letter-spacing: .04em;
}

:root[data-template="premium"] .nw-read-more:hover,
:root[data-template="premium"] .news-editorial .nw-read-more:hover {
  background: var(--df-gold) !important;
  border-color: var(--df-gold) !important;
  color: #14171a !important;
}

:root[data-template="premium"] .nw-product-link {
  color: var(--df-gold) !important;
  font-size: 13px !important;
}

/* 分类 / 标签列表 */
:root[data-template="premium"] .nw-category-list a {
  border-radius: 2px !important;
}

:root[data-template="premium"] .nw-category-list a.active,
:root[data-template="premium"] .nw-category-list a:hover {
  background: var(--text) !important;
  color: #f6f4ef !important;
  border-color: var(--text) !important;
}

/* 详情页正文 */
:root[data-template="premium"] .nw-article-body :is(h1, h2, h3, h4) {
  font-family: var(--serif) !important;
  color: var(--text) !important;
}

:root[data-template="premium"] .nw-article-body a {
  color: var(--df-gold) !important;
}

:root[data-template="premium"] .nw-article-body blockquote {
  border-left: 2px solid var(--df-gold) !important;
  background: var(--panel2) !important;
  color: var(--body) !important;
}

:root[data-template="premium"] .nw-article-category,
:root[data-template="premium"] .nw-byline,
:root[data-template="premium"] .nw-meta {
  color: var(--muted) !important;
  font-size: 13px !important;
}

/* 资讯页收尾：把残留的深绿文字与绿描边统一掉 */
:root[data-template="premium"] .news-editorial h1,
:root[data-template="premium"] .news-editorial h2,
:root[data-template="premium"] .news-editorial h3,
:root[data-template="premium"] .news-editorial h4 {
  color: var(--text) !important;
  font-family: var(--serif) !important;
  letter-spacing: 0 !important;
}

:root[data-template="premium"] .news-editorial a {
  color: var(--text);
}

:root[data-template="premium"] .news-editorial a:hover {
  color: var(--df-gold);
}

:root[data-template="premium"] .nw-story-cover {
  border-color: var(--line) !important;
  border-radius: var(--r) !important;
}

:root[data-template="premium"] .nw-side-caption {
  color: var(--df-gold) !important;
  font-family: var(--mono) !important;
  letter-spacing: .18em !important;
  font-size: 10.5px !important;
}

:root[data-template="premium"] .nw-search {
  border-color: var(--line) !important;
  border-radius: 2px !important;
  background: var(--card) !important;
}

:root[data-template="premium"] .nw-search input {
  color: var(--text) !important;
  background: transparent !important;
}

:root[data-template="premium"] .nw-search input::placeholder {
  color: var(--dim) !important;
}

:root[data-template="premium"] .nw-search button {
  color: var(--text) !important;
}

/* 资讯页最终收口：残留的深绿字统一为墨色（金句重新指定回砂金） */
:root[data-template="premium"] .news-editorial :is(strong, time, small, span, em, b, li, p) {
  color: var(--text);
}

:root[data-template="premium"] .news-editorial .nw-eyebrow,
:root[data-template="premium"] .news-editorial .nw-side-caption,
:root[data-template="premium"] .news-editorial .nw-product-link {
  color: var(--df-gold) !important;
}

:root[data-template="premium"] .news-editorial .nw-meta,
:root[data-template="premium"] .news-editorial .nw-meta > span,
:root[data-template="premium"] .news-editorial time {
  color: var(--muted) !important;
}

:root[data-template="premium"] .news-editorial .nw-recent-cover {
  border-color: var(--line) !important;
}

/* ==========================================================================
   19. 商品详情选购指南（.gg-*）/ 合伙人页（.pj-*）/ 全局 kicker
   ========================================================================== */
:root[data-template="premium"] .nova-kicker {
  color: var(--df-gold) !important;
  letter-spacing: .2em !important;
}

:root[data-template="premium"] .nova-partner .nova-kicker {
  color: rgba(246, 244, 239, .55) !important;
}

:root[data-template="premium"] .gguide {
  color: var(--body) !important;
}

:root[data-template="premium"] .gguide :is(h1, h2, h3, h4) {
  font-family: var(--serif) !important;
  color: var(--text) !important;
  letter-spacing: 0 !important;
}

:root[data-template="premium"] .gg-kicker {
  color: var(--df-gold) !important;
  border-color: var(--df-gold-line) !important;
}

:root[data-template="premium"] .gg-lede,
:root[data-template="premium"] .gguide p {
  color: var(--body) !important;
}

:root[data-template="premium"] .gguide :is(strong, b, span, li, td, th) {
  color: inherit;
}

:root[data-template="premium"] .pj-eyebrow {
  color: var(--df-gold) !important;
  font-family: var(--mono) !important;
  letter-spacing: .2em !important;
}

:root[data-template="premium"] .pj-hero h1,
:root[data-template="premium"] .partner-page :is(h1, h2, h3) {
  font-family: var(--serif) !important;
  color: var(--text) !important;
  letter-spacing: 0 !important;
}

:root[data-template="premium"] .pj-hero-lead,
:root[data-template="premium"] .pj-hero-desc,
:root[data-template="premium"] .pj-hero-notes {
  color: var(--muted) !important;
}

:root[data-template="premium"] .partner-page :is(p, span, li, strong, small, em) {
  color: var(--body);
}

:root[data-template="premium"] .gg-meta,
:root[data-template="premium"] .gguide .gg-meta span {
  color: var(--muted) !important;
}

:root[data-template="premium"] .gg-open {
  color: var(--df-gold) !important;
}

:root[data-template="premium"] .pj-orbit,
:root[data-template="premium"] .pj-brand-core {
  border-color: var(--df-gold-line) !important;
}

:root[data-template="premium"] .gguide :is(ol, ul, li, td, th) {
  color: var(--body) !important;
}

:root[data-template="premium"] .gguide a {
  color: var(--df-gold) !important;
}

:root[data-template="premium"] .partner-page :is(span, small) {
  color: var(--muted) !important;
}

:root[data-template="premium"] .pj-node,
:root[data-template="premium"] .pj-connector {
  border-color: var(--df-gold-line) !important;
}

/* ==========================================================================
   20. 响应式（权威版本）
   ⚠️ 之前的 @media 块在批量加作用域时头部被拼坏，浏览器整块丢弃，
      导致移动端首屏两栏塌成一栏。此处重新给出，选择器带作用域 + 必要 !important。
   ========================================================================== */
@media (max-width: 960px) {
  :root[data-template="premium"] .df-hero-in,
  .df-hero-in {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    padding: 52px 0 46px !important;
  }

  :root[data-template="premium"] .df-windmark,
  .df-windmark {
    font-size: 230px !important;
    left: 62% !important;
    opacity: .55 !important;
  }

  :root[data-template="premium"] .df-hero h1,
  .df-hero h1 {
    font-size: clamp(27px, 7.2vw, 38px) !important;
  }

  :root[data-template="premium"] .df-hero h1 em,
  .df-hero h1 em {
    font-size: .5em !important;
    margin-top: 12px !important;
  }

  :root[data-template="premium"] .df-fact,
  .df-fact {
    font-size: 14px !important;
    line-height: 1.9 !important;
  }

  :root[data-template="premium"] .sec-t,
  .sec-t {
    font-size: 25px !important;
  }

  :root[data-template="premium"] .section-head > div > .sec-t,
  .section-head > div > .sec-t {
    padding-left: 13px !important;
  }

  :root[data-template="premium"] .df-steps,
  .df-steps {
    gap: 12px 18px !important;
    font-size: 11px !important;
  }

  :root[data-template="premium"] .nova-partner::after {
    font-size: 84px !important;
    right: 8px !important;
  }

  :root[data-template="premium"] .df-menu a {
    font-size: 13.5px !important;
  }
}

@media (max-width: 560px) {
  :root[data-template="premium"] .df-search,
  .df-search {
    flex-wrap: wrap !important;
    border: 0 !important;
    background: transparent !important;
    max-width: 100% !important;
  }

  :root[data-template="premium"] .df-search svg,
  .df-search svg {
    display: none !important;
  }

  :root[data-template="premium"] .df-search input,
  .df-search input {
    flex: 1 1 100% !important;
    height: 48px !important;
    border: 1px solid var(--text) !important;
    background: var(--card) !important;
    margin-bottom: 10px !important;
  }

  :root[data-template="premium"] .df-search button,
  .df-search button {
    flex: 1 1 100% !important;
    height: 46px !important;
  }

  :root[data-template="premium"] .df-hero-links,
  .df-hero-links {
    gap: 18px !important;
    font-size: 13px !important;
  }

  :root[data-template="premium"] .sec-t,
  .sec-t {
    font-size: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-template="premium"] .pcard,
  :root[data-template="premium"] .df-menu a,
  :root[data-template="premium"] .btn {
    transition: none !important;
  }
}