/* ==========================================================================
   模板 B · 象牙金线 (IVORY HAIRLINE)
   气质：象牙纸底 + 墨色文字 + 金铜细线 + 衬线标题
   来源：XINPOWER 品牌标志的金色单色版，走高端编辑感路线
   ========================================================================== */

html[data-tpl="ivory"]{
  color-scheme:light;

  --bg-1:#f7f4ed;--bg-2:#ffffff;--bg-3:#efe9dc;
  --fg:#161a19;--fg-strong:#0b0f0e;--fg-dim:#5f6663;--fg-mute:#8a908c;

  --brand:#0e6153;--brand-2:#0a4b40;--brand-3:#a8813f;--accent:#a8813f;
  --btn-fg:#f7f4ed;

  --grad-1:#1a1f1d;--grad-2:#333a36;--grad-3:#a8813f;
  --brand-grad:linear-gradient(135deg,#1a1f1d 0%,#2f3733 100%);
  --text-grad:linear-gradient(96deg,#161a19 0%,#5c4a24 58%,#a8813f 100%);

  --line:#e6dfd0;--line-2:#d9d0bd;--line-strong:rgba(168,129,63,.55);
  --glass-bg:rgba(255,255,255,.92);--glass-border:#e7e0d1;
  --card-blur:blur(6px);

  --radius-card:2px;--radius-btn:2px;--radius-tag:2px;
  --shadow-card:0 1px 2px rgba(22,26,25,.04);
  --shadow-hover:0 16px 34px -24px rgba(22,26,25,.45);
  --hover-lift:-3px;

  --glow-1:rgba(168,129,63,.10);--glow-2:rgba(14,97,83,.06);

  --font-display:'Noto Serif SC','Songti SC','Source Han Serif SC','STSong','SimSun',serif;
  --heading-weight:600;--heading-tracking:.005em;
  --tag-tracking:.06em;
}

/* ---------- 背景：纸纹细线 ---------- */
html[data-tpl="ivory"] .bg-stage{
  background:
    radial-gradient(ellipse 60% 45% at 88% -10%,rgba(168,129,63,.12),transparent 62%),
    radial-gradient(ellipse 55% 45% at 6% 104%,rgba(14,97,83,.06),transparent 62%),
    #f7f4ed;
}
html[data-tpl="ivory"] .bg-stage::before{
  content:'';position:absolute;inset:0;
  background-image:repeating-linear-gradient(180deg,rgba(168,129,63,.05) 0 1px,transparent 1px 96px);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 88%);
}
html[data-tpl="ivory"] .blob{opacity:.22;filter:blur(130px)}
html[data-tpl="ivory"] .blob.p1{background:#f0dfbe}
html[data-tpl="ivory"] .blob.b1{background:#d7e6e1;opacity:.3}
html[data-tpl="ivory"] .blob.c1{background:#eadfca}

/* ---------- 顶栏 ---------- */
html[data-tpl="ivory"] header.glass{
  background:rgba(250,248,243,.9);
  border-bottom-color:#e7e0d1!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
html[data-tpl="ivory"] .nav-link::after{height:1px;background:var(--accent);bottom:-6px}
html[data-tpl="ivory"] .brand-mark{color:var(--brand)}
html[data-tpl="ivory"] .brand-name{letter-spacing:.2em}
html[data-tpl="ivory"] .brand-sub{color:#8a908c;letter-spacing:.2em}

/* ---------- 卡片：白纸 + 金线 ---------- */
html[data-tpl="ivory"] .glass.rounded-2xl{border-radius:2px!important}
html[data-tpl="ivory"] .glass.rounded-xl{border-radius:2px!important}
html[data-tpl="ivory"] .glass.rounded-lg{border-radius:2px!important}
html[data-tpl="ivory"] section .glass.rounded-2xl::before{
  content:'';position:absolute;left:22px;top:0;width:46px;height:1px;
  background:var(--accent);opacity:.5;transition:width .35s ease,opacity .35s ease;pointer-events:none;
}
html[data-tpl="ivory"] section .glass.rounded-2xl:hover::before{width:84px;opacity:.9}
html[data-tpl="ivory"] .card-hover:hover{border-color:var(--line-strong)}

/* ---------- 按钮 ---------- */
html[data-tpl="ivory"] .btn-primary{
  border-radius:2px!important;color:var(--btn-fg);
  letter-spacing:.06em;
}
html[data-tpl="ivory"] .btn-primary:hover{
  background:linear-gradient(135deg,#a8813f,#8a6730);
  color:#fff;
  box-shadow:0 12px 26px -18px rgba(168,129,63,.9);
}
html[data-tpl="ivory"] .btn-secondary{
  background:transparent;border-color:var(--line-2);color:var(--fg);border-radius:2px!important;
  letter-spacing:.04em;
}
html[data-tpl="ivory"] .btn-secondary:hover{background:#fff;border-color:var(--accent);color:var(--accent)}

/* ---------- 标签：金线描边 ---------- */
html[data-tpl="ivory"] .tag{
  background:transparent;border:1px solid rgba(168,129,63,.45);color:#8a6a2f;
  border-radius:2px!important;padding:.22rem .6rem;
}
html[data-tpl="ivory"] .tag-cyan{border-color:rgba(14,97,83,.38);color:#0e6153}
html[data-tpl="ivory"] .tag-gray{border-color:#d9d0bd;color:#6f7672}
html[data-tpl="ivory"] .filter-tab{border-radius:2px!important;border-color:var(--line-2);color:var(--fg-dim)}
html[data-tpl="ivory"] .filter-tab.active{background:#fff;border-color:var(--accent);color:var(--accent)}

/* ---------- 表单 ---------- */
html[data-tpl="ivory"] .input-field,
html[data-tpl="ivory"] .select-field{
  background-color:#fff;border-color:var(--line-2);border-radius:2px;color:var(--fg);
}
html[data-tpl="ivory"] .input-field::placeholder{color:#9aa09c}
html[data-tpl="ivory"] .input-field:focus,
html[data-tpl="ivory"] .select-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,129,63,.12)}
html[data-tpl="ivory"] .select-field{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a8813f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .7rem center;background-size:1.1rem;
}
html[data-tpl="ivory"] .select-field option{background:#fff;color:#161a19}

/* ---------- 轮播 ---------- */
html[data-tpl="ivory"] .hero-slide-mask{
  background:linear-gradient(100deg,rgba(247,244,237,.97) 0%,rgba(247,244,237,.86) 42%,rgba(247,244,237,.45) 78%,rgba(247,244,237,.62) 100%);
}
html[data-tpl="ivory"] #hero::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:110px;
  background:linear-gradient(180deg,transparent,var(--bg-1));pointer-events:none;z-index:5;
}
html[data-tpl="ivory"] .hero-dot{background:rgba(22,26,25,.22);border-radius:50%}
html[data-tpl="ivory"] .hero-dot.active{background:var(--accent);border-radius:1px}

/* ---------- 细节 ---------- */
html[data-tpl="ivory"] .counter{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:0}
html[data-tpl="ivory"] .partner-logo-box{background:#fff;border-color:#e7e0d1;border-radius:2px}
html[data-tpl="ivory"] .partner-logo-box:hover{border-color:var(--accent);box-shadow:0 10px 20px -18px rgba(22,26,25,.5)}

/* 案例/内容大图占位：米铜色版画感，而非黑色块 */
html[data-tpl="ivory"] .gradient-bg.h-40,
html[data-tpl="ivory"] .gradient-bg.h-44{
  background:linear-gradient(135deg,#e9e1d0 0%,#f2ecdf 60%,#e5dcc9 100%)!important;
  border-bottom:1px solid #e7e0d1;
}
html[data-tpl="ivory"] .gradient-bg.h-40 .text-white\/30,
html[data-tpl="ivory"] .gradient-bg.h-44 .text-white\/30{color:rgba(168,129,63,.42)!important}
/* 合作伙伴卡片 Logo 条：墨底 + 铜色微光，白 logo 也能看清 */
html[data-tpl="ivory"] .gradient-bg.opacity-90{
  background:linear-gradient(135deg,#202623 0%,#39413c 55%,#4a3f2b 100%)!important;
}
html[data-tpl="ivory"] ::selection{background:#a8813f;color:#fff}
html[data-tpl="ivory"] ::-webkit-scrollbar-thumb{background:#c3ab7d;border-radius:2px}
html[data-tpl="ivory"] ::-webkit-scrollbar-thumb:hover{background:#a8813f}

/* ---------- Tailwind 工具类对齐（深色 → 象牙） ---------- */
html[data-tpl="ivory"] .text-white{color:#161a19!important}
html[data-tpl="ivory"] .gradient-bg.text-white{color:#fff!important}
html[data-tpl="ivory"] .text-white\/30{color:rgba(255,255,255,.45)!important}
html[data-tpl="ivory"] .text-gray-300{color:#3d4340!important}
html[data-tpl="ivory"] .text-gray-400{color:var(--fg-dim)!important}
html[data-tpl="ivory"] .text-gray-500{color:var(--fg-mute)!important}
html[data-tpl="ivory"] .text-cyan-400{color:var(--brand)!important}
html[data-tpl="ivory"] .text-purple-400{color:var(--accent)!important}
html[data-tpl="ivory"] .bg-cyan-400{background-color:var(--accent)!important}
html[data-tpl="ivory"] .border-purple-500\/10{border-color:var(--line)!important}
html[data-tpl="ivory"] .border-purple-500\/20{border-color:var(--line-2)!important}
html[data-tpl="ivory"] .border-white\/10{border-color:var(--line)!important}
html[data-tpl="ivory"] .border-white\/5{border-color:#f0ebe0!important}
html[data-tpl="ivory"] .bg-white\/5{background:#faf8f3!important}
html[data-tpl="ivory"] .bg-black\/20{background:rgba(168,129,63,.06)!important}
html[data-tpl="ivory"] .bg-black\/70{background:rgba(22,26,25,.45)!important}
html[data-tpl="ivory"] .text-green-300{color:#2f6b4f!important}
html[data-tpl="ivory"] .text-red-300{color:#a33a34!important}
html[data-tpl="ivory"] .bg-green-500\/10{background:rgba(47,107,79,.07)!important}
html[data-tpl="ivory"] .bg-red-500\/10{background:rgba(163,58,52,.07)!important}
html[data-tpl="ivory"] .border-green-500\/30{border-color:rgba(47,107,79,.3)!important}
html[data-tpl="ivory"] .border-red-500\/30{border-color:rgba(163,58,52,.3)!important}
html[data-tpl="ivory"] .accent-purple-500{accent-color:var(--accent)!important}