/**
 * minsurf-site · 暖纸杂志（Editorial Warm Paper）
 * 统一形式语言：DM Sans 全站 + 暖纸底 + 琥珀点缀 + 温润墨色
 */
:root{
  --bg:#f7f4ed;
  --bg-alt:#efebe2;
  --paper:#fffef9;
  --text:#1c1c1c;
  --text-muted:#5f5f5d;
  --border:#e8e4da;
  --border-active:rgba(28,28,28,.32);
  --ink:#1a1814;
  --ink-soft:#2a2722;
  --amber:#C8973A;
  --amber-deep:#9B6F1B;
  --amber-soft:rgba(200,151,58,.11);
  --amber-line:rgba(200,151,58,.42);
  --font:'DM Sans','PingFang SC','Hiragino Sans GB',ui-sans-serif,system-ui,sans-serif;
  --shadow-soft:0 10px 36px rgba(26,24,20,.06);
  --shadow-card:0 4px 24px rgba(26,24,20,.05);
  --r-card:14px;
  --r-pill:9999px;
  --dark:var(--ink);
}

/* —— 纸面与排版 —— */
body.ms-theme-editorial{
  font-family:var(--font);
  background:
    radial-gradient(1100px 520px at 8% -8%, rgba(200,151,58,.07), transparent 58%),
    radial-gradient(800px 420px at 92% 4%, rgba(26,24,20,.025), transparent 52%),
    linear-gradient(180deg, var(--bg) 0%, #f5f2ea 100%);
  color:var(--text);
  letter-spacing:.01em;
}

h1,h2,h3,.foot-brand .logo{
  font-family:var(--font);
  font-weight:700;
  letter-spacing:-.03em;
}
h1{font-weight:700;line-height:1.08;letter-spacing:-.03em}
h2{line-height:1.15;letter-spacing:-.02em;font-weight:700}
h3{font-weight:650;letter-spacing:-.015em;line-height:1.25}

.tag{
  font-family:var(--font);
  letter-spacing:.14em;
  color:var(--amber-deep);
  position:relative;
  padding-left:14px;
}
.tag::before{
  content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;
  border-radius:50%;background:var(--amber);
  box-shadow:0 0 0 3px var(--amber-soft);
}
.tag-muted{color:var(--text-muted)}
.tag-muted::before{background:var(--text-muted);box-shadow:0 0 0 3px rgba(95,95,93,.12)}

.lead{
  font-size:17px;line-height:1.65;color:var(--text-muted);
  max-width:42em;
}

/* —— 导航 —— */
nav{
  background:rgba(247,244,237,.88)!important;
  border-bottom-color:var(--border)!important;
}
.nav-logo{
  font-size:19px!important;
  letter-spacing:-.03em!important;
  font-weight:650!important;
}
.nav-links a{
  font-size:13px;
  letter-spacing:.02em;
}
.nav-links a.active{
  color:var(--text)!important;
  background:var(--amber-soft)!important;
}
.lang-switch a.cur{
  background:var(--amber-soft)!important;
  color:var(--amber-deep)!important;
}

.btn-nav,.btn-dark{
  background:var(--ink)!important;
  box-shadow:var(--shadow-soft), rgba(255,255,255,.15) 0 1px 0 inset!important;
}
.btn-nav:hover,.btn-dark:hover{opacity:1!important;background:var(--ink-soft)!important}

.btn-outline{
  border-color:var(--border-active)!important;
  background:rgba(255,254,249,.6)!important;
}
.btn-outline:hover{
  background:var(--paper)!important;
  border-color:var(--amber-line)!important;
}

.btn-light{
  background:var(--paper)!important;
  color:var(--ink)!important;
  box-shadow:var(--shadow-card)!important;
}

/* —— 卡片与区块 —— */
.card{
  background:var(--paper)!important;
  border-color:var(--border)!important;
  border-radius:var(--r-card)!important;
  box-shadow:var(--shadow-card);
}
.card-hover:hover{
  border-color:var(--amber-line)!important;
  box-shadow:var(--shadow-soft)!important;
}

.sec-alt{
  background:
    linear-gradient(180deg, var(--bg-alt) 0%, #ebe6dc 100%)!important;
}

hr.div{
  border:none!important;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--border) 12%, var(--amber-line) 50%, var(--border) 88%, transparent);
  opacity:.9;
}

/* 卡片内链接 */
.card a[style*="font-weight:600"],
.card a:not(.btn):not(.btn-nav){
  color:var(--amber-deep);
  transition:color .2s, gap .2s;
}
.card a[style*="font-weight:600"]:hover{color:var(--ink)}

/* —— 暗色带（信任栏 / sec-dark / 页脚）统一暖墨 —— */
[style*="background:var(--dark)"],
.sec-dark,
footer{
  background:
    radial-gradient(900px 400px at 20% 0%, rgba(200,151,58,.12), transparent 55%),
    linear-gradient(165deg, #222018 0%, var(--ink) 48%, #141210 100%)!important;
}
.sec-dark{color:rgba(255,252,245,.92)!important}

.foot-col h4{color:rgba(200,151,58,.45)!important;letter-spacing:.1em!important}
.foot-col ul li a:hover{color:var(--amber)!important}
.foot-brand .logo{color:#fff!important}

/* —— 图片占位 —— */
.img-ph{
  border-color:var(--amber-line)!important;
  background:linear-gradient(145deg, var(--bg-alt), #e8e2d6)!important;
}
.img-ph::before{
  background:repeating-linear-gradient(
    -12deg, transparent, transparent 11px,
    rgba(200,151,58,.035) 11px, rgba(200,151,58,.035) 12px
  )!important;
}
.img-ph-id{background:var(--amber)!important;color:#fff!important}

/* —— 表单（合作页） —— */
.ms-contact-grid{
  max-width:1200px;margin:0 auto;padding:80px 40px;
  display:grid;grid-template-columns:1fr min(440px,38%);gap:72px;align-items:start;
}
@media (max-width:900px){
  .ms-contact-grid{grid-template-columns:1fr;gap:40px;padding:56px 24px}
}

input,textarea,select{
  background:var(--paper)!important;
  border-color:var(--border)!important;
  border-radius:12px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--amber)!important;
  box-shadow:0 0 0 3px var(--amber-soft)!important;
}
.radio-card{
  background:var(--paper)!important;
  border-radius:12px!important;
}
.radio-card.selected{
  border-color:var(--amber)!important;
  background:linear-gradient(180deg, rgba(200,151,58,.08), rgba(200,151,58,.03))!important;
  box-shadow:0 0 0 1px rgba(200,151,58,.15);
}

/* FAQ */
details{
  background:var(--paper)!important;
  border-color:var(--border)!important;
  border-radius:12px!important;
}
summary{font-weight:650}

/* —— 路径 Tab / 徽章 —— */
.ms-path-tabs{
  background:var(--bg-alt)!important;
  border-color:var(--border)!important;
}
.badge-a{background:var(--amber-soft)!important;color:var(--amber-deep)!important}

/* —— 内页横幅（FAQ 等）：背景图与标题分层 —— */
.ms-page-banner{
  position:relative;
  overflow:hidden;
  min-height:220px;
  display:grid;
  place-items:stretch;
}
.ms-page-banner__bg{
  position:absolute!important;
  inset:0;
  min-height:100%!important;
  height:100%!important;
  width:100%;
  border:none!important;
  border-radius:0!important;
  z-index:0;
  pointer-events:none;
  padding:0!important;
  gap:0!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
}
.ms-page-banner__bg .img-ph-title,
.ms-page-banner__bg .img-ph-spec{
  display:none!important;
}
.ms-page-banner__bg .img-ph-id{
  position:absolute;
  top:12px;
  left:12px;
  z-index:1;
  opacity:.42;
  transform:scale(.88);
  transform-origin:left top;
  pointer-events:auto;
}
body.ms-cms-editing .ms-page-banner__bg .img-ph-id{opacity:.75}
.ms-page-banner__bg.ms-cms-has-img{
  pointer-events:auto;
}
.ms-page-banner__overlay{
  position:absolute;
  inset:0;
  z-index:2;
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  padding:52px 28px 48px;
  background:
    linear-gradient(180deg, rgba(247,244,237,.94) 0%, rgba(247,244,237,.82) 100%);
  backdrop-filter:blur(6px);
}
.ms-page-banner__overlay .tag{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 auto 4px;
  padding-left:0!important;
  text-align:center;
}
.ms-page-banner__overlay .tag::before{
  position:static;
  flex-shrink:0;
  margin:0;
}
.ms-page-banner__overlay h1{
  position:relative;
  z-index:1;
  margin:0 auto;
  text-align:center;
  width:100%;
  max-width:600px;
}
.ms-page-banner__bg.ms-cms-has-img + .ms-page-banner__overlay{
  background:linear-gradient(180deg, rgba(247,244,237,.88), rgba(247,244,237,.72));
}

/* —— Hero 微调 —— */
.ms-hero-banner__content h1,
.ms-hero-grid h1{margin-bottom:.35em!important}
.ms-hero-banner__content .lead,
.ms-hero-grid .lead{
  margin-bottom:1.6rem!important;
  font-size:19px!important;
  line-height:1.55!important;
  color:var(--text-muted)!important;
}

/* —— 信任条（关键卖点 · 加大字号） —— */
.ms-trust-bar{
  background:var(--ink)!important;
  color:#fff;
  padding:22px 40px 18px;
}
.ms-trust-bar__inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 36px;
}
.ms-trust-item{
  font-family:var(--font)!important;
  font-size:16px!important;
  font-weight:650!important;
  letter-spacing:.01em;
  color:rgba(255,255,255,.94)!important;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.ms-trust-item::before{
  content:'';
  width:5px;height:5px;border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 0 3px var(--amber-soft);
  flex-shrink:0;
}
.ms-trust-bar__note{
  max-width:1200px;
  margin:10px auto 0;
  text-align:center;
  font-size:12px;
  color:rgba(255,255,255,.42);
  line-height:1.5;
}

/* —— 品牌 Logo / MinSurf —— */
.ms-brand{
  display:inline-flex!important;
  align-items:center;
  gap:0;
  padding:0!important;
  min-height:32px;
}
.ms-brand__img{
  display:block;
  height:28px;
  width:auto;
  max-width:none;
  flex-shrink:0;
  object-fit:contain;
}
.ms-brand-text,.foot-brand .logo.ms-brand-text{
  font-family:var(--font)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

/* —— 排版收敛：减少层级杂乱 —— */
.ms-theme-editorial .tag{
  font-size:11px!important;
  font-weight:700!important;
  margin-bottom:12px!important;
}
.ms-theme-editorial h2{margin-bottom:.65em!important}
.ms-theme-editorial h3{font-weight:650!important}
.ms-theme-editorial .card p[style*="font-size:14px"],
.ms-theme-editorial .card p[style*="font-size:15px"]{
  font-size:15px!important;
  line-height:1.6!important;
}
.ms-theme-editorial .sec .lead,
.ms-theme-editorial p.lead{
  font-size:17px!important;
  max-width:36em;
}

/* —— 表单：选填标注 —— */
label .ms-opt{
  font-weight:500;
  color:var(--text-muted);
  font-size:12px;
}
.form-group.is-optional label{font-weight:600}

/* —— CMS 与编辑浮层 —— */
.ms-cms-card{
  background:var(--paper)!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
}
.ms-cms-card h3{font-family:var(--font);font-weight:650}
.ms-cms-card input{
  border-radius:10px!important;
}
.ms-cms-fab .ms-cms-primary{background:var(--ink)!important}
.ms-cms-fab .ms-cms-accent{background:var(--amber)!important}
.ms-cms-toast{
  background:var(--ink)!important;
  font-family:var(--font)!important;
  box-shadow:var(--shadow-soft)!important;
}

/* —— 内链 hover 统一 —— */
.sec a:not(.btn):not(.btn-nav):not(.btn-dark):not(.btn-light):not(.btn-outline):not(.btn-ghost){
  transition:color .2s;
}
.sec a:not(.btn):hover{color:var(--amber-deep)}

@media (max-width:768px){
  h1{font-size:clamp(32px,8vw,40px)!important}
  h2{font-size:clamp(24px,6vw,30px)!important}
}

@media (prefers-reduced-motion:reduce){
  .card,.btn,.btn-nav{transition:none!important}
}