/* 外贸网站建设 service-trade.css —— 左右图文 + 六卡 + 表格行对比 */
.tr-globe{padding-top:96px}
.tr-globe-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.tr-globe-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.tr-globe-media img{width:100%;height:auto}
.tr-globe-copy h2{margin:14px 0 18px}
.tr-globe-copy p{margin-bottom:14px}
.tr-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tr-tags li{border:1px solid var(--gold-2);color:var(--gold-3);border-radius:30px;
 padding:7px 16px;font-size:13px;background:var(--gold-soft)}
.tr-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tr-card{background:var(--mist);border:1px solid var(--line);border-top:2px solid var(--gold);
 border-radius:12px;padding:28px 26px;transition:all .35s ease}
.tr-card:hover{transform:translateY(-6px);background:var(--white);box-shadow:var(--shadow-soft)}
.tr-card h3{font-size:18px;margin-bottom:10px}
.tr-card p{font-size:14px;color:var(--gray)}
.tr-card a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.tr-rows{border:1px solid rgba(217,190,133,.2);border-radius:14px;overflow:hidden}
.tr-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:10px;
 padding:18px 26px;border-bottom:1px solid rgba(217,190,133,.14);font-size:14px}
.tr-row:last-child{border-bottom:0}
.tr-row span:nth-child(1){color:var(--gold-2);font-weight:600}
.tr-row span:nth-child(2){color:#9A9EA6}
.tr-row span:nth-child(3){color:#E9E6DE}
.tr-row-h{background:rgba(195,164,104,.14);font-family:var(--font-serif);font-size:15px}
.tr-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tr-strip-card{background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:26px}
.tr-strip-card h3{font-size:17px;margin-bottom:10px;color:var(--gold-3)}
.tr-strip-card p{font-size:14px;color:var(--gray);margin-bottom:16px}
.tr-strip-card a{display:inline-flex}
.tr-cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.tr-case{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--white);transition:all .35s ease}
.tr-case:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tr-case img{width:100%;height:220px;object-fit:cover}
.tr-case h3{font-size:17px;padding:18px 22px}
.tr-note{text-align:center;margin-top:26px;font-size:14px;color:var(--gray)}
.tr-note a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.tr-faq-list{max-width:800px;margin:0 auto;display:grid;gap:12px}
.tr-faq-list details{background:var(--mist);border:1px solid var(--line);border-radius:10px;padding:16px 22px}
.tr-faq-list summary{cursor:pointer;font-family:var(--font-serif);font-size:16px}
.tr-faq-list p{margin-top:8px;font-size:14px;color:var(--gray)}
.tr-cta{background:linear-gradient(160deg,#26292F,#191C21);padding:84px 0;position:relative}
.tr-cta::before{content:"";position:absolute;inset:0;
 background:radial-gradient(480px 280px at 15% 25%,rgba(217,190,133,.14),transparent 60%)}
.tr-cta-inner{position:relative;text-align:center}
.tr-cta-inner h2{color:#fff;font-size:28px;margin-bottom:14px}
.tr-cta-inner p{color:#C6C2B4;margin-bottom:12px}
.tr-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:20px 0 14px}
.tr-cta-line{border-color:rgba(217,190,133,.5);color:#E9DDBE}
.tr-cta-line:hover{background:rgba(217,190,133,.12);color:#fff}
.tr-cta-note{font-size:13px;color:#9A9EA6}
@media(max-width:992px){
 .tr-globe-inner{grid-template-columns:1fr;gap:30px}
 .tr-feat-grid{grid-template-columns:1fr 1fr}
 .tr-strip-grid{grid-template-columns:1fr}
 .tr-cases-grid{grid-template-columns:1fr}
 .tr-row{grid-template-columns:1fr;gap:4px;padding:14px 20px}
}
@media(max-width:640px){
 .tr-feat-grid{grid-template-columns:1fr}
 .tr-cta-inner h2{font-size:21px}
}