/* ===== FANTAST WEAR · Editorial 静奢版（2026-11-04） ===== */
:root{--bg:#f7f5f1;--ink:#1b1a17;--mut:#8a8378;--line:#e3ded4;--gold:#a8894f;--soft:#ece7dc}
*{box-sizing:border-box}
body{background:var(--bg) !important;color:var(--ink) !important;font-family:-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif !important;line-height:1.8}
a{color:inherit}
main{max-width:1100px;margin:0 auto;padding:0 22px}
header .hd{border-bottom:1px solid var(--line) !important;padding:22px 0 18px !important}
.logo-main{font-family:Georgia,"Noto Serif TC",serif !important;letter-spacing:3px;font-size:18px;color:var(--ink) !important}
.logo-sub{letter-spacing:3px;color:var(--mut) !important;font-size:9px}
.hd-right a{color:var(--mut) !important;font-size:12px !important;letter-spacing:1px}
.hd-right a:hover{color:var(--ink) !important}

/* 搜索 */
.gsearch input{background:transparent !important;border:0 !important;border-bottom:1px solid var(--line) !important;
  border-radius:0 !important;color:var(--ink) !important;padding:12px 4px !important}
.gsearch input::placeholder{color:#b3ab9c}
.gsearch input:focus{border-bottom-color:var(--gold) !important;outline:none}
.gsearch .res{background:#fffdf8 !important;border:1px solid var(--line) !important;border-radius:0 !important}
.gsearch .res .nm{color:var(--ink) !important}
.gsearch .res .bd{color:var(--mut) !important}
.gsearch .res a{border-bottom:1px solid var(--line) !important}
.gsearch .res .empty{color:var(--mut) !important}

/* 面包屑与标题 */
.crumb{color:var(--mut) !important;font-size:11px !important;letter-spacing:1px;padding:18px 0 !important}
.crumb a{color:var(--mut) !important}
.page-hd h1{font-family:Georgia,"Noto Serif TC",serif !important;font-weight:400 !important;color:var(--ink) !important;letter-spacing:1px}
.page-hd .meta{color:var(--mut) !important;letter-spacing:1px;font-size:11px}
.page-hd .lead{color:#4a463e !important;font-size:13px;line-height:2}

/* 首页 hero */
.brand-hero{text-align:center;padding:56px 0 40px !important;background:transparent !important}
.brand-hero .eb{color:var(--gold) !important;letter-spacing:5px;font-size:11px;margin-bottom:20px}
.brand-hero h1{font-family:Georgia,"Noto Serif TC",serif !important;font-weight:400 !important;
  font-size:clamp(26px,5vw,42px) !important;color:var(--ink) !important;letter-spacing:2px;line-height:1.4}
.brand-hero h1 span{color:var(--gold) !important}
.brand-hero .sub{color:var(--mut) !important;font-size:12.5px;letter-spacing:1px;margin-top:18px}

/* 分类图块：图在上、文字在下 */
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:10px 0 20px !important}
.tile{border-radius:0 !important;background:transparent !important;overflow:visible !important;aspect-ratio:auto !important;position:static !important}
.tile img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--soft);transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.tile:hover img{transform:scale(1.045)}
.tile-in{position:static !important;background:transparent !important;padding:11px 0 0 !important;
  display:flex;justify-content:space-between;align-items:baseline}
.tile-n{color:var(--ink) !important;font-size:12.5px !important;font-weight:400 !important;letter-spacing:1.5px}
.tile-c{color:var(--mut) !important;font-size:11px !important}

/* 产品卡 */
.pcard{background:transparent !important;border:0 !important;border-radius:0 !important}
.pcard-img{background:var(--soft) !important;border-radius:0 !important}
.pcard-img img{transition:transform .7s}
.pcard:hover .pcard-img img{transform:scale(1.04)}
.pcard-name{color:var(--ink) !important;font-size:12px !important;font-weight:400 !important;letter-spacing:.3px}
.pcard-tag{color:var(--mut) !important;font-size:11px !important}
.pcard-imgs{background:rgba(27,26,23,.6) !important;color:#f7f5f1 !important;border-radius:0 !important;font-size:10px}
.filters a{color:var(--mut) !important;border:1px solid var(--line) !important;background:transparent !important;border-radius:0 !important}
.filters a.on{color:var(--gold) !important;border-color:var(--gold) !important}
.filters a:hover{color:var(--ink) !important}
button[style*="顯示更多"],button{letter-spacing:1px}

/* 产品页两栏 */
.pdp-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;padding:6px 0 26px}
.pd-gallery{background:transparent !important;padding:0 !important}
.pd-gallery img{background:var(--soft) !important;border-radius:0 !important;max-height:none !important;object-fit:cover}
.pd-badge{color:var(--gold) !important;background:transparent !important;letter-spacing:3px;font-size:11px;padding:0 !important;border:0 !important}
.pd-title{font-family:Georgia,"Noto Serif TC",serif !important;font-weight:400 !important;color:var(--ink) !important;
  font-size:clamp(23px,3vw,31px) !important;line-height:1.45;letter-spacing:1px;margin:12px 0 6px}
.pd-price{color:var(--ink) !important;font-size:14px !important;letter-spacing:1px;margin:20px 0 14px}
.pd-price small{color:var(--mut) !important;display:block;margin-top:5px;font-size:11.5px}
.trust span{color:var(--gold) !important;background:transparent !important;border:1px solid var(--line) !important;
  border-radius:0 !important;font-size:10.5px !important;letter-spacing:.5px}

/* 参数表：细线两列 */
.pd-specs{border-top:1px solid var(--line);margin-top:10px;background:transparent !important}
.pd-specs h3{font-family:Georgia,serif;font-weight:400 !important;font-size:15px !important;color:var(--ink) !important;letter-spacing:1px;padding:12px 0 4px}
.pd-specs .spec-row{border-bottom:1px solid var(--line) !important;padding:10px 0 !important}
.pd-specs dt{color:var(--mut) !important;font-size:12px !important;letter-spacing:1px}
.pd-specs dd{color:var(--ink) !important;font-size:12.5px !important;text-align:right}

/* 文案 */
.pd-desc h3{font-family:Georgia,serif;font-weight:400 !important;font-size:16px !important;color:var(--ink) !important;letter-spacing:1px;margin:22px 0 8px}
.pd-desc p{color:#4a463e !important;font-size:13px !important;line-height:2}

/* CTA */
.btn-wa{display:inline-block;background:var(--ink) !important;color:#f7f5f1 !important;border:0 !important;
  border-radius:0 !important;padding:14px 26px !important;font-size:13px !important;letter-spacing:1px;text-decoration:none}
.btn-wa:hover{background:#3a362e !important}

/* 微信面板 */
.wx-btn{background:transparent !important;border:1px solid var(--ink) !important;color:var(--ink) !important;
  border-radius:0 !important;letter-spacing:1px}
.wx-btn:hover{background:#efe9dd !important}
.wx-in{background:#fffdf8 !important;border:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important}
.wx-qrwrap{border-radius:0 !important;box-shadow:0 0 0 1px var(--line) !important}
.wx-id{color:var(--mut) !important}
.wx-val{color:var(--ink) !important;font-family:Georgia,serif !important;letter-spacing:2px}
.wx-copy{background:var(--gold) !important;color:#fff !important;border-radius:0 !important;letter-spacing:1px}
.wx-tip{color:var(--mut) !important}

/* FAQ */
.faq{background:transparent !important;border:0 !important;padding:0 !important;margin:26px 0 !important}
.faq h3{font-family:Georgia,serif;font-weight:400 !important;color:var(--ink) !important;font-size:16px !important;letter-spacing:1px}
.faq details{border-bottom:1px solid var(--line) !important;padding:12px 0 !important}
.faq summary{color:var(--ink) !important;font-size:13px !important;letter-spacing:.5px}
.faq summary:before{color:var(--gold) !important}
.faq details div{color:var(--mut) !important;font-size:12.5px !important;line-height:1.9}

/* 图片区 */
.rail-hint h2{font-family:Georgia,serif;font-weight:400 !important;color:var(--ink) !important;font-size:18px !important;letter-spacing:2px}
.rail-hint{border-bottom:1px solid var(--line) !important;padding-bottom:12px !important;margin-bottom:18px !important}
.swipe{color:var(--mut) !important;font-size:11px !important;letter-spacing:1px}
.rail img{border-radius:0 !important;background:var(--soft)}

/* 页脚 */
footer{border-top:1px solid var(--line) !important;background:transparent !important;color:var(--mut) !important;
  font-size:11px !important;letter-spacing:1px;margin-top:34px}
footer .links a{color:var(--mut) !important}
footer .links a:hover{color:var(--ink) !important}

/* 开发过程页 */
.step{border-bottom:1px solid var(--line) !important}
.step-n{background:transparent !important;border:1px solid var(--gold) !important;color:var(--gold) !important;border-radius:50%}
.step-t{color:var(--ink) !important;font-family:Georgia,serif;font-weight:400 !important}
.step-d{color:#4a463e !important}
.step-k{color:var(--gold) !important}

/* 移动端 */
@media(max-width:860px){
  .pdp-grid{grid-template-columns:1fr;gap:26px}
  .tgrid{grid-template-columns:repeat(2,1fr);gap:16px}
  .brand-hero{padding:40px 0 26px !important}
}

/* 头部与图块修正 */
header{background:rgba(247,245,241,.96) !important;border-bottom:1px solid var(--line) !important}
.tile{display:block !important}
.tile-in{display:flex !important;justify-content:space-between;align-items:baseline;padding:10px 0 0 !important}
.tile-n{color:var(--ink) !important;display:block}
.tile-c{color:var(--mut) !important;display:block}

/* 首页图块 v0 结构 */
.tgrid .tile{display:block !important;position:static !important;overflow:visible !important}
.tgrid .ti{aspect-ratio:3/4;overflow:hidden;background:#ece7dc}
.tgrid .ti img{width:100%;height:100%;object-fit:cover;display:block}
.tgrid .tn{margin-top:11px;font-size:12.5px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#1b1a17}
.tgrid .tn span{color:#8a8378;font-size:11px}

/* 参数表防截断（静奢版） */
.pd-specs .spec-row{display:flex !important;gap:14px;align-items:flex-start}
.pd-specs dt{flex:0 0 58px !important}
.pd-specs dd{flex:1 1 auto !important;min-width:0 !important;max-width:100% !important;
  white-space:normal !important;word-break:break-all;overflow-wrap:anywhere;text-align:right}
