/* CF Starter · trade：只在页面用到 cf-t- 开头的区块时加载（functions.php） */
/* ===================== 外贸版 v2（/trade/）：类名 cf-t- ===================== */
.cf-t-hero h1{color:#fff;font-size:clamp(32px,3.6vw,50px);line-height:1.12;margin:4px 0 16px!important}
.cf-t-qq{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;padding:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.cf-t-qq *{box-sizing:border-box}
.cf-t-qq label{display:grid;gap:6px;font-size:13px;color:rgba(255,255,255,.7)}
.cf-t-qq .full,.cf-t-qq button,.cf-t-qq .note{grid-column:1/-1}
.cf-t-qq input,.cf-t-qq select{font:inherit;font-size:15px;color:var(--wp--preset--color--contrast);background:#fff;border:0;border-radius:2px;padding:10px 12px;width:100%}
.cf-t-qq button{font:inherit;font-weight:600;background:var(--cf-accent);color:#fff;border:0;border-radius:2px;padding:13px;cursor:not-allowed;opacity:.85}
.cf-t-qq .note{margin:0;font-size:12px;color:rgba(255,255,255,.5)}
.cf-t-shot{position:relative}
.cf-t-shot>figure{margin:0!important}
.cf-t-shot>figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.cf-t-pin{position:absolute;margin:0!important;transform:translate(-9px,-9px);display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.35;color:var(--wp--preset--color--contrast)!important}
.cf-t-pin::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.35)}
.cf-t-pin strong{font-family:var(--wp--preset--font-family--num)}
.cf-t-spot .wp-block-table{margin:18px 0 22px!important}
.cf-t-spot .cf-t-sws{margin-bottom:24px!important}
.cf-t-footer .cf-logo-mark a{color:#fff}
.cf-t-pin{z-index:1;isolation:isolate}
.cf-t-pin::after{content:"";position:absolute;inset:-7px -12px -7px 20px;background:#fff;z-index:-1;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.cf-t-pin-a{left:48.4%;top:21%;max-width:240px}
.cf-t-pin-b{left:26.7%;top:21%;white-space:nowrap}
.cf-t-shot-cap{margin:10px 0 0!important;font-size:13px;color:rgba(255,255,255,.55)!important}

.cf-t-terms{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))}
.cf-t-terms>*{margin:0!important;padding:22px 20px!important;border-left:1px solid var(--cf-line)}
.cf-t-terms>*:first-child{border-left:0;padding-left:0!important}
.cf-t-k{margin:0!important;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-muted)}
.cf-t-v{margin:4px 0 0!important;font-family:var(--wp--preset--font-family--num);font-weight:600;font-size:17px;color:var(--wp--preset--color--navy)}

.cf-t-cats{border-top:2px solid var(--wp--preset--color--navy);margin-top:var(--wp--preset--spacing--40)!important}
.cf-t-cat{display:grid!important;grid-template-columns:70px minmax(0,1fr) 140px 200px;gap:24px;align-items:center;padding:18px 0!important;border-bottom:1px solid var(--cf-line);margin:0!important}
.cf-t-cat>*{margin:0!important}
.cf-t-cat .cf-t-n{font-size:28px;color:var(--cf-accent)}
.cf-t-cat h3{font-size:24px;margin:0 0 2px!important}
.cf-t-cat h3 a{color:var(--wp--preset--color--navy)}
.cf-t-cat h3 a::after{content:" →";color:var(--cf-accent);opacity:0;transition:opacity .2s}
.cf-t-cat:hover h3 a::after{opacity:1}
.cf-t-cat p{margin:0;color:var(--cf-muted)}
.cf-t-cat .cf-t-cnt{font-family:var(--wp--preset--font-family--num);font-weight:600;color:var(--wp--preset--color--navy)!important}
.cf-t-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}

.cf-t-sws{gap:8px 18px!important;margin-top:6px!important}
.cf-t-sw{margin:0!important;display:flex;align-items:center;gap:8px;font-size:14px}
.cf-t-sw::before{content:"";width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.cf-t-sw-brass::before{background:linear-gradient(135deg,#d8b46a,#a8813a)}
.cf-t-sw-black::before{background:#2a2826}
.cf-t-sw-chrome::before{background:linear-gradient(135deg,#f2f2f2,#9da3a8)}
.cf-t-sw-opal::before{background:#f6f3ec}

.cf-t-mkt{margin-top:var(--wp--preset--spacing--40)!important}
.cf-t-mkt td:first-child{width:18%}
.cf-t-mkt tr:last-child td{font-family:var(--wp--preset--font-family--num);font-weight:700;font-size:18px;color:var(--cf-accent)}
.cf-t-mkt tr:last-child td:first-child{font-family:inherit;font-size:15px;color:var(--cf-navy)}

.cf-t-strip{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3.25);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px!important;margin-top:var(--wp--preset--spacing--40)!important;scrollbar-color:rgba(255,255,255,.35) transparent}
.cf-t-strip>*{margin:0!important;scroll-snap-align:start}
.cf-t-pcard{background:var(--wp--preset--color--navy-2)}
.cf-t-pcard>figure{margin:0!important}
.cf-t-pcard img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.cf-t-pbody{padding:18px 20px 22px!important}
.cf-t-pbody>*{margin:0!important}
.cf-t-pbody h3{margin:6px 0!important;font-size:19px}
.cf-t-loc{font-size:13px;color:#d9a85e!important}
.cf-t-proj .cf-head-row p{color:rgba(255,255,255,.6)}

.cf-t-tl{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:var(--wp--preset--spacing--40)!important;position:relative}
.cf-t-tl::before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:var(--cf-line)}
.cf-t-tl-step{position:relative;padding-top:34px!important;margin:0!important}
.cf-t-tl-step::before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--cf-accent);box-sizing:border-box}
.cf-t-tl-step>*{margin:0!important}
.cf-t-day{font-family:var(--wp--preset--font-family--num);font-weight:700;color:var(--cf-accent);font-size:15px}
.cf-t-tl-step h3{font-size:18px;margin:4px 0 6px!important}
.cf-t-tl-step p:last-child{font-size:14px;color:var(--cf-muted)}

.cf-t-faq{margin-top:var(--wp--preset--spacing--40)!important}
.cf-t-faq .wp-block-details{border-bottom:1px solid var(--cf-line);margin:0!important}
.cf-t-faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:var(--wp--preset--color--navy);list-style:none;display:flex;justify-content:space-between;gap:16px}
.cf-t-faq summary::-webkit-details-marker{display:none}
.cf-t-faq summary::after{content:"+";font-family:var(--wp--preset--font-family--num);font-size:22px;line-height:1;color:var(--cf-accent)}
.cf-t-faq details[open] summary::after{content:"−"}
.cf-t-faq details p{margin:0 0 16px;color:var(--cf-muted)}

.cf-t-ava{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0!important;background:var(--cf-accent);color:#fff;font-family:var(--wp--preset--font-family--num);font-weight:700;font-size:22px;flex:none}
.cf-t-person h3{margin:0!important;font-size:22px}
.cf-t-person p{margin-top:6px}
.cf-t-person .cf-i{margin:6px 0!important}
.cf-t-catbox{padding:36px!important}
.cf-t-dl{display:flex;gap:8px;flex-wrap:wrap}
.cf-t-dl input{flex:1 1 200px;font:inherit;font-size:15px;padding:11px 12px;border:0;border-radius:2px}
.cf-t-dl button{font:inherit;font-weight:600;background:var(--cf-accent);color:#fff;border:0;border-radius:2px;padding:11px 18px;cursor:not-allowed;opacity:.85}
.cf-t-note{font-size:12px;color:rgba(255,255,255,.5)!important;margin-top:10px!important}

.cf-t-footer a{color:var(--wp--preset--color--navy-2)}
.cf-t-footer a:hover{color:var(--cf-accent)}
.cf-t-footer h4,.cf-t-footer .wp-block-site-title,.cf-t-footer .wp-block-site-title a{color:var(--wp--preset--color--navy)}
.cf-t-footer p{color:var(--cf-muted)}
.cf-t-footer .cf-footbar{border-top-color:var(--cf-line)}
.cf-t-footer .cf-footbar p{color:var(--cf-muted)}

.cf-t-ptitle{padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)}
.cf-t-ptitle h1{color:#fff;font-size:clamp(32px,4vw,52px);margin:0!important}
.cf-t-ptitle .cf-eyebrow{color:#d9a85e}
.cf-t-pimg{margin:0!important}
.cf-t-pimg img{display:block}

@media (max-width:781px){
  .cf-t-qq{grid-template-columns:1fr;padding:16px}
  .cf-t-pin-a{max-width:150px;font-size:12px}
  .cf-t-pin-b{font-size:0}
  .cf-t-pin-b::after{display:none}
  .cf-t-terms{grid-template-columns:1fr 1fr}
  .cf-t-terms>*{border-left:0;border-top:1px solid var(--cf-line);padding:14px 0!important}
  .cf-t-terms>*:nth-child(-n+2){border-top:0}
  .cf-t-terms>*:last-child{grid-column:1/-1}
  .cf-t-cat{grid-template-columns:44px minmax(0,1fr) 96px;gap:12px}
  .cf-t-cat>.cf-t-cnt{display:none}
  .cf-t-cat h3{font-size:18px}
  .cf-t-cat p{font-size:13px}
  .cf-t-cat .cf-t-n{font-size:20px}
  .cf-t-mkt table{min-width:640px}
  .cf-t-strip{grid-auto-columns:82%}
  .cf-t-tl{grid-template-columns:1fr;gap:0}
  .cf-t-tl::before{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .cf-t-tl-step{padding:0 0 22px 34px!important}
  .cf-t-tl-step::before{top:2px}
  .cf-t-catbox{padding:24px 20px!important}
}