:root { --xz-blue:#155ba6; --xz-teal:#168f94; --xz-text:#243b4b; --xz-muted:#647784; --xz-border:#dce7ed; }
* { box-sizing:border-box; letter-spacing:0; } body { margin:0; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; color:var(--xz-text); background:#fff; font-size:15px; line-height:1.8; }
a { color:var(--xz-blue); text-decoration:none; } a:hover { text-decoration:underline; } button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; } :focus-visible { outline:3px solid #20aeb4; outline-offset:3px; }
.xz-header { border-bottom:1px solid var(--xz-border); background:#fff; } .xz-header-inner { max-width:1120px; min-height:88px; margin:auto; padding:10px 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; } .xz-brand { display:flex; align-items:center; gap:12px; color:var(--xz-text); font-weight:700; } .xz-brand img { width:54px; height:62px; object-fit:contain; } .xz-nav { display:flex; gap:24px; align-items:center; flex-wrap:wrap; font-size:14px; }
.xz-main { max-width:1120px; margin:auto; padding:40px 28px 60px; } .xz-crumb { font-size:13px; color:var(--xz-muted); margin-bottom:26px; } h1 { font-size:36px; line-height:1.35; margin:0 0 18px; font-weight:650; } h2 { font-size:25px; line-height:1.45; margin:0 0 18px; } h3 { font-size:18px; margin:0 0 8px; } p { margin:0 0 18px; } .xz-lead { max-width:850px; font-size:18px; color:var(--xz-muted); }
.xz-actions { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 32px; } .xz-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 20px; background:var(--xz-blue); color:#fff; border:1px solid var(--xz-blue); border-radius:5px; font:inherit; cursor:pointer; } .xz-button.secondary { background:#fff; color:var(--xz-blue); } .xz-button:hover { text-decoration:none; background:#104b89; color:#fff; }
.xz-product-media { margin:32px 0 36px; width:100%; background:#f6f9fb; } .xz-product-media img { display:block; width:100%; height:420px; object-fit:contain; } .xz-product-media figcaption { padding:12px 0; background:#fff; color:var(--xz-muted); font-size:12px; }
.xz-section { padding:34px 0; border-top:1px solid var(--xz-border); } .xz-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 40px; } .xz-features p { color:var(--xz-muted); margin:0; } .xz-step-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; list-style:none; counter-reset:steps; } .xz-step-list li { counter-increment:steps; border-top:3px solid var(--xz-teal); padding-top:16px; } .xz-step-list li:before { content:counter(steps,decimal-leading-zero); display:block; font-size:13px; color:var(--xz-teal); margin-bottom:10px; }
.xz-note { padding:16px 20px; border-left:3px solid var(--xz-teal); background:#f1f8f8; color:#486570; font-size:14px; } .xz-footer { border-top:1px solid var(--xz-border); background:#f4f8fa; padding:28px; text-align:center; color:var(--xz-muted); font-size:13px; } .xz-footer p { margin:5px 0; }
.xz-product-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .xz-product-link { padding:18px 0; border-bottom:1px solid var(--xz-border); display:block; } .xz-product-link strong { display:block; font-size:18px; } .xz-product-link span { color:var(--xz-muted); } details { border-bottom:1px solid var(--xz-border); padding:18px 0; } summary { cursor:pointer; font-weight:600; } details p { margin:14px 0 0; color:var(--xz-muted); }
@media(max-width:640px) { .xz-header-inner { padding:10px 18px; gap:12px; } .xz-brand span { display:none; } .xz-nav { gap:12px; font-size:13px; } .xz-main { padding:28px 20px 40px; } h1 { font-size:28px; } h2 { font-size:22px; } .xz-lead { font-size:16px; } .xz-product-media img { height:250px; } .xz-features,.xz-step-list,.xz-product-links { grid-template-columns:1fr; } .xz-actions .xz-button { flex:1; } }

:root{--xz-blue:#1766b1;--xz-teal:#14898b;--xz-text:#233844;--xz-muted:#6b7b86;--xz-border:#e2e9ed}
.xz-header{position:sticky;top:0;z-index:20}.xz-header-inner{max-width:1232px;height:78px;min-height:78px;padding:0 28px}.xz-header .xz-brand{gap:10px;text-decoration:none;font-size:22px;line-height:1.3}.xz-header .detail-brand-mark{width:42px;height:42px;flex:0 0 42px;overflow:hidden;display:block}.xz-header .detail-brand-mark img{width:42px;height:auto;display:block;max-width:none}.detail-brand-text small{font-size:8px;display:block;color:#738895;font-weight:500;margin-top:3px}.xz-nav{gap:14px;font-size:13px}.xz-nav>a{color:#617785;padding:8px 11px;border-radius:5px;white-space:nowrap}.xz-nav>a:hover{background:#f3f7fa;color:var(--xz-blue);text-decoration:none}.xz-nav>a:last-child{border:1px solid #c5dbe8;color:var(--xz-blue)}.xz-main{max-width:1176px;padding:38px 28px 52px}.xz-crumb{font-size:12px;margin-bottom:24px}h1{font-size:34px}h2{font-size:24px}h3{font-size:17px}.xz-lead{font-size:16px;line-height:1.95;max-width:860px}.xz-button{font-size:13px;min-height:42px;border-radius:5px;padding:9px 19px}.xz-actions{gap:12px;margin:25px 0 30px}.xz-product-media{background:#f7fafb;margin:30px 0}.xz-product-media img{height:350px;padding:16px}.xz-product-media figcaption{font-size:11px;color:#8a99a2;line-height:1.8}.xz-section{padding:30px 0}.xz-section p{font-size:14px;line-height:1.95}.xz-features{gap:25px 42px}.xz-features article{padding-left:17px;border-left:2px solid #d5e7e7}.xz-features p{font-size:13px}.xz-step-list li{font-size:14px;border-top-width:2px}.xz-note{font-size:12px;padding:15px 18px;border-left-width:2px;line-height:1.9}.xz-footer{font-size:12px;padding:25px}.xz-product-link strong{font-size:17px}.xz-product-link span{font-size:13px}section,main,[id]{scroll-margin-top:96px}
@media(max-width:700px){.xz-header-inner{height:66px;min-height:66px;padding:0 20px;gap:14px}.xz-header .detail-brand-mark{display:block;width:35px;height:35px;flex-basis:35px}.xz-header .detail-brand-mark img{width:35px}.xz-header .detail-brand-text{display:none}.xz-nav{gap:5px;font-size:12px;flex-wrap:nowrap}.xz-nav>a{padding:7px 7px}.xz-main{padding:28px 20px 40px}h1{font-size:27px}h2{font-size:22px}h3{font-size:16px}.xz-lead{font-size:14px;line-height:1.9}.xz-product-media img{height:230px;padding:10px}.xz-product-media figcaption{font-size:10px}.xz-features,.xz-step-list,.xz-product-links{grid-template-columns:1fr}.xz-section p{font-size:13px}.xz-features{gap:22px}.xz-section{padding:26px 0}.xz-step-list li{font-size:13px}.xz-button{font-size:12px;padding:9px 14px}.xz-note{font-size:11px}.xz-footer{font-size:11px;padding:22px 20px}.xz-crumb{font-size:11px;margin-bottom:22px}}
@media(max-width:359px){.xz-header-inner{padding-inline:16px;gap:9px}.xz-nav{gap:3px;font-size:11px}.xz-nav>a{padding-inline:5px}.xz-main{padding-inline:16px}.xz-header .detail-brand-mark{width:32px;height:32px;flex-basis:32px}.xz-header .detail-brand-mark img{width:32px}}
@media(max-width:700px){html[lang=en] .xz-nav{display:grid;grid-template-columns:repeat(2,auto);column-gap:10px;row-gap:0;font-size:11px}html[lang=en] .xz-nav>a{padding:3px 7px;line-height:1.7}}