/* ============================================================
   YEPHALL — DARK ART EDITION (draft overlay)
   加载在所有样式之后,整体切换为黑色美术馆风格
   ============================================================ */
:root{--ink:#ece7dd;--ink2:#d9d2c2;--gold:#c9a86a;--gold-d:#b3924f;--line:#28231a;--cream:#14120e;--char:#f5f1e8}

/* ---- 基底 ---- */
html{background:#0b0a08}
body{background:#0b0a08!important;color:#ece7dd!important}
h1,h2,h3,h4,h5,h6{color:#f2ede2!important}
p,li,dd,dt,figcaption,blockquote,td,th{color:#c4bcab!important}
label,legend,small{color:#cfc7b6!important}
b,strong{color:#f2ede2!important}
*{border-color:#3a3124}

/* ---- 顶栏 / 导航 ---- */
.announce{background:#000!important;color:#9a927f!important}
header,header.hd,header.hd.solid{background:rgba(11,10,8,.94)!important;border-bottom:1px solid #221d14!important}
header.hd .logo .lg-dark{display:none!important}
header.hd .logo .lg-light,header.hd.solid .logo .lg-light{display:block!important}
.menu a,.icons a,#navAccount,#navSaved{color:#d9d2c2!important}
.menu a:hover,.menu a.on{color:#c9a86a!important}
.hamburger{color:#ece7dd!important}
.mobnav,.mobnav a,.mobnav a.subnav{background:#12100c!important;color:#e5dfd2!important}
.mobnav a{border-color:#221d14!important}
.navscrim{background:rgba(0,0,0,.6)!important}
.searchwrap,.sres:hover{background:#14120e!important}
.searchwrap input{background:transparent!important;color:#ece7dd!important}
.searchresults .sres-n{color:#ece7dd!important}.sres-s,.sres-c{color:#9a927f!important}

/* ---- 按钮 ---- */
.btn,.btn.gold{background:#ece7dd!important;border-color:#ece7dd!important;color:#141210!important}
.btn:hover,.btn.gold:hover{background:#c9a86a!important;border-color:#c9a86a!important;color:#141210!important}
.btn.ghost,.btn.light{background:transparent!important;border-color:#6a6252!important;color:#ece7dd!important}
.btn.ghost:hover,.btn.light:hover{background:#ece7dd!important;color:#141210!important;border-color:#ece7dd!important}

/* ---- 卡片 / 浅色区块 → 深色画廊面 ---- */
footer{background:#0e0c09!important;border-top:1px solid #221d14!important}
footer .logo img{filter:invert(.92) brightness(1.05)}
footer h5{color:#c9a86a!important}
footer a{color:#b9b1a0!important}footer a:hover{color:#ece7dd!important}
.fbar,.fbar span{color:#776f5e!important;border-color:#221d14!important}
.fnl{border-color:#221d14!important}
.fnl-t{color:#f2ede2!important}.fnl-s{color:#9a927f!important}.fnl-msg{color:#c9a86a!important}
.fnl-form input{background:#f4f0e6!important;border-color:#d8d0be!important;color:#1c1a16!important}

.ab-sec,.cf-sec,.ct-head,.ct-cta,.ct-about .tx,.cta2,.faqs,.stats,.q-head,.q-process,
.aboutblk,.ab-split,.cf-split,.ab-moment,.cf-moment,.moment.light,.inquiry,
.pwrap .procsec,.pwrap .cta3b,.col-head,.fd{background:#14110c!important;border:1px solid #2b2417!important}
.ct-card,.q-body,.login,.authbox,.acb,.mnt-card,.inqcard,.steps li,.steps2 li,
.infoblock,.tellus,.opt,.feature .more:hover{background:#1b1712!important}
.gcard .gim{background:#17140e!important}
.ab-cta .b1,.cf-cta .btnblk,.cta2 .ctablock .btnblk,.hero-ov .btn,.hlinks a.solid{background:#ece7dd!important;color:#141210!important}
.ab-cta .b1:hover,.ab-cta .b2:hover,.cf-cta .btnblk:hover,.cta2 .btnblk:hover,.hlinks a.solid:hover{background:#c9a86a!important;color:#141210!important}
.infoblock,.tellus,.steps2 li,.opt,.inqcard,.mnt-card{border:1px solid #3f3626!important;box-shadow:0 0 0 1px rgba(236,231,221,.04),0 24px 60px rgba(0,0,0,.45)!important}
.steps2 .n{border-color:#c9a86a!important;color:#c9a86a!important}
.gal .main,.gal .thumbs div{background:#14120e!important}
.savebtn{background:rgba(20,18,14,.85)!important;color:#ece7dd!important}
.savebtn.on,.savebtn:hover{background:#c9a86a!important;color:#141210!important}

/* ---- 表单 ---- */
input,select,textarea,.cinput,.cct,.elsel,.fld input,.fld select,.fld textarea,
.iform input,.iform select,.iform textarea,.tellus input,
.q-body .iform .ffields input,.q-body .iform .ffields select,.q-body .iform .ffields textarea,#customDims{
  background:#f4f0e6!important;border-color:#d8d0be!important;color:#1c1a16!important}
select option{background:#f4f0e6;color:#1c1a16}
input::placeholder,textarea::placeholder{color:#8a8172!important}
input:focus,textarea:focus,select:focus,.tellus input:focus,.cinput:focus{border-color:#c9a86a!important;box-shadow:0 0 0 3px rgba(201,168,106,.25)!important;background:#faf7ef!important}
.upslot{background:rgba(244,240,230,.06)!important;border:1.5px dashed #6a6252!important;color:#9a927f!important}
.upslot:hover{border-color:#c9a86a!important;color:#c9a86a!important}

/* ---- 颜色小圆点 / 选择态 ---- */
.cchip{background:#14120e!important;color:#c4bcab!important}
.cchip.sel,.opt.sel{border-color:#c9a86a!important;box-shadow:inset 0 0 0 1px #c9a86a!important;color:#ece7dd!important}
.csug{color:#9a927f!important}.csug:hover{color:#ece7dd!important}
.csug.sel{color:#c9a86a!important}
.cdot{color:#3a342a!important}

/* ---- 细节 ---- */
.pcode2,.canlab,.colpick,.cgroup-lab,.elcol-l{color:#c9a86a!important}
.pdesc2,.pintro,.psub,.pmeta{color:#c4bcab!important}
.spec li{border-color:#221d14!important}
.spec li::before{background:#c9a86a!important}
.heightdiagram{background:#14120e!important;border-color:#262119!important}
.heightdiagram svg text{fill:#c4bcab}
.heightdiagram svg [stroke="#111"],.heightdiagram svg [stroke="#000"]{stroke:#c9a86a}
.heightcap{color:#776f5e!important}
.loadbtn,.rm,.mini,.pl{background:#14120e!important;color:#d9d2c2!important;border-color:#3a342a!important}
.tbl,.itbl{background:#12100c!important}
.dimwarn,.reqwarn{color:#e2a49e!important}
::selection{background:#c9a86a;color:#141210}

/* ---- 二轮修正:对比度与可读性 ---- */
/* 所有块级 CTA 按钮:亮底深字,悬停变金(修复白底白字) */
.btnblk,a.btnblk,.cta3b .btnblk,.q-cta .btnblk{background:#ece7dd!important;color:#141210!important;border-color:#ece7dd!important}
.btnblk:hover,a.btnblk:hover{background:#c9a86a!important;color:#141210!important;border-color:#c9a86a!important}
/* 页脚 GET IN TOUCH(原规则带 !important,需更高优先级) */
footer .fgrid .fbtn{color:#ece7dd!important;border-color:#6a6252!important;background:transparent!important}
footer .fgrid .fbtn:hover{background:#ece7dd!important;color:#141210!important;border-color:#ece7dd!important}
/* 辅助/说明文字统一提亮(原 #555/#666/#9a9a9a 在黑底上看不清) */
.block .hx,.dimnote,.colhint,.heightcap,.eg,.dimrow .eg,.collab .eg,.opt span,
.pmeta,.fnl-s,.sizehead .fr,.tellus .fr,.colpick,.q-sub,.hint,.note,.sub{color:#a89f8d!important}
.dimrow label,.collab,.canlab{color:#cfc7b6!important}
/* 主图库:加画框,和黑背景分离 */
.gal .main{background:#17140e!important;border:1px solid #332c1f!important;border-radius:14px;overflow:hidden}
.gal .thumbs div{background:#17140e!important;border:1px solid #2b2417!important;opacity:.55}
.gal .thumbs div.on{opacity:1;box-shadow:0 0 0 2px #c9a86a!important}
/* 产品卡片:图片区加同色画框 */
.gcard .gim{border:1px solid #2e2820!important;border-radius:14px;overflow:hidden}
/* 表格/进度点 */
.qp-track{background:#2b2417!important}
/* 选中态统一金色描边 */
input[type=radio]:checked,input[type=checkbox]:checked{accent-color:#c9a86a}

/* ---- 三轮修正:首页信任区 / 流程图 / 精选区 ---- */
.stats{color:#ece7dd!important}
.stats .n{color:#f2ede2!important;white-space:nowrap}
.stats .l{color:#9a9180!important}
.stats .lab,.home .lab{color:#c9a86a!important}
.certrow span{color:#8a8172!important;border-color:#3a3124!important}
/* 首页精选大图文案 */
.feature .sub{color:#e5dfd2!important}
.feature .lab{color:#d8c49a!important}

/* 报价页登录提示行 */
.acctip{color:#9a9180!important}
.acctip a{color:#c9a86a!important;text-decoration:underline;text-underline-offset:3px}
/* 报价页白色提示卡内文字保持深色 */
.pickedbar,.nopick{color:#1a1a1a}

/* ---- 四轮修正:滚动进度线(动态线)配色反转 ----
   原设计:浅色轨道 + 深色进度;暗色下改为:暗轨道 + 金色进度 */
.prail-line,.frail-line{background:#2e281e!important}
.prail-fill,.frail-fill{background:#c9a86a!important}
.prail-dot,.frail-dot{background:#1b1712!important;border-color:#4a4130!important}
.prail-dot.on,.frail-dot.on{background:#c9a86a!important;border-color:#c9a86a!important}
.prail.done .prail-fill,.frail-fill{background:#c9a86a!important}
.prail-pct,.frail-pct{background:#1b1712!important;border:1px solid #4a4130!important;color:#c9a86a!important}
.prail.done .prail-pct{color:#c9a86a!important}
/* 报价页顶部小节点轨道 & 配置进度条 */
.qp-track{background:#2e281e!important}
.qp-track i{background:#1b1712!important;border-color:#c9a86a!important}
.cfgprog{background:#1b1712!important;border-color:#3a3124!important}

/* ---- 五轮修正:全站选中态统一(亮底深字 / 金底深字),修复 var(--ink) 反转产生的白底白字 ---- */
.authtabs button.on{background:#ece7dd!important;color:#141210!important;border-color:#ece7dd!important}
.authtabs button{color:#c4bcab!important;border-color:#3a3124!important}
#saveBtn.on{background:#c9a86a!important;border-color:#c9a86a!important;color:#141210!important}
.toast{background:#ece7dd!important;color:#141210!important;box-shadow:0 12px 34px rgba(0,0,0,.55)!important}
.steps li span{color:#141210!important}
.mfilter .mf.on{color:#141210!important}
.ts.on .dot{background:#c9a86a!important;box-shadow:0 0 0 5px rgba(201,168,106,.18)!important}
.ts .dot{background:#3a3124!important}
.ts.on{color:#ece7dd!important}

/* ---- 首页流程板块:毛玻璃悬浮卡 ---- */
.mtoglass{position:absolute;left:5%!important;right:auto!important;top:5%;width:90%!important;z-index:2;pointer-events:none;
  background:rgba(16,13,9,.45);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1.5px solid rgba(201,168,106,.42);border-radius:20px;padding:26px 28px 22px;
  box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(236,231,221,.12)}
.mg-lab{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#d8c49a;margin-bottom:20px}
.mg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}
.mg-steps::before{content:"";position:absolute;top:6px;left:6%;right:6%;height:1.5px;background:linear-gradient(90deg,rgba(201,168,106,.5),rgba(201,168,106,.9))}
.mg-steps li{position:relative;text-align:center;padding-top:22px}
.mg-steps li i{position:absolute;top:0;left:50%;transform:translate(-50%,-2px);width:11px;height:11px;border-radius:50%;background:#171310;border:2px solid #c9a86a;box-sizing:border-box}
.mg-steps li.mg-on i{background:#c9a86a}
.mg-steps b{display:block;font-size:clamp(20px,1.9vw,30px);font-weight:300;color:#8d8272;letter-spacing:.02em}
.mg-steps li.mg-on b{color:#c9a86a}
.mg-steps h5{margin:4px 0 6px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ece7dd!important;font-weight:700}
.mg-steps p{font-size:11.5px!important;line-height:1.5!important;color:rgba(236,231,221,.6)!important;margin:0!important;max-width:none!important}
.btile:hover .mtoglass{box-shadow:0 36px 90px rgba(0,0,0,.65),inset 0 1px 0 rgba(236,231,221,.16)}


.btile:has(.mtoglass) .bov{background:none!important;z-index:3;padding:8% 9%}
.btile:has(.mtoglass):hover img{transform:scale(1.03)}
@media(max-width:900px){
  .btile:has(.mtoglass){aspect-ratio:auto}
  .mtoglass{position:relative;left:0;right:0;top:0;margin:12px 12px 4px;width:auto!important;padding:18px 14px 14px}
  .mtoglass .sprig{display:none!important}
  .mg-lab{margin-bottom:14px;text-align:center}
  .mg-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .mg-steps b{font-size:16px}
  .mg-steps h5{font-size:8.5px;letter-spacing:.08em}
  .mg-steps p{display:none}
  .btile:has(.mtoglass) .bov{position:relative;inset:auto;padding:14px 12px 16px}
  .bovglass{display:block;max-width:none;width:100%;box-sizing:border-box;padding:18px 18px 16px}
  .bovglass h3{font-size:20px!important}
  .bovglass p{font-size:12.5px!important;margin:8px 0 0!important}
  .bovglass .more{margin-top:12px;font-size:11px}
  .bovglass .sprig{display:none!important}
}


/* 工艺页时间轴(.ptl):轨道暗、进度金 */
.ptl .track{background:#2e281e!important}
.ptl .prog{background:#c9a86a!important}
.ts .dot{background:#1b1712!important;border-color:#4a4130!important}
.ts.on .dot{background:#c9a86a!important;border-color:#c9a86a!important;box-shadow:0 0 0 5px rgba(201,168,106,.16)!important}

/* 底部文字块毛玻璃垫(底图保持清晰) */
.bovglass{background:rgba(16,13,9,.45);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1.5px solid rgba(201,168,106,.42);border-radius:18px;padding:24px 28px;display:inline-block;max-width:520px;
  box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(236,231,221,.10)}
.btile:has(.mtoglass) .bov{background:none!important;align-items:flex-start}

/* ---- 六轮修正:全站文字对比度扫描结果 ---- */
/* 产品卡编号 / 各页 eyebrow 小标签 → 暗金 */
.cd{color:#9a9180!important}
.lab,.yrv.lab,span.lab,div.lab{color:#d8c49a!important}
/* 首页 FAQ 答案 */
.faqs .a{color:#c4bcab!important}
.faqs summary:after{color:#8a8172!important}
/* 产品页 Mounting 卡片说明文字 */
.mnt-card span,.mnt-card p{color:#a89f8d!important}
.mnt-card{color:#c4bcab!important}
/* 联系页卡片描述 + 链接 */
.m{color:#a89f8d!important}
.go,a.more,.more{color:#c9a86a!important;border-color:#c9a86a!important}
.go:hover,a.more:hover,.more:hover{color:#ece7dd!important;border-color:#ece7dd!important}
/* 报价页白色提示卡上的金色链接 → 加深(白底上要够深才清晰) */
#genNote a{color:#8a6420!important}
/* 悬停态补漏 */
.coltabs a:hover{border-color:#c9a86a!important;color:#c9a86a!important}
.searchx:hover{color:#ece7dd!important}
.coltabs a{color:#b0a794!important;border-color:#3a3124!important}
.coltabs a.on{background:#ece7dd!important;color:#141210!important;border-color:#ece7dd!important}

/* 页脚:居中单列版式的断点从 600 提到 1000,手机/平板一律与内页一致 */
@media(max-width:1000px){
  .fgrid{grid-template-columns:1fr!important;gap:34px;text-align:center}
  footer .logo img{margin:0 auto}
  footer p{max-width:none;margin:12px auto 0}
  .fgrid .fbtn{margin:12px auto 0}
  .fbar{flex-direction:column;align-items:center;gap:6px;text-align:center}
  footer h5::after{left:50%;transform:translateX(-50%)}
}

/* ---- 全站区块框线统一加亮(暖金细线) ---- */
.ab-sec,.cf-sec,.ct-head,.ct-cta,.ct-about .tx,.cta2,.faqs,.stats,.q-head,.q-process,
.aboutblk,.ab-split,.cf-split,.ab-moment,.cf-moment,.moment,.moment.light,.inquiry,
.pwrap .procsec,.pwrap .cta3b,.col-head,.fd,footer{border:1px solid rgba(201,168,106,.30)!important}
.ct-card,.q-body,.login,.authbox,.acb,.mnt-card,.inqcard,.steps li,.steps2 li,
.infoblock,.tellus,.opt{border:1px solid rgba(201,168,106,.34)!important}
.gcard .gim{border:1px solid rgba(201,168,106,.26)!important}
.gal .main{border:1px solid rgba(201,168,106,.34)!important}
.gal .thumbs div{border:1px solid rgba(201,168,106,.22)!important}
.heightdiagram{border:1px solid rgba(201,168,106,.30)!important}
.fnl{border-top:1px solid rgba(201,168,106,.26)!important}
.fbar{border-top:1px solid rgba(201,168,106,.20)!important}
/* 进度线浮动标签移到线的左侧,避免遮挡右边卡片 */
.prail-pct,.frail-pct{left:auto!important;right:10px!important;font-size:9.5px!important;padding:2px 7px!important;font-weight:600!important;letter-spacing:.03em!important;opacity:.92}

/* Mounting 示意图:白底深线设计 → 暗色下重新上色 */
.mnt-card svg [stroke="#111"]{stroke:#c9b58a!important}
.mnt-card svg [fill="#111"]{fill:#c9a86a!important}
.mnt-card svg [stroke="#d8d8d8"]{stroke:#7a7060!important}
.mnt-card svg [fill="#eceae4"]{fill:#8d8272!important}
.mnt-card svg [stroke="#9a958c"]{stroke:#8d8272!important}
.mnt-card svg [fill="#b5b0a6"]{fill:#8d8272!important}
.mnt-card svg text{fill:#9a9180!important}
/* 尺寸示意图(sizeSchematic)深色线补全 */
#sizeSchematic svg [stroke="#1a1a1a"],#sizeSchematic svg [stroke="#2a2a2a"],#sizeSchematic svg [stroke="#111"]{stroke:#c9a86a!important}
#sizeSchematic svg [fill="#1a1a1a"],#sizeSchematic svg [fill="#2a2a2a"],#sizeSchematic svg [fill="#111"]{fill:#c9b58a!important}
#sizeSchematic svg text{fill:#a89f8d!important}

/* 委托进度卡(客户端)暗色适配 */
.ctrk{background:#1b1712!important;border:1px solid rgba(201,168,106,.34)!important}
.ctrk .ct-t{color:#f2ede2!important}
.ctrk .ct-d{color:#9a9180!important}
.ctrk .ct-steps::before{background:#2e281e!important}
.ctrk .ct-steps li{color:#8d8272!important}
.ctrk .ct-steps li i{background:#1b1712!important;border-color:#4a4130!important}
.ctrk .ct-steps li.done{color:#c9a86a!important}
.ctrk .ct-steps li.done i{background:#c9a86a!important;border-color:#c9a86a!important}
.ctrk .ct-steps li.now{color:#ece7dd!important}
.ctrk .ct-steps li.now i{background:#1b1712!important;border-color:#c9a86a!important;box-shadow:0 0 0 4px rgba(201,168,106,.18)!important}
.ctrk .ct-upds{border-color:#2e281e!important}
.ctrk .ct-u .cu-tx{color:#c4bcab!important}
.ctrk .ct-u .cu-meta{color:#8d8272!important}
.ctrk .ct-u img{border-color:#3a3124!important}

/* ---- 七轮修正:自动补全下拉 / 收藏心 / 原生控件配色 ---- */
.acb{background:#1b1712!important;border:1px solid #3f3626!important;box-shadow:0 18px 44px rgba(0,0,0,.55)!important}
.aci{color:#d9d2c2!important;border-bottom:1px solid #241f16!important}
.aci:hover,.aci:active{background:#2a2318!important;color:#ece7dd!important}
/* 收藏心:深色圆上用米白描边;选中/悬停金底深心 */
.savebtn svg{stroke:#ece7dd!important;fill:none!important}
.savebtn.on svg,.savebtn:hover svg{stroke:#141210!important;fill:#141210!important}
/* 原生下拉/日期等弹出面板按浅色渲染,和米白输入框一致 */
input,select,textarea{color-scheme:light}

/* 收藏心:去掉圆形底,只留心形 */
.savebtn,.savebtn:hover,.savebtn.on{background:transparent!important;box-shadow:none!important;border:none!important}
.savebtn{width:42px;height:42px}
.savebtn:hover{transform:scale(1.18)}
.savebtn svg{width:25px!important;height:25px!important;stroke:#c9a86a!important;stroke-width:2!important;fill:transparent!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.28))}
.savebtn:hover svg{stroke:#b08d54!important;fill:rgba(201,168,106,.22)!important}
.savebtn.on svg{stroke:#c9a86a!important;fill:#c9a86a!important}
.ctrk .ct-th img{border-color:#3a3124!important;background:#14110c}
.ctrk .ct-note{color:#9a9180!important}