@charset "utf-8";
:root{--brand:#8a5a34;--brand-dark:#3d2b1f;--ink:#1c1a17;--muted:#6f6a63;--bg:#ffffff;--bg-alt:#f6f4f1;--line:#e5e1db;--brand-tint:#efe8e3;--radius:10px;--container:1200px;--header-h:72px;--font-sans:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:Georgia, "Times New Roman", serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:48px;--space-5:80px;--shadow-sm:0 1px 2px rgba(28, 26, 23, .05);--shadow-md:0 12px 28px rgba(28, 26, 23, .10);}/* custom: red-brand */
/* WEBSUN 红品牌覆盖层 — www.web-sun.cn 由 web-sun.cn/ai-seo-geo-package 设计系统移植 类名加 ws- 前缀避免与 Flatsome/UX 主题类碰撞 补全:focus-visible/:active/prefers-reduced-motion */
:root{
  --brand:#c81623; --brand-dark:#a3121e; --brand-light:#e0313d;
  --navy:#c81623; --navy-2:#a3121e; --navy-3:#e0313d;
  --gold:#c81623; --gold-2:#f8c8cb;
  --ink:#262626; --muted:#5f5f5f; --line:#ececec;
  --bg:#ffffff; --card:#ffffff; --brand-tint:#fdecec;
  --radius:14px; --radius-lg:20px;
  --shadow:0 6px 24px rgba(200,22,35,.08);
  --serif:'Cormorant Garamond','Noto Serif SC',Georgia,serif;
  --sans:'Inter','Noto Sans SC','Microsoft YaHei',sans-serif;
  --wrap:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.7;font-size:15px}
img{max-width:100%}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.ws-btn:focus-visible,.ws-icon-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.ws-container{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:100px;font-weight:600;font-size:14.5px;transition:.25s;cursor:pointer;border:1.5px solid transparent;font-family:var(--sans)}
.ws-btn-gold{background:linear-gradient(135deg,var(--gold),#8f1019);color:#fff;box-shadow:0 6px 18px rgba(200,22,35,.35)}
.ws-btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(200,22,35,.45)}
.ws-btn-gold:active{transform:translateY(0);filter:brightness(.96)}
.ws-btn-ghost-light{border:1.5px solid rgba(255,255,255,.35);color:#fff}
.ws-btn-ghost-light:hover{border-color:var(--gold);color:var(--gold-2)}
.ws-btn-ghost-light:active{filter:brightness(.95)}
.ws-btn-ghost-dark{border:1.5px solid var(--brand);color:var(--brand)}
.ws-btn-ghost-dark:hover{background:var(--brand);color:#fff}
.ws-btn-ghost-dark:active{filter:brightness(.96)}
.ws-btn[disabled],.ws-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none}
.ws-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.ws-header .ws-container{display:flex;align-items:center;justify-content:space-between;height:68px}
.ws-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--brand);letter-spacing:.02em}
.ws-logo .ws-logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--gold),#8f1019);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800}
.ws-nav{display:flex;align-items:center;gap:30px}
.ws-nav a{color:var(--ink);font-size:14.5px;font-weight:500;transition:.2s}
.ws-nav a:hover{color:var(--brand)}
.ws-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.ws-nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.25s}
.ws-hero{background:linear-gradient(135deg,#8f1019 0%,var(--navy) 45%,var(--navy-3) 100%);color:#fff;padding:90px 0 70px;position:relative;overflow:hidden}
.ws-hero::before{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(248,200,203,.28),transparent 65%)}
.ws-hero::after{content:"";position:absolute;left:-120px;bottom:-220px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(143,16,25,.60),transparent 65%)}
.ws-hero .ws-container{position:relative;z-index:2}
.ws-hero .ws-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:var(--gold-2);font-size:13px;padding:7px 16px;border-radius:100px;margin-bottom:22px;letter-spacing:.06em}
.ws-hero h1{font-family:var(--serif);font-weight:600;font-size:46px;line-height:1.22;margin-bottom:20px;max-width:820px}
.ws-hero h1 em{color:var(--gold-2);font-style:normal}
.ws-hero .ws-sub{color:#f2d4d6;font-size:17px;max-width:680px;margin-bottom:34px}
.ws-hero-stats{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid rgba(255,255,255,.12);margin-top:8px}
.ws-hero-stats .ws-hs{flex:1;min-width:150px;padding:22px 22px 0 0}
.ws-hero-stats .ws-hs b{display:block;font-family:var(--serif);font-size:30px;color:var(--gold-2)}
.ws-hero-stats .ws-hs span{font-size:12.5px;color:#e8b8bb;letter-spacing:.04em}
.ws-hero-cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
.ws-section{padding:72px 0}
.ws-sec-head{max-width:720px;margin:0 auto 46px;text-align:center}
.ws-sec-head .ws-no{display:inline-block;font-family:var(--serif);font-size:15px;color:var(--gold);letter-spacing:.2em;margin-bottom:10px;font-weight:600}
.ws-sec-head h2{font-family:var(--serif);font-weight:600;font-size:34px;color:var(--navy);margin-bottom:14px}
.ws-sec-head p{color:var(--muted);font-size:15.5px}
.ws-sec-head .ws-bar{width:56px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:2px;margin:16px auto 0}
.ws-why{background:var(--card)}
.ws-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);font-size:14px}
.ws-tbl th,.ws-tbl td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line)}
.ws-tbl thead th{background:var(--navy);color:#fff;font-weight:600;letter-spacing:.04em;font-size:13.5px}
.ws-tbl tbody tr:last-child td{border-bottom:none}
.ws-tbl td:first-child{font-weight:600;color:var(--navy)}
.ws-tbl .yes{color:#1e8e5a;font-weight:700}
.ws-tbl .no{color:#c03a3a;font-weight:700}
.ws-tbl .mid{color:var(--gold);font-weight:700}
.ws-why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.ws-wc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 26px;box-shadow:var(--shadow)}
.ws-wc .ws-ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--navy-3),var(--navy));color:var(--gold-2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ws-wc h4{font-size:17px;color:var(--navy);margin-bottom:8px}
.ws-wc p{color:var(--muted);font-size:14px}
.ws-wc .ws-num{font-family:var(--serif);font-size:30px;color:var(--gold);font-weight:600}
.ws-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ws-fg{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:.25s;box-shadow:var(--shadow)}
.ws-fg:hover{transform:translateY(-4px);border-color:var(--gold)}
.ws-fg .ws-f-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ws-fg .ws-f-ico{width:40px;height:40px;border-radius:10px;background:#fdecec;color:var(--navy-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ws-fg h4{font-size:16px;color:var(--navy);line-height:1.35}
.ws-fg p{color:var(--muted);font-size:13.5px}
.ws-fg .ws-tag{display:inline-block;margin-top:12px;font-size:11.5px;background:#fdecec;color:#a3121e;padding:4px 10px;border-radius:100px;font-weight:600}
.ws-dark{background:linear-gradient(160deg,var(--navy) 0%,#7a0d15 100%);color:#fdf4f5}
.ws-dark .ws-sec-head h2{color:#fff}
.ws-dark .ws-sec-head p{color:#f2d4d6}
.ws-dark .ws-sec-head .ws-no{color:var(--gold)}
.ws-server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ws-sg{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px}
.ws-sg .ws-s-ico{width:42px;height:42px;border-radius:10px;background:rgba(248,200,203,.18);color:var(--gold-2);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ws-sg h4{color:#fff;font-size:15.5px;margin-bottom:6px}
.ws-sg p{color:#f2d4d6;font-size:13.5px}
.ws-list-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px}
.ws-lc{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}
.ws-lc .ws-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:8px;flex-shrink:0}
.ws-lc b{color:var(--navy);font-size:14.5px;display:block}
.ws-lc span{color:var(--muted);font-size:13px}
.ws-ai-flow{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:30px}
.ws-ai-step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px 10px;text-align:center;position:relative}
.ws-ai-step .ws-emoji{font-size:24px;display:block;margin-bottom:8px}
.ws-ai-step .ws-en{display:block;font-size:11px;color:var(--gold-2);font-weight:700;letter-spacing:.06em}
.ws-ai-step .ws-cn{display:block;font-size:13px;color:#fdf4f5;margin-top:4px;font-weight:600}
.ws-ai-step::after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--gold);font-weight:700;z-index:2}
.ws-ai-step:last-child::after{display:none}
.ws-price-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}
.ws-price-card{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);border-radius:var(--radius-lg);padding:38px;color:#fff;position:relative;overflow:hidden}
.ws-price-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(248,200,203,.3),transparent 65%)}
.ws-price-card .ws-p-label{font-size:13px;letter-spacing:.14em;color:var(--gold-2);text-transform:uppercase;font-weight:600}
.ws-price-card h3{font-family:var(--serif);font-size:30px;font-weight:600;margin:10px 0 6px}
.ws-price-card .ws-p-num{font-family:var(--serif);font-size:52px;color:var(--gold-2);font-weight:600;line-height:1.1}
.ws-price-card .ws-p-num small{font-size:20px}
.ws-price-card .ws-p-sub{color:#f2d4d6;font-size:14px;margin-top:8px}
.ws-price-card ul{list-style:none;margin-top:22px;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
.ws-price-card li{display:flex;gap:10px;font-size:14px;color:#f5e3e5;padding:5px 0}
.ws-price-card li::before{content:"✓";color:var(--gold);font-weight:700}
.ws-incl-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow)}
.ws-incl-card h4{color:var(--navy);font-size:18px;margin-bottom:16px}
.ws-incl-card ul{list-style:none}
.ws-incl-card li{display:flex;gap:10px;font-size:14px;color:var(--muted);padding:7px 0;border-bottom:1px dashed var(--line)}
.ws-incl-card li:last-child{border-bottom:none}
.ws-incl-card li b{color:var(--navy)}
.ws-incl-card li::before{content:"✦";color:var(--gold);font-weight:700}
.ws-gallery{background:var(--card)}
.ws-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.ws-g-item{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:.25s}
.ws-g-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(200,22,35,.12)}
.ws-g-item img{width:100%;height:auto;display:block;background:#f5f5f5}
.ws-g-item .ws-g-cap{padding:14px 18px;display:flex;align-items:center;gap:10px}
.ws-g-item .ws-g-cap .ws-n{width:28px;height:28px;border-radius:8px;background:var(--navy);color:var(--gold-2);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ws-g-item .ws-g-cap span{font-size:13.5px;color:var(--muted)}
.ws-cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;text-align:center;padding:72px 0}
.ws-cta-band h2{font-family:var(--serif);font-size:34px;font-weight:600;margin-bottom:14px}
.ws-cta-band p{color:#f2d4d6;max-width:560px;margin:0 auto 30px;font-size:15px}
.ws-footer{background:#7a0d15;color:#e8c9cb;padding:44px 0;font-size:13.5px}
.ws-footer .ws-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.ws-footer b{color:#f2d4d6}
.ws-footer .ws-f-contact{display:flex;gap:26px;flex-wrap:wrap}
.ws-footer a{color:var(--gold-2)}
.ws-footer a:hover{color:#fff}
.ws-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:960px){.ws-feature-grid,.ws-why-cards,.ws-server-grid{grid-template-columns:repeat(2,1fr)}.ws-price-wrap{grid-template-columns:1fr}.ws-ai-flow{grid-template-columns:repeat(4,1fr)}.ws-ai-step:nth-child(4)::after{display:none}}
@media(max-width:720px){.ws-nav{position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:.3s}.ws-nav.open{max-height:420px}.ws-nav a{padding:14px 24px;width:100%;border-top:1px solid var(--line)}.ws-nav-toggle{display:block}}
@media(max-width:640px){.ws-hero{padding:60px 0 50px}.ws-hero h1{font-size:34px}.ws-feature-grid,.ws-why-cards,.ws-server-grid,.ws-list-cols,.ws-gallery-grid{grid-template-columns:1fr}.ws-ai-flow{grid-template-columns:repeat(2,1fr)}.ws-ai-step::after{display:none}.ws-section{padding:54px 0}.ws-tbl{font-size:12.5px}.ws-tbl th,.ws-tbl td{padding:11px 12px}}

/* custom: brand-header-footer */
/* 站点级 header/footer/btn 翻红（主题自带类，经 update_site_css 覆盖） */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--brand);text-decoration:none;letter-spacing:.02em}
.logo .logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),#8f1019);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}
.logo .logo-text{display:flex;flex-direction:column;line-height:1.05}
.logo small{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.04em}
.site-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.site-nav a{color:var(--ink);font-size:14.5px;font-weight:500;transition:.2s}
.site-nav a:hover{color:var(--brand)}
.site-nav a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:100px;font-weight:600;font-size:14.5px;transition:.25s;cursor:pointer;border:none;font-family:var(--sans);text-decoration:none}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0);filter:brightness(.96)}
.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.btn{background:linear-gradient(135deg,var(--brand),#8f1019);color:#fff;box-shadow:0 6px 18px rgba(200,22,35,.3)}
.btn-light{background:#fff;color:var(--brand);border:1.5px solid var(--brand)}
.btn-light:hover{background:var(--brand);color:#fff}
.site-footer{background:var(--brand-dark);color:#f3d6d8;padding:40px 0 24px;font-size:13.5px}
.site-footer .footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.site-footer h4{color:#fff;font-size:15px;margin:0 0 12px}
.site-footer p{color:#e8c9cb;line-height:1.7}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:8px}
.site-footer a{color:var(--gold-2);text-decoration:none}
.site-footer a:hover{color:#fff}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:26px;padding-top:18px;color:#e8c9cb;font-size:12.5px}
@media(max-width:860px){.site-footer .footer-inner{grid-template-columns:1fr 1fr}.site-header .header-inner{height:60px}}
@media(max-width:560px){.site-footer .footer-inner{grid-template-columns:1fr}}
/* custom: hero-contrast */
/* hero 对比度修复 v2：标题纯白、投影抵消装饰光晕、统计标签更实，全部 >= 4.5:1 */
.ws-hero h1{color:#fff !important;text-shadow:0 2px 22px rgba(120,8,16,.45)}
.ws-hero h1 em{color:#fff !important;border-bottom:2px solid var(--accent);font-style:normal}
.ws-hero .ws-sub{color:rgba(255,255,255,.96) !important;text-shadow:0 1px 14px rgba(120,8,16,.35)}
.ws-hero .ws-kicker{color:#fff !important}
.ws-hero-stats{border-top-color:rgba(255,255,255,.25)}
.ws-hero-stats .ws-hs b{color:#fff !important}
.ws-hero-stats .ws-hs span{color:rgba(255,255,255,.95) !important;font-weight:500}
/* custom: brand-palette */
/* ===== brand-palette v2.1：红(#c81623)+黑(#1f1f1f)+象牙白(#f7f1e8)+香槟金(#c9a86a) =====
/* 不用 --gold(在 red-brand 中是红色，串味会破坏对比)，改用 --accent 表示真金 */
:root{
  --brand:#c81623; --brand-dark:#a3121e; --brand-light:#e0313d;
  --ink:#1f1f1f; --muted:#5f5f5f;
  --ivory:#f7f1e8; --ivory-2:#fbf7f0;
  --accent:#c9a86a; --accent-dark:#b08d4f;
  --line-gold:rgba(201,168,106,.5);
  --radius:14px; --radius-lg:20px;
}

/* 区块背景节奏 */
.ws-hero{background:var(--brand);color:#fff}
.ws-why{background:var(--ivory);color:var(--ink)}
.ws-dark{background:var(--ink);color:#fff}
.ws-section:not(.ws-why):not(.ws-dark){background:var(--ivory-2)}
.ws-cta-band{background:var(--brand);color:#fff}

/* 区块标题按背景取色（对比度安全） */
.ws-why .ws-sec-head h2,.ws-section:not(.ws-why):not(.ws-dark) .ws-sec-head h2{color:var(--ink)}
.ws-why .ws-sec-head p,.ws-section:not(.ws-why):not(.ws-dark) .ws-sec-head p{color:var(--muted)}
.ws-dark .ws-sec-head h2{color:#fff}
.ws-dark .ws-sec-head p{color:rgba(255,255,255,.80)}
/* eyebrow 小标题：浅底品牌红(≈5.2:1)，黑底真金(≈7:1) */
.ws-sec-head .ws-no{color:var(--brand);font-weight:700;letter-spacing:.2em}
.ws-dark .ws-sec-head .ws-no{color:var(--accent)}
.ws-bar{width:46px;height:3px;background:var(--accent);border:0;border-radius:2px;margin:14px auto 0;display:block}

/* hero 金色点缀：AI增强 金色下划线；kicker 文字沿用 hero-contrast 白色(可读) */
.ws-hero h1 em{font-style:normal;color:#fff;border-bottom:2px solid var(--accent);padding-bottom:2px}
.ws-hero .ws-hero-cta .ws-btn-ghost-light{border-color:var(--accent);color:#fff}

/* ===== SVG 图标（替代 ◆ 字形）：隐藏原字形，伪元素注入 SVG ===== */
.ws-ico,.ws-f-ico,.ws-s-ico{font-size:0}
.ws-wc .ws-ico{background:rgba(200,22,35,.08)}
.ws-f-ico{background:rgba(200,22,35,.08)}
.ws-sg .ws-s-ico{background:rgba(255,255,255,.10)}
.ws-ico::before,.ws-f-ico::before{content:"";display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.ws-sg .ws-s-ico::before{content:"";display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* AI 流程：emoji 改 SVG（金色，黑底≈7:1） */
.ws-ai-step .ws-emoji{font-size:0}
.ws-ai-step .ws-emoji::before{content:"";display:block;width:26px;height:26px;margin:0 auto 8px;background:center/contain no-repeat}
.ws-ai-step:nth-child(1) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E")}
.ws-ai-step:nth-child(2) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86a' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23c9a86a' stroke='none'/%3E%3C/svg%3E")}
.ws-ai-step:nth-child(3) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 100 18c1.1 0 1.6-.9 1.6-1.6 0-1.3 1.1-1.6 2.2-1.6H17a3 3 0 003-3V9a3 3 0 00-3-3h-1.2C12.4 6 12 4 12 3z' fill='%23c9a86a' stroke='none'/%3E%3Ccircle cx='7.6' cy='11' r='1.1' fill='%231f1f1f'/%3E%3Ccircle cx='11' cy='7.4' r='1.1' fill='%231f1f1f'/%3E%3C/svg%3E")}
.ws-ai-step:nth-child(4) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M16.9 16.9l2.1 2.1M19.1 4.9l-2.1 2.1M7.1 16.9l-2.1 2.1'/%3E%3C/svg%3E")}
.ws-ai-step:nth-child(5) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 2.5 15.4 0 18M12 3c-2.5 2.6-2.5 15.4 0 18'/%3E%3C/svg%3E")}
.ws-ai-step:nth-child(6) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15c-1.6 1.6-2.2 5-2.2 5s3.4-.6 5-2.2'/%3E%3Cpath d='M9 11a8 8 0 018-8c1.1 0 3 1.1 3 3a8 8 0 01-8 8z'/%3E%3Ccircle cx='14.5' cy='9.5' r='1.4' fill='%23c9a86a' stroke='none'/%3E%3C/svg%3E")}
.ws-ai-step:nth-child(7) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V4M4 19h16'/%3E%3Cpath d='M7 14l4-4 3 3 5-6'/%3E%3C/svg%3E")}
.ws-ai-step .ws-en{color:var(--accent);font-weight:700;letter-spacing:.06em;font-size:12px}
.ws-ai-step .ws-cn{color:rgba(255,255,255,.85);font-size:14px;margin-top:4px;font-weight:600}
.ws-ai-step::after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;z-index:2}

/* WHY 卡片 */
.ws-why .ws-wc{background:#fff;border:1px solid rgba(28,26,23,.08);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s,transform .2s}
.ws-why .ws-wc:hover{border-color:var(--accent);box-shadow:0 14px 30px rgba(28,26,23,.10);transform:translateY(-3px)}
.ws-why .ws-wc h4{color:var(--ink)}
.ws-why .ws-wc p{color:var(--muted)}

/* 套餐卡：红卡白字，金顶边；价格/标签提白(红底可读)，勾选改白色 SVG */
.ws-price-card{background:linear-gradient(160deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff}
.ws-price-card .ws-p-label{color:rgba(255,255,255,.92);font-weight:700;letter-spacing:.14em}
.ws-price-card h3{color:#fff}
.ws-price-card .ws-p-num{color:#fff}
.ws-price-card .ws-p-sub{color:rgba(255,255,255,.88)}
.ws-price-card ul{border-top:1px solid rgba(255,255,255,.18)}
.ws-price-card li{color:rgba(255,255,255,.95);padding:6px 0}
.ws-price-card li::before{content:"";width:18px;height:18px;flex-shrink:0;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.ws-incl-card{background:#fff;border:1px solid rgba(28,26,23,.08);border-radius:var(--radius-lg);padding:32px}
.ws-incl-card h4{color:var(--ink)}
.ws-incl-card li{color:var(--muted);padding:7px 0}
.ws-incl-card li b{color:var(--ink)}
.ws-incl-card li::before{content:"";width:18px;height:18px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* CTA 副文提亮（红底可读） */
.ws-cta-band p{color:rgba(255,255,255,.92)}
.ws-cta-band h2{color:#fff}

/* 表格 mid 标签改品牌红（红在白≈4.8:1） */
.ws-tbl .mid{color:var(--brand)}

/* 画廊序号徽章：红底白字 */
.ws-g-item .ws-g-cap .ws-n{background:var(--brand);color:#fff}

/* 金色按钮：金底深字（高对比） */
.ws-btn-gold{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--ink);border:0;font-weight:700}
.ws-btn-gold:hover{filter:brightness(1.04)}
.ws-btn-ghost-light{border:1.5px solid rgba(255,255,255,.5);color:#fff}

/* 头部/底部金色点缀 + 焦点可见（无障碍 Q12） */
.site-nav a:hover,.site-nav a:focus-visible{color:#fff;border-bottom:2px solid var(--accent)}
.site-header .btn{box-shadow:inset 0 0 0 2px var(--accent)}
.site-footer{border-top:3px solid var(--accent)}
.footer-bottom{border-top:1px solid var(--line-gold)}
.ws-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* custom: home-tweaks */
/* home 文本微调：隐藏 eyebrow 小标题 + 年限 17→19（显示层，不动被锁 body） */
/* 1) 去掉 WHY WEBSUN / AI WORKFLOW / PRICING 这类 eyebrow 小标题 */
.ws-sec-head .ws-no{display:none!important}
/* 2) hero 统计区首块 17 年 → 19 年 */
.ws-hero-stats .ws-hs:first-child b{font-size:0}
.ws-hero-stats .ws-hs:first-child b::after{content:"19 年";font-size:30px;font-family:var(--serif);font-weight:600}
/* 3) hero kicker 17 年 → 19 年（正文重写字样） */
.ws-hero .ws-kicker{font-size:0}
.ws-hero .ws-kicker::after{content:"◆ 19 年专注外贸建站与海外推广";font-size:13px;font-weight:500;letter-spacing:.06em;display:inline-flex;align-items:center;gap:8px}
/* custom: logo-img */
/* logo 图片：限制高度保持比例，避免撑破 68px 头部栏 */
.logo-img{display:block;height:38px;width:auto;max-width:200px}
@media(max-width:560px){.logo-img{height:32px}}
/* custom: main-nav */
/* 桌面（>=601px）：<details class="nav-toggle"> 只是透明外壳，导航横向平铺。
   ★ 所有选择器一律用 > 限定在「抽屉里的顶层 ul / 顶层链接」。
   写成后代选择器 .site-nav .nav-toggle ul 会同时命中嵌套的 <ul class="sub-menu">，
   且特异性 (0,2,1) 高于 nav-dropdown 段的 .site-nav .sub-menu (0,2,0)，
   会把下拉面板强行改成 display:flex / position:static —— 菜单就会永久展开、跑到导航行里。 */
@media (min-width: 601px) {
  .site-nav .nav-toggle { display: block; }
  .site-nav .nav-toggle::details-content {
    display: block !important;
    content-visibility: visible !important;
  }
  .site-nav .burger-icon { display: none; }
  .site-nav .nav-toggle > ul {
    display: flex; flex-direction: row; position: static;
    height: auto; padding: 0; background: transparent; overflow: visible; gap: var(--space-3);
  }
  .site-nav .nav-toggle > ul > li > a { display: inline-block; padding: 6px 2px; white-space: nowrap; }
}

/* 1) 当前页：红色胶囊
   ★ 选择器必须写到 .site-nav .nav-toggle > ul > li.current > a（0,3,3）。
   上面桌面段的 .site-nav .nav-toggle > ul > li > a（0,2,3）会连带命中当前页那条链接，
   若胶囊只写 .site-nav li.current > a（0,2,2），padding 就会被它的 6px 2px 反超、
   背景被压成「文字贴边」的细长条。这里靠多一层 .nav-toggle 把特异性提到 (0,3,3) 压回去。 */
.site-nav .nav-toggle > ul > li.current > a { background: var(--brand); color: #fff !important; padding: 8px 14px; border-radius: 100px; }
.site-nav .nav-toggle > ul > li.current > a::after { display: none; }
.site-nav .nav-toggle > ul > li.current > a:hover { background: #a8121e; color: #fff !important; }
.site-nav a:hover, .site-nav a:focus-visible { color: var(--brand) !important; border-bottom: 0; }

/* 2) 移动端（<=600px，与主题断点一致）：汉堡 + 全屏抽屉 */
@media (max-width: 600px) {
  .site-header { padding-top: 0; }
  .header-inner { flex-wrap: nowrap; min-height: var(--header-h); height: auto; padding-bottom: 0; }
  .site-nav { order: 0; width: auto; margin-left: auto; }
  .site-header { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .site-nav .nav-toggle > ul { top: 0; left: 0; right: 0; bottom: auto; width: auto; height: 100vh; height: 100dvh; max-height: none; }
  .site-nav .nav-toggle::details-content { transition: none !important; }
  .site-nav .nav-toggle:not([open]) > ul { display: none !important; }
  .site-nav .nav-toggle > ul > li > a:hover,
  .site-nav .nav-toggle > ul > li.current > a { background: transparent !important; color: var(--brand) !important; border-bottom: 0 !important; }
  .site-nav .nav-toggle > ul > li.current > a { padding: 14px 0; border-radius: 0; }
  .site-nav .burger-icon { position: relative; z-index: 300; }
  .site-nav .nav-toggle[open] .burger-icon { background: rgba(200, 22, 35, .08); border-radius: 10px; }
}
/* custom: hero-bg */
/* ===== hero 背景：线框地球 + 网络节点（内联 SVG），叠深红渐变蒙版 =====
   置于 red-brand / brand-palette 之后，覆盖原纯红底；文字层白字由 hero-contrast 保证。 */
body.home .site-main > .ws-hero{
  background-color:#7a0d15;
  background-image:
    linear-gradient(135deg, rgba(143,16,25,.82) 0%, rgba(120,8,16,.88) 55%, rgba(163,18,30,.84) 100%),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20600'%20preserveAspectRatio='xMidYMid%20slice'%3E%20%3Cg%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.15'%20stroke-width='1.4'%3E%20%3Ccircle%20cx='300'%20cy='300'%20r='232'/%3E%20%3Cellipse%20cx='300'%20cy='300'%20rx='168'%20ry='232'/%3E%20%3Cellipse%20cx='300'%20cy='300'%20rx='92'%20ry='232'/%3E%20%3CclipPath%20id='g'%3E%3Ccircle%20cx='300'%20cy='300'%20r='232'/%3E%3C/clipPath%3E%20%3Cg%20clip-path='url(%23g)'%3E%20%3Cline%20x1='60'%20y1='206'%20x2='540'%20y2='206'/%3E%20%3Cline%20x1='60'%20y1='252'%20x2='540'%20y2='252'/%3E%20%3Cline%20x1='60'%20y1='300'%20x2='540'%20y2='300'/%3E%20%3Cline%20x1='60'%20y1='348'%20x2='540'%20y2='348'/%3E%20%3Cline%20x1='60'%20y1='394'%20x2='540'%20y2='394'/%3E%20%3C/g%3E%20%3C/g%3E%20%3Cg%20fill='%23c9a86a'%3E%20%3Ccircle%20cx='250'%20cy='232'%20r='4'/%3E%20%3Ccircle%20cx='362'%20cy='268'%20r='3.4'/%3E%20%3Ccircle%20cx='322'%20cy='360'%20r='4'/%3E%20%3Ccircle%20cx='414'%20cy='332'%20r='3'/%3E%20%3Ccircle%20cx='206'%20cy='322'%20r='3'/%3E%20%3Ccircle%20cx='300'%20cy='200'%20r='2.6'/%3E%20%3C/g%3E%20%3Cg%20stroke='%23c9a86a'%20stroke-opacity='0.45'%20stroke-width='1'%3E%20%3Cline%20x1='250'%20y1='232'%20x2='362'%20y2='268'/%3E%20%3Cline%20x1='362'%20y1='268'%20x2='414'%20y2='332'/%3E%20%3Cline%20x1='322'%20y1='360'%20x2='414'%20y2='332'/%3E%20%3Cline%20x1='250'%20y1='232'%20x2='206'%20y2='322'/%3E%20%3Cline%20x1='206'%20y1='322'%20x2='322'%20y2='360'/%3E%20%3Cline%20x1='300'%20y1='200'%20x2='250'%20y2='232'/%3E%20%3Cline%20x1='300'%20y1='200'%20x2='362'%20y2='268'/%3E%20%3C/g%3E%20%3C/svg%3E");
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, scroll;
}
/* custom: btn-gold-black */
/* 金色按钮（.ws-btn-gold）统一改黑底白字 —— 置于 brand-palette 之后生效，覆盖全站金色 CTA
   需求：查看建站套餐等金色按钮改黑底白字。 */
.ws-btn-gold{background:#1f1f1f !important;color:#fff !important;border:0;font-weight:700}
.ws-btn-gold:hover{background:#000 !important;color:#fff !important;transform:translateY(-2px)}
.ws-btn-gold:active{transform:translateY(0);filter:brightness(.96)}
/* custom: home-types */
/* custom: home-types */
/* ===== 三种建站方式（ws-types）卡片样式 =====
   需求：手机/平板上卡片宽度必须与上方「优势区」.ws-why-cards 完全一致。
   因此本网格逐像素克隆优势区：无 max-width 限制、gap 22px、卡片内边距 28px 26px，
   列断点同样 >960 三列 / ≤960 两列 / ≤640 单列。
   使用 minmax(0,1fr) 防止 grid 子项 min-content 撑爆轨道。 */
.ws-types .ws-type-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 36px;
}
.ws-type {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 28px 26px;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  min-width: 0;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ws-type:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
  border-color: var(--accent);
}
.ws-type .ws-ico {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(200,22,35,.08);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ws-type-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--brand);
  margin-bottom: 8px;
}
.ws-type h3 {
  font-family: var(--serif);
  font-size: 22px;
  color: var(--ink);
  margin-bottom: 12px;
  line-height: 1.3;
}
.ws-type p {
  color: var(--muted);
  font-size: 14.5px;
  margin-bottom: 12px;
  line-height: 1.65;
}
.ws-type .ws-type-fit {
  font-size: 13.5px;
  color: var(--muted);
  margin-bottom: 22px;
  flex-grow: 1;
}
.ws-type .ws-btn {
  align-self: flex-start;
}
/* 幽灵按钮：统一描边 + hover 填充 */
.ws-btn-ghost {
  border: 1.5px solid var(--brand);
  color: var(--brand);
  background: transparent;
}
.ws-btn-ghost:hover {
  background: var(--brand);
  color: #fff;
  text-decoration: none;
}
.ws-btn-ghost:active {
  filter: brightness(.96);
  transform: translateY(0);
}
/* 响应式列数与优势区 .ws-why-cards 完全一致，避免手机/平板卡宽不一致 */
@media (max-width: 960px) {
  .ws-types .ws-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ws-types .ws-type-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .ws-type .ws-btn { align-self: stretch; text-align: center; }
}

/* custom: home-icons */
/* ===== 首页图标差异化 =====
   为 ws-why 六宫格与 ws-types 三卡片分别设置语义化 SVG 图标。
   brand-palette 已提供默认红色勾；本段用更具体选择器覆盖。 */

/* ws-why 区域：六宫格按内容区分 */
.ws-why .ws-wc:nth-child(1) .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2723%206%2013.5%2015.5%208.5%2010.5%201%2018%27/%3E%3Cpolyline%20points%3D%2717%206%2023%206%2023%2012%27/%3E%3C/svg%3E"); }

.ws-why .ws-wc:nth-child(2) .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27/%3E%3Cline%20x1%3D%272%27%20y1%3D%2712%27%20x2%3D%2722%27%20y2%3D%2712%27/%3E%3Cpath%20d%3D%27M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%27/%3E%3C/svg%3E"); }

.ws-why .ws-wc:nth-child(3) .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%272%27%20width%3D%2716%27%20height%3D%2712%27%20rx%3D%272%27/%3E%3Crect%20x%3D%279%27%20y%3D%2714%27%20width%3D%276%27%20height%3D%278%27%20rx%3D%271%27/%3E%3Cpath%20d%3D%27M8%2022h8%27/%3E%3C/svg%3E"); }

.ws-why .ws-wc:nth-child(4) .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2721%27%20r%3D%271%27/%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2721%27%20r%3D%271%27/%3E%3Cpath%20d%3D%27M1%201h4l2.68%2013.39a2%202%200%200%200%202%201.61h9.72a2%202%200%200%200%202-1.61L23%206H6%27/%3E%3C/svg%3E"); }

.ws-why .ws-wc:nth-child(5) .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2011l18-5v12L3%2014v-3z%27/%3E%3Cpath%20d%3D%27M11.6%2016.8a3%203%200%201%201-5.8-1.6%27/%3E%3C/svg%3E"); }

.ws-why .ws-wc:nth-child(6) .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2018v-6a9%209%200%200%201%2018%200v6%27/%3E%3Cpath%20d%3D%27M21%2019a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3zM3%2019a2%202%200%200%200%202%202h1a2%202%200%200%200%202-2v-3a2%202%200%200%200-2-2H3z%27/%3E%3C/svg%3E"); }

/* ws-types 区域：启用 ::before 并覆盖图标 */
.ws-type .ws-ico { font-size: 0; }
.ws-type .ws-ico::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: center/contain no-repeat;
}
.ws-type-save .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%272%27/%3E%3Cline%20x1%3D%273%27%20y1%3D%279%27%20x2%3D%2721%27%20y2%3D%279%27/%3E%3Cline%20x1%3D%279%27%20y1%3D%2721%27%20x2%3D%279%27%20y2%3D%279%27/%3E%3C/svg%3E"); }
.ws-type-ai .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203L14.5%209.5L21%2012L14.5%2014.5L12%2021L9.5%2014.5L3%2012L9.5%209.5L12%203Z%27/%3E%3C/svg%3E"); }
.ws-type-geo .ws-ico::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2718%27%20y1%3D%2720%27%20x2%3D%2718%27%20y2%3D%2710%27/%3E%3Cline%20x1%3D%2712%27%20y1%3D%2720%27%20x2%3D%2712%27%20y2%3D%274%27/%3E%3Cline%20x1%3D%276%27%20y1%3D%2720%27%20x2%3D%276%27%20y2%3D%2714%27/%3E%3C/svg%3E"); }
/* custom: subpages */
/* ===== 子页面（主导航业务页）统一样式：对齐首页品牌红配色 ===== */

.sp-hero{ background: var(--bg-alt); border-bottom: 1px solid var(--line); padding: 60px 0 44px; }
.sp-hero .ws-container{ max-width: var(--container); margin: 0 auto; padding: 0 20px; }
.sp-hero h1{ font-family: var(--font-serif); font-size: 34px; line-height: 1.3; color: var(--ink); margin: 0 0 12px; }
.sp-hero .sp-sub{ font-size: 16px; color: var(--muted); max-width: 720px; line-height: 1.7; margin: 0; }
.sp-bar{ display: block; width: 56px; height: 4px; border-radius: 4px; background: var(--brand); margin: 18px 0 0; }

.sp-section{ padding: 48px 0; }
.sp-section--alt{ background: var(--bg-alt); }
.sp-lead{ font-size: 15.5px; color: var(--muted); line-height: 1.8; max-width: 820px; }

.sp-callout{ background: var(--brand-tint); border-left: 4px solid var(--brand); border-radius: var(--radius); padding: 18px 22px; margin: 20px 0; color: var(--ink); font-size: 15px; line-height: 1.75; }

.sp-mark{ color: var(--brand); font-weight: 700; }
.sp-hl{ background: #fff4e6; color: var(--ink); padding: 1px 6px; border-radius: 4px; font-weight: 600; }

.sp-compare-wrap{ overflow-x: auto; margin: 24px 0; -webkit-overflow-scrolling: touch; }
.sp-compare{ width: 100%; border-collapse: collapse; min-width: 720px; background: #fff; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); font-size: 14px; }
.sp-compare th, .sp-compare td{ padding: 14px 16px; text-align: center; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); color: var(--ink); vertical-align: middle; }
.sp-compare thead th{ background: var(--brand); color: #fff; font-weight: 700; font-size: 15px; }
.sp-compare thead th:first-child{ background: var(--ink); }
.sp-compare tbody th{ text-align: left; background: var(--bg-alt); font-weight: 600; color: var(--ink); }
.sp-compare tbody tr:nth-child(even) td{ background: #faf8f6; }
.sp-compare .sp-yes{ color: var(--brand); font-weight: 700; }
.sp-compare .sp-no{ color: var(--muted); }
.sp-compare .sp-price{ font-size: 20px; font-weight: 800; color: var(--brand); }
.sp-compare .sp-old{ color: var(--muted); text-decoration: line-through; font-weight: 400; font-size: 13px; }
.sp-compare .sp-group td{ background: var(--brand-tint); color: var(--brand); font-weight: 700; text-align: left; padding-left: 18px; }
.sp-compare .sp-note{ display: block; font-size: 12px; color: var(--muted); font-weight: 400; }

.sp-feature-table{ width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14.5px; }
.sp-feature-table td{ padding: 14px 18px; border-bottom: 1px solid var(--line); vertical-align: top; }
.sp-feature-table td:first-child{ width: 280px; font-weight: 700; color: var(--brand); background: var(--bg-alt); }

.sp-system{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 24px 0; }
.sp-system .sp-sys{ background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-sm); }
.sp-system .sp-sys h3{ font-family: var(--font-serif); color: var(--ink); margin: 12px 0; font-size: 20px; }
.sp-system .sp-sys p{ color: var(--muted); font-size: 14px; line-height: 1.7; }
@media (max-width: 860px){ .sp-system{ grid-template-columns: 1fr; } }

.sp-h3{ font-family: var(--font-serif); color: var(--ink); font-size: 22px; margin: 28px 0 12px; }

[data-accordion]{ margin: 20px 0; }
[data-accordion] details{ border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 10px; background: #fff; overflow: hidden; }
[data-accordion] summary{ padding: 14px 18px; font-weight: 600; color: var(--ink); cursor: pointer; list-style: none; }
[data-accordion] summary::-webkit-details-marker{ display: none; }
[data-accordion] details[open] summary{ color: var(--brand); }
[data-accordion] details p{ padding: 0 18px 16px; color: var(--muted); line-height: 1.75; }
/* custom: home-types-hover */
/* custom: home-types-hover */
/* JS 驱动 hover：被 hover 卡 .is-active + 网格 .has-active；仅鼠标离开整个 .ws-type-grid 才清除（防抖）。
   修复循环闪动：激活后其余两张 display:none 隐藏，鼠标无法再移到「掉下来的卡」上触发新重排 → 彻底无循环。
   桌面/平板 ≥768px：被 hover 卡 order:-1 + grid-column:1/-1 满宽，其余隐藏；面板 .4s 展开。 */

/* 模板建站套餐面板：默认收起 */
.ws-plans {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  transition: max-height .4s ease, opacity .3s ease, margin-top .3s ease;
}
.ws-plan {
  background: var(--bg-alt);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 16px 18px;
}
.ws-plan-name { display: block; font-weight: 700; color: var(--brand); font-size: 15px; margin-bottom: 6px; }
.ws-plan-desc { color: var(--muted); font-size: 13px; line-height: 1.55; margin: 0 0 10px; }
.ws-plan .ws-btn { align-self: flex-start; font-size: 13px; padding: 8px 16px; }

.ws-type-ai::after,
.ws-type-geo::after {
  content: "";
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  padding-top: 0;
  border-top: 0 solid var(--line);
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.7;
  white-space: pre-line;
  transition: max-height .4s ease, opacity .3s ease, margin-top .3s ease, padding-top .3s ease;
}
.ws-type-ai::after { content: "· 行业调研：竞品 / 关键词 / 受众智能分析\A· AI 7 步交付：调研 → 策略 → 设计 → 开发 → 多语言 → 上线 → 增长\A· 一站托管：顾问 + AI 全程辅助，不用自己折腾"; }
.ws-type-geo::after { content: "· 200+ 项 Google 排名技术内置\A· 104 种语言 SEO，覆盖全球市场\A· 生成式引擎优化 GEO，让 AI 主动推荐你"; }

/* ≥768px：hover 重排 + 满宽展开；激活后其余两张隐藏，杜绝循环闪动 */
@media (min-width: 768px) {
  .ws-type-grid.has-active .ws-type.is-active {
    order: -1;
    grid-column: 1 / -1;
    box-shadow: var(--shadow-md);
    border-color: var(--accent);
  }
  .ws-type-grid.has-active .ws-type:not(.is-active) {
    display: none;
  }
  .ws-type-grid.has-active .ws-type-save.is-active .ws-plans {
    grid-template-columns: repeat(3, 1fr);
    max-height: 320px;
    opacity: 1;
    margin-top: 18px;
  }
  .ws-type-grid.has-active .ws-type-ai.is-active::after,
  .ws-type-grid.has-active .ws-type-geo.is-active::after {
    max-height: 200px;
    opacity: 1;
    margin-top: 18px;
    padding-top: 16px;
    border-top-width: 1px;
    column-count: 3;
    column-gap: 28px;
    column-rule: 1px solid var(--line);
  }
}
/* custom: home-section-order */
/* 首页区块顺序（视觉序）：hero(1)→types(2)→brands(3)→geo(4)→why(5)→dark(6)→service(7)→cta(8)。
   仅作用于首页 body.home，其它页面不受影响。.site-main 改纵向 flex 以便用 order 重排。
   ★ 新增区块必须同时加一条 order 规则，并把它的类从下面那条「其它区块」:not() 链里排除，
   否则它会与兜底区块同拿一个 order、靠 DOM 序决胜负、位置变成不可控。
   2026-09-17：「透明建站套餐」区已由 .ws-service 取代，二者同位（第 7 位）。 */
body.home .site-main { display: flex; flex-direction: column; }
body.home .site-main > .ws-hero { order: 1; }
body.home .site-main > .ws-types { order: 2; }
body.home .site-main > .ws-brands { order: 3; }
body.home .site-main > .ws-geo { order: 4; }
body.home .site-main > .ws-why { order: 5; }
body.home .site-main > .ws-dark { order: 6; }
body.home .site-main > .ws-service { order: 7; }
body.home .site-main > .ws-section:not(.ws-why):not(.ws-types):not(.ws-brands):not(.ws-geo):not(.ws-dark):not(.ws-service) { order: 7; }
body.home .site-main > .ws-cta-band { order: 8; }

/* custom: home-ai-cn */
/* custom: home-ai-cn */
/* AI 流程步骤英文标签改为中文显示（保留 ws-en 类不动结构） */
.ws-ai-step:nth-child(1) .ws-en,
.ws-ai-step:nth-child(2) .ws-en,
.ws-ai-step:nth-child(3) .ws-en,
.ws-ai-step:nth-child(4) .ws-en,
.ws-ai-step:nth-child(5) .ws-en,
.ws-ai-step:nth-child(6) .ws-en,
.ws-ai-step:nth-child(7) .ws-en {
  font-size: 0 !important;
  letter-spacing: 0 !important;
}
.ws-ai-step:nth-child(1) .ws-en::before { content: "调研"; }
.ws-ai-step:nth-child(2) .ws-en::before { content: "策略"; }
.ws-ai-step:nth-child(3) .ws-en::before { content: "设计"; }
.ws-ai-step:nth-child(4) .ws-en::before { content: "开发"; }
.ws-ai-step:nth-child(5) .ws-en::before { content: "多语言"; }
.ws-ai-step:nth-child(6) .ws-en::before { content: "上线"; }
.ws-ai-step:nth-child(7) .ws-en::before { content: "增长"; }
.ws-ai-step .ws-en::before {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--accent);
}

/* custom: academy-hero */

  /* ===== 复用 ywdjsfa-hero 两栏布局（543->6081），hero 配图=data-URI 背景 ===== */
  .page-id-6081 .ws-hero .ws-container{display:flex;align-items:center;gap:48px}
  .page-id-6081 .ws-hero .ws-hero-text{flex:1 1 0;min-width:0;text-align:left}
  .page-id-6081 .ws-hero .ws-hero-art{flex:0 0 340px;max-width:40%;aspect-ratio:520/480;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20520%20480%27%20width%3D%27520%27%20height%3D%27480%27%20fill%3D%27none%27%3E%0A%20%20%3Cg%20stroke%3D%27%23ffffff%27%20stroke-opacity%3D%270.45%27%20stroke-width%3D%272%27%3E%0A%20%20%20%20%3Ccircle%20cx%3D%27420%27%20cy%3D%2784%27%20r%3D%2750%27%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%27420%27%20cy%3D%2784%27%20rx%3D%2720%27%20ry%3D%2750%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27370%27%20y1%3D%2784%27%20x2%3D%27470%27%20y2%3D%2784%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27380%27%20y1%3D%2760%27%20x2%3D%27460%27%20y2%3D%2760%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27380%27%20y1%3D%27108%27%20x2%3D%27460%27%20y2%3D%27108%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%27%23ffffff%27%20stroke-width%3D%273%27%20stroke-linejoin%3D%27round%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M110%20300%20Q190%20272%20255%20300%20Q320%20272%20400%20300%20L400%20372%20Q320%20344%20255%20372%20Q190%20344%20110%20372%20Z%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M255%20300%20L255%20372%27%20stroke-width%3D%272.4%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M148%20318%20H228%27%20stroke-width%3D%272%27%20stroke-opacity%3D%270.65%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M148%20336%20H226%27%20stroke-width%3D%272%27%20stroke-opacity%3D%270.65%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M282%20318%20H362%27%20stroke-width%3D%272%27%20stroke-opacity%3D%270.65%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M282%20336%20H360%27%20stroke-width%3D%272%27%20stroke-opacity%3D%270.65%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20d%3D%27M150%20300%20L214%20232%20L286%20258%20L372%20150%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M372%20150%20l-26%204%20l13%2024%20z%27%20fill%3D%27%23ffffff%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27214%27%20cy%3D%27232%27%20r%3D%276%27%20fill%3D%27%23c9a45c%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27286%27%20cy%3D%27258%27%20r%3D%276%27%20fill%3D%27%23c9a45c%27%2F%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Crect%20x%3D%27300%27%20y%3D%27330%27%20width%3D%2796%27%20height%3D%2764%27%20rx%3D%2712%27%20stroke%3D%27%23c9a45c%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%27M332%20350%20L350%20362%20L332%20374%20Z%27%20fill%3D%27%23c9a45c%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") center/contain no-repeat}
  .page-id-6081 .ws-hero .ws-hero-art img{display:none}
  /* 面包屑：隐藏（用户要求去掉 hero 上的面包屑导航；删 [breadcrumb] 后模板会在顶部自动渲染，故用作用域 display:none 彻底关闭） */
  .page-id-6081 .wpb-breadcrumb{display:none}
  @media (max-width:768px){
    .page-id-6081 .ws-hero .ws-container{flex-direction:column-reverse;gap:24px;text-align:center}
    .page-id-6081 .ws-hero .ws-hero-text{text-align:center}
    .page-id-6081 .ws-hero .ws-hero-art{flex:none;width:280px;max-width:280px;margin:0 auto}
  }
  /* ===== 卡片：复用 ywdjsfa 的 ws-why-cards/ws-wc，把图标区放大为 1:1 媒体块（对标 web-sun.cn 260x260 配图） ===== */
  .page-id-6081 .ws-wc{display:flex;flex-direction:column}
  .page-id-6081 .ws-wc .ws-ico{width:auto;height:auto;aspect-ratio:1/1;margin:-28px -26px 20px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:0;overflow:hidden}
  .page-id-6081 .ws-wc .ws-ico::before{display:none}
  .page-id-6081 .ws-wc .ws-ico.ico-build{background:url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20260%20260%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Crect%20width%3D%27260%27%20height%3D%27260%27%20fill%3D%27%23f2f5fb%27%2F%3E%0A%20%20%3C%21--%20%E7%99%BD%E6%9D%BF%EF%BC%9A%E9%A5%BC%E5%9B%BE%2B%E6%8A%98%E7%BA%BF%20--%3E%0A%20%20%3Crect%20x%3D%27142%27%20y%3D%2738%27%20width%3D%2796%27%20height%3D%2772%27%20rx%3D%276%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%232e3a66%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27172%27%20cy%3D%2766%27%20r%3D%2715%27%20fill%3D%27%23e8ecf7%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M172%2066%20L172%2051%20A15%2015%200%200%201%20186%2072%20Z%27%20fill%3D%27%23c81623%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M198%2088%20L206%2076%20L214%2082%20L226%2062%27%20stroke%3D%27%23c9a45c%27%20stroke-width%3D%273%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%0A%20%20%3Crect%20x%3D%27150%27%20y%3D%2794%27%20width%3D%2738%27%20height%3D%276%27%20rx%3D%273%27%20fill%3D%27%23dfe5f2%27%2F%3E%0A%20%20%3Cline%20x1%3D%27190%27%20y1%3D%27110%27%20x2%3D%27190%27%20y2%3D%27128%27%20stroke%3D%27%232e3a66%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3C%21--%20%E4%B8%BB%E8%AE%B2%E4%BA%BA%EF%BC%9A%E6%B7%B1%E8%89%B2%E8%A5%BF%E8%A3%85%EF%BC%8C%E6%8A%AC%E6%89%8B%E6%8C%87%E5%90%91%E7%99%BD%E6%9D%BF%20--%3E%0A%20%20%3Ccircle%20cx%3D%27108%27%20cy%3D%2774%27%20r%3D%2714%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M94%2072%20a14%2014%200%200%201%2028%20-3%20l-7%20-6%20l-15%202%20z%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M92%2092%20q16%20-9%2032%200%20l6%2058%20h-44%20z%27%20fill%3D%27%232e3a66%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M120%20100%20l40%20-14%27%20stroke%3D%27%232e3a66%27%20stroke-width%3D%279%27%20stroke-linecap%3D%27round%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27163%27%20cy%3D%2784%27%20r%3D%275.5%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M106%2096%20l-8%202%20l-2%2052%20h12%20z%27%20fill%3D%27%232e3a66%27%2F%3E%0A%20%20%3Crect%20x%3D%2796%27%20y%3D%27148%27%20width%3D%2712%27%20height%3D%2746%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Crect%20x%3D%27116%27%20y%3D%27148%27%20width%3D%2712%27%20height%3D%2746%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Crect%20x%3D%2790%27%20y%3D%27192%27%20width%3D%2722%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%232e3a66%27%2F%3E%0A%20%20%3Crect%20x%3D%27112%27%20y%3D%27192%27%20width%3D%2722%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%232e3a66%27%2F%3E%0A%20%20%3C%21--%20%E5%90%AC%E4%BC%97%E4%B8%89%E4%BA%BA%20--%3E%0A%20%20%3Ccircle%20cx%3D%2752%27%20cy%3D%27206%27%20r%3D%2715%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M37%20206%20a15%2015%200%200%201%2030%200%20z%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M34%20240%20q18%20-20%2036%200%20z%27%20fill%3D%27%23c81623%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%2796%27%20cy%3D%27212%27%20r%3D%2715%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M81%20212%20a15%2015%200%200%201%2030%200%20z%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M78%20246%20q18%20-20%2036%200%20z%27%20fill%3D%27%234a5fd0%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27140%27%20cy%3D%27206%27%20r%3D%2715%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M125%20206%20a15%2015%200%200%201%2030%200%20z%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M122%20240%20q18%20-20%2036%200%20z%27%20fill%3D%27%232e3a66%27%2F%3E%0A%3C%2Fsvg%3E") center/cover no-repeat}
  .page-id-6081 .ws-wc .ws-ico.ico-cross{background:url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20260%20260%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Crect%20width%3D%27260%27%20height%3D%27260%27%20fill%3D%27%23f2f5fb%27%2F%3E%0A%20%20%3C%21--%20%E5%A4%A7%E6%89%8B%E6%9C%BA%EF%BC%9A%E5%95%86%E5%93%81%E5%88%97%E8%A1%A8%2B%E8%B4%AD%E4%B9%B0%E6%8C%89%E9%92%AE%20--%3E%0A%20%20%3Crect%20x%3D%27120%27%20y%3D%2736%27%20width%3D%2792%27%20height%3D%27156%27%20rx%3D%2714%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%232e3a66%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Crect%20x%3D%27132%27%20y%3D%2750%27%20width%3D%2768%27%20height%3D%2718%27%20rx%3D%276%27%20fill%3D%27%234a5fd0%27%2F%3E%0A%20%20%3Crect%20x%3D%27132%27%20y%3D%2778%27%20width%3D%2768%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23dfe5f2%27%2F%3E%0A%20%20%3Crect%20x%3D%27132%27%20y%3D%2794%27%20width%3D%2752%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23dfe5f2%27%2F%3E%0A%20%20%3Crect%20x%3D%27132%27%20y%3D%27110%27%20width%3D%2768%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23dfe5f2%27%2F%3E%0A%20%20%3Crect%20x%3D%27132%27%20y%3D%27126%27%20width%3D%2744%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23dfe5f2%27%2F%3E%0A%20%20%3Crect%20x%3D%27132%27%20y%3D%27146%27%20width%3D%2768%27%20height%3D%2726%27%20rx%3D%278%27%20fill%3D%27%23c81623%27%2F%3E%0A%20%20%3Crect%20x%3D%27152%27%20y%3D%27156%27%20width%3D%2728%27%20height%3D%276%27%20rx%3D%273%27%20fill%3D%27%23ffffff%27%20opacity%3D%270.85%27%2F%3E%0A%20%20%3C%21--%20%E4%BA%BA%E7%89%A9%EF%BC%9A%E8%93%9D%E8%A1%AC%E8%A1%AB%E6%8C%87%E5%90%91%E6%89%8B%E6%9C%BA%20--%3E%0A%20%20%3Ccircle%20cx%3D%2772%27%20cy%3D%2786%27%20r%3D%2714%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M58%2084%20a14%2014%200%200%201%2028%20-3%20l-7%20-6%20l-15%202%20z%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M56%20104%20q16%20-9%2032%200%20l4%2054%20h-40%20z%27%20fill%3D%27%234a5fd0%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M84%20112%20l32%2012%27%20stroke%3D%27%234a5fd0%27%20stroke-width%3D%279%27%20stroke-linecap%3D%27round%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27119%27%20cy%3D%27126%27%20r%3D%275.5%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Crect%20x%3D%2758%27%20y%3D%27156%27%20width%3D%2712%27%20height%3D%2750%27%20fill%3D%27%232e3a66%27%2F%3E%0A%20%20%3Crect%20x%3D%2778%27%20y%3D%27156%27%20width%3D%2712%27%20height%3D%2750%27%20fill%3D%27%232e3a66%27%2F%3E%0A%20%20%3Crect%20x%3D%2752%27%20y%3D%27204%27%20width%3D%2722%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Crect%20x%3D%2774%27%20y%3D%27204%27%20width%3D%2722%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3C%21--%20%E7%BB%BF%E6%A4%8D%20--%3E%0A%20%20%3Cpath%20d%3D%27M206%20178%20q-4%20-26%2012%20-38%20q4%2022%20-6%2038%20z%27%20fill%3D%27%237fae8e%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M210%20180%20q10%20-18%2026%20-20%20q-4%2020%20-20%2024%20z%27%20fill%3D%27%235d9470%27%2F%3E%0A%20%20%3Crect%20x%3D%27202%27%20y%3D%27180%27%20width%3D%2732%27%20height%3D%2724%27%20rx%3D%274%27%20fill%3D%27%23c9a45c%27%2F%3E%0A%3C%2Fsvg%3E") center/cover no-repeat}
  .page-id-6081 .ws-wc .ws-ico.ico-seo{background:url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20260%20260%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Crect%20width%3D%27260%27%20height%3D%27260%27%20fill%3D%27%23f2f5fb%27%2F%3E%0A%20%20%3C%21--%20%E6%95%B0%E6%8D%AE%E6%96%87%E6%A1%A3%EF%BC%9A%E6%96%87%E5%AD%97%2B%E6%9F%B1%E7%8A%B6%E5%9B%BE%20--%3E%0A%20%20%3Crect%20x%3D%2730%27%20y%3D%2744%27%20width%3D%2786%27%20height%3D%27110%27%20rx%3D%278%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%232e3a66%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Crect%20x%3D%2742%27%20y%3D%2758%27%20width%3D%2740%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23dfe5f2%27%2F%3E%0A%20%20%3Crect%20x%3D%2742%27%20y%3D%2774%27%20width%3D%2760%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23dfe5f2%27%2F%3E%0A%20%20%3Crect%20x%3D%2746%27%20y%3D%27112%27%20width%3D%2710%27%20height%3D%2726%27%20fill%3D%27%234a5fd0%27%2F%3E%0A%20%20%3Crect%20x%3D%2762%27%20y%3D%27100%27%20width%3D%2710%27%20height%3D%2738%27%20fill%3D%27%23c81623%27%2F%3E%0A%20%20%3Crect%20x%3D%2778%27%20y%3D%2790%27%20width%3D%2710%27%20height%3D%2748%27%20fill%3D%27%23c9a45c%27%2F%3E%0A%20%20%3C%21--%20%E9%BD%BF%E8%BD%AE%20--%3E%0A%20%20%3Cg%20stroke%3D%27%232e3a66%27%20stroke-width%3D%274%27%3E%0A%20%20%20%20%3Cline%20x1%3D%27204%27%20y1%3D%2740%27%20x2%3D%27204%27%20y2%3D%2747%27%2F%3E%3Cline%20x1%3D%27204%27%20y1%3D%2769%27%20x2%3D%27204%27%20y2%3D%2776%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27186%27%20y1%3D%2758%27%20x2%3D%27193%27%20y2%3D%2758%27%2F%3E%3Cline%20x1%3D%27215%27%20y1%3D%2758%27%20x2%3D%27222%27%20y2%3D%2758%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27191%27%20y1%3D%2745%27%20x2%3D%27196%27%20y2%3D%2750%27%2F%3E%3Cline%20x1%3D%27212%27%20y1%3D%2766%27%20x2%3D%27217%27%20y2%3D%2771%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27217%27%20y1%3D%2745%27%20x2%3D%27212%27%20y2%3D%2750%27%2F%3E%3Cline%20x1%3D%27196%27%20y1%3D%2766%27%20x2%3D%27191%27%20y2%3D%2771%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Ccircle%20cx%3D%27204%27%20cy%3D%2758%27%20r%3D%279%27%20fill%3D%27none%27%20stroke%3D%27%232e3a66%27%20stroke-width%3D%274%27%2F%3E%0A%20%20%3C%21--%20%E5%A5%B3%E6%80%A7%EF%BC%9A%E9%95%BF%E5%8F%91%2B%E8%93%9D%E8%BF%9E%E8%A1%A3%E8%A3%99%EF%BC%8C%E6%89%8B%E6%8C%81%E5%B9%B3%E6%9D%BF%20--%3E%0A%20%20%3Cpath%20d%3D%27M152%20116%20a17%2017%200%201%201%2034%200%20l4%2028%20h-12%20l-2%20-20%20h-14%20l-2%2020%20h-12%20z%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27169%27%20cy%3D%27116%27%20r%3D%2711%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M153%20132%20q16%20-9%2032%200%20l6%2062%20h-44%20z%27%20fill%3D%27%234a5fd0%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M158%20144%20l-24%2016%27%20stroke%3D%27%234a5fd0%27%20stroke-width%3D%279%27%20stroke-linecap%3D%27round%27%2F%3E%0A%20%20%3Crect%20x%3D%27112%27%20y%3D%27152%27%20width%3D%2736%27%20height%3D%2726%27%20rx%3D%274%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%232e3a66%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M118%20170%20l8%20-7%20l7%203%20l9%20-9%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272.5%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%0A%20%20%3Crect%20x%3D%27158%27%20y%3D%27194%27%20width%3D%2710%27%20height%3D%2716%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Crect%20x%3D%27176%27%20y%3D%27194%27%20width%3D%2710%27%20height%3D%2716%27%20fill%3D%27%23f0c29f%27%2F%3E%0A%20%20%3Crect%20x%3D%27151%27%20y%3D%27208%27%20width%3D%2721%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%2323304f%27%2F%3E%0A%20%20%3Crect%20x%3D%27173%27%20y%3D%27208%27%20width%3D%2721%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%2323304f%27%2F%3E%0A%3C%2Fsvg%3E") center/cover no-repeat}
  .page-id-6081 .ws-wc h4 a{color:inherit;text-decoration:none}
  .page-id-6081 .ws-wc a.ws-btn{margin-top:18px;align-self:flex-start}

/* custom: sp-hero-center */
/* 仅作用于带 .sp-hero--center 的 hero（当前为 AI外贸建站页），不改共用 .sp-hero */
/* 背景：已移除位图，回归暖米白渐变底 + 底边香槟金发丝线 */
.sp-hero--center {
  text-align: center;
  background-color: #fbf8f5;
  background-image: linear-gradient(135deg, #fdfbfa 0%, #f7f5f2 52%, #efe8e3 100%);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  /* 底边香槟金发丝线 */
  box-shadow: inset 0 -2px 0 rgba(201,168,106,.55);
}
.sp-hero--center .sp-sub { margin-left: auto; margin-right: auto; }
.sp-hero--center .wpb-breadcrumb { text-align: center; }
/* ol 改 inline-flex：收缩为内容宽，再靠父级 text-align 居中，不单依赖 flex 对齐 */
.sp-hero--center .wpb-breadcrumb ol { display: inline-flex; justify-content: center; }
.sp-hero--center .ws-btn { margin-top: 22px; }
/* custom: nav-dropdown */
/* 「AI外贸建站」下拉菜单（参考图样式：扁平白面板 + 1px 细边框 + 小圆角 + 柔和阴影，父项带下拉箭头）。
   主题无内置下拉，自建 hover 展开；默认 display:none，鼠标移到父项才出现。
   选择器统一 .site-nav .has-dropdown > .sub-menu（3 类），特异性高于移动抽屉的
   .site-nav .nav-toggle ul（2 类+1 元素），避免抽屉的 position:fixed/inset:0 漏进来。 */
.site-nav .has-dropdown { position: relative; }

/* hover 桥：父项与面板间的空隙用透明垫片补上，避免鼠标下移时 hover 中断、面板提前收回。 */
.site-nav .has-dropdown::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 100%;
  height: 10px;
}

/* 父项右侧下拉箭头（对应参考图） */
.site-nav .has-dropdown > a .caret {
  display: inline-block;
  width: 6px; height: 6px;
  margin-left: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}
.site-nav .has-dropdown:hover > a .caret {
  transform: translateY(0) rotate(-135deg);
}

/* 下拉面板 */
.site-nav .has-dropdown > .sub-menu {
  position: absolute;
  inset: auto;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  width: auto;
  max-width: 340px;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  overflow: visible;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(28,26,23,.10);
  display: none;            /* ★ 默认彻底隐藏 */
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  z-index: 120;
}

/* 仅 hover 父项 / 键盘聚焦父项时展开（刻意不用 :focus-within，避免点一下就赖着不走） */
.site-nav .has-dropdown:hover > .sub-menu { display: flex; }
.site-nav .has-dropdown:has(> a:focus-visible) > .sub-menu { display: flex; }

.site-nav .has-dropdown > .sub-menu > li { width: 100%; border-bottom: 0; }
.site-nav .has-dropdown > .sub-menu a {
  display: block;
  padding: 12px 22px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--ink) !important;
  white-space: nowrap;
  text-decoration: none;
}
.site-nav .has-dropdown > .sub-menu a::after { display: none !important; }
.site-nav .has-dropdown > .sub-menu a:hover {
  background: var(--bg-alt);
  color: var(--brand) !important;
  border-radius: 0;
}

/* 移动端（<=600px，与主题抽屉断点一致）：抽屉内子菜单竖排常显，不做悬停下拉 */
@media (max-width: 600px) {
  .site-nav .has-dropdown { position: static; }
  .site-nav .has-dropdown::after { display: none; }
  .site-nav .has-dropdown > a .caret { transform: translateY(-1px) rotate(45deg); }
  .site-nav .has-dropdown > .sub-menu {
    position: static;
    inset: auto;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0 0 8px 14px;
    overflow: visible;
    gap: 0;
    background: transparent;
    border: 0;
    border-left: 2px solid var(--line);
    border-radius: 0;
    box-shadow: none;
    z-index: auto;
  }
  .site-nav .has-dropdown > .sub-menu > li { width: 100%; border-bottom: 0; }
  .site-nav .has-dropdown > .sub-menu a {
    display: block;
    padding: 9px 14px;
    font-size: 14px;
    line-height: 1.35;
    white-space: normal;
    color: var(--ink) !important;
  }
}
/* custom: contact-hero */
/* type: contact-hero */
.page-id-19 .ws-hero .ws-container{display:flex;align-items:center;gap:48px}
.page-id-19 .ws-hero .ws-hero-text{flex:1 1 0;min-width:0;text-align:left}
.page-id-19 .ws-hero .ws-hero-art{flex:0 0 340px;max-width:40%;aspect-ratio:520/480;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20520%20480%27%20width%3D%27520%27%20height%3D%27480%27%20fill%3D%27none%27%3E%0A%20%20%3Cg%20stroke%3D%27%23ffffff%27%20stroke-opacity%3D%270.55%27%20stroke-width%3D%272.2%27%3E%0A%20%20%20%20%3Ccircle%20cx%3D%27180%27%20cy%3D%27222%27%20r%3D%27130%27%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%27180%27%20cy%3D%27222%27%20rx%3D%2752%27%20ry%3D%27130%27%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%27180%27%20cy%3D%27222%27%20rx%3D%27104%27%20ry%3D%27130%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%2750%27%20y1%3D%27222%27%20x2%3D%27310%27%20y2%3D%27222%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%2768%27%20y1%3D%27142%27%20x2%3D%27292%27%20y2%3D%27142%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%2768%27%20y1%3D%27302%27%20x2%3D%27292%27%20y2%3D%27302%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Crect%20x%3D%27348%27%20y%3D%27300%27%20width%3D%2734%27%20height%3D%2794%27%20rx%3D%276%27%20fill%3D%27%23e8c97f%27%2F%3E%0A%20%20%3Crect%20x%3D%27394%27%20y%3D%27252%27%20width%3D%2734%27%20height%3D%27142%27%20rx%3D%276%27%20fill%3D%27%23f4dca0%27%2F%3E%0A%20%20%3Crect%20x%3D%27440%27%20y%3D%27196%27%20width%3D%2734%27%20height%3D%27198%27%20rx%3D%276%27%20fill%3D%27%23cba460%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M334%20372%20L470%20172%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%275%27%20stroke-linecap%3D%27round%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M470%20172%20l-23%203%20l12%2021%20z%27%20fill%3D%27%23ffffff%27%2F%3E%0A%20%20%3Cg%20stroke%3D%27%23e8c97f%27%20stroke-width%3D%272.2%27%20opacity%3D%270.95%27%3E%0A%20%20%20%20%3Cline%20x1%3D%27400%27%20y1%3D%2772%27%20x2%3D%27356%27%20y2%3D%27136%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27400%27%20y1%3D%2772%27%20x2%3D%27462%27%20y2%3D%27114%27%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%27356%27%20y1%3D%27136%27%20x2%3D%27430%27%20y2%3D%27148%27%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Ccircle%20cx%3D%27400%27%20cy%3D%2772%27%20r%3D%2711%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%23cba460%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27356%27%20cy%3D%27136%27%20r%3D%278%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%23cba460%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27462%27%20cy%3D%27114%27%20r%3D%278%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%23cba460%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27430%27%20cy%3D%27148%27%20r%3D%276%27%20fill%3D%27%23e8c97f%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M118%20434%20q78%20-38%20158%200%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%273%27%20stroke-dasharray%3D%272%209%27%20stroke-linecap%3D%27round%27%20fill%3D%27none%27%20opacity%3D%270.75%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27118%27%20cy%3D%27434%27%20r%3D%2715%27%20fill%3D%27%23e8c97f%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%273%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27118%27%20cy%3D%27434%27%20r%3D%275%27%20fill%3D%27%23ffffff%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27276%27%20cy%3D%27434%27%20r%3D%2715%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%273%27%2F%3E%0A%3C%2Fsvg%3E") center/contain no-repeat}
.page-id-19 .ws-hero .ws-hero-art img{display:none}
.page-id-19 .wpb-breadcrumb{display:none}
@media (max-width:768px){
  .page-id-19 .ws-hero .ws-container{flex-direction:column-reverse;gap:24px;text-align:center}
  .page-id-19 .ws-hero .ws-hero-text{text-align:center}
  .page-id-19 .ws-hero .ws-hero-art{flex:none;width:280px;max-width:280px;margin:0 auto}
}
.social-qr{margin-top:48px;padding-top:36px;border-top:1px solid rgba(200,22,35,.12)}
.social-qr h3{font-family:var(--serif);font-size:24px;margin:0 0 20px;color:var(--ink,#1f1f1f)}
.social-qr-grid{display:flex;flex-wrap:wrap;gap:28px}
.social-qr-item{width:120px;text-align:center}
.social-qr-item img{width:120px;height:120px;object-fit:cover;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.social-qr-item span{display:block;margin-top:10px;font-size:13px;color:#5f5f5f}

/* custom: home-types-bg */
/* 「三种建站方式」(ws-types) 区块背景由象牙白 --ivory-2(#fbf7f0) 改为纯白，提亮首页。
   该段唯一的背景来源是 brand-palette 段的 .ws-section:not(.ws-why):not(.ws-dark)(0,3,0)，
   这里用 body.home .site-main > .ws-section.ws-types (0,4,1) 压过它，无需 !important。
   ws-types 仅存在于首页，故 scope 到 body.home，不波及其它页面。 */
body.home .site-main > .ws-section.ws-types { background: #fff; }

/* custom: home-brands */
/* 「企业品牌出海一站式解决方案」两卡片模块（插在首页「三种建站方式」之后）。
   区块底色比原 ws-types 的 --ivory-2(#fbf7f0) 再浅一档(#fbf9f4)；卡片沿用站点白卡语言
   （白底 + 1px var(--line) + var(--radius) + var(--shadow-sm)），与 .ws-type 保持一致。
   需压过 brand-palette 段的 .ws-section:not(.ws-why):not(.ws-dark)(0,3,0)。 */
body.home .site-main > .ws-section.ws-brands { background: #fbf9f4; }

.ws-brand-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 36px;
}

.ws-brand-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 30px 28px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

/* 卡内右上角淡色水印大字（对应参考图的 B2B / B2B2C 底纹） */
.ws-brand-mark {
  position: absolute;
  top: 8px;
  right: 18px;
  font-family: var(--serif);
  font-size: 84px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  color: rgba(200, 22, 35, .06);
  pointer-events: none;
  user-select: none;
}

.ws-brand-card h3 {
  font-family: var(--serif);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--ink);
  margin: 0 0 12px;
}

.ws-brand-desc {
  max-width: 30em;
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}

.ws-brand-feats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}

.ws-brand-feats li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--ink);
  font-size: 13.5px;
  line-height: 1.5;
}

/* 特性图标。★ 页面里的内联 <svg> 会被 kses 清洗掉（实测线上 0 个 svg），
   所以图标一律用 ::before 注入 data-URI SVG——与 brand-palette 段 .ws-ico 的做法一致。
   两张卡条目语义不同，用 .ws-brand-card:nth-child(n) 分开指定；缺省回退为品牌红勾。 */
.ws-brand-feats li::before {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  background: center/contain no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}

/* 卡 1 · B2B品牌官网 */
.ws-brand-card:nth-child(1) .ws-brand-feats li:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(1) .ws-brand-feats li:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='14' height='14' rx='2'/%3E%3Cpath d='M16 10l6-3v10l-6-3z'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(1) .ws-brand-feats li:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.6 2.8 2.6 15.2 0 18'/%3E%3Cpath d='M12 3c-2.6 2.8-2.6 15.2 0 18'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(1) .ws-brand-feats li:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(1) .ws-brand-feats li:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19a4.5 4.5 0 000-9 6 6 0 00-11.4 1.5A3.75 3.75 0 006.5 19z'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(1) .ws-brand-feats li:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 8 4 12 9 16'/%3E%3Cpolyline points='15 8 20 12 15 16'/%3E%3Cline x1='13' y1='6' x2='11' y2='18'/%3E%3C/svg%3E"); }

/* 卡 2 · B2B2C独立站 */
.ws-brand-card:nth-child(2) .ws-brand-feats li:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(2) .ws-brand-feats li:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M10 10v10'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(2) .ws-brand-feats li:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(2) .ws-brand-feats li:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16'/%3E%3Cpath d='M8 16v-5'/%3E%3Cpath d='M13 16V8'/%3E%3Cpath d='M18 16v-3'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(2) .ws-brand-feats li:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12a8.5 8.5 0 11-2.6-6.1'/%3E%3Cpolyline points='20.5 3.5 20.5 9 15 9'/%3E%3C/svg%3E"); }
.ws-brand-card:nth-child(2) .ws-brand-feats li:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.5 20a5.5 5.5 0 0111 0'/%3E%3Cpath d='M16 5.2a3 3 0 010 5.6'/%3E%3Cpath d='M17.5 20a5.5 5.5 0 00-1.8-4.1'/%3E%3C/svg%3E"); }

/* 按钮：复用 .ws-btn 基类（胶囊/内边距/字体），只补品牌底色 */
.ws-brand-btn {
  align-self: flex-start;
  margin-top: auto;
  background: var(--brand);
  color: #fff;
  box-shadow: 0 6px 18px rgba(200, 22, 35, .28);
}

.ws-brand-btn:hover {
  background: var(--brand-dark);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(200, 22, 35, .36);
}

.ws-brand-btn:active { transform: translateY(0); filter: brightness(.96); }

@media (max-width: 960px) {
  .ws-brand-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  .ws-brand-card { padding: 24px 20px; }
  .ws-brand-mark { font-size: 60px; }
  .ws-brand-card h3 { font-size: 22px; }
  .ws-brand-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
  .ws-brand-feats { grid-template-columns: minmax(0, 1fr); }
}

/* custom: home-geo-wheel */
/* 图形资产：增长轮飞轮几何（viewBox 520×510）——虚线中控圆 / 三节点连线 / 顺时针弧形箭头。
   纯几何、无文字：三组节点标签与中控文字由真实 HTML 承载（见 home-geo 段），
   以保证「SEO/GEO体检与优化」「SEO内容集群规划」等关键词可被搜索引擎索引、可被读屏软件朗读。
   几何基准：中心(260,245) 节点半径150 节点圆r26 中控圆r62 弧半径196；三弧均为顺时针 70° 段，sweep-flag=1。
   颜色 %23c81623 = 站点红（--brand），换参考图蓝紫只需改此处。 */
.ws-geo-wheel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 510'%3E%3Cdefs%3E%3Cmarker id='a' viewBox='0 0 10 10' refX='7.5' refY='5' markerWidth='6' markerHeight='6' orient='auto'%3E%3Cpath d='M0 0 10 5 0 10Z' fill='%23c81623' fill-opacity='.55'/%3E%3C/marker%3E%3C/defs%3E%3Cg fill='none' stroke='%23c81623' stroke-opacity='.5'%3E%3Ccircle cx='260' cy='245' r='62' stroke-width='1.4' stroke-dasharray='6 5'/%3E%3Cpath d='M260 183V121' stroke-width='1'/%3E%3Cpath d='M313.7 276 367.5 307' stroke-width='1'/%3E%3Cpath d='M206.3 276 152.5 307' stroke-width='1'/%3E%3C/g%3E%3Cg fill='none' stroke='%23c81623' stroke-opacity='.55' stroke-width='2'%3E%3Cpath d='M372.4 84.5A196 196 0 0 1 449.3 295.7' marker-end='url(%23a)'/%3E%3Cpath d='M398.6 383.6A196 196 0 0 1 121.4 383.6' marker-end='url(%23a)'/%3E%3Cpath d='M70.7 295.7A196 196 0 0 1 147.6 84.5' marker-end='url(%23a)'/%3E%3C/g%3E%3C/svg%3E");
}

/* custom: home-geo */
/* 首页「SEO/GEO 双引擎排名」区块：左飞轮 + 右文案，白底与上一块 #fbf9f4 形成明暗交替。
   飞轮几何（data-URI SVG）在 home-geo-wheel 段；此处只管版式与文字。
   容器用 aspect-ratio 固定 520/510 比例，内部元素用百分比定位，与图形共用一个坐标系。 */
body.home .site-main > .ws-section.ws-geo { background: #fff; }

.ws-geo-split { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 60px; align-items: center; }

.ws-geo-wheel { position: relative; width: 100%; max-width: 440px; margin: 0 auto; aspect-ratio: 520 / 510; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.ws-geo-hub, .ws-geo-badge, .ws-geo-cap { position: absolute; }

.ws-geo-hub { left: 50%; top: 48.04%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; }
.ws-geo-hub b { font-family: var(--serif); font-size: 21px; font-weight: 600; color: var(--ink); line-height: 1.1; }
.ws-geo-hub i { font-style: normal; font-size: 12px; color: var(--muted); line-height: 1.2; }

.ws-geo-badge { width: 10%; aspect-ratio: 1 / 1; margin: -5% 0 0 -5%; border-radius: 50%; background: var(--brand); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13.5px; font-weight: 600; line-height: 1; }
.ws-geo-badge-1 { left: 50%; top: 18.63%; }
.ws-geo-badge-2 { left: 75%; top: 62.75%; }
.ws-geo-badge-3 { left: 25%; top: 62.75%; }

.ws-geo-cap { left: 50%; transform: translateX(-50%); width: 46%; display: flex; flex-direction: column; gap: 2px; text-align: center; }
.ws-geo-cap b { font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.35; }
.ws-geo-cap i { font-style: normal; font-size: 12px; color: var(--muted); line-height: 1.35; }
.ws-geo-cap-1 { top: 0.5%; }
.ws-geo-cap-2 { left: 75%; top: 89.41%; }
.ws-geo-cap-3 { left: 25%; top: 89.41%; }

.ws-geo-copy h2 { font-family: var(--serif); font-size: 34px; font-weight: 600; color: var(--ink); line-height: 1.25; margin: 0 0 18px; }
.ws-geo-lead { color: var(--muted); font-size: 15px; line-height: 1.8; margin: 0 0 26px; }
.ws-geo-list { list-style: none; padding: 0; margin: 0 0 30px; display: flex; flex-direction: column; gap: 13px; }
.ws-geo-list li { position: relative; padding-left: 19px; color: var(--ink); font-size: 14.5px; line-height: 1.6; }
.ws-geo-list li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--brand); }
.ws-geo-btn { background: var(--brand); color: #fff; box-shadow: 0 6px 18px rgba(200,22,35,.28); }
.ws-geo-btn:hover { background: var(--brand-dark); transform: translateY(-2px); }

@media (max-width: 960px) {
  .ws-geo-split { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .ws-geo-wheel { max-width: 400px; }
  .ws-geo-copy h2 { font-size: 27px; text-align: center; }
}
@media (max-width: 640px) {
  .ws-geo-wheel { max-width: 330px; }
  .ws-geo-hub b { font-size: 18px; }
  .ws-geo-cap b { font-size: 12.5px; }
  .ws-geo-cap i { font-size: 11px; }
}

/* custom: home-service */
/* 首页「外贸邮箱等其它服务」区块（2026-09-17 替代原「透明建站套餐」区，位置不变）。
   2 列卡片网格，6 项出海配套服务；卡片沿用 .ws-brand-card 同款观感（白底/细描边/圆角/柔阴影）。
   图标走 CSS ::before + data-URI SVG —— 页面正文里的内联 <svg> 会被 kses 整段清洗（已实测）。
   这 6 个是自绘通用线稿、非品牌 logo：品牌名以文字写在 h3 里，属描述性使用，规避商标风险，
   且与全站红/金/象牙配色一致。data-URI 内部无法引用 CSS 变量，描边色写死 #1f1f1f(=-ink)。
   底色沿用 brand-palette 段默认的 --ivory-2(#fbf7f0)，与原定价区一致，未覆写。 */
.ws-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }

.ws-service-card { display: flex; align-items: flex-start; gap: 16px; padding: 26px 24px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); transition: transform .22s ease, box-shadow .22s ease; }
.ws-service-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }

.ws-sc-ico { flex: none; position: relative; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 12px; background: #fdfbf7; }
.ws-sc-ico::before { content: ""; position: absolute; inset: 0; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; }

.ws-sc-body { min-width: 0; }
.ws-sc-body h3 { font-family: var(--serif); font-size: 17px; font-weight: 600; color: var(--ink); margin: 3px 0 7px; line-height: 1.3; }
.ws-sc-body p { margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.65; }

/* 按位图标：1 信封 / 2 对话气泡 / 3 地球 / 4 准星 / 5 服务器 / 6 浏览器+转入箭头 */
.ws-service-card:nth-child(1) .ws-sc-ico::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1f1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='1.6'/%3E%3Cpath d='M3.6 7.2 12 13.2 20.4 7.2'/%3E%3C/svg%3E"); }
.ws-service-card:nth-child(2) .ws-sc-ico::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1f1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 4.8h14.8a2.2 2.2 0 0 1 2.2 2.2v7a2.2 2.2 0 0 1-2.2 2.2h-9.1l-4.1 3.4v-3.4H4.6a2.2 2.2 0 0 1-2.2-2.2v-7a2.2 2.2 0 0 1 2.2-2.2z'/%3E%3Cpath d='M7.4 9h9.2M7.4 12.2h6'/%3E%3C/svg%3E"); }
.ws-service-card:nth-child(3) .ws-sc-ico::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1f1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.4'/%3E%3Cpath d='M3.6 12h16.8'/%3E%3Cpath d='M12 3.6c2.5 2.8 2.5 14 0 16.8-2.5-2.8-2.5-14 0-16.8z'/%3E%3C/svg%3E"); }
.ws-service-card:nth-child(4) .ws-sc-ico::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1f1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7.2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M12 2.8v18.4M2.8 12h18.4'/%3E%3C/svg%3E"); }
.ws-service-card:nth-child(5) .ws-sc-ico::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1f1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.4' y='4.6' width='17.2' height='6.2' rx='1.6'/%3E%3Crect x='3.4' y='13.2' width='17.2' height='6.2' rx='1.6'/%3E%3Ccircle cx='7' cy='7.7' r='1' fill='%231f1f1f' stroke='none'/%3E%3Ccircle cx='7' cy='16.3' r='1' fill='%231f1f1f' stroke='none'/%3E%3C/svg%3E"); }
.ws-service-card:nth-child(6) .ws-sc-ico::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1f1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.6' width='18' height='14.8' rx='1.8'/%3E%3Cpath d='M3 9.2h18'/%3E%3Ccircle cx='5.6' cy='6.9' r='.85' fill='%231f1f1f' stroke='none'/%3E%3Ccircle cx='8' cy='6.9' r='.85' fill='%231f1f1f' stroke='none'/%3E%3Cpath d='M9.2 15.4h5.2M12.2 13l2.4 2.4-2.4 2.4'/%3E%3C/svg%3E"); }

@media (max-width: 960px) {
  .ws-service-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 640px) {
  .ws-service-card { padding: 20px 18px; gap: 13px; }
  .ws-sc-ico { width: 40px; height: 40px; border-radius: 10px; }
  .ws-sc-ico::before { background-size: 21px 21px; }
}

/* custom: footer-black */
/* 页脚改近黑 #111 + 去掉 main 与页脚之间的白色空缝（用户 2026-09-17 拍板）。全站每页生效。
   ① 底色：base.css:319 `.site-footer{background:var(--brand-dark)}`。token --brand-dark(#a3121e)
      被套餐卡渐变/按钮 hover 等 10+ 处复用，**绝不能改 token**，只覆盖 .site-footer 自身
      （同特异性 0,1,0；本文件在主题 style.css 之后加载且本段在文件末尾 → 源序取胜）。
   ② 白缝：真源是**主题文件** theme/style.css:80 `main.site-main{padding-bottom:var(--space-4)}`
      （--space-4 = 48px / ≤960px 40px / ≤640px 32px）——那是 main 自己的底部内边距，把 body 白底
      露了出来，不是页脚 margin。主题文件不可编辑，用同特异性 (0,1,1) 覆盖，一并解决所有断点。
   ③ 文字：原配色是配深红底的粉调（正文 #f3d6d8 / 段落 #e8c9cb / 链接 --gold-2=#f8c8cb 淡粉），
      挪到黑底会显「脏粉」，改中性灰 + 金色链接（与 3px 金色顶边呼应）。
      未动且仍生效：h4 的 #fff、a:hover 的 #fff、footer-bottom 分隔线 —— 分隔线实测是
      base.css:327 的 rgba(255,255,255,.15)（0,2,0 压过 :398 的 --line-gold，后者是死规则），
      黑底上呈中性浅灰细线。④ 主题文件里另有一份 .site-footer 规则（color:#cfc7bd）已被 base.css 覆盖。 */
.site-footer { background: #111; color: #d9d9d9; }
.site-footer p { color: #a8a8a8; }
.site-footer .footer-bottom { color: #a8a8a8; }
.site-footer a { color: var(--accent); }
main.site-main { padding-bottom: 0; }

/* custom: cloud-hero */
.cloud-hero{background:linear-gradient(180deg,#fbf7f0 0%,#fff 100%);padding:64px 0 56px} .cloud-hero-in{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .cloud-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#a3121e;background:rgba(200,22,35,.08);border:1px solid rgba(200,22,35,.18);padding:6px 14px;border-radius:999px} .cloud-dot{width:7px;height:7px;border-radius:50%;background:#c81623;display:inline-block} .cloud-hero h1{font-family:var(--serif,Georgia,serif);font-size:44px;line-height:1.18;color:#1f1f1f;margin:18px 0 16px} .cloud-grad{color:#c81623} .cloud-lead{font-size:16.5px;line-height:1.8;color:#5f5f5f;margin:0 0 24px;max-width:520px} .cloud-lead b{color:#1f1f1f} .cloud-btns{display:flex;gap:14px;flex-wrap:wrap} .cloud-note{font-size:13px;color:#8a8a8a;margin:18px 0 0} .cloud-mock{background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 18px 40px rgba(28,26,23,.1);padding:18px;font-size:14px} .cloud-mock-bar{display:flex;gap:6px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f0f0f0} .cloud-mock-bar i{width:11px;height:11px;border-radius:50%;background:#e0e0e0} .cloud-mock-bar i:nth-child(1){background:#ff5f57} .cloud-mock-bar i:nth-child(2){background:#febc2e} .cloud-mock-bar i:nth-child(3){background:#28c840} .cloud-msg{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start} .cloud-av{width:28px;height:28px;border-radius:50%;flex:0 0 28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff} .cloud-av.u{background:#c81623} .cloud-av.a{background:#1f1f1f} .cloud-bub{background:#f6f4f1;border-radius:10px;padding:10px 12px;line-height:1.6;color:#1f1f1f;flex:1} .cloud-msg.ai .cloud-bub{background:#fff;border:1px solid #ececec} .cloud-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .cloud-tools span{font-size:11px;background:#f3e9ea;color:#a3121e;border:1px solid #ecd5d7;padding:2px 8px;border-radius:6px;font-family:ui-monospace,Menlo,Consolas,monospace} .cloud-done{margin-top:8px;font-size:12px;color:#1f8a4c;font-weight:600} .cloud-sec{padding:72px 0;background:var(--ivory-2,#fbf7f0)} .cloud-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .cloud-card{background:#fff;border:1px solid var(--line,#ececec);border-radius:14px;padding:26px 24px;box-shadow:0 6px 18px rgba(28,26,23,.06)} .cloud-card-soft{background:#fffaf6} .cloud-ico{width:46px;height:46px;border-radius:12px;background:#fdecec;color:#c81623;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px} .cloud-card h3{font-family:var(--serif,Georgia,serif);font-size:19px;color:#1f1f1f;margin:0 0 8px} .cloud-card p{font-size:14.5px;line-height:1.7;color:#5f5f5f;margin:0} .cloud-stats{background:linear-gradient(135deg,#c81623,#a3121e);padding:48px 0} .cloud-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center} .cloud-stat b{display:block;font-family:var(--serif,Georgia,serif);font-size:40px;color:#fff;line-height:1} .cloud-stat b span{font-size:18px} .cloud-stat span{font-size:13.5px;color:rgba(255,255,255,.85)} .cloud-acc{max-width:820px;margin:0 auto} .cloud-acc details{border:1px solid var(--line,#ececec);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden} .cloud-acc summary{padding:16px 20px;font-weight:600;color:#1f1f1f;cursor:pointer;list-style:none} .cloud-acc summary::-webkit-details-marker{display:none} .cloud-acc details p{padding:0 20px 16px;margin:0;color:#5f5f5f;font-size:14.5px;line-height:1.7} @media(max-width:860px){.cloud-hero-in{grid-template-columns:1fr}.cloud-hero h1{font-size:34px}.cloud-grid3{grid-template-columns:1fr}.cloud-stats-in{grid-template-columns:repeat(2,1fr)}}
/* custom: cloud-pain */
.cloud-pain{padding:72px 0;background:var(--ivory,#f7f1e8)} .cloud-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;background:#fff;border:1px solid var(--line,#ececec);border-radius:var(--radius,14px);overflow:hidden;box-shadow:0 16px 38px rgba(28,26,23,.08)} .cloud-vs-col{padding:34px 32px} .cloud-vs-old{background:#fff} .cloud-vs-new{background:linear-gradient(160deg,#fff5f6,#fff0f2)} .cloud-vs-mid{display:grid;place-items:center;width:56px;background:var(--line,#ececec);color:#9aa5b5;font-weight:800;font-size:13px;letter-spacing:1px} .cloud-vs h3{font-family:var(--serif,Georgia,serif);font-size:19px;font-weight:600;color:#1f1f1f;margin:0 0 18px} .cloud-vs-old h3{color:#94a3b8} .cloud-vs-new h3{color:var(--brand,#c81623)} .cloud-vs ul{list-style:none;margin:0;padding:0} .cloud-vs li{padding:13px 0;border-bottom:1px dashed #e8ecf4;font-size:14.8px;line-height:1.65;color:var(--muted,#5f5f5f);display:flex;gap:11px;align-items:flex-start} .cloud-vs li:last-child{border-bottom:0} .cloud-vs li .ic{flex:0 0 18px;font-size:13px;font-weight:700;line-height:1.75;text-align:center} .cloud-vs-old .ic{color:#cbd5e1} .cloud-vs-new .ic{color:#10b981} .cloud-vs-old .ic::before{content:"\2715"} .cloud-vs-new .ic::before{content:"\2713"} .cloud-vs li b{color:var(--ink,#1f1f1f);font-weight:600} @media(max-width:860px){.cloud-vs{grid-template-columns:1fr}.cloud-vs-mid{width:auto;height:44px}}
/* custom: cloud-breadcrumb */
.page-id-160 .wpb-breadcrumb{display:none}

/* custom: ywdjsfa-breadcrumb */
.page-id-543 .wpb-breadcrumb{display:none}

/* custom: ywdjsfa-hero */
.page-id-543 .ws-hero .ws-container{display:flex;align-items:center;gap:48px}
.page-id-543 .ws-hero .ws-hero-text{flex:1 1 0;min-width:0;text-align:left}
.page-id-543 .ws-hero .ws-hero-art{flex:0 0 340px;max-width:40%;aspect-ratio:520/480;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%20480%22%20width%3D%22520%22%20height%3D%22480%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20stroke%3D%22%23cba460%22%20stroke-width%3D%222%22%3E%0A%20%20%20%20%3Cellipse%20cx%3D%22300%22%20cy%3D%22225%22%20rx%3D%22165%22%20ry%3D%22165%22%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%22300%22%20cy%3D%22225%22%20rx%3D%2270%22%20ry%3D%22165%22%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%22300%22%20cy%3D%22225%22%20rx%3D%22125%22%20ry%3D%22165%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22300%22%20y1%3D%22100%22%20x2%3D%22300%22%20y2%3D%22350%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22192.3%22%20y1%3D%22100%22%20x2%3D%22407.7%22%20y2%3D%22100%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22153%22%20y1%3D%22150%22%20x2%3D%22447%22%20y2%3D%22150%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22135%22%20y1%3D%22225%22%20x2%3D%22465%22%20y2%3D%22225%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22153%22%20y1%3D%22300%22%20x2%3D%22447%22%20y2%3D%22300%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22192.3%22%20y1%3D%22350%22%20x2%3D%22407.7%22%20y2%3D%22350%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20fill%3D%22%23e8c97f%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22402%22%20cy%3D%2292%22%20r%3D%2242%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22366%22%20r%3D%2217%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22322%22%20cy%3D%22366%22%20r%3D%2217%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22420%2C164%20428%2C182%20446%2C190%20428%2C198%20420%2C216%20412%2C198%20394%2C190%20412%2C182%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Ctext%20x%3D%22402%22%20y%3D%2292%22%20fill%3D%22%233d211a%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-weight%3D%22bold%22%20font-size%3D%2252%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%24%3C%2Ftext%3E%0A%20%20%3Cg%20stroke%3D%22%23e8c97f%22%20stroke-width%3D%2210%22%20stroke-linejoin%3D%22miter%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22160%2C245%20378%2C245%20344%2C340%20196%2C340%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22160%22%20y1%3D%22245%22%20x2%3D%22128%22%20y2%3D%22205%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate%2895%2C42%29%20rotate%28-7%29%22%3E%0A%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22170%22%20height%3D%2295%22%20rx%3D%2214%22%20fill%3D%22%23e8c97f%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2246%22%20r%3D%2216%22%20fill%3D%22%233d211a%22%2F%3E%0A%20%20%20%20%3Cpolyline%20points%3D%2222%2C47%2030%2C55%2040%2C38%22%20fill%3D%22none%22%20stroke%3D%22%23e8c97f%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2258%22%20y%3D%2232%22%20width%3D%2290%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%233d211a%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2258%22%20y%3D%2252%22%20width%3D%2266%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%233d211a%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat}
.page-id-543 .ws-hero .ws-hero-art img{display:none}
@media (max-width:768px){
.page-id-543 .ws-hero .ws-container{flex-direction:column-reverse;gap:24px;text-align:center}
.page-id-543 .ws-hero .ws-hero-text{text-align:center}
.page-id-543 .ws-hero .ws-hero-art{flex:none;width:280px;max-width:280px;margin:0 auto}
}
/* custom: accessories-icons */
/* type: accessories-icons */
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-mail::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczJyB5PSc2JyB3aWR0aD0nMTgnIGhlaWdodD0nMTInIHJ4PScxLjYnLz48cGF0aCBkPSdNMy42IDcuMiAxMiAxMy4yIDIwLjQgNy4yJy8+PC9zdmc+)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-chat::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNC42IDQuOGgxNC44YTIuMiAyLjIgMCAwIDEgMi4yIDIuMnY3YTIuMiAyLjIgMCAwIDEtMi4yIDIuMmgtOS4xbC00LjEgMy40di0zLjRINC42YTIuMiAyLjIgMCAwIDEtMi4yLTIuMnYtN2EyLjIgMi4yIDAgMCAxIDIuMi0yLjJ6Jy8+PHBhdGggZD0nTTcuNCA5aDkuMk03LjQgMTIuMmg2Jy8+PC9zdmc+)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-globe::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSc4LjQnLz48cGF0aCBkPSdNMy42IDEyaDE2LjgnLz48cGF0aCBkPSdNMTIgMy42YzIuNSAyLjggMi41IDE0IDAgMTYuOC0yLjUtMi44LTIuNS0xNCAwLTE2Ljh6Jy8+PC9zdmc+)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-ads::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSc3LjInLz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPScyLjYnLz48cGF0aCBkPSdNMTIgMi44djE4LjRNMi44IDEyaDE4LjQnLz48L3N2Zz4=)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-server::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczLjQnIHk9JzQuNicgd2lkdGg9JzE3LjInIGhlaWdodD0nNi4yJyByeD0nMS42Jy8+PHJlY3QgeD0nMy40JyB5PScxMy4yJyB3aWR0aD0nMTcuMicgaGVpZ2h0PSc2LjInIHJ4PScxLjYnLz48Y2lyY2xlIGN4PSc3JyBjeT0nNy43JyByPScxJyBmaWxsPScjMWYxZjFmJyBzdHJva2U9J25vbmUnLz48Y2lyY2xlIGN4PSc3JyBjeT0nMTYuMycgcj0nMScgZmlsbD0nIzFmMWYxZicgc3Ryb2tlPSdub25lJy8+PC9zdmc+)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-window::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczJyB5PSc0LjYnIHdpZHRoPScxOCcgaGVpZ2h0PScxNC44JyByeD0nMS44Jy8+PHBhdGggZD0nTTMgOS4yaDE4Jy8+PGNpcmNsZSBjeD0nNS42JyBjeT0nNi45JyByPScuODUnIGZpbGw9JyMxZjFmMWYnIHN0cm9rZT0nbm9uZScvPjxjaXJjbGUgY3g9JzgnIGN5PSc2LjknIHI9Jy44NScgZmlsbD0nIzFmMWYxZicgc3Ryb2tlPSdub25lJy8+PHBhdGggZD0nTTkuMiAxNS40aDUuMk0xMi4yIDEzbDIuNCAyLjQtMi40IDIuNCcvPjwvc3ZnPg==)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-mailplus::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczJyB5PSc2JyB3aWR0aD0nMTgnIGhlaWdodD0nMTInIHJ4PScxLjYnLz48cGF0aCBkPSdNMy42IDcuMiAxMiAxMy4yIDIwLjQgNy4yJy8+PHBhdGggZD0nTTE3LjUgMi41djRNMTUuNSA0LjVoNCcvPjwvc3ZnPg==)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-speed::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTMgMiA0LjYgMTMuNEgxMWwtMSA4LjZMMTkuNCAxMC42SDEzeicvPjwvc3ZnPg==)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-shield::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTIgMyAxOSA2djVjMCA0LjQtMyA3LjctNyA5LTQtMS4zLTctNC42LTctOVY2eicvPjxwYXRoIGQ9J005LjIgMTIuMWwyIDIgMy43LTQnLz48L3N2Zz4=)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-lock::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc1JyB5PScxMC41JyB3aWR0aD0nMTQnIGhlaWdodD0nOS41JyByeD0nMicvPjxwYXRoIGQ9J004LjUgMTAuNVY4YTMuNSAzLjUgMCAwIDEgNyAwdjIuNScvPjxwYXRoIGQ9J00xMiAxNC4ydjIuNCcvPjwvc3ZnPg==)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-translate::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA2aDlNOC41IDZjMCA0LTEuOCA2LjItNC41IDcuNE01LjIgOC40YzEuNSAyLjMgMy45IDMuNSA2LjMgMy45Jy8+PHBhdGggZD0nTTEzIDIwbDMuNi04IDMuNCA4TTE0LjIgMTcuNGg1Jy8+PC9zdmc+)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-ai::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTEgMy41IDEyLjYgOCAxNyA5LjYgMTIuNiAxMS4yIDExIDE1LjcgOS40IDExLjIgNSA5LjYgOS40IDh6Jy8+PHBhdGggZD0nTTE4IDE1bC44IDIgMiAuOC0yIC44LS44IDItLjgtMi0yLS44IDItLjh6Jy8+PC9zdmc+)!important}
.page-id-6860 .ws-service-card .ws-sc-ico.wa-ico-link::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMWYxZjFmJyBzdHJva2Utd2lkdGg9JzEuNicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTAuMiAxMy4yYTQgNCAwIDAgMCA1LjYgMGwyLjQtMi40YTQgNCAwIDAgMC01LjYtNS42bC0xLjIgMS4yJy8+PHBhdGggZD0nTTEzLjggMTAuOGE0IDQgMCAwIDAtNS42IDBsLTIuNCAyLjRhNCA0IDAgMCAwIDUuNiA1LjZsMS4yLTEuMicvPjwvc3ZnPg==)!important}
/* custom: wb-aigent-landing */
/* 外贸AI Agent落地页 — 作用域 .wb-aigent，仅影响本页，不动站点页头页脚 */
.wb-aigent{
  --ag-accent:#c81623;
  --ag-accent-dark:#a50f1a;
  --ag-ink:#1c1a17;
  --ag-ink-soft:#555;
  --ag-muted:#888;
  --ag-line:#ececec;
  --ag-bg1:#f6f4f1;
  --ag-bg2:#fafafa;
  --ag-maxw:1180px;
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ag-ink);
  line-height:1.75;
}
.wb-aigent *{box-sizing:border-box;}
.wb-aigent .ag-wrap{max-width:var(--ag-maxw);margin:0 auto;padding:0 24px;}
.wb-aigent .ag-hero{position:relative;background:radial-gradient(1200px 400px at 80% -10%,rgba(200,22,35,.10),transparent 60%),linear-gradient(180deg,#fff 0%,#fafafa 100%);padding:80px 0 64px;}
.wb-aigent .ag-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--ag-accent);background:rgba(200,22,35,.1);padding:6px 14px;border-radius:999px;margin-bottom:18px;}
.wb-aigent .ag-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.15;font-weight:850;letter-spacing:-.5px;margin:0;}
.wb-aigent .ag-hero h1 .hl{color:var(--ag-accent);}
.wb-aigent .ag-hero p.ag-sub{font-size:clamp(16px,2vw,20px);color:var(--ag-ink-soft);max-width:720px;margin:20px 0 30px;}
.wb-aigent .ag-btn-row{display:flex;gap:14px;flex-wrap:wrap;}
.wb-aigent .ag-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:.2s;border:1px solid transparent;text-decoration:none;}
.wb-aigent .ag-btn-primary{background:var(--ag-accent);color:#fff;}
.wb-aigent .ag-btn-primary:hover{background:var(--ag-accent-dark);}
.wb-aigent .ag-btn-ghost{background:#fff;color:var(--ag-ink);border-color:var(--ag-line);}
.wb-aigent .ag-btn-ghost:hover{border-color:var(--ag-accent);color:var(--ag-accent);}
.wb-aigent .ag-stats{display:flex;gap:36px;margin-top:44px;flex-wrap:wrap;}
.wb-aigent .ag-stats .s b{display:block;font-size:30px;font-weight:850;color:var(--ag-accent);}
.wb-aigent .ag-stats .s span{font-size:14px;color:var(--ag-muted);}
.wb-aigent .ag-block{padding:72px 0;}
.wb-aigent .ag-alt{background:var(--ag-bg1);}
.wb-aigent .ag-alt2{background:var(--ag-bg2);}
.wb-aigent .ag-head{max-width:780px;margin:0 auto 44px;text-align:center;}
.wb-aigent .ag-head .tag{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--ag-accent);}
.wb-aigent .ag-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:820;margin:10px 0 14px;}
.wb-aigent .ag-head p{color:var(--ag-ink-soft);font-size:17px;}
.wb-aigent .ag-divider{width:60px;height:3px;background:var(--ag-accent);border-radius:2px;margin:14px auto 0;}
.wb-aigent .ag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.wb-aigent .ag-card{background:#fff;border:1px solid var(--ag-line);border-radius:14px;padding:26px 24px;transition:.2s;}
.wb-aigent .ag-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(28,26,23,.08);border-color:rgba(200,22,35,.4);}
.wb-aigent .ag-card .ico{width:48px;height:48px;border-radius:12px;background:rgba(200,22,35,.12);color:var(--ag-accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.wb-aigent .ag-card .ico svg{width:24px;height:24px;}
.wb-aigent .ag-card h3{font-size:19px;font-weight:780;margin-bottom:8px;}
.wb-aigent .ag-card p{color:var(--ag-ink-soft);font-size:15px;}
.wb-aigent .ag-path{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;}
.wb-aigent .ag-path .p{background:#fff;border:1px solid var(--ag-line);border-radius:14px;padding:28px;border-top:4px solid var(--ag-accent);}
.wb-aigent .ag-path .p h3{font-size:20px;font-weight:800;margin-bottom:6px;}
.wb-aigent .ag-path .p .who{display:inline-block;font-size:13px;color:var(--ag-accent);font-weight:700;margin-bottom:12px;}
.wb-aigent .ag-path .p ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0;}
.wb-aigent .ag-path .p li{padding-left:22px;position:relative;color:var(--ag-ink-soft);font-size:15px;}
.wb-aigent .ag-path .p li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--ag-accent);}
.wb-aigent .ag-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:8px;}
.wb-aigent .ag-flow .step{flex:1 1 150px;background:#fff;border:1px solid var(--ag-line);border-radius:12px;padding:18px 16px;}
.wb-aigent .ag-flow .step .n{font-size:13px;font-weight:800;color:var(--ag-accent);}
.wb-aigent .ag-flow .step h4{font-size:16px;font-weight:750;margin:6px 0;}
.wb-aigent .ag-flow .step p{font-size:13px;color:var(--ag-muted);margin:0;}
.wb-aigent .ag-tbl-wrap{overflow-x:auto;margin-top:36px;border-radius:14px;border:1px solid var(--ag-line);}
.wb-aigent table.ag-cmp{width:100%;border-collapse:collapse;min-width:640px;background:#fff;}
.wb-aigent table.ag-cmp th,.wb-aigent table.ag-cmp td{padding:16px 18px;text-align:left;font-size:15px;border-bottom:1px solid var(--ag-line);}
.wb-aigent table.ag-cmp thead th{background:var(--ag-bg1);font-weight:800;}
.wb-aigent table.ag-cmp thead th.ag-col-new{background:var(--ag-accent);color:#fff;}
.wb-aigent table.ag-cmp tbody th{font-weight:700;background:var(--ag-bg2);width:200px;}
.wb-aigent table.ag-cmp td.ag-new{color:var(--ag-accent);font-weight:700;}
.wb-aigent table.ag-cmp tr:last-child td,.wb-aigent table.ag-cmp tr:last-child th{border-bottom:none;}
.wb-aigent .ag-cta{background:linear-gradient(135deg,var(--ag-accent),#a50f1a);color:#fff;border-radius:18px;padding:46px 40px;text-align:center;}
.wb-aigent .ag-cta h2{font-size:clamp(24px,3vw,34px);font-weight:850;margin-bottom:12px;}
.wb-aigent .ag-cta p{opacity:.95;margin-bottom:24px;font-size:17px;}
.wb-aigent .ag-cta .ag-btn-light{background:#fff;color:var(--ag-accent);}
.wb-aigent .ag-cta .ag-btn-light:hover{background:rgba(255,255,255,.85);}
@media(max-width:880px){
  .wb-aigent .ag-grid{grid-template-columns:1fr 1fr;}
  .wb-aigent .ag-path{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .wb-aigent .ag-grid{grid-template-columns:1fr;}
  .wb-aigent .ag-stats{gap:22px;}
}
/* custom: cd-hero-svg */
/* type: cd-hero-svg */
.page-id-5175 .ws-hero .ws-hero-art{aspect-ratio:1/1;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20760%20760%22%20width%3D%22760%22%20height%3D%22760%22%20fill%3D%22none%22%3E%20%3Cg%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%222%2015%22%3E%20%3Cline%20x1%3D%22380%22%20y1%3D%22380%22%20x2%3D%22380%22%20y2%3D%22105%22%2F%3E%20%3Cline%20x1%3D%22380%22%20y1%3D%22380%22%20x2%3D%22118%22%20y2%3D%22300%22%2F%3E%20%3Cline%20x1%3D%22380%22%20y1%3D%22380%22%20x2%3D%22642%22%20y2%3D%22300%22%2F%3E%20%3Cline%20x1%3D%22380%22%20y1%3D%22380%22%20x2%3D%22218%22%20y2%3D%22606%22%2F%3E%20%3Cline%20x1%3D%22380%22%20y1%3D%22380%22%20x2%3D%22542%22%20y2%3D%22606%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20fill%3D%22%23f2b3af%22%3E%20%3Ccircle%20cx%3D%22380%22%20cy%3D%22222%22%20r%3D%227%22%2F%3E%20%3Ccircle%20cx%3D%22230%22%20cy%3D%22334%22%20r%3D%227%22%2F%3E%20%3Ccircle%20cx%3D%22530%22%20cy%3D%22334%22%20r%3D%227%22%2F%3E%20%3Ccircle%20cx%3D%22305%22%20cy%3D%22485%22%20r%3D%227%22%2F%3E%20%3Ccircle%20cx%3D%22455%22%20cy%3D%22485%22%20r%3D%227%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20fill%3D%22%23ffffff%22%20stroke%3D%22%23f7d9d6%22%20stroke-width%3D%223%22%3E%20%3Ccircle%20cx%3D%22380%22%20cy%3D%22105%22%20r%3D%2286%22%2F%3E%20%3Ccircle%20cx%3D%22118%22%20cy%3D%22300%22%20r%3D%2278%22%2F%3E%20%3Ccircle%20cx%3D%22642%22%20cy%3D%22300%22%20r%3D%2278%22%2F%3E%20%3Ccircle%20cx%3D%22218%22%20cy%3D%22606%22%20r%3D%2278%22%2F%3E%20%3Ccircle%20cx%3D%22542%22%20cy%3D%22606%22%20r%3D%2278%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20x%3D%22340%22%20y%3D%2266%22%20width%3D%2280%22%20height%3D%2278%22%20rx%3D%2210%22%20fill%3D%22%23c93430%22%2F%3E%20%3Cg%20stroke%3D%22%23ffffff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%3E%20%3Cline%20x1%3D%22344%22%20y1%3D%2288%22%20x2%3D%22416%22%20y2%3D%2288%22%2F%3E%20%3Cline%20x1%3D%22344%22%20y1%3D%22114%22%20x2%3D%22416%22%20y2%3D%22114%22%2F%3E%20%3Cline%20x1%3D%22366%22%20y1%3D%2288%22%20x2%3D%22366%22%20y2%3D%22140%22%2F%3E%20%3Cline%20x1%3D%22394%22%20y1%3D%2288%22%20x2%3D%22394%22%20y2%3D%22140%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20x%3D%2280%22%20y%3D%22262%22%20width%3D%2276%22%20height%3D%2254%22%20rx%3D%2217%22%20stroke%3D%22%23c93430%22%20stroke-width%3D%227%22%2F%3E%20%3Cpath%20d%3D%22M104%20318%20L94%20338%20L118%20324%22%20stroke%3D%22%23c93430%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cg%20fill%3D%22%23c93430%22%3E%20%3Ccircle%20cx%3D%22103%22%20cy%3D%22289%22%20r%3D%226%22%2F%3E%20%3Ccircle%20cx%3D%22118%22%20cy%3D%22289%22%20r%3D%226%22%2F%3E%20%3Ccircle%20cx%3D%22133%22%20cy%3D%22289%22%20r%3D%226%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20x%3D%22604%22%20y%3D%22262%22%20width%3D%2276%22%20height%3D%2276%22%20rx%3D%2218%22%20stroke%3D%22%23c93430%22%20stroke-width%3D%227%22%2F%3E%20%3Cpolygon%20points%3D%22634%2C282%20634%2C318%20666%2C300%22%20fill%3D%22%23c93430%22%2F%3E%20%3Cg%20stroke%3D%22%23c93430%22%20fill%3D%22none%22%3E%20%3Ccircle%20cx%3D%22218%22%20cy%3D%22614%22%20r%3D%2232%22%20stroke-width%3D%226%22%2F%3E%20%3Cellipse%20cx%3D%22218%22%20cy%3D%22614%22%20rx%3D%2214%22%20ry%3D%2232%22%20stroke-width%3D%225%22%2F%3E%20%3Cline%20x1%3D%22189%22%20y1%3D%22602%22%20x2%3D%22247%22%20y2%3D%22602%22%20stroke-width%3D%225%22%2F%3E%20%3Cline%20x1%3D%22189%22%20y1%3D%22626%22%20x2%3D%22247%22%20y2%3D%22626%22%20stroke-width%3D%225%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D%22M218%20556%20c-13%200-22%2010-22%2021%200%2015%2022%2030%2022%2030%20s22-15%2022-30%20c0-11-9-21-22-21%20z%22%20fill%3D%22%23c93430%22%2F%3E%20%3Ccircle%20cx%3D%22218%22%20cy%3D%22577%22%20r%3D%226.5%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Cpolyline%20points%3D%22498%2C634%20520%2C606%20536%2C622%20554%2C596%22%20stroke%3D%22%23c93430%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Ccircle%20cx%3D%22570%22%20cy%3D%22584%22%20r%3D%2219%22%20stroke%3D%22%23c93430%22%20stroke-width%3D%227%22%2F%3E%20%3Cline%20x1%3D%22584%22%20y1%3D%22598%22%20x2%3D%22600%22%20y2%3D%22614%22%20stroke%3D%22%23c93430%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%2F%3E%20%3Crect%20x%3D%22250%22%20y%3D%22250%22%20width%3D%22260%22%20height%3D%22260%22%20rx%3D%2256%22%20fill%3D%22%23c93430%22%2F%3E%20%3Cline%20x1%3D%22380%22%20y1%3D%22296%22%20x2%3D%22380%22%20y2%3D%22278%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%20%3Ccircle%20cx%3D%22380%22%20cy%3D%22268%22%20r%3D%229%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Crect%20x%3D%22308%22%20y%3D%22296%22%20width%3D%22144%22%20height%3D%22104%22%20rx%3D%2226%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Ccircle%20cx%3D%22350%22%20cy%3D%22338%22%20r%3D%2210%22%20fill%3D%22%23c93430%22%2F%3E%20%3Ccircle%20cx%3D%22410%22%20cy%3D%22338%22%20r%3D%2210%22%20fill%3D%22%23c93430%22%2F%3E%20%3Crect%20x%3D%22352%22%20y%3D%22362%22%20width%3D%2256%22%20height%3D%2213%22%20rx%3D%226.5%22%20fill%3D%22%23c93430%22%2F%3E%20%3Crect%20x%3D%22298%22%20y%3D%22418%22%20width%3D%2224%22%20height%3D%2258%22%20rx%3D%2212%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Crect%20x%3D%22438%22%20y%3D%22418%22%20width%3D%2224%22%20height%3D%2258%22%20rx%3D%2212%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Crect%20x%3D%22340%22%20y%3D%22420%22%20width%3D%2280%22%20height%3D%2250%22%20rx%3D%2225%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Ctext%20x%3D%22380%22%20y%3D%22445%22%20fill%3D%22%23c93430%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-weight%3D%22bold%22%20font-size%3D%2230%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3EAI%3C%2Ftext%3E%20%3C%2Fsvg%3E") center/contain no-repeat;filter:drop-shadow(0 18px 40px rgba(0,0,0,.18))}
.page-id-5175 .ws-hero .ws-hero-art img{display:none}

/* custom: cd-workbuddy */
/* type: cd-workbuddy */
/* 覆盖首页默认 nth-child 图标：为 6 张 AI Agent 卡配专属 SVG（作用域仅 page-id-5175） */
.page-id-5175 .ws-why .ws-wc:nth-child(1) .ws-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%273%27%20width%3D%2716%27%20height%3D%2718%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M9%208h.01M15%208h.01M9%2012h.01M15%2012h.01M9%2016h.01M15%2016h.01%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 .ws-why .ws-wc:nth-child(2) .ws-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020h9%27%2F%3E%3Cpath%20d%3D%27M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4Z%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 .ws-why .ws-wc:nth-child(3) .ws-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%275%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%271%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 .ws-why .ws-wc:nth-child(4) .ws-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m3%207%209%206%209-6%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 .ws-why .ws-wc:nth-child(5) .ws-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2019.5A2.5%202.5%200%200%201%206.5%2017H20%27%2F%3E%3Cpath%20d%3D%27M6.5%202H20v20H6.5A2.5%202.5%200%200%201%204%2019.5v-15A2.5%202.5%200%200%201%206.5%202z%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 .ws-why .ws-wc:nth-child(6) .ws-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%2012a9%209%200%200%201-9%209%209%209%200%200%201-6.7-3%27%2F%3E%3Cpath%20d%3D%27M3%2012a9%209%200%200%201%209-9%209%209%200%200%201%206.7%203%27%2F%3E%3Cpath%20d%3D%27M21%203v6h-6%27%2F%3E%3Cpath%20d%3D%27M3%2021v-6h6%27%2F%3E%3C%2Fsvg%3E")}

/* custom: brand-red-unify */
/* type: brand-red-unify */
/* 全站品牌红统一：所有红色（含深红变体）统一为 #c81623 */
:root{--brand-dark:#c81623;--brand-light:#c81623;--navy-2:#c81623;--navy-3:#c81623}
.ws-btn-gold,.ws-logo .ws-logo-mark,.logo .logo-mark,.btn{background:#c81623}
.ws-hero{background:#c81623}
.ws-dark{background:#c81623}
.ws-footer{background:#c81623}
.ws-fg .ws-tag{color:#c81623}
.cloud-badge{color:#c81623}
.cloud-tools span{color:#c81623}
.cloud-stats{background:#c81623}
.wb-aigent .ag-cta,.wb-aigent .cta-band{background:#c81623}
/* custom: cd-pseo */
/* type: cd-pseo */
/* 暗色区块上的红色 kicker 提高对比度 */
.page-id-5175 #pseo .ws-sec-head .cloud-badge{background:rgba(200,22,35,.22);border-color:rgba(200,22,35,.5);color:#ff9aa3}
.page-id-5175 #pseo .ws-ai-step:nth-child(1) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%276%27%20cy%3D%277%27%20r%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%277%27%20r%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2717%27%20r%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M8%208.5l3%206M16%208.5l-3%206M8.5%207h7%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 #pseo .ws-ai-step:nth-child(2) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%203h8l4%204v14H6z%27%2F%3E%3Cpath%20d%3D%27M14%203v4h4%27%2F%3E%3Cpath%20d%3D%27M9%2012h6M9%2016h6%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 #pseo .ws-ai-step:nth-child(3) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020l4-1%209-9-3-3-9%209z%27%2F%3E%3Cpath%20d%3D%27M14%206l3%203%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 #pseo .ws-ai-step:nth-child(4) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%275%27%20cy%3D%276%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%2719%27%20cy%3D%276%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2718%27%20r%3D%272%27%2F%3E%3Cpath%20d%3D%27M6.7%207.3l4%209M17.3%207.3l-4%209M7%206h10%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 #pseo .ws-ai-step:nth-child(5) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2018a8%208%200%200116%200%27%2F%3E%3Cpath%20d%3D%27M12%2018l4-5%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2718%27%20r%3D%271.3%27%20fill%3D%27%23c9a86a%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 #pseo .ws-ai-step:nth-child(6) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020V4%27%2F%3E%3Cpath%20d%3D%27M4%2020h16%27%2F%3E%3Cpath%20d%3D%27M7%2016l4-5%203%203%205-7%27%2F%3E%3C%2Fsvg%3E")}
.page-id-5175 #pseo .ws-ai-step:nth-child(7) .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2011a8%208%200%2010-1%205%27%2F%3E%3Cpath%20d%3D%27M20%204v6h-6%27%2F%3E%3C%2Fsvg%3E")}

/* custom: cd-fold */
/* type: cd-fold */
/* CD 页(customer-development)：AI 落地产品矩阵 + 多旗舰折叠（原生 <details>，纯 CSS 零 JS）
   ⚠️ 折叠外层容器 .cd-fold 不能挂 .ws-section：base CSS 的
   .ws-section:not(.ws-why):not(.ws-dark) .ws-sec-head h2{color:var(--ink)} 特异性(0,4,1)
   会压过 .ws-dark .ws-sec-head h2{color:#fff}(0,2,1)，把折叠内红底白字压成深字。 */

/* ---- 板块二：AI 落地产品矩阵 ---- */
.page-id-5175 .cd-scenes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:-10px 0 26px}
.page-id-5175 .cd-scenes span{font-size:13px;color:#6f6a63;background:#fff;border:1px solid #e5e1db;padding:5px 16px;border-radius:20px}
.page-id-5175 .cd-scenes span b{color:#c81623}
.page-id-5175 .cd-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.page-id-5175 .cd-pc{border:1px solid #e5e1db;border-radius:10px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:6px;transition:.2s;text-decoration:none}
.page-id-5175 .cd-pc:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.page-id-5175 .cd-pc .pt{font-size:16px;font-weight:600;color:#1c1a17}
.page-id-5175 .cd-pc .pd{font-size:13px;color:#6f6a63;flex:1;line-height:1.6}
.page-id-5175 .cd-pc .pl{font-size:12px;font-weight:600;margin-top:6px;color:#c81623}
.page-id-5175 .cd-pc.flag{border-color:#c81623;background:#fffafa}

/* ---- 板块三：多旗舰折叠 ---- */
.page-id-5175 .cd-fold{padding:72px 0;background:var(--ivory-2,#fbf7f0)}
.page-id-5175 .flagship{border:1px solid #e5e1db;border-radius:12px;background:#fff;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.page-id-5175 .flagship>summary{list-style:none;cursor:pointer;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:700;color:#c81623;border-left:4px solid #c81623;transition:background .2s}
.page-id-5175 .flagship>summary::-webkit-details-marker{display:none}
.page-id-5175 .flagship>summary::after{content:"\25BE";font-size:18px;color:#c81623;transition:transform .2s;margin-left:auto;padding-left:14px}
.page-id-5175 .flagship[open]>summary{background:#fdeaea}
.page-id-5175 .flagship[open]>summary::after{transform:rotate(180deg)}
.page-id-5175 .flagship>summary .badge{font-size:11px;font-weight:600;color:#c81623;background:#fdeaea;border:1px solid #f1d6d9;padding:3px 10px;border-radius:20px;margin-left:12px}
.page-id-5175 .flagship>.finner{padding:22px 18px 26px;background:#fff}

/* ---- 折叠内暗底区块保持官网效果（白字；兜底 :not() 高特异性规则） ---- */
.page-id-5175 .cd-fold .ws-dark .ws-container .ws-sec-head h2{color:#fff}
.page-id-5175 .cd-fold .ws-dark .ws-container .ws-sec-head p{color:rgba(255,255,255,.80)}
.page-id-5175 .cd-fold .ws-dark .cloud-badge{background:rgba(200,22,35,.22);border-color:rgba(200,22,35,.5);color:#ff9aa3}

/* ---- 折叠内流程步骤图标（金色；折叠 1 的 7 个 pSEO 图标由 cd-pseo 段以更高特异性提供） ---- */
.page-id-5175 .flagship .ws-ai-step .ws-emoji::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23c9a86a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202v3M12%2019v3M2%2012h3M19%2012h3M5%205l2%202M17%2017l2%202M19%205l-2%202M7%2017l-2%202%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E")}

@media(max-width:860px){
  .page-id-5175 .cd-prod-grid{grid-template-columns:repeat(2,1fr)}
  .page-id-5175 .flagship>summary{font-size:17px;padding:18px 18px}
}

/* custom: cd-hero */
/* type: cd-hero */
/* CD 页(customer-development) hero / 运营模式块 —— 由原空名段拆分而来，仅保留仍在用的规则 */
.wb-aigent{color:#111;line-height:1.7;font-size:16px;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",-apple-system,Segoe UI,Roboto,sans-serif;}
.wb-aigent .path{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;}
.wb-aigent .path .p{background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:28px;border-top:4px solid #c81623;}
.wb-aigent .path .p h3{font-size:20px;font-weight:800;margin-bottom:6px;}
.wb-aigent .path .p .who{display:inline-block;font-size:13px;color:#c81623;font-weight:700;margin-bottom:12px;}
.wb-aigent .path .p ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0;}
.wb-aigent .path .p li{padding-left:22px;position:relative;color:#444;font-size:15px;}
.wb-aigent .path .p li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#c81623;}
.wb-aigent .ws-hero .ws-container{position:relative;z-index:2;}
.wb-aigent .ws-hero .ws-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#f8c8cb;font-size:13px;padding:7px 16px;border-radius:100px;margin-bottom:22px;letter-spacing:.06em;}
.wb-aigent .ws-hero h1{font-weight:600;font-size:46px;line-height:1.22;margin-bottom:20px;max-width:820px;}
.wb-aigent .ws-hero h1 em{color:#f8c8cb;font-style:normal;}
.wb-aigent .ws-hero .ws-sub{color:#f2d4d6;font-size:17px;max-width:680px;margin-bottom:34px;}
.wb-aigent .ws-hero-cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;}
.wb-aigent .ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:100px;font-weight:600;font-size:14.5px;transition:.25s;cursor:pointer;border:1.5px solid transparent;}
.wb-aigent .ws-btn-gold{background:#1f1f1f;color:#fff;border:0;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.30);}
.wb-aigent .ws-btn-gold:hover{background:#000;color:#fff;transform:translateY(-2px);}
.wb-aigent .ws-btn-ghost-light{border:1.5px solid rgba(255,255,255,.5);color:#fff;}
.wb-aigent .ws-btn-ghost-light:hover{border-color:#f8c8cb;color:#f8c8cb;}
.page-id-5175 .ws-hero .ws-container{display:flex;align-items:center;gap:48px;}
.page-id-5175 .ws-hero .ws-hero-text{flex:1 1 0;min-width:0;text-align:left;}
.page-id-5175 .ws-hero .ws-hero-art{flex:0 0 360px;max-width:44%;display:flex;align-items:center;justify-content:center;}
.page-id-5175 .ws-hero .ws-hero-art svg,.page-id-5175 .ws-hero .ws-hero-art img{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.28));}
@media(max-width:900px){
  .page-id-5175 .ws-hero .ws-container{flex-direction:column-reverse;gap:24px;text-align:center;}
  .page-id-5175 .ws-hero .ws-hero-text{text-align:center;}
  .page-id-5175 .ws-hero .ws-hero-art{flex:none;width:280px;max-width:280px;margin:0 auto;}
  .wb-aigent .ws-hero h1{font-size:34px;}
}
@media(max-width:880px){
  .wb-aigent .path{grid-template-columns:1fr;}
}
.page-id-5175 .wpb-breadcrumb{display:none !important;}

/* custom: wp-trade-breadcrumb */
/* 外贸独立站下拉组（AI外贸建站）面包屑隐藏：wordpress-trade-solutions (page-id 1051)
   该页面包屑由正文 [breadcrumb] 手动置于 .sp-hero > .ws-container 内，
   与 hero 内容同容器、且非 .site-main/.container 直接子元素，
   故用后代选择器精确隐藏 nav，不影响内容。
   同组 cloud-solution(160)/ywdjsfa(543) 已各有隐藏段（自动渲染在独立 .container 内）。 */
.page-id-1051 .wpb-breadcrumb{display:none}

/* custom: seo-hero */
.page-id-1560 .ws-hero .ws-container{display:flex;align-items:center;gap:48px}
.page-id-1560 .ws-hero .ws-hero-text{flex:1 1 0;min-width:0;text-align:left}
.page-id-1560 .ws-hero .ws-hero-art{flex:0 0 340px;max-width:40%;aspect-ratio:520/480;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20520%20480'%20width%3D'520'%20height%3D'480'%3E%3Cg%20font-family%3D'Arial,Helvetica,sans-serif'%20text-anchor%3D'middle'%3E%3Ctext%20x%3D'250'%20y%3D'120'%20font-size%3D'68'%20font-weight%3D'700'%20fill%3D'%23e8c97f'%3ESEO%3C%2Ftext%3E%3Ctext%20x%3D'382'%20y%3D'200'%20font-size%3D'42'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.92'%3EGoogle%3C%2Ftext%3E%3Ctext%20x%3D'140'%20y%3D'222'%20font-size%3D'34'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.85'%3E关键词%3C%2Ftext%3E%3Ctext%20x%3D'250'%20y%3D'252'%20font-size%3D'40'%20font-weight%3D'700'%20fill%3D'%23e8c97f'%20fill-opacity%3D'0.95'%3E排名%3C%2Ftext%3E%3Ctext%20x%3D'372'%20y%3D'300'%20font-size%3D'30'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.8'%3E流量%3C%2Ftext%3E%3Ctext%20x%3D'160'%20y%3D'322'%20font-size%3D'30'%20fill%3D'%23e8c97f'%20fill-opacity%3D'0.85'%3E询盘%3C%2Ftext%3E%3Ctext%20x%3D'258'%20y%3D'372'%20font-size%3D'26'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.75'%3E外贸独立站%3C%2Ftext%3E%3Ctext%20x%3D'402'%20y%3D'382'%20font-size%3D'24'%20fill%3D'%23e8c97f'%20fill-opacity%3D'0.8'%3E曝光%3C%2Ftext%3E%3Ctext%20x%3D'112'%20y%3D'392'%20font-size%3D'22'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.7'%3EB2B%3C%2Ftext%3E%3Ctext%20x%3D'332'%20y%3D'132'%20font-size%3D'22'%20fill%3D'%23ffffff'%20fill-opacity%3D'0.6'%3ERANK%3C%2Ftext%3E%3Ctext%20x%3D'200'%20y%3D'182'%20font-size%3D'20'%20fill%3D'%23e8c97f'%20fill-opacity%3D'0.7'%3EGEO%3C%2Ftext%3E%3C%2Fg%3E%3Ccircle%20cx%3D'430'%20cy%3D'432'%20r%3D'34'%20stroke%3D'%23ffffff'%20stroke-opacity%3D'0.3'%20stroke-width%3D'7'%20fill%3D'none'%2F%3E%3Cline%20x1%3D'455'%20y1%3D'457'%20x2%3D'486'%20y2%3D'488'%20stroke%3D'%23ffffff'%20stroke-opacity%3D'0.3'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.page-id-1560 .ws-hero .ws-hero-art img{display:none}
@media (max-width:640px){
  .page-id-1560 .ws-hero .ws-container{flex-direction:column-reverse;gap:24px;text-align:center}
  .page-id-1560 .ws-hero .ws-hero-text{text-align:center}
  .page-id-1560 .ws-hero .ws-hero-art{flex:none;width:280px;max-width:280px;margin:0 auto}
}
/* custom: seo-breadcrumb */
.page-id-1560 .wpb-breadcrumb{display:none}
/* custom: seo-1560-custom */
/* type: seo-1560-custom */

/* ===== 1560 服务图标行 ===== */
.svc-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}
.svc-badge{display:flex;flex-direction:column;align-items:center}
.svc-disc{width:128px;height:128px;border-radius:50%;border:2px solid #f0c9cd;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(200,22,35,.08)}
.svc-ico{width:56px;height:56px;background-position:center;background-size:contain;background-repeat:no-repeat}
.svc-label{margin-top:12px;color:#c81623;font-weight:600;font-size:15.5px;letter-spacing:.5px}
.ico-site{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%278%27%20y%3D%2712%27%20width%3D%2732%27%20height%3D%2724%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M8%2019h32%27%2F%3E%3Cpath%20d%3D%27M13%2015.5h.5M17%2015.5h.5%27%2F%3E%3Cpath%20d%3D%27M22%2015.5h12%27%2F%3E%3Cpath%20d%3D%27M14%2025.5h12M14%2030h16%27%2F%3E%3C%2Fsvg%3E")}
.ico-seo{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2710%27%20y%3D%2727%27%20width%3D%278%27%20height%3D%2711%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2730%27%20y%3D%2731%27%20width%3D%278%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2720%27%20y%3D%2720%27%20width%3D%278%27%20height%3D%2718%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M24%208l2%204.1%204.5.5-3.3%203%20.9%204.4-4.1-2.3-4.1%202.3.9-4.4-3.3-3%204.5-.5z%27%2F%3E%3C%2Fsvg%3E")}
.ico-geo{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%2710%27%20width%3D%2730%27%20height%3D%2720%27%20rx%3D%275%27%2F%3E%3Cpath%20d%3D%27M17%2030v6l7-6%27%2F%3E%3Cpath%20d%3D%27M24%2014.5l1.7%203.8%203.8%201.7-3.8%201.7-1.7%203.8-1.7-3.8-3.8-1.7%203.8-1.7z%27%2F%3E%3C%2Fsvg%3E")}
.ico-sem{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2721.5%27%20y%3D%278%27%20width%3D%2716%27%20height%3D%2711%27%20rx%3D%273%27%20transform%3D%27rotate%2845%2029.5%2013.5%29%27%2F%3E%3Cpath%20d%3D%27M22%2020.5L9.5%2033%27%20stroke-width%3D%273.4%27%2F%3E%3Cpath%20d%3D%27M6%2041h20%27%2F%3E%3Cpath%20d%3D%27M13.5%2030.5l4%204%27%2F%3E%3C%2Fsvg%3E")}
.ico-mail{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2048%2048%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%2713%27%20width%3D%2734%27%20height%3D%2723%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M8%2016l16%2012%2016-12%27%2F%3E%3C%2Fsvg%3E")}
@media(max-width:480px){
.svc-badges{gap:20px}
.svc-disc{width:92px;height:92px}
.svc-ico{width:40px;height:40px}
.svc-label{margin-top:8px;font-size:13px}
}

/* ===== 1560 SEO/GEO 双引擎段 白底 ===== */
body.page-id-1560 .ws-section.ws-geo{background:#fff}

/* ===== 1560 Google Ads 代运营服务内容 ===== */
.page-id-1560 .ads-table{max-width:960px;margin:0 auto;border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff}
.page-id-1560 .ads-row{display:flex;align-items:stretch}
.page-id-1560 .ads-row+.ads-row{border-top:1px solid #eee}
.page-id-1560 .ads-row:nth-child(even){background:#faf7f6}
.page-id-1560 .ads-k{flex:0 0 200px;padding:18px 22px;font-weight:700;color:#c81623;font-size:15.5px;display:flex;align-items:center;border-right:1px solid #eee}
.page-id-1560 .ads-v{flex:1;padding:18px 22px;font-size:14.5px;line-height:1.75;color:#5f5f5f;display:flex;align-items:center}
@media(max-width:640px){
.page-id-1560 .ads-row{flex-direction:column}
.page-id-1560 .ads-k{flex-basis:auto;border-right:0;border-bottom:1px dashed #eee;padding:12px 18px 6px}
.page-id-1560 .ads-v{padding:6px 18px 14px}
}

/* ===== 1560 许可邮件营销横幅 ===== */
.page-id-1560 .ws-section.edm-band, body.page-id-1560 .ws-section.edm-band{background:#fff}
.page-id-1560 .edm-inner{display:flex;align-items:center;gap:56px}
.page-id-1560 .edm-copy{flex:1}
.page-id-1560 .edm-copy h2{font-size:34px;line-height:1.3;margin:0 0 14px;color:#1f1f1f}
.page-id-1560 .edm-copy p{margin:0 0 26px;font-size:16.5px;color:#5f5f5f}
.page-id-1560 .edm-art{flex:0 0 380px;aspect-ratio:560/380;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20560%20380%27%3E%0A%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%27560%27%20height%3D%27380%27%20rx%3D%2718%27%20fill%3D%27%23fdf3f4%27%2F%3E%0A%3Crect%20x%3D%2760%27%20y%3D%2770%27%20width%3D%27340%27%20height%3D%27240%27%20rx%3D%2710%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%273%27%2F%3E%0A%3Crect%20x%3D%2760%27%20y%3D%2770%27%20width%3D%27340%27%20height%3D%2740%27%20rx%3D%2710%27%20fill%3D%27%23c81623%27%2F%3E%0A%3Ccircle%20cx%3D%2784%27%20cy%3D%2790%27%20r%3D%276%27%20fill%3D%27%23ffffff%27%20opacity%3D%27.85%27%2F%3E%0A%3Ccircle%20cx%3D%27104%27%20cy%3D%2790%27%20r%3D%276%27%20fill%3D%27%23ffffff%27%20opacity%3D%27.5%27%2F%3E%0A%3Crect%20x%3D%27150%27%20y%3D%2784%27%20width%3D%27220%27%20height%3D%2712%27%20rx%3D%276%27%20fill%3D%27%23ffffff%27%20opacity%3D%27.7%27%2F%3E%0A%3Crect%20x%3D%2786%27%20y%3D%27136%27%20width%3D%27150%27%20height%3D%2712%27%20rx%3D%276%27%20fill%3D%27%23f0c9cd%27%2F%3E%0A%3Crect%20x%3D%2786%27%20y%3D%27160%27%20width%3D%27240%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23f6dcdf%27%2F%3E%0A%3Crect%20x%3D%2786%27%20y%3D%27176%27%20width%3D%27200%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27%23f6dcdf%27%2F%3E%0A%3Cpath%20d%3D%27M96%20268l40-34%2034%2022%2052-46%2044%2030%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M266%20210l-14%200%200-14%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20transform%3D%27translate%280%20-6%29%27%2F%3E%0A%3Crect%20x%3D%27330%27%20y%3D%27120%27%20width%3D%27170%27%20height%3D%27130%27%20rx%3D%2712%27%20fill%3D%27%23ffffff%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%273%27%2F%3E%0A%3Cpath%20d%3D%27M336%20132l79%2056%2079-56%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%273%27%20stroke-linejoin%3D%27round%27%2F%3E%0A%3Crect%20x%3D%27330%27%20y%3D%27120%27%20width%3D%27170%27%20height%3D%27130%27%20rx%3D%2712%27%20fill%3D%27none%27%20stroke%3D%27%23c81623%27%20stroke-width%3D%273%27%2F%3E%0A%3Cpath%20d%3D%27M344%20236l50-44%2034%2024%2058-50%27%20fill%3D%27none%27%20stroke%3D%27%23d99a2b%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%0A%3Ccircle%20cx%3D%27470%27%20cy%3D%27108%27%20r%3D%2714%27%20fill%3D%27%23d99a2b%27%2F%3E%0A%3Cpath%20d%3D%27M470%20100v16M462%20108h16%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%2F%3E%0A%3Cpath%20d%3D%27M120%2040l6%2013%2013%206-13%206-6%2013-6-13-13-6%2013-6z%27%20fill%3D%27%23d99a2b%27%2F%3E%0A%3Cpath%20d%3D%27M500%20280l5%2011%2011%205-11%205-5%2011-5-11-11-5%2011-5z%27%20fill%3D%27%23c81623%27%20opacity%3D%27.7%27%2F%3E%0A%3C%2Fsvg%3E") center/contain no-repeat}
@media(max-width:768px){
.page-id-1560 .edm-inner{flex-direction:column-reverse;gap:28px;text-align:center}
.page-id-1560 .edm-art{flex-basis:auto;width:100%;max-width:340px}
.page-id-1560 .edm-copy h2{font-size:26px}
}
/* custom: wa-hero */

/* 6860 网站配件 hero：复刻 customer-development(5175) 两栏格式（无按钮） */
.page-id-6860 .ws-hero .ws-container{display:flex;align-items:center;gap:48px}
.page-id-6860 .ws-hero .ws-hero-text{flex:1 1 0;min-width:0;text-align:left}
.page-id-6860 .ws-hero .ws-hero-art{flex:0 0 360px;max-width:44%;aspect-ratio:420/430;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20420%20430%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%3Cg%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.5%22%20stroke-dasharray%3D%222%2012%22%20stroke-width%3D%223%22%3E%0A%20%20%20%20%3Cline%20x1%3D%22210%22%20y1%3D%22210%22%20x2%3D%22210%22%20y2%3D%22112%22%2F%3E%3Cline%20x1%3D%22210%22%20y1%3D%22210%22%20x2%3D%22112%22%20y2%3D%22192%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22210%22%20y1%3D%22210%22%20x2%3D%22308%22%20y2%3D%22192%22%2F%3E%3Cline%20x1%3D%22210%22%20y1%3D%22210%22%20x2%3D%22150%22%20y2%3D%22330%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22210%22%20y1%3D%22210%22%20x2%3D%22270%22%20y2%3D%22330%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Crect%20x%3D%22150%22%20y%3D%22150%22%20width%3D%22120%22%20height%3D%22120%22%20rx%3D%2220%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.10%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Crect%20x%3D%22170%22%20y%3D%22178%22%20width%3D%2280%22%20height%3D%2256%22%20rx%3D%226%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M170%20192h80%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22180%22%20cy%3D%22186%22%20r%3D%222.4%22%20fill%3D%22%23e8c97f%22%20stroke%3D%22none%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22190%22%20cy%3D%22186%22%20r%3D%222.4%22%20fill%3D%22%23e8c97f%22%20stroke%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M186%20214h48M186%20226h36%22%20stroke%3D%22%23e8c97f%22%20stroke-opacity%3D%22.9%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22210%22%20cy%3D%2270%22%20r%3D%2240%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.10%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M188%2064h44v18h-44z%22%20stroke%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M189%2065l21%2014%2021-14%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2270%22%20cy%3D%22150%22%20r%3D%2240%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.10%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M70%20128l20%208v16c0%2014-9%2022-20%2026-11-4-20-12-20-26v-16z%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M61%20154l6%206%2011-12%22%20stroke%3D%22%23e8c97f%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22350%22%20cy%3D%22150%22%20r%3D%2240%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.10%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M356%20126l-22%2026h16l-6%2024%2024-30h-16z%22%20stroke%3D%22%23e8c97f%22%20fill%3D%22%23e8c97f%22%20fill-opacity%3D%22.15%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22110%22%20cy%3D%22330%22%20r%3D%2240%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.10%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22110%22%20cy%3D%22330%22%20r%3D%2222%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M88%20330h44M110%20308v44M93%20319c8%208%2026%208%2034%200M93%20341c8-8%2026-8%2034%200%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22310%22%20cy%3D%22330%22%20r%3D%2240%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.10%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M294%20318l20-6v36l-20-6z%22%20stroke%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M314%20312v36%22%20stroke%3D%22%23ffffff%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M322%20320a12%2012%200%200%201%200%2020%22%20stroke%3D%22%23e8c97f%22%2F%3E%0A%3C%2Fsvg%3E") center/contain no-repeat;filter:drop-shadow(0 18px 40px rgba(0,0,0,.28))}
/* 本页 kicker 文案（覆盖 home-tweaks 段里未加作用域的 .ws-hero .ws-kicker::after 全站替换） */
.page-id-6860 .ws-hero .ws-kicker::after{content:"◆ 外贸建站配套增值服务";font-size:13px;font-weight:500;letter-spacing:.06em;display:inline-flex;align-items:center;gap:8px}
/* 用户要求本页不显示面包屑：删掉正文 [breadcrumb] 后模板会在正文顶部自动渲染，故用作用域彻底关闭 */
.page-id-6860 .wpb-breadcrumb{display:none}
@media(max-width:900px){
  .page-id-6860 .ws-hero .ws-container{flex-direction:column-reverse;gap:24px;text-align:center}
  .page-id-6860 .ws-hero .ws-hero-text{text-align:center}
  .page-id-6860 .ws-hero .ws-hero-art{flex:none;width:280px;max-width:280px;margin:0 auto}
}
/* custom: tut-rebuild */
.page-id-6944 .tut-hero{background-color:#c81623;color:#fff;text-align:center;padding:64px 0 56px}
.page-id-6944 .tut-hero h1{color:#fff;font-size:30px;margin:0 0 14px}
.page-id-6944 .tut-hero-sub{color:rgba(255,255,255,.92);max-width:760px;margin:0 auto 30px;line-height:1.8}
.page-id-6944 .tut-hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:0 auto;text-align:left}
.page-id-6944 .tut-hero-card{display:block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:22px;color:#fff;text-decoration:none;transition:.2s}
.page-id-6944 .tut-hero-card:hover{background:rgba(255,255,255,.18)}
.page-id-6944 .tut-hero-card h3{color:#fff;margin:0 0 8px;font-size:18px}
.page-id-6944 .tut-hero-card p{color:rgba(255,255,255,.85);font-size:13px;line-height:1.7;margin:0 0 12px}
.page-id-6944 .tut-go{color:#ffd9a0;font-weight:600;font-size:13px}
.page-id-6944 .tut-sec{padding:56px 0}
.page-id-6944 .tut-sec--alt{background-color:#f6f4f1}
.page-id-6944 .tut-fig{margin:26px 0;text-align:center}
.page-id-6944 .tut-fig img{max-width:100%;border:1px solid #e7e2dc;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.page-id-6944 .tut-fig--link img{cursor:pointer}
.page-id-6944 .tut-card{display:flex;gap:14px;background-color:#fff;border:1px solid #ececec;border-radius:10px;padding:16px 18px;margin-bottom:14px;align-items:flex-start}
.page-id-6944 .tut-num{flex:0 0 30px;height:30px;line-height:30px;text-align:center;background-color:#c81623;color:#fff;border-radius:50%;font-weight:700;font-size:14px}
.page-id-6944 .tut-card-bd h4{margin:0 0 6px;font-size:16px;color:#1f1f1f}
.page-id-6944 .tut-path{margin:0 0 8px;color:#5f5f5f;font-size:13px;line-height:1.7}
.page-id-6944 .tut-pdf, .page-id-6944 .tut-video{display:inline-block;margin-right:12px;color:#c81623;font-weight:600;font-size:13px;text-decoration:none}
.page-id-6944 .tut-group{margin-bottom:26px}
.page-id-6944 .tut-group h3{font-size:17px;color:#c81623;border-left:4px solid #c81623;padding-left:10px;margin:0 0 12px}
.page-id-6944 .tut-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 22px}
.page-id-6944 .tut-list li{font-size:14px;line-height:1.7}
.page-id-6944 .tut-list a{color:#1f1f1f;text-decoration:none;border-bottom:1px solid #e0c9c9}
.page-id-6944 .tut-list a:hover{color:#c81623}
.page-id-6944 .tut-seo p{color:#444;line-height:1.9;margin:0 0 14px}
@media(max-width:760px){
.page-id-6944 .tut-hero-cards, .page-id-6944 .tut-list{grid-template-columns:1fr}
}

/* custom: ssl-rebuild */
.page-id-1724 .ssl-hero{background-color:#c81623;color:#fff;text-align:center;padding:60px 0 54px}
.page-id-1724 .ssl-hero h1{color:#fff;font-size:30px;margin:0 0 16px}
.page-id-1724 .ssl-hero-sub{color:rgba(255,255,255,.92);max-width:860px;margin:0 auto;line-height:1.9;font-size:15px}
.page-id-1724 .ssl-sec{padding:54px 0}
.page-id-1724 .ssl-sec--alt{background-color:#f6f4f1}
.page-id-1724 .ssl-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.page-id-1724 .ssl-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.page-id-1724 .ssl-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.page-id-1724 .ssl-card{background-color:#fff;border:1px solid #ececec;border-radius:10px;padding:18px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.page-id-1724 .ssl-card-img{height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.page-id-1724 .ssl-card-img img{max-height:90px;max-width:100%}
.page-id-1724 .ssl-card-t{font-size:16px;color:#1f1f1f;margin:0 0 4px}
.page-id-1724 .ssl-card-sub{color:#5f5f5f;font-size:13px;margin:0 0 10px}
.page-id-1724 .ssl-card-d{color:#444;font-size:12px;line-height:1.7;margin:0 0 10px;min-height:54px}
.page-id-1724 .ssl-card-price{color:#ff6600;font-weight:700;font-size:16px;margin:0}
.page-id-1724 .ssl-reason{background-color:#fff;border:1px solid #ececec;border-radius:10px;padding:18px;text-align:center}
.page-id-1724 .ssl-reason-ico{width:54px;height:54px;object-fit:contain;margin-bottom:10px}
.page-id-1724 .ssl-reason h4{margin:0 0 8px;font-size:15px;color:#1f1f1f}
.page-id-1724 .ssl-reason p{margin:0;color:#5f5f5f;font-size:13px;line-height:1.7}
.page-id-1724 .ssl-steps{background-color:#258fc4;padding:54px 0;color:#fff}
.page-id-1724 .ssl-steps .ws-sec-head h2{color:#fff}
.page-id-1724 .ssl-steps .ws-bar--light{background-color:#fff}
.page-id-1724 .ssl-step{text-align:center;position:relative}
.page-id-1724 .ssl-step-n{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;background-color:#fff;color:#258fc4;font-weight:700;margin-bottom:10px}
.page-id-1724 .ssl-step img{max-height:80px;max-width:100%;display:block;margin:0 auto 8px}
.page-id-1724 .ssl-step h4{color:#fff;margin:0;font-size:15px}
.page-id-1724 .ssl-hot-title{font-size:16px;color:#c81623;margin:22px 0 12px}
.page-id-1724 .ssl-hot-cell, .page-id-1724 .ssl-brand-cell{background-color:#fff;border:1px solid #ececec;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.page-id-1724 .ssl-hot-cell img, .page-id-1724 .ssl-brand-cell img{max-width:100%;max-height:90px;object-fit:contain}
.page-id-1724 .ssl-brand-h{font-size:17px;color:#c81623;border-left:4px solid #c81623;padding-left:10px;margin:26px 0 6px}
.page-id-1724 .ssl-brand-p{color:#5f5f5f;font-size:13px;margin:0 0 14px}
.page-id-1724 .ssl-brand-cell p{margin:8px 0 0;font-size:12px;color:#444;text-align:center;line-height:1.5}
.page-id-1724 .ssl-type-img{text-align:center}
.page-id-1724 .ssl-type-img img{max-width:100%;border:1px solid #e7e2dc;border-radius:8px}
@media(max-width:900px){
.page-id-1724 .ssl-grid5{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
.page-id-1724 .ssl-grid4, .page-id-1724 .ssl-grid3{grid-template-columns:repeat(2,1fr)}
.page-id-1724 .ssl-grid5{grid-template-columns:repeat(2,1fr)}
}

/* custom: cloud-solution-icons */
/* type: cloud-solution-icons  (scope: .page-id-160) */
/* cloud-solution 页 9 个 emoji 图标 → 作用域 svg 图标
   复用：对话💬/设计🎨(首页7步) / 地球🌐 / 邮箱📬 / 闪电⚡ / 多语言🌏(translate)
   新建：图片🖼️ / 工厂🏭 / 商务👔
   统一描边色：品牌红 #c81623 */

/* 容器：保留原 .cloud-ico 浅红圆角底，仅清空 emoji 文字，由 ::before 承载 svg */
.page-id-160 .cloud-ico{color:transparent;font-size:0}
.page-id-160 .cloud-ico::before{
  content:"";display:block;width:26px;height:26px;
  background:center/contain no-repeat;
}

/* —— 复用：6860 线性图标（原描边 #1f1f1f → 改 #c81623） ——
   注：translate(文A) 已废弃，外贸公司改用下方新建「地球+双向箭头」 */
.page-id-160 .cloud-ico.cloud-ico-chat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 4.8h14.8a2.2 2.2 0 0 1 2.2 2.2v7a2.2 2.2 0 0 1-2.2 2.2h-9.1l-4.1 3.4v-3.4H4.6a2.2 2.2 0 0 1-2.2-2.2v-7a2.2 2.2 0 0 1 2.2-2.2z'/%3E%3Cpath d='M7.4 9h9.2M7.4 12.2h6'/%3E%3C/svg%3E")}
.page-id-160 .cloud-ico.cloud-ico-globe::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.4'/%3E%3Cpath d='M3.6 12h16.8'/%3E%3Cpath d='M12 3.6c2.5 2.8 2.5 14 0 16.8-2.5-2.8-2.5-14 0-16.8z'/%3E%3C/svg%3E")}
.page-id-160 .cloud-ico.cloud-ico-mail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='1.6'/%3E%3Cpath d='M3.6 7.2 12 13.2 20.4 7.2'/%3E%3C/svg%3E")}
.page-id-160 .cloud-ico.cloud-ico-speed::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4.6 13.4H11l-1 8.6L19.4 10.6H13z'/%3E%3C/svg%3E")}
/* —— 新建 v2：外贸公司（地球 + 双向贸易箭头，替换原文A图标） —— */
.page-id-160 .cloud-ico.cloud-ico-translate::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6.2'/%3E%3Cpath d='M5.8 9h12.4'/%3E%3Cpath d='M12 2.8c2.3 2.7 2.3 9.7 0 12.4-2.3-2.7-2.3-9.7 0-12.4z'/%3E%3Cpath d='M5.5 20h13'/%3E%3Cpath d='M8.2 17.7 5.5 20l2.7 2.3'/%3E%3Cpath d='M15.8 17.7 18.5 20l-2.7 2.3'/%3E%3C/svg%3E")}

/* —— 复用：首页 7 步第 3 步「设计」（调色板，原填充 #c9a86a → 改 #c81623） —— */
.page-id-160 .cloud-ico.cloud-ico-design::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 100 18c1.1 0 1.6-.9 1.6-1.6 0-1.3 1.1-1.6 2.2-1.6H17a3 3 0 003-3V9a3 3 0 00-3-3h-1.2C12.4 6 12 4 12 3z' fill='%23c81623' stroke='none'/%3E%3Ccircle cx='7.6' cy='11' r='1.1' fill='%23fff'/%3E%3Ccircle cx='11' cy='7.4' r='1.1' fill='%23fff'/%3E%3C/svg%3E")}

/* —— 新建：图片🖼️（相框 + 山/太阳，品牌红描边） —— */
.page-id-160 .cloud-ico.cloud-ico-image::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9.5' r='1.6'/%3E%3Cpath d='M21 16l-5-5L5 20'/%3E%3C/svg%3E")}

/* —— 新建 v2：工厂（锯齿屋顶厂房 + 烟囱 + 大门，更饱满） —— */
.page-id-160 .cloud-ico.cloud-ico-factory::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20V10l5 3v-3l5 3V7.5h3.5V4H20v16z'/%3E%3Cpath d='M9.2 20v-3.4h4.6V20'/%3E%3C/svg%3E")}

/* —— 新建 v2：品牌出海（旗帜 + 海浪，替换原领带图标） —— */
.page-id-160 .cloud-ico.cloud-ico-business::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3v14'/%3E%3Cpath d='M6.5 4.2h10.8l-2.5 3 2.5 3H6.5'/%3E%3Cpath d='M3 20.3c1.4-1.3 2.8-1.3 4.2 0s2.8 1.3 4.2 0 2.8-1.3 4.2 0 2.8 1.3 4.2 0'/%3E%3C/svg%3E")}

/* custom: about-rebuild */
/* custom: about-rebuild */
/* type: about-rebuild */
/* /about/ 页（page-id-21）整页重建。全部规则作用域限定 .page-id-21，不改动其它页面。
   区块底色：Hero(红) → 团队(白) → 创业故事(红) → 发展历程(白) → CTA(红)。
   ⚠️ 涉及 .ws-section 背景色的规则一律用 body.page-id-21 .ws-section.xxx（0,3,1），
   才能压过 base CSS 的 .ws-section:not(.ws-why):not(.ws-dark)（0,3,0）。
   ⚠️ 一律用 background-color，不用 background 简写，避免清掉背景图。
   ⚠️ 红底区块（story）靠 .ws-dark 类取白字：base 的
   `.ws-section:not(.ws-why):not(.ws-dark) .ws-sec-head h2{color:var(--ink)}`(0,4,1)
   因元素带 ws-dark 而不匹配，`.ws-dark .ws-sec-head h2{color:#fff}` 正常生效。
   本页 hero 版式与承载方式复用 contact(19) 的 contact-hero 段做法。 */

/* ---------------------------------------------- 1) 隐藏模板自动渲染的面包屑
   写法与站点其它页完全一致（160 / 543 / 19 / 6860 / 1051 / 1560 都是 .page-id-NNN .wpb-breadcrumb）。
   ⚠️ 不要写 .site-main > .container:has(> nav.wpb-breadcrumb)：:has() 在旧内核（国内双核浏览器）不支持，
   一条规则里只要出现浏览器不认识的选择器，整条规则会被丢弃 → 面包屑就会露出来。
   本页正文已不含 [breadcrumb] 短代码，页内仅此一处面包屑，直接隐藏无副作用。 */
.page-id-21 .wpb-breadcrumb{display:none}

/* ---------------------------------------------- 2) hero：两栏（复用 contact(19) 版式）
   文字左 + 矢量图右；矢量图走 data-URI 背景（正文内联 svg 会被保存时剥离）。
   本页配图=团队协作。 */
.page-id-21 .ws-hero .ws-container{display:flex;align-items:center;gap:48px}
.page-id-21 .ws-hero .ws-hero-text{flex:1 1 0;min-width:0;text-align:left}
.page-id-21 .ws-hero .ws-hero-art{flex:0 0 340px;max-width:40%;aspect-ratio:520/480;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20520%20480'%20width='520'%20height='480'%20fill='none'%3E%3Cg%20stroke='%23ffffff'%20stroke-opacity='.32'%20stroke-width='1.6'%20stroke-dasharray='3%2010'%20stroke-linecap='round'%3E%3Ccircle%20cx='260'%20cy='152'%20r='122'/%3E%3Ccircle%20cx='260'%20cy='152'%20r='88'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-opacity='.45'%20stroke-width='1.6'%20stroke-dasharray='4%208'%20stroke-linecap='round'%3E%3Cpath%20d='M262%2044v22'/%3E%3Cpath%20d='M120%2060l16%2016'/%3E%3Cpath%20d='M430%2074l-16%2014'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-opacity='.6'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='120'%20cy='320'%20r='29'/%3E%3Cpath%20d='M71%20398c0-27%2022-49%2049-49s49%2022%2049%2049'/%3E%3Ccircle%20cx='260'%20cy='286'%20r='35'/%3E%3Cpath%20d='M201%20398c0-33%2026-59%2059-59s59%2026%2059%2059'/%3E%3Ccircle%20cx='400'%20cy='320'%20r='29'/%3E%3Cpath%20d='M351%20398c0-27%2022-49%2049-49s49%2022%2049%2049'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-opacity='.7'%20stroke-width='1.8'%20stroke-dasharray='4%209'%20stroke-linecap='round'%3E%3Cpath%20d='M132%20288l40-78'/%3E%3Cpath%20d='M260%20249v-51'/%3E%3Cpath%20d='M388%20288l-40-78'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-opacity='.92'%20stroke-width='2.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='260'%20cy='152'%20r='46'/%3E%3Cpath%20d='M260%20176v-48'/%3E%3Cpath%20d='M239%20149l21-21%2021%2021'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-opacity='.4'%20stroke-width='2'%20stroke-linecap='round'%3E%3Cpath%20d='M60%20400h400'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain}
.page-id-21 .ws-hero .ws-hero-art img{display:none}

/* ---------------------------------------------- 3) 团队：源站「左图 + 右文」两栏（复用主题 .grid-2） */
body.page-id-21 .ws-section.ws-team{background-color:#fff}
.page-id-21 .ws-team .grid-2.ws-team-split{align-items:center;gap:48px}
.page-id-21 .ws-team-photo img{display:block;width:100%;height:auto;border-radius:var(--radius);
  box-shadow:0 18px 40px rgba(28,26,23,.12)}
.page-id-21 .ws-team-text p{color:var(--muted);font-size:15.5px;line-height:1.95;margin:0 0 18px}
.page-id-21 .ws-team-text p:last-child{margin-bottom:0}
.page-id-21 .ws-team-text strong{color:var(--ink);font-weight:600}

/* ---------------------------------------------- 4) 创业故事：红底白字（正文加 ws-dark 类） */
body.page-id-21 .ws-section.ws-story{background-color:#c81623}
.page-id-21 .ws-story-body{max-width:880px;margin:0 auto}
.page-id-21 .ws-story-body p{color:rgba(255,255,255,.88);font-size:16px;line-height:1.95;margin:0 0 20px}
.page-id-21 .ws-story-body p:last-child{margin-bottom:0}
.page-id-21 .ws-story-lead{color:#fff !important;font-size:17.5px !important;line-height:2 !important}
.page-id-21 .ws-story-sign{margin:28px 0 0 !important;font-family:var(--serif);font-size:15px;
  letter-spacing:.04em;color:var(--gold-2) !important;text-align:right}
.page-id-21 .ws-quote{margin:30px 0;padding:20px 26px;background-color:rgba(255,255,255,.14);
  border-left:3px solid rgba(255,255,255,.7);border-radius:0 var(--radius) var(--radius) 0;
  color:#fff;font-family:var(--serif);font-size:20px;line-height:1.7}
.page-id-21 .ws-story .ws-sec-head .ws-bar{background:linear-gradient(90deg,#fff,transparent)}

/* ---------------------------------------------- 5) 发展历程：白底 + 深色时间轴（倒序，最新在前） */
body.page-id-21 .ws-section.ws-history{background-color:#fff}
.page-id-21 .ws-tl{position:relative;max-width:900px;margin:46px auto 0}
.page-id-21 .ws-tl::before{content:"";position:absolute;left:7px;top:10px;bottom:12px;width:2px;
  background-color:rgba(28,26,23,.14);border-radius:2px}
.page-id-21 .ws-tl-item{position:relative;padding:0 0 32px 44px}
.page-id-21 .ws-tl-item:last-child{padding-bottom:0}
.page-id-21 .ws-tl-item::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;
  border-radius:50%;background-color:var(--brand);box-shadow:0 0 0 4px rgba(200,22,35,.14)}
.page-id-21 .ws-tl-year{display:block;font-family:var(--serif);font-size:15px;font-weight:700;
  letter-spacing:.1em;color:var(--brand);margin-bottom:6px}
.page-id-21 .ws-tl-item h4{color:var(--ink);font-size:18px;font-weight:600;margin:0 0 8px}
.page-id-21 .ws-tl-item p{color:var(--muted);font-size:14.5px;line-height:1.85;
  margin:0;max-width:800px}
.page-id-21 .ws-history .ws-sec-head .ws-bar{background:linear-gradient(90deg,var(--brand),transparent)}

/* ---------------------------------------------- 6) 响应式 */
@media (max-width:960px){
  .page-id-21 .ws-hero .ws-container{flex-direction:column-reverse;gap:24px;text-align:center}
  .page-id-21 .ws-hero .ws-hero-text{text-align:center}
  .page-id-21 .ws-hero .ws-hero-art{flex:none;width:280px;max-width:280px;margin:0 auto}
  .page-id-21 .ws-team .grid-2.ws-team-split{gap:28px}
  .page-id-21 .ws-story-body{max-width:none}
}
@media (max-width:640px){
  .page-id-21 .ws-quote{font-size:17.5px;padding:18px 20px}
  .page-id-21 .ws-tl-item{padding-left:36px}
  .page-id-21 .ws-tl-item h4{font-size:16.5px}
}
/* custom: footer-wsf */
/* type: footer-wsf */
@media(min-width:861px){
.site-footer .footer-inner{grid-template-columns:1.5fr 1fr 1fr 1.1fr}
}
.site-footer .wsf-btn{display:inline-block;margin-top:16px;padding:9px 22px;background-color:#c81623;color:#fff;font-size:14px;border-radius:5px;text-decoration:none}
.site-footer .wsf-btn:hover{background-color:#a5121d;color:#fff}

/* custom: f2h-convert */
/* type: f2h-convert */
/* 短码转换页的共用补充层。站内没有对应组件时才用 f2h-* 命名空间，避免污染既有类名。
   适用对象：仍在 Flatsome 短码状态的页面/文章（转换后正文只用 ws-* + f2h-*）。 */
.f2h-grid{display:grid;gap:26px;margin:0 0 26px}
.f2h-grid:last-child{margin-bottom:0}
.f2h-grid.f2h-cols-1{grid-template-columns:minmax(0,1fr)}
.f2h-grid.f2h-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.f2h-grid.f2h-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.f2h-grid.f2h-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.f2h-grid.f2h-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.f2h-col{min-width:0}
.f2h-col.f2h-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 24px;box-shadow:var(--shadow-sm)}
.f2h-col.f2h-card>*:first-child{margin-top:0}
.f2h-col.f2h-card .f2h-h,.f2h-col.f2h-card h3,.f2h-col.f2h-card h4{color:var(--brand-dark);font-size:17px;margin:0 0 10px}
.f2h-col.f2h-card p{font-size:14.5px;line-height:1.8;color:var(--muted);margin:0}
.f2h-col.f2h-card p+p{margin-top:9px}
.f2h-text{font-size:15.5px;line-height:1.85;color:var(--muted)}
.f2h-text h2,.f2h-text h3,.f2h-h{font-family:var(--serif);color:var(--ink);font-weight:600;line-height:1.35}
.f2h-text h2{font-size:26px;margin:0 0 14px}
.f2h-text h3,.f2h-h{font-size:20px;margin:0 0 12px}
.f2h-text h4{font-size:17px;color:var(--ink);margin:0 0 10px}
.f2h-text p{margin:0 0 14px}
.f2h-text p:last-child,.f2h-text ul:last-child,.f2h-text ol:last-child{margin-bottom:0}
.f2h-text ul,.f2h-text ol{margin:0 0 14px;padding-left:22px}
.f2h-text li{margin:6px 0}
.f2h-text a{color:var(--brand);text-decoration:none;border-bottom:1px solid rgba(200,22,35,.28)}
.f2h-text a:hover{color:var(--brand-dark);border-bottom-color:var(--brand-dark)}
.f2h-text strong,.f2h-text b{color:var(--ink);font-weight:600}
.f2h-text blockquote{border-left:3px solid var(--brand);padding:4px 0 4px 18px;margin:18px 0;color:var(--ink)}
.f2h-text table{margin:0 0 12px}
.f2h-img{max-width:100%;height:auto;display:block;border-radius:12px;box-shadow:var(--shadow-sm)}
/* 教程页的视频：正文里只能放链接（存储层会剥 iframe/video） */
.f2h-videolink{margin:0 0 18px}
.f2h-videolink a{display:inline-block;padding:10px 20px;background:var(--brand);color:#fff;border-radius:999px;font-size:14.5px;font-weight:600;text-decoration:none}
.f2h-videolink a:hover{background:var(--brand-dark);color:#fff}
.f2h-li{padding-left:18px;position:relative}
.f2h-li::before{content:"•";position:absolute;left:4px;color:var(--brand)}
.f2h-figure{margin:0 0 22px}
.f2h-figure:last-child{margin-bottom:0}
.f2h-figure-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.f2h-figure-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.f2h-figure-card .f2h-img{border-radius:0;box-shadow:none;width:100%}
.f2h-figure-card figcaption{padding:13px 16px;font-size:13.5px;color:var(--muted);text-align:center}
.f2h-btnrow{margin:0 0 14px}
.f2h-btnrow .ws-btn{font-size:14px}
.f2h-btnrow .ws-btn-ghost{border-color:var(--brand);color:var(--brand);background:transparent}
.f2h-btnrow .ws-btn-ghost:hover{background:var(--brand);color:#fff}
/* 红底区块（.ws-dark）内的文字与按钮：站内既有规则只覆盖了 .ws-sec-head，
   自定义内容块需要补一层，否则深色文字压在红底上不可读。 */
.ws-dark .f2h-text{color:rgba(255,255,255,.88)}
.ws-dark .f2h-text h2,.ws-dark .f2h-text h3,.ws-dark .f2h-text h4,
.ws-dark .f2h-h,.ws-dark .f2h-text strong,.ws-dark .f2h-text b{color:#fff}
.ws-dark .f2h-text a{color:#fff;border-bottom-color:rgba(255,255,255,.45)}
.ws-dark .f2h-text a:hover{color:var(--gold-2);border-bottom-color:var(--gold-2)}
.ws-dark .f2h-text blockquote{color:#fff;border-left-color:rgba(255,255,255,.6)}
.ws-dark .f2h-hr{background:rgba(255,255,255,.28)}
.ws-dark .f2h-btnrow .ws-btn-ghost{border-color:rgba(255,255,255,.6);color:#fff}
.ws-dark .f2h-btnrow .ws-btn-ghost:hover{background:#fff;color:var(--brand)}
.f2h-hr{border:0;height:1px;background:var(--line);margin:26px 0}
/* 教程索引页：标题 + 「查看详情」链接成对出现 */
.f2h-linkitem{margin:0 0 22px}
.f2h-linkitem .f2h-h{margin:0 0 8px}
.f2h-more{display:inline-block;font-size:14px;font-weight:600;color:var(--brand);text-decoration:none;border-bottom:1px solid rgba(200,22,35,.28)}
.f2h-more:hover{color:var(--brand-dark);border-bottom-color:var(--brand-dark)}
.f2h-more::after{content:" →"}
.f2h-banner{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-size:cover;background-position:center;min-height:300px;display:flex;align-items:center;margin:0 0 26px;background-color:#1c1a17}
.f2h-banner-inner{position:relative;z-index:2;width:100%;padding:44px 40px;color:#fff;background:linear-gradient(90deg,rgba(28,26,23,.72),rgba(28,26,23,.28))}
.f2h-banner-inner .f2h-text{color:rgba(255,255,255,.94)}
.f2h-banner-inner .f2h-text h2,.f2h-banner-inner .f2h-text h3,.f2h-banner-inner .f2h-text h4{color:#fff}
.f2h-banner-inner .f2h-text strong{color:#fff}
.f2h-details{margin:0 0 26px;display:grid;gap:12px}
.f2h-details details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.f2h-details summary{cursor:pointer;padding:16px 20px;font-weight:600;color:var(--ink);font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.f2h-details summary::-webkit-details-marker{display:none}
.f2h-details summary::after{content:"＋";color:var(--brand);font-weight:700;flex-shrink:0}
.f2h-details details[open] summary::after{content:"－"}
.f2h-details details[open] summary{border-bottom:1px solid var(--line)}
.f2h-detail-body{padding:18px 20px}
.f2h-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:0 0 26px}
.f2h-quote{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius);padding:24px 26px;margin:0 0 20px;box-shadow:var(--shadow-sm)}
.f2h-quote p{font-size:15px;color:var(--ink);margin:0 0 14px;line-height:1.85}
.f2h-quote footer{font-size:13px;color:var(--muted);font-weight:600}
.f2h-msg{background:linear-gradient(135deg,#fff5f5,#fdecec);border:1px solid rgba(200,22,35,.18);border-radius:var(--radius-lg);padding:28px 30px;margin:0 0 26px}
.f2h-msg .f2h-text h3{color:var(--brand-dark)}
.f2h-convert-note{background:#fff8e6;border:1px dashed #e0b64a;border-radius:12px;padding:16px 20px;font-size:14px;color:#7a5a10;margin:0 0 22px}
@media(max-width:860px){
.f2h-cols-2,.f2h-cols-3,.f2h-cols-4,.f2h-gallery{grid-template-columns:minmax(0,1fr)}
.f2h-grid{gap:18px;margin-bottom:18px}
.f2h-banner-inner{padding:32px 22px}
}

/* 图文模块（行内只有「一图 + 一段文案」两列时）：直接复用首页 .ws-geo-split 的
   左视觉 / 右文案版式，不再把两列各包成一张 f2h-card。对应转换器 f2h._render_geo()。
   注意：这里补的是「拆掉 f2h-text 外壳后」的排版，字号沿用 .ws-geo-copy 的既有规则。 */
.ws-geo-media{min-width:0}
.ws-geo-media .f2h-figure{margin:0}
.ws-geo-media img{width:100%;height:auto;display:block}
body:not(.home) .ws-geo-copy{min-width:0}
body:not(.home) .ws-geo-copy>h2:first-child,body:not(.home) .ws-geo-copy>h3:first-child{margin-top:0}
body:not(.home) .ws-geo-copy p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 16px}
body:not(.home) .ws-geo-copy p.ws-geo-lead{margin:0 0 22px}
body:not(.home) .ws-geo-copy ul{margin:0;padding-left:22px}
body:not(.home) .ws-geo-copy ul.ws-geo-list{padding-left:0;margin-bottom:0}
body:not(.home) .ws-geo-copy .f2h-btnrow{margin:0}
body:not(.home) .ws-geo-copy a:not(.ws-btn){color:var(--brand)}
@media(max-width:960px){
.ws-geo-media{max-width:520px;margin:0 auto}
}

/* 模板/案例画廊（可点击卡片：截图 + 分类 + 名称），用于把源站被丢弃的
   [ux_products] 模板网格还原成站内组件。 */
.f2h-tpl{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}
.f2h-tpl:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.f2h-tpl img{display:block;width:100%;height:auto;border-radius:0;box-shadow:none}
.f2h-tpl-meta{padding:12px 14px}
.f2h-tpl-cat{display:block;font-size:12px;font-weight:600;color:var(--brand);margin:0 0 4px}
.f2h-tpl-name{display:block;font-size:13.5px;color:var(--ink);line-height:1.5}
/* 模块内的小标题：主题默认把 h1~h4 都染成红色，与 .ws-geo-copy h2 的深色撞在一起，
   这里统一成同一套深色衬线标题（26 个模块里 h3/h4 占 31 处，必须对齐）。 */
.ws-geo-copy h3{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink);line-height:1.3;margin:0 0 14px}
.ws-geo-copy h4{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);line-height:1.4;margin:0 0 10px}


/* custom: bc-hero */
/* ============================================================
   面包屑上 hero —— 短代码版（通用规则，全站生效）
   正文在 hero 的 .ws-container 里写一行 [breadcrumb]，面包屑就地渲染在 hero 内部，
   并且模板顶部那条自动渲染的面包屑（.container > nav.wpb-breadcrumb）会整体消失。
   这里只做两件事：① 让它成为白字；② 用 -34px 上边距把「hero 的 90px 内边距」
   视觉上收成 56px（不写 .ws-hero{padding-top:...}，避免动到没放短码的 hero）。
   选择器用 .ws-hero .ws-container>.wpb-breadcrumb（后代+直子），
   只有「hero 内且是容器直子」才命中 → 导航页、无 hero 页天然不受影响。
   ============================================================ */
.ws-hero .ws-container>.wpb-breadcrumb{margin:-34px 0 18px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.72)}
.ws-hero .ws-container>.wpb-breadcrumb ol{gap:6px}
.ws-hero .ws-container>.wpb-breadcrumb li+li::before{margin:0 2px;color:rgba(255,255,255,.45)}
.ws-hero .ws-container>.wpb-breadcrumb a{color:rgba(255,255,255,.88);text-decoration:none}
.ws-hero .ws-container>.wpb-breadcrumb a:hover{color:#fff;text-decoration:underline}
.ws-hero .ws-container>.wpb-breadcrumb [aria-current="page"]{color:#fff;font-weight:500}
@media(max-width:640px){
.ws-hero .ws-container>.wpb-breadcrumb{margin-bottom:14px;font-size:12px}
}

/* 浅底 hero（.sp-hero，底色 var(--bg-alt) 浅灰）：白字看不见 → 用深灰字。
   且 sp-hero 内边距本来就只有 60px（不像 .ws-hero 是 90px），已经很紧凑，
   所以不做 -34px 上拉。目前只有 cloud-websites-features(page-id-165) 一个页面。
   刻意用 page-id 作用域，避免波及导航页 wordpress-trade-solutions(1051) 的 sp-hero--center。 */
.page-id-165 .sp-hero .ws-container>.wpb-breadcrumb{margin:0 0 16px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.page-id-165 .sp-hero .ws-container>.wpb-breadcrumb ol{gap:6px}
.page-id-165 .sp-hero .ws-container>.wpb-breadcrumb li+li::before{margin:0 2px;color:var(--line)}
.page-id-165 .sp-hero .ws-container>.wpb-breadcrumb a{color:var(--muted);text-decoration:none}
.page-id-165 .sp-hero .ws-container>.wpb-breadcrumb a:hover{color:var(--brand);text-decoration:underline}
.page-id-165 .sp-hero .ws-container>.wpb-breadcrumb [aria-current="page"]{color:var(--ink);font-weight:500}

/* custom: series-archive-cards */
/* ============================================================
   系列归档页（/products/<系列>/）卡片改造 —— 对齐源站 case_cat 样式
   作用域 body.term-130 = /products/b2b-cloud-template/
   若要让全站 16 个系列页统一生效：把 .term-130 换成 .tax-series

   ⚠️ 卡片图片有两种结构，必须都覆盖（实测本页 48 张里 14 张有 <picture>、34 张是裸 <img>）：
        ① <a class="card"><picture><source…><img class="card-media"></picture>…
        ② <a class="card"><img class="card-media">…
      只写 picture 那套 → 34 张卡不生效，页面会一半新样式一半旧 4:3 裁切。
   ============================================================ */

/* 1) 大屏一排 4 个；<=900px 起一排 2 个（手机端也保持 2 列） */
body.term-130 .grid-3 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { body.term-130 .grid-3 { grid-template-columns: repeat(2, 1fr); } }

/* 2) 图片“视窗”
   高度 = min(500px, 卡片宽 × 1.55)
   · 上限 500px 对齐源站；
   · 用 1.55 系数而不是写死 500px，是因为本站缩略图比例不统一（高固定 300px、宽 106~189px
     → 高/宽 1.585~3.031）。写死 500px 时，卡片宽 268px 下"最宽"的那类图只有 425px 高，
     比视窗还矮 → 底部露出背景色、悬停时图片往下跳、且没有可滚动空间。 */
body.term-130 .grid-3 .card > picture,
body.term-130 .grid-3 .card > img.card-media {
  display: block; width: 100%; height: auto;
  aspect-ratio: 1 / 1.55; max-height: 500px;
  overflow: hidden; position: relative; background: var(--bg-alt);
}

/* 3) 图片填满视窗（默认对齐顶部），移开鼠标时 .6s 快速回位 */
body.term-130 .grid-3 .card > picture > img.card-media {
  display: block; width: 100%; height: 100%;
}
body.term-130 .grid-3 .card > picture > img.card-media,
body.term-130 .grid-3 .card > img.card-media {
  object-fit: cover; object-position: 50% 0;
  transition: object-position .6s ease;
}

/* 4) 悬停：6s 缓慢滑到图片底部
   用 object-position 而不是 translateY，是为了同时适配"有/没有 <picture> 包裹"两种结构，
   且视窗高度随卡片宽度变化时不用再算距离（更不会出现"滚过头/滚不到底"）。 */
body.term-130 .grid-3 .card:hover > picture > img.card-media,
body.term-130 .grid-3 .card:hover > img.card-media {
  transition: object-position 6s cubic-bezier(.25, .1, .25, 1);
  object-position: 50% 100%;
}

/* 5) 文案对齐源站：只显示模板名，不显示 SKU / 自动摘要 */
body.term-130 .grid-3 .card .card-meta,
body.term-130 .grid-3 .card .card-body > p { display: none; }

/* custom: product-detail */
/* ===== 产品详情页改版（作用域 .pd-detail，只对使用新版正文的产品页生效） ===== */
.pd-detail{
  --pd-brand:#c81623; --pd-brand-dark:#a3121e; --pd-ink:#1f1f1f; --pd-muted:#5f5f5f;
  --pd-line:#ececec; --pd-alt:#f7f8fa; --pd-tint:#fdecec;
  --pd-sans:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Microsoft YaHei",sans-serif;
  --pd-serif:Georgia,"Times New Roman",serif;
  --pd-radius:14px;
  --pd-shadow:0 6px 24px rgba(200,22,35,.08);
  --pd-shadow-md:0 12px 28px rgba(28,26,23,.10);
  font-family:var(--pd-sans); color:var(--pd-ink); line-height:1.7;
}
.pd-detail img{max-width:100%;height:auto}
.pd-detail a{color:inherit;text-decoration:none}
.pd-detail h2,.pd-detail h3{font-family:var(--pd-serif);font-weight:600;margin:0;color:var(--pd-ink)}
.pd-detail p{margin:0}
.pd-detail ul{margin:0;padding:0;list-style:none}

/* ---- 图标（正文内联 SVG 会被保存时剥离，一律走 data-URI 背景） ---- */
.pd-detail .pd-ic{display:inline-block;width:16px;height:16px;flex:0 0 16px;background-repeat:no-repeat;background-position:center;background-size:contain}
.pd-detail .pd-ic-check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.pd-detail .pd-ic-down{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E")}
.pd-detail .pd-ic-ext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M10 14L21 3M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6'/%3E%3C/svg%3E")}
.pd-detail .pd-ic-chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81623' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'/%3E%3C/svg%3E")}

/* ---- 按钮 ---- */
.pd-detail .pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:100px;font-weight:600;font-size:14.5px;font-family:var(--pd-sans);line-height:1.2;transition:all .25s;border:1px solid transparent;cursor:pointer}
.pd-detail .pd-btn--primary{background:var(--pd-brand);color:#fff;box-shadow:var(--pd-shadow)}
.pd-detail .pd-btn--primary:hover{background:var(--pd-brand-dark);color:#fff;transform:translateY(-2px)}
.pd-detail .pd-btn--ghost{background:#fff;color:var(--pd-ink);border-color:var(--pd-line)}
.pd-detail .pd-btn--ghost:hover{border-color:var(--pd-brand);color:var(--pd-brand);transform:translateY(-2px)}
.pd-detail .pd-btn--lg{padding:14px 30px;font-size:15.5px}

/* ---- 长截图悬停滚动容器（复刻原站：视窗 600px，6s 缓动滚到末尾） ---- */
.pd-detail .image-scroll-container{position:relative;width:100%;height:600px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}
/* 站点图片管线会把正文 <img> 包进 <picture> → 必须用后代选择器，不能用 >img */
.pd-detail .image-scroll-container>picture{display:block;width:100%}
.pd-detail .image-scroll-container img{width:100%;height:auto;display:block;transition:transform 6s cubic-bezier(.25,.1,.25,1);transform:translateY(0)}
.pd-detail .image-scroll-container:hover img{transform:translateY(calc(-100% + 600px))}

/* ---- 笔记本外框 ---- */
.pd-detail .pd-device{position:relative}
.pd-detail .pd-device-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#f1f2f4;border:1px solid #e3e5e8;border-bottom:0;border-radius:12px 12px 0 0}
.pd-detail .pd-device-bar i{width:10px;height:10px;border-radius:50%;background:#d6d8dc;display:block}
.pd-detail .pd-device-bar i:nth-child(1){background:#ff5f57}
.pd-detail .pd-device-bar i:nth-child(2){background:#febc2e}
.pd-detail .pd-device-bar i:nth-child(3){background:#28c840}
.pd-detail .pd-device-url{flex:1;margin-left:10px;height:20px;line-height:18px;border-radius:100px;background:#fff;border:1px solid #e3e5e8;font-size:11.5px;color:#8b8f96;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pd-detail .pd-device .image-scroll-container{border-radius:0;box-shadow:none;border:1px solid #e3e5e8;border-top:0}
.pd-detail .pd-device-base{width:100%;height:auto;margin-top:-1px;display:block}
.pd-detail .pd-hint{position:absolute;right:14px;top:48px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:rgba(31,31,31,.78);color:#fff;font-size:12.5px;padding:6px 12px;border-radius:100px;pointer-events:none;transition:opacity .3s;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.pd-detail .pd-device:hover .pd-hint{opacity:0}
.pd-detail .pd-hint .pd-ic{width:13px;height:13px;flex:0 0 13px}

/* ---- 首屏两栏 ---- */
.pd-detail .pd-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.pd-detail .pd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.4px;color:var(--pd-brand);background:var(--pd-tint);padding:5px 12px;border-radius:100px;margin-bottom:16px}
.pd-detail .pd-points{display:grid;gap:10px;margin:0 0 24px}
.pd-detail .pd-points li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#333;line-height:1.7}
.pd-detail .pd-points .pd-ic{width:17px;height:17px;flex:0 0 17px;margin-top:4px}
.pd-detail .pd-points b{font-weight:600;color:var(--pd-ink)}
.pd-detail .pd-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pd-detail .pd-spec{width:100%;border-collapse:collapse;font-size:14px;margin-top:22px;border-top:1px solid var(--pd-line)}
.pd-detail .pd-spec tr+tr td{border-top:1px dashed var(--pd-line)}
.pd-detail .pd-spec td{padding:10px 0;vertical-align:top}
.pd-detail .pd-spec td:first-child{width:104px;color:var(--pd-muted);font-size:13.5px}
.pd-detail .pd-spec b{color:var(--pd-brand);font-weight:600}

/* ---- 区块标题 ---- */
.pd-detail .pd-block{margin-top:76px}
.pd-detail .pd-block .pd-head{text-align:center;margin-bottom:34px}
.pd-detail .pd-block .pd-head h2{font-size:27px;margin-bottom:8px}
.pd-detail .pd-block .pd-head p{color:var(--pd-muted);font-size:14.5px}
.pd-detail .pd-rule{width:44px;height:3px;background:var(--pd-brand);border-radius:2px;margin:14px auto 0}

/* ---- 手机端演示 ---- */
.pd-detail .pd-mobile{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.pd-detail .pd-phone-wrap{max-width:330px;width:100%;margin:0 auto}
.pd-detail .pd-phone{position:relative;border:11px solid #1f1f1f;border-radius:34px;background:#1f1f1f;box-shadow:var(--pd-shadow-md);overflow:hidden}
.pd-detail .pd-phone::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:92px;height:20px;background:#1f1f1f;border-radius:0 0 14px 14px;z-index:4}
.pd-detail .pd-phone .image-scroll-container{height:520px;border-radius:23px;box-shadow:none}
.pd-detail .pd-phone .image-scroll-container:hover img{transform:translateY(calc(-100% + 520px))}
.pd-detail .pd-cap{text-align:center;font-size:13px;color:var(--pd-muted);margin-top:14px}
.pd-detail .pd-mobile h2{font-size:26px;margin-bottom:12px}
.pd-detail .pd-lead{color:var(--pd-muted);font-size:15px;line-height:1.85;margin-bottom:20px}
.pd-detail .pd-qr{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--pd-line);border-radius:var(--pd-radius);padding:20px 22px;box-shadow:var(--pd-shadow);margin-top:24px}
.pd-detail .pd-qr-box{width:118px;height:118px;flex:0 0 118px;border:1px solid var(--pd-line);border-radius:10px;padding:8px;background:#fff}
.pd-detail .pd-qr-box img{width:100%;height:100%;object-fit:contain}
.pd-detail .pd-qr h3{font-size:16px;font-family:var(--pd-sans);font-weight:700;margin-bottom:6px}
.pd-detail .pd-qr p{font-size:13.5px;color:var(--pd-muted);margin-bottom:12px}
/* ---- 独立二维码区块（只有一张长图的产品：二维码单独成块并居中限宽） ---- */
.pd-detail .pd-qr-standalone{max-width:660px;margin:0 auto}
.pd-detail .pd-qr-standalone .pd-qr{margin-top:0}

/* ---- 模版说明 ---- */
.pd-detail .pd-note{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:start}
.pd-detail .pd-note-card{background:#fff;border:1px solid var(--pd-line);border-radius:var(--pd-radius);padding:30px 32px;box-shadow:var(--pd-shadow)}
.pd-detail .pd-note-card .pd-tag{font-size:12.5px;font-weight:600;color:var(--pd-brand);letter-spacing:.4px;margin-bottom:10px}
.pd-detail .pd-note-card h3{font-size:20px;margin-bottom:12px}
.pd-detail .pd-note-card p{color:var(--pd-muted);font-size:14.5px;line-height:1.9;margin-bottom:18px}
.pd-detail .pd-note-card .pd-btn{width:100%}

/* ---- 响应式（顺序要紧：900px 的「点击展开」必须放最后，否则 height:auto 会被 height:460px 覆盖） ---- */
@media (max-width:1000px){
  .pd-detail .pd-hero{grid-template-columns:1fr;gap:34px}
  .pd-detail .pd-mobile{grid-template-columns:1fr;gap:36px}
  .pd-detail .pd-note{grid-template-columns:1fr}
  .pd-detail .image-scroll-container{height:460px}
  .pd-detail .image-scroll-container:hover img{transform:translateY(calc(-100% + 460px))}
}
@media (max-width:620px){
  .pd-detail .image-scroll-container{height:380px}
  .pd-detail .image-scroll-container:hover img{transform:translateY(calc(-100% + 380px))}
  .pd-detail .pd-phone .image-scroll-container{height:420px}
  .pd-detail .pd-phone .image-scroll-container:hover img{transform:translateY(calc(-100% + 420px))}
  .pd-detail .pd-block{margin-top:54px}
  .pd-detail .pd-qr{flex-direction:column;text-align:center}
}
/* ---- 移动端：长截图「点击展开」（PC 端保持悬停自动滚动） ---- */
.pd-detail .pd-toggle{display:none}
@media (max-width:900px){
  .pd-detail .pd-hint{display:none}
  .pd-detail .image-scroll-container,
  .pd-detail .pd-phone .image-scroll-container{height:auto;max-height:430px;overflow:hidden;cursor:pointer;transition:max-height .55s cubic-bezier(.25,.1,.25,1)}
  .pd-detail .image-scroll-container img,
  .pd-detail .pd-phone .image-scroll-container img{transform:none!important;transition:none}
  .pd-detail .image-scroll-container.is-expanded,
  .pd-detail .pd-phone .image-scroll-container.is-expanded{max-height:9000px}
  .pd-detail .image-scroll-container::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.96));pointer-events:none;transition:opacity .35s;z-index:2}
  .pd-detail .pd-phone .image-scroll-container::after{height:96px}
  .pd-detail .image-scroll-container.is-expanded::after{opacity:0}
  .pd-detail .pd-toggle{display:inline-flex;align-items:center;gap:7px;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:3;background:var(--pd-brand);color:#fff;font-size:13px;font-weight:600;padding:9px 18px;border-radius:100px;white-space:nowrap;box-shadow:0 8px 20px rgba(200,22,35,.32);pointer-events:none}
  .pd-detail .pd-phone .pd-toggle{bottom:12px;font-size:12px;padding:7px 14px}
  .pd-detail .pd-toggle .pd-ic{width:14px;height:14px;flex:0 0 14px}
  .pd-detail .pd-toggle .t-less{display:none}
  .pd-detail .image-scroll-container.is-expanded .t-more{display:none}
  .pd-detail .image-scroll-container.is-expanded .t-less{display:inline}
  .pd-detail .image-scroll-container.is-expanded .pd-toggle{left:auto;right:14px;bottom:auto;top:14px;transform:none;background:rgba(31,31,31,.82);box-shadow:0 6px 16px rgba(0,0,0,.22)}
  .pd-detail .pd-phone .image-scroll-container.is-expanded .pd-toggle{top:26px;right:10px}
}
/* custom: related-products-cards */
/* custom: related-products-cards */
/* ============================================================
   产品详情页「Related Products」相关产品卡片 —— 对齐系列归档页卡片样式
   作用域 .section--related（仅产品详情页的相关产品区，不影响全站其它 .card）
   卡片结构：<a class="card"><picture><img class="card-media"></picture><div class="card-body">…
   与归档页一致：竖版视窗 1:1.55（≤500px）、顶部对齐、悬停 6s 滑到底、只留模板名（隐藏空 SKU 行）
   ============================================================ */

/* 1) 大屏一排 4 个；<=900px 起一排 2 个（与归档页网格一致） */
.section--related .grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { .section--related .grid-4 { grid-template-columns: repeat(2, 1fr); } }

/* 2) 图片“视窗”：高度 = 卡片宽 × 1.55，上限 500px */
.section--related .card > picture,
.section--related .card > img.card-media {
  display: block; width: 100%; height: auto;
  aspect-ratio: 1 / 1.55; max-height: 500px;
  overflow: hidden; position: relative; background: var(--bg-alt);
}

/* 3) 图片填满视窗（默认对齐顶部），移开鼠标时 .6s 快速回位 */
.section--related .card > picture > img.card-media {
  display: block; width: 100%; height: 100%;
}
.section--related .card > picture > img.card-media,
.section--related .card > img.card-media {
  object-fit: cover; object-position: 50% 0;
  transition: object-position .6s ease;
}

/* 4) 悬停：6s 缓慢滑到图片底部（预览整页模板） */
.section--related .card:hover > picture > img.card-media,
.section--related .card:hover > img.card-media {
  transition: object-position 6s cubic-bezier(.25, .1, .25, 1);
  object-position: 50% 100%;
}

/* 5) 只显示模板名，隐藏空的 SKU 行（与归档页一致） */
.section--related .card .card-meta { display: none; }