/* ============================================================
   星火工作室 · 「炭火 Ember」设计系统
   深炭灰打底，星火橙点亮；纸感留白，噪点有温度。
   现代但不要紫色 · 极简但有温度 · 科技感但不冰冷
   ============================================================ */

:root{
    /* —— 炭灰（深色基底，全部带暖调）—— */
    --ink-950:#100e0c;
    --ink-900:#1a1714;
    --ink-850:#221e1a;
    --ink-800:#2b2621;
    --ink-700:#3a342d;
    --ink-600:#524a40;
    --ink-500:#6b6155;

    /* —— 星火橙（主色）—— */
    --ember-300:#ffc46b;
    --ember-400:#ffa53d;
    --ember-500:#ff7a18;
    --ember-600:#f05e0c;
    --ember-700:#c94a08;
    --ember-glow:rgba(255,122,24,.32);

    /* —— 纸感（浅色内容区）—— */
    --paper:#faf5ee;
    --paper-2:#f3ece2;
    --paper-3:#ebe1d4;
    --paper-line:#e0d5c4;

    /* —— 文字 —— */
    --cream:#f7f1e8;
    --cream-dim:#b3a99b;
    --char:#1a1714;
    --char-2:#6b6155;
    --char-3:#9a8f7f;

    /* —— 功能 —— */
    --price:#ff5d2e;
    --ok:#3fae6a;
    --danger:#e5484d;
    --info:#4a90d9;

    /* —— 深浅交替 section（lhy 骨架：靠背景色做页面分割）—— */
    --sec-dark:#14110e;        /* 深色区：接近黑，保留炭火暖调（lhy 为 #000） */
    --sec-dark-2:#1d1915;      /* 深色区卡片底 */
    --sec-light:#fff;          /* 浅色区：纯白 */
    --sec-gray:#f5f2ed;        /* 浅灰区：lhy #f5f5f7，稍偏暖 */
    --sec-gray-2:#ece7df;      /* 浅灰区更深 */
    --sec-pad:clamp(72px,9vw,124px);  /* section 上下留白（lhy 约 88-150） */

    /* —— 形状（lhy 圆角：30/22/16/12）—— */
    --r-sm:12px;
    --r:16px;
    --r-lg:22px;
    --r-xl:30px;
    --r-pill:999px;

    /* —— 暖色阴影（有温度，不用冷灰）—— */
    --sh-card:0 1px 2px rgba(26,23,20,.05),0 8px 24px -12px rgba(26,23,20,.18);
    --sh-lift:0 2px 4px rgba(26,23,20,.06),0 18px 40px -16px rgba(240,94,12,.28);
    --sh-ember:0 10px 30px -8px rgba(255,122,24,.45);

    /* —— 缓动：干脆的出场，禁止 ease-in-out —— */
    --ease-out:cubic-bezier(.22,1,.36,1);
    --ease-press:cubic-bezier(.32,0,.67,0);

    --header-h:68px;

    /* —— 映射 index.css 旧变量名，全站自动转炭火 —— */
    --brand:#ff7a18;
    --brand-d:#f05e0c;
    --brand-bg:#fff3e8;
    --bg:#faf5ee;
    --line:#e0d5c4;
    --line-2:#f3ece2;
    --t1:#1a1714;
    --t2:#524a40;
    --t3:#9a8f7f;
    --danger:#e5484d;
    --ok:#3fae6a;
    --warn:#ff7d00;
    --radius:16px;
    --shadow-1:0 1px 2px rgba(26,23,20,.05),0 8px 24px -12px rgba(26,23,20,.18);
    --shadow-2:0 18px 40px -16px rgba(240,94,12,.28);
    --brand-shadow:0 10px 26px rgba(255,122,24,.32);
}

/* 噪点纹理（SVG fractalNoise，铺在背景上，拒绝纯平） */
.noise-layer{
    position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.5;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size:220px 220px;
}

/* 浅色内容区噪点（比 hero 深色噪点更淡、更细，做出区分） */
.noise-paper{
    position:relative;
}
.noise-paper::before{
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    border-radius:inherit;
    opacity:.85;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='np'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.42 0 0 0 0 0.28 0 0 0 0 0.16 0 0 0 0.15 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23np)'/%3E%3C/svg%3E");
    background-size:180px 180px;
}
.noise-paper > *{ position:relative; z-index:1; }

/* 深色 hero → 浅色内容区的分割带（炭火余烬渐隐，页面分割感） */
.divider-ember{
    height:34px; position:relative;
    background:linear-gradient(180deg, var(--ink-900) 0%, rgba(26,23,20,.35) 45%, transparent 100%);
}
.divider-ember::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%); top:50%;
    width:74px; height:4px; border-radius:3px;
    background:linear-gradient(90deg,transparent,var(--ember-500),transparent);
    opacity:.7;
}

html{ min-width:300px; scroll-behavior:smooth; }
body{
    margin:0;
    font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--cream);
    background-color:var(--sec-dark);
    /* 深色炭火：极淡暖光，不是纯平 */
    background-image:
        radial-gradient(1200px 600px at 80% -10%, rgba(255,122,24,.09), transparent 60%),
        radial-gradient(900px 500px at -10% 0%, rgba(240,94,12,.06), transparent 55%);
    background-attachment:fixed;
    -webkit-font-smoothing:antialiased;
}
/* 全站深色噪点：铺在背景之上、内容之下（内容盒子透明即可透出） */
body::before{
    content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size:220px 220px;
}
h1,h2,h3,h4{ color:var(--cream); line-height:1.3; }
a{ color:var(--ember-400); }
::selection{ background:var(--ember-500); color:#fff; }

/* —— 渐变文字（「号自己会来」同款）—— */
.grad-text{
    background:linear-gradient(90deg,#ffc46b 0%,#ffa53d 50%,#ff7a18 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:var(--ember-400);
}
/* —— 渐变边框（盒子背景透明，支持圆角）—— */
.grad-border{ position:relative; border:1px solid transparent; border-radius:var(--r); }
.grad-border::before{
    content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask-composite:exclude;
    pointer-events:none;
}

/* ============================================================
   顶部导航：炭黑 + 橙光，固定
   ============================================================ */
.header{
    position:fixed; top:0; left:0; right:0; z-index:1000;
    height:var(--header-h); display:flex; align-items:center; gap:6px;
    padding:0 18px; box-sizing:border-box;
    background:linear-gradient(180deg, rgba(26,23,20,.96), rgba(26,23,20,.92));
    border-bottom:1px solid var(--ink-700);
    box-shadow:0 6px 24px -12px rgba(0,0,0,.6);
    backdrop-filter:saturate(180%) blur(20px);
    -webkit-backdrop-filter:saturate(180%) blur(20px);
}
/* 导航底部一线橙光 */
.header::after{
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
    background:linear-gradient(90deg,transparent,var(--ember-500),transparent);
    opacity:.55;
}
.brand-link{ display:flex; align-items:center; text-decoration:none; flex-shrink:0; margin-right:10px; }
.brand-logo{ width:38px;height:38px;border-radius:11px; }
.brand-name{ font-size:20px;font-weight:800;letter-spacing:.5px; color:var(--cream); margin-left:0; white-space:nowrap; }
/* 品牌名：星火橙渐变文字（与 hero 高亮同款，深色导航上更醒目） */
.brand-name .brand-cn{
    background:linear-gradient(90deg,#ffc46b 0%,#ffa53d 50%,#ff7a18 100%);
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    color:var(--cream);
}
/* 移动端汉堡按钮：星火橙渐变图标 */
.mobile-menu-btn{
    color:var(--ember-500);
    background:radial-gradient(circle at 50% 40%, rgba(255,122,24,.16), transparent 70%);
}
.mobile-menu-btn i{
    background:linear-gradient(135deg,#ffc46b,#ff7a18);
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.mobile-menu-btn:active{ background-color:var(--ember-500); }
.mobile-menu-btn:active i{ -webkit-text-fill-color:#fff; background:none; }

/* 导航按钮（文字式，克制） */
.home-button{
    display:inline-flex; align-items:center; gap:6px;
    background:transparent; border:1px solid transparent; border-radius:var(--r-pill);
    padding:8px 14px; font-size:14px; font-weight:600; color:var(--cream-dim);
    cursor:pointer; transition:color .18s var(--ease-out),background .18s var(--ease-out),border-color .18s;
}
.home-button i{ font-size:14px; }
.home-button:hover{ color:var(--cream); background:rgba(255,255,255,.06); }
.pc-nav-item{ text-decoration:none; }
/* 当前页/强调：橙色描边胶囊 */
.nav-account .home-button{ color:var(--ember-300); border-color:rgba(255,122,24,.4); }
.nav-account .home-button:hover{ background:rgba(255,122,24,.12); }

/* ============================================================
   按钮
   ============================================================ */
.btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    border:none; border-radius:var(--r); cursor:pointer;
    padding:14px 26px; font-size:15px; font-weight:700; text-decoration:none;
    transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background .16s;
}
.btn:active{ transform:scale(.97); }
.btn-primary{
    color:#fff;
    background:var(--ember-500);
    box-shadow:0 10px 24px -8px rgba(255,122,24,.5);
}
.btn-primary:active{ background:var(--ember-600); }
.btn-primary:hover{ box-shadow:0 14px 36px -8px rgba(255,122,24,.6); transform:translateY(-1px); }
.btn-ghost{
    color:var(--ember-600); background:var(--paper-2);
    border:1px solid var(--paper-line);
}
.btn-ghost:hover{ background:var(--paper-3); }
.btn-dark{
    color:var(--cream); background:var(--ink-800); border:1px solid var(--ink-700);
}
.btn-dark:hover{ background:var(--ink-700); }

/* ============================================================
   卡片（纸感，暖色阴影，圆角）
   ============================================================ */
.card{
    background:transparent;
    border:1px solid rgba(255,255,255,.1);
    border-radius:var(--r);
    padding:20px;
}

/* 商品卡：透明 + 渐变边框，名称渐变 */
.product-card{
    display:flex; flex-direction:column; align-items:center; gap:8px;
    background:transparent;
    border:1px solid transparent; border-radius:var(--r);
    padding:14px; text-decoration:none; color:inherit; text-align:center;
    transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);
}
.product-card::before{
    content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
    background:linear-gradient(90deg,rgba(255,196,107,.7),rgba(255,165,61,.7),rgba(255,122,24,.7));
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask-composite:exclude;
    pointer-events:none; transition:background .2s;
}
.product-card:hover{
    transform:translateY(-3px); box-shadow:var(--sh-lift);
}
.product-card:hover::before{
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
}
.p-icon{ width:76px;height:76px;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--ember-400); }
.p-name{ font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px;
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ember-400); }
.p-bot{ display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;align-self:stretch; }
.p-price{ font-size:17px;font-weight:800;color:var(--price); }
.p-stock{ font-size:11px;color:var(--cream-dim); }

/* ============================================================
   表单
   ============================================================ */
.field{ margin-bottom:14px; }
.field label{ display:block;font-size:13px;font-weight:600;color:var(--cream-dim);margin-bottom:7px; }
.input,.field input,input[type=text],input[type=email],input[type=password],select,textarea{
    width:100%; box-sizing:border-box;
    background:transparent; border:1.5px solid rgba(255,255,255,.12); border-radius:var(--r-sm);
    padding:12px 14px; font-size:14.5px; color:var(--cream); outline:none;
    transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s;
}
.input:focus,input:focus,select:focus,textarea:focus{
    border-color:var(--ember-500);
    box-shadow:0 0 0 3px var(--ember-glow);
    background:transparent;
}
::placeholder{ color:var(--cream-dim); }
/* 浏览器自动填充时强制透明（否则会出现白底/黄底）。
   transition 延迟背景色变化保持透明；深色 inset 阴影兜底，任何 Chrome 版本都不白 */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,
input:-internal-autofill-selected{
    -webkit-text-fill-color:var(--cream);
    -webkit-box-shadow:0 0 0 1000px var(--sec-dark) inset !important;
    box-shadow:0 0 0 1000px var(--sec-dark) inset !important;
    transition:background-color 9999s ease-in-out 0s;
    caret-color:var(--cream);
}

/* ============================================================
   区块标题（左对齐，不完美居中；带橙色短杠）
   ============================================================ */
.section-title{
    display:flex; align-items:baseline; gap:10px;
    font-size:20px; font-weight:800; color:var(--char);
    margin:0 0 18px;
}
.section-title::before{
    content:""; align-self:center; width:5px; height:20px; border-radius:3px;
    background:linear-gradient(180deg,var(--ember-400),var(--ember-600));
}
.section-title .count{ font-size:13px;font-weight:600;color:var(--char-3); }

/* 容器（lhy 1120px；电商内容稍多，取 1180） */
.wrap{ max-width:1180px; margin:0 auto; padding:0 20px; }

/* 分页 */
.pager{ display:flex;gap:7px;justify-content:center;margin-top:22px;flex-wrap:wrap; }
.pager button{ border:1px solid rgba(255,255,255,.14);background:transparent;border-radius:999px;padding:8px 15px;font-size:13px;cursor:pointer;color:var(--cream-dim);
    transition:background .16s var(--ease-out),color .16s,border-color .16s; }
.pager button:hover:not(:disabled){ background:rgba(255,255,255,.08); color:var(--cream); border-color:rgba(255,255,255,.25); }
.pager button.active{
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    color:#fff;border-color:transparent; font-weight:700;
}
.pager button:disabled{ opacity:.4;cursor:default; }

/* 标签 chip */
.chip{
    display:inline-flex;align-items:center;gap:6px;
    background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
    border-radius:var(--r-pill); padding:7px 14px; font-size:13px;font-weight:600;
    color:var(--cream-dim); cursor:pointer; text-decoration:none;
    transition:all .16s var(--ease-out);
}
.chip:hover{ background:rgba(255,255,255,.1); color:var(--cream); }
.chip.active{ background:var(--ember-500); color:#fff; border-color:transparent; }

/* 提示条 */
.notice{
    display:flex; gap:10px; align-items:flex-start;
    border-radius:var(--r); padding:13px 16px; font-size:13.5px; line-height:1.6;
}
.notice-warn{ background:rgba(255,122,24,.12); border:1px solid rgba(255,122,24,.3); color:var(--ember-300); }
.notice-ok{ background:rgba(63,174,106,.12); border:1px solid rgba(63,174,106,.3); color:var(--ok); }

/* ============================================================
   深浅交替 section（lhy 骨架核心：靠背景色做页面分割）
   用法：<section class="sec sec-dark"> / .sec-light / .sec-gray
   ============================================================ */
.sec{ position:relative; padding:var(--sec-pad) 0; }
.sec-light{ background:var(--sec-light); color:var(--char); }
.sec-gray{ background:var(--sec-gray); color:var(--char); }
.sec-dark{
    background:var(--sec-dark); color:var(--cream);
    /* 深色区也不做纯平：极淡的暖光 + 噪点 */
    background-image:
        radial-gradient(900px 480px at 85% -10%, rgba(255,122,24,.10), transparent 60%),
        radial-gradient(700px 420px at 0% 110%, rgba(240,94,12,.07), transparent 55%);
}
.sec-dark h1,.sec-dark h2,.sec-dark h3,.sec-dark h4{ color:var(--cream); }
/* 深色区卡片底 */
.sec-dark .card,.sec-dark .product-card{
    background:linear-gradient(180deg,var(--sec-dark-2),#171310);
    border-color:rgba(255,255,255,.08);
}
/* 深色区噪点（比 hero 淡，做区分） */
.sec-dark.noise-paper::before{ opacity:.35; }
.sec-dark .section-title{ color:var(--cream); }
.sec-dark .chip{
    background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); color:var(--cream-dim);
}
.sec-dark .chip:hover{ background:rgba(255,255,255,.12); color:var(--cream); }
.sec-dark input,.sec-dark textarea,.sec-dark select{
    background:#1d1915; border-color:rgba(255,255,255,.12); color:var(--cream);
}
.sec-dark ::placeholder{ color:var(--cream-dim); }

/* 滚动入场（配合 JS .reveal） */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease-out),transform .7s var(--ease-out); }
.reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
    .reveal{ opacity:1; transform:none; transition:none; }
}

/* 顶部滚动进度条 */
.nav-prog{
    position:fixed; top:0; left:0; height:2px; width:0; z-index:1200;
    background:linear-gradient(90deg,var(--ember-400),var(--ember-500));
    box-shadow:0 0 8px var(--ember-glow);
}

/* ============================================================
   全站深色噪点 · 补充适配（公告/页脚/浅色容器统一透明）
   ============================================================ */

/* 公告栏：深色半透明，贴合噪点（合规提示仍醒目） */
.announcement-bar{
    background:linear-gradient(160deg,rgba(29,25,21,.94),rgba(20,17,14,.94));
    border-bottom:1px solid rgba(255,122,24,.25);
}
.announcement-text{ color:var(--cream-dim); }
.announcement-text strong{ color:var(--ember-300); }
.announcement-icon{ color:var(--ember-400); }
.announcement-close{ color:var(--cream-dim); }
.announcement-close:hover{ background:rgba(255,122,24,.16); color:var(--cream); }

/* 页脚深色透明 */
.site-footer{
    background:transparent;
    border-top:1px solid rgba(255,255,255,.08);
    color:var(--cream-dim);
}

/* 通用浅色容器全部转透明（噪点透出） */
.web-content,.content-wrap,.page-wrap,.main-wrap,.panel,.box,.info-box,.form-box{
    background:transparent;
}

/* 通用标题/正文 */
.section-title,.page-title{ color:var(--cream); }
.muted,.sub,.desc,.hint{ color:var(--cream-dim); }

/* ============================================================
   产品详情页 · 深色噪点 + 透明 + 渐变
   ============================================================ */

/* 左侧展示卡：透明 + 渐变边框 */
.product-showcase{
    background:transparent;
    border:1px solid transparent;
    box-shadow:none;
}
.product-showcase::before{
    content:""; position:absolute; inset:0; border-radius:20px; padding:1px;
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask-composite:exclude;
    pointer-events:none; z-index:5;
}
.showcase-region{
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ember-400);
}
.showcase-type{ color:var(--cream-dim); }
.showcase-tag{
    background:transparent;
    border:1px solid rgba(255,255,255,.12);
    color:var(--cream-dim);
    backdrop-filter:none;
}
.showcase-tag i{ color:var(--ember-400); }
.deco-circle{ background:rgba(255,122,24,.1); }

/* 中间下单区：透明 */
.pay-box{
    background:transparent;
    border:1px solid rgba(255,255,255,.1);
    box-shadow:none;
}
.product-title{
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ember-400);
}
.price-value{ color:var(--price); }
.total-price-box{
    background:transparent;
    border:1px solid rgba(255,255,255,.1);
    color:var(--cream-dim);
}
.total-price-box .tp-amt{ color:var(--cream); }

/* 立即下单：透明 + 渐变文字 + 渐变边框 */
.pay-button-3{
    position:relative;
    background:transparent;
    border:1px solid transparent;
    box-shadow:none;
    background-image:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ember-400);
}
.pay-button-3::after{
    content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask-composite:exclude;
    pointer-events:none;
}
.pay-button-3:hover{ background-image:linear-gradient(90deg,#ffd98f,#ffb85c,#ff8f3d);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; }
.pay-button-3:hover::after{ background:linear-gradient(90deg,#ffd98f,#ffb85c,#ff8f3d); }

/* 信任标识 */
.trust-bar{ border-top:1px solid rgba(255,255,255,.08); }
.trust-item{ color:var(--cream-dim); }
.trust-item i{ color:var(--ember-400); }

/* 右侧详情：透明 */
.product-info{
    background:transparent;
    border:1px solid rgba(255,255,255,.1);
    box-shadow:none;
}
.info-title{ color:var(--cream); }
.seo-product-desc{
    background:transparent;
    border:1px solid rgba(255,255,255,.08);
    color:var(--cream-dim);
}
.seo-product-desc strong{ color:var(--ember-300); }
.info-grid{ gap:12px; }
.info-item{
    background:transparent;
    border:1px solid rgba(255,255,255,.08);
}
.info-item:hover{ background:rgba(255,122,24,.08); }
.info-icon{ color:var(--ember-400); }
.info-label{ color:var(--cream-dim); }
.info-value{ color:var(--cream); }
.info-notes{ border-top:1px solid rgba(255,255,255,.08); }
.info-notes p{ color:var(--cream-dim); }
.info-notes i{ color:var(--ember-400); }

/* 发货/使用指南：透明 */
.guide-block{
    background:transparent;
    border:1px solid rgba(255,255,255,.08);
}
.guide-h{ color:var(--cream); }
.guide-h i{ color:var(--ember-400); }
.guide-list li{ color:var(--cream-dim); }
.guide-list b{ color:var(--ember-300); }
.guide-steps li{ color:var(--cream-dim); }
.guide-steps li::before{ background:rgba(255,122,24,.15); color:var(--ember-300); }
.guide-warn{
    background:rgba(255,122,24,.1);
    border:1px solid rgba(255,122,24,.25);
    color:var(--ember-300);
}

/* 客服下单提示 */
.contact-order-box{
    background:transparent;
    border:1.5px dashed rgba(255,122,24,.35);
}
.contact-order-t{ color:var(--cream); }
.contact-order-d{ color:var(--cream-dim); }

/* 页内售后/合作：透明 */
.contact-section{
    background:transparent;
    border:1px solid rgba(255,255,255,.1);
}
.contact-card{
    background:transparent;
    border:1px solid rgba(255,255,255,.1);
}
.contact-card:hover{
    background:rgba(255,122,24,.08);
    border-color:rgba(255,122,24,.4);
    transform:translateY(-2px);
}
.contact-card .cc-name{ color:var(--cream); }
.contact-card:hover .cc-name{
    background:linear-gradient(90deg,#ffc46b,#ffa53d,#ff7a18);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ember-400);
}
.contact-card .cc-id{ color:var(--cream-dim); }

/* 信息标签 tag */
.tag{
    background:transparent;
    border:1px solid rgba(255,255,255,.1);
    color:var(--cream-dim);
}
.tag i{ color:var(--ember-400); }

/* loading-box 浅色 */
.loading-box{ color:var(--cream-dim); }

/* 详情页表单：深色半透明 */
.form-label{ color:var(--cream-dim); }
.form-label i{ color:var(--ember-400); }
.input-type{
    background:transparent;
    border:1.5px solid rgba(255,255,255,.12);
    color:var(--cream);
}
.input-type:focus{
    background:transparent;
    border-color:var(--ember-500);
    box-shadow:0 0 0 3px var(--ember-glow);
}
.input-type::placeholder{ color:var(--cream-dim); }
.input-type[readonly]{ background:transparent; }

/* 支付方式选项 */
.payment-option{
    background:transparent;
    border:1.5px solid rgba(255,255,255,.12);
}
.payment-option:hover{ border-color:rgba(255,122,24,.4); }
.payment-option.selected{
    border-color:var(--ember-500);
    background:rgba(255,122,24,.1);
}
.payment-option span{ color:var(--cream); }
.check-icon{ color:var(--ember-400); }

/* 数量选择器 */
.qty-btn{
    background:transparent;
    border:1.5px solid rgba(255,255,255,.12);
    color:var(--cream-dim);
}
.qty-btn:hover{
    border-color:var(--ember-500);
    color:var(--ember-300);
    background:rgba(255,122,24,.1);
}
.qty-input{
    background:transparent;
    border-top:1.5px solid rgba(255,255,255,.12);
    border-bottom:1.5px solid rgba(255,255,255,.12);
    color:var(--cream);
}

/* ===== 售后/合作 下拉菜单全局透明化（覆盖所有页面） ===== */
.cs-dropdown{
    min-width:285px !important;
    background:rgba(20,17,14,.92) !important;
    -webkit-backdrop-filter:blur(20px) saturate(180%);
    backdrop-filter:blur(20px) saturate(180%);
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px !important;
    box-shadow:0 12px 32px rgba(0,0,0,.45) !important;
}
.cs-item{
    color:var(--ember-300) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.cs-item:last-child{ border-bottom:none !important; }
.cs-item:hover{ background:rgba(255,122,24,.08) !important; }
.cs-item > span{ color:var(--ember-300) !important; }
/* 具体联系 ID：半夜也一样橙渐变 */
.cs-id{
    background-color:transparent !important;
    background-image:linear-gradient(90deg,#ffc46b 0%,#ffa53d 50%,#ff7a18 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
    padding:0 !important;
    border-radius:0 !important;
}
/* 客服在线时间（微信咨询下方，透明） */
.cs-hours{
    display:flex; align-items:center; justify-content:center; gap:6px;
    padding:10px 12px; font-size:11.5px; font-weight:600;
    color:var(--ember-300) !important;
    background-color:transparent !important;
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center; white-space:nowrap;
}
.cs-hours i{ color:var(--ember-300) !important; font-size:11px; flex-shrink:0; }
.cs-hours span{ line-height:1.4; color:var(--ember-300) !important; white-space:nowrap; }