/* =====================================================================
   LIMEI Cosmetics · B2B OEM 官网 — 全局样式表
   所有页面共享。配色沿用品牌体系: 墨黑 + 金色 + 玻璃拟态。
   ===================================================================== */

/* ---------- 设计令牌 ---------- */
:root{
  --ink:#0d0b0a;
  --ink-soft:#1a1513;
  --ink-card:#14100e;
  --gold:#d4af7a;
  --gold-light:#e8c9a0;
  --gold-deep:#b8864a;
  --rose:#c98a8a;
  --stone-50:#fafaf9;
  --stone-100:#f5f5f4;
  --stone-200:#e7e5e4;
  --stone-300:#d6d3d1;
  --stone-400:#a8a29e;
  --stone-500:#78716c;
  --stone-600:#57534e;
  --font-display:"Noto Serif SC","Playfair Display",ui-serif,Georgia,serif;
  --font-sans:"Inter","Noto Sans SC",ui-sans-serif,system-ui,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-sans);
  background:var(--ink);
  color:var(--stone-100);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0;}
p{margin:0;}

/* ---------- 排版工具 ---------- */
.text-shimmer{
  background:linear-gradient(110deg,#b8864a 10%,#e8c9a0 30%,#f5e6cf 50%,#e8c9a0 70%,#b8864a 90%);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite;
}
@keyframes shimmer{to{background-position:200% center;}}

.container-x{max-width:1200px;margin-inline:auto;padding-inline:24px;}
.section-pad{padding-block:96px;}
@media(max-width:640px){.section-pad{padding-block:64px;}}

.eyebrow{
  font-size:11px;font-weight:600;letter-spacing:.4em;text-transform:uppercase;
  color:rgba(212,175,122,.85);
}
.kicker{display:flex;align-items:center;gap:12px;}
.kicker .line{height:1px;width:40px;background:linear-gradient(90deg,transparent,rgba(212,175,122,.6));}
.kicker .line.r{background:linear-gradient(90deg,rgba(212,175,122,.6),transparent);}

/* ---------- 玻璃拟态卡片 ---------- */
.glass{
  background:rgba(20,16,14,.5);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border:1px solid rgba(212,175,122,.22);
  box-shadow:0 24px 70px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);
}
.card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  transition:border-color .3s,background .3s,transform .3s,box-shadow .3s;
}
.card:hover{border-color:rgba(212,175,122,.4);background:rgba(255,255,255,.06);transform:translateY(-4px);}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 26px;border-radius:12px;font-weight:600;font-size:14px;
  cursor:pointer;border:1px solid transparent;transition:all .25s;white-space:nowrap;
}
.btn-gold{
  background:linear-gradient(120deg,var(--gold-deep),var(--gold));
  color:var(--ink);border-color:rgba(212,175,122,.5);
}
.btn-gold:hover{background:linear-gradient(120deg,var(--gold),var(--gold-light));transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(212,175,122,.5);}
.btn-ghost{background:transparent;color:var(--gold-light);border-color:rgba(212,175,122,.4);}
.btn-ghost:hover{background:rgba(212,175,122,.1);border-color:var(--gold);}

/* ---------- 表单输入 ---------- */
.field{
  width:100%;background:rgba(0,0,0,.35);border:1px solid rgba(212,175,122,.22);
  color:var(--stone-100);border-radius:12px;padding:12px 16px;font-size:14px;
  font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s;
}
.field::placeholder{color:rgba(168,162,158,.5);}
.field:focus{outline:none;border-color:rgba(212,175,122,.7);box-shadow:0 0 0 3px rgba(212,175,122,.16);background:rgba(0,0,0,.5);}
.field-label{font-size:11px;letter-spacing:.05em;color:rgba(214,211,209,.7);margin-bottom:6px;display:block;}

/* ---------- 徽章 / 标签 ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.05em;}
.badge-gold{background:rgba(212,175,122,.12);color:var(--gold-light);border:1px solid rgba(212,175,122,.3);}
.badge-stone{background:rgba(255,255,255,.06);color:var(--stone-300);}

/* ---------- 分隔金线 ---------- */
.section-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,122,.45),transparent);max-width:1000px;margin-inline:auto;}

/* ---------- 动画 ---------- */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);}
.reveal.in-view{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ---------- FAQ 折叠 ---------- */
.faq-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:border-color .3s,background .3s;}
.faq-item summary{list-style:none;cursor:pointer;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item .faq-icon{transition:transform .3s;}
.faq-item[open] .faq-icon{transform:rotate(45deg);}
.faq-item[open]{background:rgba(212,175,122,.05);border-color:rgba(212,175,122,.3);}

/* ---------- 闪烁扫光 ---------- */
.sheen{position:relative;overflow:hidden;}
.sheen::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.12) 52%,transparent 70%);transform:translateX(-120%);animation:sheen 4.5s ease-in-out infinite;}
@keyframes sheen{0%,60%{transform:translateX(-120%);}100%{transform:translateX(120%);}}

/* ---------- 脉冲点 ---------- */
.pulse-dot{animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}

/* ---------- 噪点纹理层 ---------- */
.noise::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:var(--ink);}
::-webkit-scrollbar-thumb{background:rgba(212,175,122,.25);border-radius:9999px;border:2px solid var(--ink);}
::-webkit-scrollbar-thumb:hover{background:rgba(212,175,122,.45);}

/* ---------- 通用栅格 ---------- */
.grid-auto{display:grid;gap:24px;}
@media(min-width:640px){.grid-auto{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.grid-auto{grid-template-columns:repeat(3,1fr);}}

/* ---------- 移动端导航抽屉 ---------- */
.drawer{transition:transform .3s ease;}
.drawer.closed{transform:translateX(100%);}