/* V10：在 V5/V6 首屏美感基础上增强布局；缩略图下方只保留日期和阅读量；右侧改为多个业务 DIV 分组。纯静态预览，不包含系统标签。 */
:root{
  --v10-ink:#071c38;
  --v10-text:#334155;
  --v10-muted:#64748b;
  --v10-blue:#2563eb;
  --v10-cyan:#06b6d4;
  --v10-orange:#f97316;
  --v10-purple:#7c3aed;
  --v10-green:#10b981;
  --v10-line:#e5ecf7;
  --v10-soft:#f7fbff;
  --v10-shadow:0 30px 90px rgba(15,23,42,.10);
  --v10-shadow-deep:0 44px 120px rgba(37,99,235,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.article-preview-v10{
  margin:0;
  color:var(--v10-text);
  background:
    radial-gradient(circle at 5% 11%,rgba(37,99,235,.15),transparent 28%),
    radial-gradient(circle at 91% 9%,rgba(6,182,212,.13),transparent 26%),
    radial-gradient(circle at 84% 72%,rgba(249,115,22,.13),transparent 30%),
    linear-gradient(180deg,#f7fbff 0%,#f2f7ff 46%,#f8fbff 100%);
  font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
body.article-preview-v10 a{color:inherit}
body.article-preview-v10 .ct-shop-header{position:sticky;top:0;z-index:80;box-shadow:0 12px 42px rgba(15,23,42,.045)}
.article-main-v10{max-width:1188px;margin:0 auto;padding:30px 18px 0;position:relative}
.article-main-v10:before{
  content:"";position:absolute;left:-150px;top:164px;width:300px;height:300px;border-radius:999px;
  background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(6,182,212,.06));filter:blur(8px);pointer-events:none;
}
.article-breadcrumb-v10{display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 18px;color:#64748b;font-size:13px;font-weight:900}
.article-breadcrumb-v10 a{text-decoration:none;color:#2563eb}.article-breadcrumb-v10 i{font-style:normal;color:#cbd5e1}.article-breadcrumb-v10 span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}

/* hero */
.article-hero-v10{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:44px;align-items:center;
  padding:54px 54px 50px;border-radius:46px;border:1px solid rgba(219,234,254,.94);
  background:
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(249,252,255,.92) 52%,rgba(235,253,255,.76)),
    radial-gradient(circle at 9% 8%,rgba(37,99,235,.20),transparent 36%);
  box-shadow:var(--v10-shadow);
}
.article-hero-v10:before{
  content:"";position:absolute;inset:0;z-index:-3;
  background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px);
  background-size:38px 38px;mask-image:linear-gradient(90deg,rgba(0,0,0,.56),transparent 68%);opacity:.62;
}
.article-hero-v10:after{
  content:"";position:absolute;right:-154px;top:-172px;width:468px;height:468px;border-radius:999px;z-index:-2;
  background:radial-gradient(circle,rgba(37,99,235,.19),rgba(6,182,212,.12) 46%,transparent 72%);
}
.hero-orb{position:absolute;border-radius:999px;z-index:-1;pointer-events:none;filter:blur(2px)}
.hero-orb-a{left:42%;bottom:-106px;width:380px;height:186px;background:rgba(249,115,22,.13)}
.hero-orb-b{right:332px;top:38px;width:220px;height:220px;background:rgba(6,182,212,.10)}
.hero-orb-c{left:34px;top:34px;width:92px;height:92px;background:rgba(16,185,129,.09)}
.article-hero-copy-v10{position:relative;z-index:1;min-width:0}
.article-kicker-v10{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 15px;margin-bottom:20px;border-radius:999px;border:1px solid #dbeafe;background:rgba(255,255,255,.84);color:#1d4ed8;font-size:13px;font-weight:950;box-shadow:0 16px 36px rgba(37,99,235,.08)}
.article-kicker-v10 b{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.12)}
.article-hero-copy-v10 h1{margin:0;max-width:790px;color:var(--v10-ink);font-size:54px;line-height:1.06;letter-spacing:-.066em;font-weight:950}
.article-lead-v10{margin:22px 0 0;max-width:770px;color:#475569;font-size:18px;line-height:1.92;font-weight:780}
.article-hero-tags-v10{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.article-hero-tags-v10 span,.article-hero-tags-v10 a,.article-preview-v10 .article-tag-v10,.article-preview-v10 .tag-style-1,.article-preview-v10 .tag-style-2,.article-preview-v10 .tag-style-3{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 15px;border-radius:999px;border:1px solid rgba(191,219,254,.95);background:rgba(255,255,255,.88);color:#1d4ed8;font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(37,99,235,.07);text-decoration:none;line-height:1.2}
.article-hero-tags-v10 span:nth-child(2),.article-hero-tags-v10 a:nth-child(2){color:#0f766e;border-color:#a7f3d0;background:rgba(240,253,250,.9)}
.article-hero-tags-v10 span:nth-child(3),.article-hero-tags-v10 a:nth-child(3){color:#ea580c;border-color:#fed7aa;background:rgba(255,247,237,.9)}
.article-hero-tags-v10 .tag-style-1,.article-preview-v10 .tag-style-1{color:#1d4ed8;border-color:rgba(191,219,254,.95);background:rgba(255,255,255,.88)}
.article-hero-tags-v10 .tag-style-2,.article-preview-v10 .tag-style-2{color:#0f766e;border-color:#a7f3d0;background:rgba(240,253,250,.9)}
.article-hero-tags-v10 .tag-style-3,.article-preview-v10 .tag-style-3{color:#ea580c;border-color:#fed7aa;background:rgba(255,247,237,.9)}
.article-hero-visual-v10{position:relative;z-index:1;display:flex;flex-direction:column;gap:15px;min-width:0;align-self:center}
.visual-wrap-v10{position:relative;padding:8px 4px 0 0}
.visual-backplate-v10{position:absolute;inset:30px -12px -12px 28px;border-radius:36px;background:linear-gradient(135deg,#2563eb,#06b6d4 58%,#f97316);opacity:.16;filter:blur(.2px);transform:rotate(-3.4deg)}
.visual-card-v10{position:relative;overflow:visible;border-radius:36px;background:#fff;border:1px solid #dbeafe;box-shadow:var(--v10-shadow-deep);transform:rotate(.75deg);transition:transform .22s ease,box-shadow .22s ease}
.visual-card-v10:hover{transform:rotate(.2deg) translateY(-2px);box-shadow:0 48px 110px rgba(37,99,235,.23)}
.visual-card-v10 img{display:block;width:100%;height:auto;border-radius:35px}
.visual-chip-v10{position:absolute;display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid #e5ebf5;box-shadow:0 16px 34px rgba(15,23,42,.13);font-size:13px;font-weight:950}
.visual-chip-v10.chip-a{left:-18px;top:28px;color:#2563eb}.visual-chip-v10.chip-b{right:-15px;bottom:31px;color:#ea580c}
.visual-meta-v10{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 20px 0 22px;padding:13px;border-radius:24px;border:1px solid rgba(219,234,254,.94);background:rgba(255,255,255,.96);box-shadow:0 22px 50px rgba(15,23,42,.12);backdrop-filter:blur(16px)}
.visual-meta-v10 div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:58px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e5ecf7}
.visual-meta-v10 small{display:block;margin-bottom:5px;color:#94a3b8;font-size:12px;font-weight:900}
.visual-meta-v10 time,.visual-meta-v10 strong{display:block;color:#071c38;font-size:16px;line-height:1;font-weight:950;letter-spacing:-.02em}

/* main layout */
.article-layout-v10{display:grid;grid-template-columns:minmax(0,792px) 336px;gap:34px;align-items:start;margin-top:34px}
.article-card-v10{overflow:hidden;border-radius:38px;background:#fff;border:1px solid #e5ecf7;box-shadow:0 28px 78px rgba(15,23,42,.08)}
.article-content-v10{padding:46px 50px 52px;color:#334155;font-size:17px;line-height:2.05}
.article-content-v10 p{margin:0 0 18px}.article-content-v10 .intro{color:#1f2f46;font-size:18px;font-weight:760}
.article-content-v10 .intro:first-letter{float:left;margin:.08em .15em 0 0;color:#2563eb;font-size:4.35em;line-height:.82;font-weight:950;letter-spacing:-.08em}
.article-content-v10 h2{position:relative;margin:46px 0 18px;padding-left:19px;color:#071c38;font-size:31px;line-height:1.25;letter-spacing:-.048em;font-weight:950}
.article-content-v10 h2:before{content:"";position:absolute;left:0;top:.22em;width:6px;height:1.12em;border-radius:99px;background:linear-gradient(180deg,#2563eb,#06b6d4)}
.article-content-v10 h3{margin:0 0 11px;color:#071c38;font-size:23px;line-height:1.32;letter-spacing:-.035em}.article-content-v10 strong{color:#071c38}
.article-content-v10 blockquote{position:relative;margin:30px 0;padding:28px 30px 28px 72px;border-radius:30px;border:1px solid #fed7aa;background:linear-gradient(135deg,#fff7ed,#fff 72%);color:#7c2d12;font-size:19px;line-height:1.9;font-weight:900;box-shadow:0 18px 44px rgba(249,115,22,.08)}
.article-content-v10 blockquote:before{content:"“";position:absolute;left:24px;top:18px;color:#f97316;font-size:64px;line-height:1;font-family:Georgia,serif}
.article-figure-v10{margin:33px 0}.article-figure-v10 img{display:block;width:100%;border-radius:30px;border:1px solid #dbeafe;box-shadow:0 22px 54px rgba(15,23,42,.08)}
.article-figure-v10 figcaption{margin-top:12px;text-align:center;color:#94a3b8;font-size:13px;font-weight:850}
.article-checklist-v10{display:grid;gap:13px;margin:24px 0 30px;padding:0;list-style:none}
.article-checklist-v10 li{position:relative;padding:17px 18px 17px 54px;border:1px solid #e5ecf7;border-radius:22px;background:#f8fbff;color:#334155;line-height:1.76;font-weight:800}
.article-checklist-v10 li:before{content:"✓";position:absolute;left:18px;top:19px;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);font-size:13px;font-weight:950}
.article-table-wrap-v10{overflow:hidden;margin:27px 0;border:1px solid #e5ecf7;border-radius:26px;box-shadow:0 16px 40px rgba(15,23,42,.055)}
.article-table-wrap-v10 table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:1.65}.article-table-wrap-v10 th{text-align:left;padding:16px 18px;background:#071c38;color:#fff;font-weight:950}.article-table-wrap-v10 td{padding:16px 18px;border-top:1px solid #e5ecf7;color:#475569;font-weight:800}.article-table-wrap-v10 tr:nth-child(even) td{background:#f8fbff}
.article-cta-v10{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:34px;padding:30px;border-radius:30px;background:linear-gradient(135deg,#071c38,#2563eb 63%,#06b6d4);box-shadow:0 24px 62px rgba(37,99,235,.20);color:#fff}
.article-cta-v10 span{display:block;margin-bottom:9px;color:#bfdbfe;font-size:13px;font-weight:950}.article-cta-v10 h3{margin:0 0 8px;color:#fff}.article-cta-v10 p{margin:0;max-width:520px;color:#dbeafe;font-size:15px;line-height:1.75;font-weight:780}.article-cta-v10 a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:0 22px;border-radius:999px;background:#fff;color:#1d4ed8;text-decoration:none;font-size:15px;font-weight:950;box-shadow:0 15px 34px rgba(15,23,42,.18)}

/* side: multiple div groups */
.article-side-v10{position:sticky;top:112px;align-self:start}
.side-art-v10{position:relative;overflow:hidden;border-radius:38px;border:1px solid rgba(219,234,254,.95);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.90));box-shadow:0 30px 82px rgba(15,23,42,.09);backdrop-filter:blur(18px);padding:24px}
.side-art-v10:before{content:"";position:absolute;right:-96px;top:-110px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.18),rgba(6,182,212,.09) 54%,transparent 72%)}
.side-art-v10:after{content:"";position:absolute;left:-62px;bottom:120px;width:160px;height:160px;border-radius:999px;background:rgba(249,115,22,.10);filter:blur(2px)}
.side-head-v10,.side-feature-v10,.side-split-v10,.side-flow-v10,.side-cloud-v10,.side-cta-v10{position:relative;z-index:1}
.side-head-v10{padding:2px 2px 18px}.side-head-v10 span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:950}.side-head-v10 h3{margin:14px 0 9px;color:#071c38;font-size:23px;line-height:1.2;letter-spacing:-.052em;font-weight:950}.side-head-v10 p{margin:0;color:#64748b;font-size:14px;line-height:1.75;font-weight:820}
.side-feature-v10{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;margin-top:2px;padding:18px;border-radius:28px;background:linear-gradient(135deg,#071c38,#2563eb 64%,#06b6d4);color:#fff;box-shadow:0 24px 54px rgba(37,99,235,.22);transform:rotate(-1.2deg)}
.feature-icon-v10{display:grid;place-items:center;width:54px;height:54px;border-radius:20px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:17px;font-weight:950}.side-feature-v10 strong{display:block;font-size:18px;line-height:1.25;font-weight:950;letter-spacing:-.03em}.side-feature-v10 small{display:block;margin-top:5px;color:#dbeafe;font-size:13px;line-height:1.55;font-weight:760}
.side-split-v10{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;transform:rotate(.6deg)}
.side-mini-v10{min-height:154px;padding:17px 14px;border-radius:26px;background:#fff;border:1px solid #e5ecf7;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.side-mini-v10 i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:16px;color:#fff;font-style:normal;font-size:14px;font-weight:950;box-shadow:0 12px 24px rgba(37,99,235,.18)}
.side-mini-v10 strong{display:block;color:#071c38;font-size:16px;line-height:1.32;letter-spacing:-.03em;font-weight:950}.side-mini-v10 small{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.55;font-weight:820}.mini-lang i{background:linear-gradient(135deg,#0f766e,#06b6d4)}.mini-chat{margin-top:18px}.mini-chat i{background:linear-gradient(135deg,#f97316,#fb7185)}
.side-flow-v10{margin-top:15px;padding:18px;border-radius:28px;background:linear-gradient(135deg,#fff7ed,#ffffff 74%);border:1px solid #fed7aa;box-shadow:0 18px 42px rgba(249,115,22,.08);transform:rotate(-.4deg)}
.flow-title-v10{margin-bottom:13px;color:#9a3412;font-size:14px;font-weight:950}.flow-line-v10{display:grid;gap:10px}.flow-line-v10 div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center}.flow-line-v10 b{display:grid;place-items:center;width:38px;height:30px;border-radius:13px;background:#fff;color:#f97316;border:1px solid #fed7aa;font-size:12px;font-weight:950}.flow-line-v10 span{color:#7c2d12;font-size:13px;font-weight:900;line-height:1.4}
.side-cloud-v10{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;padding:16px;border-radius:27px;background:rgba(255,255,255,.8);border:1px solid #e5ecf7;box-shadow:0 14px 34px rgba(15,23,42,.045)}
.side-cloud-v10 div{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;background:#f8fbff;border:1px solid #e5ecf7;color:#334155;font-size:12px;font-weight:950}.side-cloud-v10 div:nth-child(1){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.side-cloud-v10 div:nth-child(2){color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.side-cloud-v10 div:nth-child(3){color:#ea580c;background:#fff7ed;border-color:#fed7aa}.side-cloud-v10 div:nth-child(4){color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}
.side-cta-v10{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:16px;border-radius:20px;color:#fff!important;text-decoration:none;font-size:15px;font-weight:950;background:linear-gradient(135deg,#071c38,#2563eb 68%,#06b6d4);box-shadow:0 18px 42px rgba(37,99,235,.18)}
.side-feature-v10,.side-mini-v10,.side-flow-v10,.side-cloud-v10,.side-cta-v10{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.side-feature-v10:hover{transform:rotate(-.6deg) translateY(-2px)}.side-mini-v10:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 20px 46px rgba(37,99,235,.12)}.side-flow-v10:hover{transform:rotate(0deg) translateY(-2px)}

/* prev next and related */
.article-prev-next-v10{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1188px;margin:34px auto 0}.article-prev-next-v10 a{display:block;min-height:118px;padding:24px;border-radius:28px;background:#fff;border:1px solid #e5ecf7;text-decoration:none;box-shadow:0 18px 48px rgba(15,23,42,.065);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.article-prev-next-v10 a:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 25px 56px rgba(37,99,235,.12)}.article-prev-next-v10 small{display:block;margin-bottom:10px;color:#94a3b8;font-size:13px;font-weight:950}.article-prev-next-v10 strong{display:block;color:#071c38;font-size:18px;line-height:1.45;letter-spacing:-.03em}.article-prev-next-v10 .next{text-align:right}
.related-v10{max-width:1188px;margin:50px auto 0}.related-head-v10{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.related-head-v10 span{display:inline-flex;margin-bottom:8px;color:#2563eb;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.related-head-v10 h2{margin:0;color:#071c38;font-size:31px;line-height:1.2;letter-spacing:-.045em}.related-head-v10 p{margin:0;max-width:420px;color:#64748b;font-size:14px;line-height:1.75;font-weight:800;text-align:right}.related-grid-v10{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-grid-v10 a{display:block;position:relative;overflow:hidden;padding:22px 22px 24px;min-height:238px;border-radius:30px;background:#fff;border:1px solid #e5ecf7;text-decoration:none;box-shadow:0 18px 48px rgba(15,23,42,.065);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.related-grid-v10 a:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 30px 68px rgba(37,99,235,.13)}.related-grid-v10 a:before{content:"";position:absolute;right:-68px;top:-78px;width:180px;height:180px;border-radius:999px;background:rgba(37,99,235,.08)}.related-grid-v10 a:nth-child(2):before{background:rgba(249,115,22,.10)}.related-grid-v10 a:nth-child(3):before{background:rgba(6,182,212,.10)}.related-grid-v10 i{display:block;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#071c38,#2563eb 65%,#06b6d4);box-shadow:0 14px 30px rgba(37,99,235,.18)}.related-grid-v10 a:nth-child(2) i{background:linear-gradient(135deg,#1d4ed8,#7c3aed 54%,#f97316)}.related-grid-v10 a:nth-child(3) i{background:linear-gradient(135deg,#0f766e,#06b6d4 55%,#2563eb)}.related-grid-v10 span{display:inline-flex;margin:18px 0 10px;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:950}.related-grid-v10 h3{margin:0;color:#071c38;font-size:19px;line-height:1.42;letter-spacing:-.035em}.related-grid-v10 p{margin:10px 0 0;color:#64748b;font-size:14px;line-height:1.75;font-weight:800}
.article-footer-v10{margin-top:58px}.article-footer-v10 .footer-inner{padding-top:0}.article-footer-v10 .footer-bottom{border-top:1px solid rgba(226,232,240,.14)}

@media(max-width:1120px){
  .article-hero-v10{grid-template-columns:1fr;padding:42px}.article-hero-copy-v10 h1{font-size:46px}.article-hero-visual-v10{max-width:560px;width:100%}.article-layout-v10{grid-template-columns:1fr}.article-side-v10{position:relative;top:auto}.side-art-v10{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.side-head-v10{grid-column:1 / -1}.side-feature-v10,.side-split-v10,.side-flow-v10,.side-cloud-v10,.side-cta-v10{margin-top:0}.side-cta-v10{grid-column:1 / -1}.related-grid-v10{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .article-main-v10{padding-top:22px}.article-breadcrumb-v10{font-size:12px}.article-hero-v10{padding:25px;border-radius:30px;gap:28px}.article-hero-copy-v10 h1{font-size:34px;line-height:1.15;letter-spacing:-.052em}.article-lead-v10{font-size:16px;line-height:1.82}.visual-chip-v10{display:none}.visual-meta-v10{margin:0 8px}.article-layout-v10{gap:22px;margin-top:24px}.article-content-v10{padding:29px 22px 34px;font-size:16px;line-height:1.96}.article-content-v10 h2{font-size:25px;margin-top:37px}.article-content-v10 h3{font-size:21px}.article-content-v10 blockquote{padding:24px 22px 24px 56px;font-size:17px;border-radius:24px}.article-content-v10 blockquote:before{left:18px;font-size:50px}.article-table-wrap-v10{overflow:auto}.article-table-wrap-v10 table{min-width:620px}.article-cta-v10{display:block;padding:25px}.article-cta-v10 a{margin-top:18px;width:100%}.side-art-v10{display:block;padding:22px}.side-split-v10{margin-top:14px}.side-flow-v10,.side-cloud-v10,.side-cta-v10{margin-top:15px}.article-prev-next-v10{grid-template-columns:1fr}.article-prev-next-v10 .next{text-align:left}.related-head-v10{display:block}.related-head-v10 p{text-align:left;margin-top:10px}.related-grid-v10{grid-template-columns:1fr}
}
@media(max-width:460px){
  .article-main-v10{padding-left:14px;padding-right:14px}.article-hero-v10{padding:21px}.article-hero-copy-v10 h1{font-size:30px}.article-content-v10{padding:23px 18px 30px}.article-content-v10 .intro:first-letter{font-size:3.8em}.visual-meta-v10{grid-template-columns:1fr}.side-split-v10{grid-template-columns:1fr}.mini-chat{margin-top:0}.article-prev-next-v10,.related-v10{margin-top:34px}.article-prev-next-v10 a{min-height:auto}.related-grid-v10 a{min-height:auto}.article-footer-v10{margin-top:42px}
}

/* 非链接广告语：保留视觉重点，但不作为点击入口 */
.side-cta-v10.side-slogan-v10{cursor:default;pointer-events:none;user-select:none;letter-spacing:.02em}

/* 注册专题文章页：只替换首屏配图，不改变建站系统原版 article-v10 布局 */
body.article-preview-v10 .visual-card-v10 img.zhuce-promo-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:35px;display:block;}
body.article-preview-v10 .side-cta-v10.side-slogan-v10{cursor:default;pointer-events:none;user-select:none;letter-spacing:.02em;}


/* zhuce-final-20260513：当前 home.css 已改为固定公共头部，article/list/page 必须恢复原建站系统页面间距。 */
body.article-preview-v10{padding-top:0!important;}
body.article-preview-v10 .ct-shop-header{position:sticky!important;top:0!important;z-index:90!important;}

/* 注册模板首屏图片：严格按已确认的 home 页面风格，只保留左上“买3年送3年”，右下角标签隐藏。 */
body.article-preview-v10 .visual-card-v10:has(img.zhuce-promo-img){
  height:auto!important;
  min-height:0!important;
  padding:8px!important;
  border-radius:34px!important;
  background:#fff!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 42px 96px rgba(37,99,235,.18)!important;
  transform:rotate(.7deg)!important;
  overflow:visible!important;
}
body.article-preview-v10 .visual-card-v10:has(img.zhuce-promo-img):hover{transform:rotate(.25deg) translateY(-2px)!important;box-shadow:0 48px 110px rgba(37,99,235,.23)!important;}
body.article-preview-v10 .visual-card-v10 img.zhuce-promo-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.55/1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:27px!important;
}
body.article-preview-v10 .visual-card-v10:has(img.zhuce-promo-img) .visual-chip-v10.chip-a{
  left:-24px!important;
  top:-13px!important;
  right:auto!important;
  bottom:auto!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  transform:rotate(-5deg)!important;
  background:linear-gradient(135deg,#fff,#fff7ed)!important;
  border:1px solid rgba(251,146,60,.42)!important;
  color:#ea580c!important;
  box-shadow:0 16px 34px rgba(249,115,22,.16)!important;
  font-size:13px!important;
  font-weight:950!important;
}
body.article-preview-v10 .visual-card-v10:has(img.zhuce-promo-img) .visual-chip-v10.chip-a:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:99px!important;
  background:#fb923c!important;
  margin-right:7px!important;
  box-shadow:0 0 0 5px rgba(251,146,60,.13)!important;
}
body.article-preview-v10 .visual-card-v10:has(img.zhuce-promo-img) .visual-chip-v10.chip-b{display:none!important;}

@media(max-width:760px){
  body.article-preview-v10 .visual-card-v10:has(img.zhuce-promo-img){border-radius:28px!important;padding:8px!important;transform:none!important;}
  body.article-preview-v10 .visual-card-v10 img.zhuce-promo-img{border-radius:22px!important;}
  body.article-preview-v10 .visual-card-v10:has(img.zhuce-promo-img) .visual-chip-v10.chip-a{left:8px!important;top:10px!important;transform:rotate(-5deg)!important;}
}


/* zhuce-center-20260513：右侧价值赋能滚动时更靠上/近似垂直居中，并修复右上角发虚像缺角的问题。 */
body.article-preview-v10 .side-art-v10{
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,251,255,.94))!important;
  border-color:rgba(219,234,254,.98)!important;
  box-shadow:0 30px 82px rgba(15,23,42,.09), inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
body.article-preview-v10 .side-art-v10:before{
  right:-118px!important;
  top:-128px!important;
  opacity:.72!important;
}

/* article-content-rich-20260513：补齐 AI 文章正文常用元素样式。
   只作用于文章正文 .article-content-v10，避免影响首页、列表页和右侧栏。 */
.article-content-v10 > *:first-child{margin-top:0!important}
.article-content-v10 > *:last-child{margin-bottom:0!important}
.article-content-v10 h1,.article-content-v10 h2,.article-content-v10 h3,.article-content-v10 h4,.article-content-v10 h5,.article-content-v10 h6{word-break:break-word}
.article-content-v10 h1{margin:0 0 24px;color:#071c38;font-size:36px;line-height:1.22;letter-spacing:-.052em;font-weight:950}
.article-content-v10 h4{margin:30px 0 13px;color:#0f2747;font-size:20px;line-height:1.38;letter-spacing:-.025em;font-weight:950}
.article-content-v10 h5{margin:24px 0 10px;color:#123456;font-size:17px;line-height:1.45;font-weight:950}
.article-content-v10 h6{margin:22px 0 9px;color:#475569;font-size:15px;line-height:1.5;font-weight:950;text-transform:none}
.article-content-v10 a{color:#1d4ed8;text-decoration:none;border-bottom:1px solid rgba(37,99,235,.22);transition:color .18s ease,border-color .18s ease,background .18s ease}
.article-content-v10 a:hover{color:#0f766e;border-color:rgba(15,118,110,.38);background:linear-gradient(180deg,transparent 64%,rgba(191,219,254,.38) 0)}
.article-content-v10 em{color:#475569}.article-content-v10 b{color:#071c38}.article-content-v10 small{color:#64748b;font-size:.88em}.article-content-v10 mark{padding:.12em .34em;border-radius:.5em;background:#fef3c7;color:#92400e}
.article-content-v10 .lead,.article-content-v10 .summary,.article-content-v10 .article-summary{margin:0 0 24px;padding:20px 22px;border-radius:24px;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#fff 76%);color:#1e3a5f;font-size:18px;line-height:1.9;font-weight:850}
.article-content-v10 ul,.article-content-v10 ol{margin:16px 0 24px;padding:0;display:grid;gap:11px}
.article-content-v10 ul{list-style:none}.article-content-v10 ol{padding-left:0;counter-reset:articleOrder}
.article-content-v10 li{position:relative;margin:0;color:#334155;line-height:1.86;font-weight:760}
.article-content-v10 ul>li{padding-left:31px}.article-content-v10 ul>li:before{content:"";position:absolute;left:4px;top:.76em;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 0 0 6px rgba(37,99,235,.09)}
.article-content-v10 ol>li{counter-increment:articleOrder;padding-left:43px}
.article-content-v10 ol>li:before{content:counter(articleOrder);position:absolute;left:0;top:.38em;display:grid;place-items:center;width:28px;height:28px;border-radius:11px;background:linear-gradient(135deg,#071c38,#2563eb);color:#fff;font-size:13px;line-height:1;font-weight:950;box-shadow:0 10px 24px rgba(37,99,235,.15)}
.article-content-v10 li>ul,.article-content-v10 li>ol{margin:10px 0 4px;gap:8px}
.article-content-v10 li>ul>li:before{background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.14)}
.article-content-v10 .article-checklist-v10,.article-content-v10 .checklist,.article-content-v10 ul.checklist{display:grid;gap:12px;margin:22px 0 26px;padding:0;list-style:none}
.article-content-v10 .checklist li,.article-content-v10 ul.checklist li{position:relative;padding:16px 18px 16px 54px;border:1px solid #e5ecf7;border-radius:22px;background:#f8fbff;color:#334155;line-height:1.76;font-weight:820}
.article-content-v10 .checklist li:before,.article-content-v10 ul.checklist li:before{content:"✓";position:absolute;left:18px;top:17px;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);font-size:13px;font-weight:950;box-shadow:none}
.article-content-v10 :where(table){width:100%;margin:26px 0;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5ecf7;border-radius:24px;overflow:hidden;box-shadow:0 18px 46px rgba(15,23,42,.065);font-size:15px;line-height:1.72}
.article-content-v10 :where(table) caption{padding:0 0 12px;color:#64748b;font-size:14px;font-weight:900;text-align:left}
.article-content-v10 :where(table) th{padding:15px 17px;background:linear-gradient(135deg,#071c38,#123456);color:#fff;text-align:left;font-weight:950;border-right:1px solid rgba(255,255,255,.13);white-space:nowrap}
.article-content-v10 :where(table) th:last-child{border-right:0}
.article-content-v10 :where(table) td{padding:15px 17px;border-top:1px solid #e5ecf7;border-right:1px solid #eef2f7;color:#475569;font-weight:780;vertical-align:top}
.article-content-v10 :where(table) td:last-child{border-right:0}.article-content-v10 :where(table) tr:nth-child(even) td{background:#f8fbff}.article-content-v10 :where(table) tr:hover td{background:#eff6ff}
.article-content-v10 .article-table-wrap-v10 table{margin:0;border:0;border-radius:0;box-shadow:none}.article-content-v10 .article-table-wrap-v10 table caption{padding:12px 18px;text-align:left}
.article-content-v10 .table-wrap,.article-content-v10 .responsive-table,.article-content-v10 .table-responsive{overflow:auto;margin:26px 0;border-radius:24px;border:1px solid #e5ecf7;box-shadow:0 18px 46px rgba(15,23,42,.065);background:#fff}
.article-content-v10 .table-wrap table,.article-content-v10 .responsive-table table,.article-content-v10 .table-responsive table{margin:0;border:0;border-radius:0;box-shadow:none}
.article-content-v10 .callout,.article-content-v10 .note,.article-content-v10 .tips,.article-content-v10 .tip,.article-content-v10 .notice,.article-content-v10 .info,.article-content-v10 .warning,.article-content-v10 .alert{position:relative;margin:24px 0;padding:20px 22px 20px 56px;border-radius:24px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff 78%);color:#1e3a5f;line-height:1.85;font-weight:820;box-shadow:0 16px 40px rgba(37,99,235,.07)}
.article-content-v10 .callout:before,.article-content-v10 .note:before,.article-content-v10 .tips:before,.article-content-v10 .tip:before,.article-content-v10 .notice:before,.article-content-v10 .info:before,.article-content-v10 .warning:before,.article-content-v10 .alert:before{content:"i";position:absolute;left:20px;top:21px;display:grid;place-items:center;width:25px;height:25px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:14px;font-weight:950;font-style:normal;line-height:1}
.article-content-v10 .callout.warn,.article-content-v10 .callout.warning,.article-content-v10 .warn,.article-content-v10 .warning,.article-content-v10 .alert{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff 78%);color:#7c2d12;box-shadow:0 16px 40px rgba(249,115,22,.08)}
.article-content-v10 .callout.warn:before,.article-content-v10 .callout.warning:before,.article-content-v10 .warn:before,.article-content-v10 .warning:before,.article-content-v10 .alert:before{content:"!";background:linear-gradient(135deg,#f97316,#fb7185)}
.article-content-v10 .callout.success,.article-content-v10 .success{border-color:#a7f3d0;background:linear-gradient(135deg,#ecfdf5,#fff 78%);color:#065f46;box-shadow:0 16px 40px rgba(16,185,129,.08)}
.article-content-v10 .callout.success:before,.article-content-v10 .success:before{content:"✓";background:linear-gradient(135deg,#059669,#10b981)}
.article-content-v10 .callout.danger,.article-content-v10 .callout.error,.article-content-v10 .danger,.article-content-v10 .error{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fff 78%);color:#991b1b;box-shadow:0 16px 40px rgba(239,68,68,.08)}
.article-content-v10 .callout.danger:before,.article-content-v10 .callout.error:before,.article-content-v10 .danger:before,.article-content-v10 .error:before{content:"!";background:linear-gradient(135deg,#dc2626,#f97316)}
.article-content-v10 .callout.tip,.article-content-v10 .tip,.article-content-v10 .tips{border-color:#99f6e4;background:linear-gradient(135deg,#f0fdfa,#fff 78%);color:#0f766e;box-shadow:0 16px 40px rgba(6,182,212,.075)}
.article-content-v10 .callout.tip:before,.article-content-v10 .tip:before,.article-content-v10 .tips:before{content:"★";background:linear-gradient(135deg,#0f766e,#06b6d4);font-size:12px}
.article-content-v10 code{padding:.16em .42em;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.9em;font-weight:780}
.article-content-v10 pre{overflow:auto;margin:25px 0;padding:20px;border-radius:24px;background:#071c38;color:#e5efff;border:1px solid rgba(191,219,254,.28);box-shadow:0 18px 48px rgba(7,28,56,.18);line-height:1.78;font-size:14px}
.article-content-v10 pre code{display:block;padding:0;border:0;background:transparent;color:inherit;font-weight:700;white-space:pre}
.article-content-v10 kbd{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 .5em;border-radius:7px;background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 0 #cbd5e1;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.86em;font-weight:900}
.article-content-v10 img{max-width:100%;height:auto}.article-content-v10 > img,.article-content-v10 p>img,.article-content-v10 figure img{display:block;margin:26px auto;border-radius:24px;border:1px solid #dbeafe;box-shadow:0 22px 54px rgba(15,23,42,.08)}
.article-content-v10 figure{margin:30px 0}.article-content-v10 figure img{margin:0 auto}.article-content-v10 figcaption,.article-content-v10 .caption,.article-content-v10 .img-caption{margin:11px 0 0;color:#94a3b8;text-align:center;font-size:13px;line-height:1.7;font-weight:850}
.article-content-v10 iframe,.article-content-v10 video{display:block;max-width:100%;margin:28px auto;border-radius:24px;border:1px solid #dbeafe;box-shadow:0 22px 54px rgba(15,23,42,.08);background:#0f172a}
.article-content-v10 .video-wrap,.article-content-v10 .media-wrap{position:relative;overflow:hidden;margin:28px 0;border-radius:24px;background:#0f172a;box-shadow:0 22px 54px rgba(15,23,42,.08)}
.article-content-v10 .video-wrap:before,.article-content-v10 .media-wrap:before{content:"";display:block;padding-top:56.25%}.article-content-v10 .video-wrap iframe,.article-content-v10 .video-wrap video,.article-content-v10 .media-wrap iframe,.article-content-v10 .media-wrap video{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none}
.article-content-v10 hr{height:1px;border:0;margin:36px 0;background:linear-gradient(90deg,transparent,#dbeafe 14%,#bfdbfe 50%,#dbeafe 86%,transparent)}
.article-content-v10 dl{margin:22px 0;padding:22px;border-radius:24px;background:#f8fbff;border:1px solid #e5ecf7}.article-content-v10 dt{margin:0 0 8px;color:#071c38;font-weight:950}.article-content-v10 dd{margin:0 0 16px;color:#475569;line-height:1.8}.article-content-v10 dd:last-child{margin-bottom:0}
.article-content-v10 .toc,.article-content-v10 .article-toc{margin:24px 0;padding:22px;border-radius:26px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 16px 38px rgba(15,23,42,.05)}
.article-content-v10 .toc-title,.article-content-v10 .article-toc-title{margin:0 0 12px;color:#071c38;font-size:17px;font-weight:950}.article-content-v10 .toc ul,.article-content-v10 .article-toc ul{margin:0;gap:8px}.article-content-v10 .toc li,.article-content-v10 .article-toc li{padding-left:26px;font-weight:850}
.article-content-v10 .steps,.article-content-v10 .process,.article-content-v10 .timeline{display:grid;gap:14px;margin:24px 0;padding:0;list-style:none;counter-reset:articleSteps}
.article-content-v10 .steps li,.article-content-v10 .process li,.article-content-v10 .timeline li{counter-increment:articleSteps;position:relative;padding:18px 20px 18px 62px;border-radius:24px;border:1px solid #e5ecf7;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.045);font-weight:820}
.article-content-v10 .steps li:before,.article-content-v10 .process li:before,.article-content-v10 .timeline li:before{content:counter(articleSteps);position:absolute;left:18px;top:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(37,99,235,.15)}
.article-content-v10 .card,.article-content-v10 .box,.article-content-v10 .panel,.article-content-v10 .section-card{margin:24px 0;padding:22px;border-radius:26px;border:1px solid #e5ecf7;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.055)}
.article-content-v10 .grid,.article-content-v10 .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.article-content-v10 .grid>* ,.article-content-v10 .cards>*{margin:0}
.article-content-v10 .badge,.article-content-v10 .tag,.article-content-v10 .label{display:inline-flex;align-items:center;min-height:28px;margin:0 6px 6px 0;padding:0 10px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:950;line-height:1}
.article-content-v10 .price,.article-content-v10 .amount{color:#ea580c;font-weight:950}.article-content-v10 .muted{color:#64748b}.article-content-v10 .center{text-align:center}.article-content-v10 .right{text-align:right}
@media(max-width:760px){
  .article-content-v10 h1{font-size:30px}.article-content-v10 h4{font-size:18px}.article-content-v10 .lead,.article-content-v10 .summary,.article-content-v10 .article-summary{font-size:16px;padding:18px}
  .article-content-v10 :where(table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:20px}.article-content-v10 :where(table) th,.article-content-v10 :where(table) td{padding:13px 14px}
  .article-content-v10 .callout,.article-content-v10 .note,.article-content-v10 .tips,.article-content-v10 .tip,.article-content-v10 .notice,.article-content-v10 .info,.article-content-v10 .warning,.article-content-v10 .alert{padding:18px 18px 18px 52px;border-radius:20px}
  .article-content-v10 .callout:before,.article-content-v10 .note:before,.article-content-v10 .tips:before,.article-content-v10 .tip:before,.article-content-v10 .notice:before,.article-content-v10 .info:before,.article-content-v10 .warning:before,.article-content-v10 .alert:before{left:18px;top:20px}
  .article-content-v10 pre{border-radius:20px;padding:16px}.article-content-v10 .grid,.article-content-v10 .cards{grid-template-columns:1fr}
}
@media(max-width:460px){
  .article-content-v10 ul>li{padding-left:27px}.article-content-v10 ol>li{padding-left:38px}.article-content-v10 ol>li:before{width:26px;height:26px}.article-content-v10 .steps li,.article-content-v10 .process li,.article-content-v10 .timeline li{padding-left:56px}
}
