:root{--blue:#1a6dff;--blue-d:#0b4fd8;--navy:#0a1733;--navy-2:#11214a;--ink:#1d2433;--muted:#5d6779;--line:#e6eaf2;--bg:#f5f7fb;--orange:#ff7a1a;--max:1240px;--r:8px;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
html[lang="en"] body{font-family:"Inter","Helvetica Neue",Arial,"PingFang SC",sans-serif}
html[lang="en"] .zh{display:none!important}
html:not([lang="en"]) .en{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.ico{width:24px;height:24px;flex:none}
/* topbar */
.topbar{background:var(--navy);color:#b7c3dc;font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;gap:16px}
.topbar .note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .note b{color:#fff;font-weight:500;margin-right:6px;background:var(--orange);padding:1px 6px;border-radius:3px;font-size:11px}
.topbar nav{display:flex;gap:18px;align-items:center;white-space:nowrap}
.topbar nav a:hover{color:#fff}
.lang-switch{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:1px 8px;color:#8fa0c2}
.lang-switch button{padding:0 3px;color:#8fa0c2;font-size:12.5px}
.lang-switch button.on{color:#fff;font-weight:600}
/* header */
.site-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .2s}
.site-head.scrolled{box-shadow:0 4px 18px rgba(16,32,72,.08)}
.site-head .wrap{display:flex;align-items:center;height:68px;gap:36px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo svg{width:38px;height:38px}
.logo .nm{display:flex;flex-direction:column;line-height:1.15}
.logo .nm b{font-size:19px;letter-spacing:.04em;color:var(--navy)}
.logo .nm small{font-size:10.5px;color:var(--muted);letter-spacing:.02em}
.mainnav{display:flex;align-items:stretch;height:100%;gap:4px;flex:1}
.mainnav>.item{position:static;display:flex;align-items:center}
.mainnav>.item>a{padding:0 14px;height:100%;display:flex;align-items:center;font-size:15px;color:var(--ink);border-bottom:2px solid transparent;white-space:nowrap}
.mainnav>.item:hover>a,.mainnav>.item>a.on{color:var(--blue);border-bottom-color:var(--blue)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 30px rgba(16,32,72,.1);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.mainnav>.item:hover .mega{opacity:1;visibility:visible;transform:none}
.mega .wrap{display:grid;grid-template-columns:240px 1fr;gap:0;height:auto;padding-top:0;padding-bottom:0}
.mega aside{background:var(--bg);padding:28px 24px}
.mega aside h4{font-size:17px;margin-bottom:8px}
.mega aside p{color:var(--muted);font-size:13px}
.mega .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 32px}
.mega .cols h5{font-size:13px;color:var(--muted);font-weight:500;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:10px}
.mega .cols a{display:block;font-size:14px;padding:5px 0}
.mega .cols a:hover{color:var(--blue)}
.mega .cols a em{font-style:normal;font-size:10px;color:#fff;background:var(--orange);border-radius:3px;padding:0 4px;margin-left:6px;vertical-align:2px}
.head-cta{display:flex;gap:10px;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 20px;border-radius:4px;font-size:14px;font-weight:500;transition:.15s;white-space:nowrap}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-d)}
.btn-line{border:1px solid var(--blue);color:var(--blue)}.btn-line:hover{background:#eef4ff}
.btn-white{background:#fff;color:var(--blue)}
.btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-lg{height:46px;padding:0 30px;font-size:15px}
.menu-btn{display:none;width:40px;height:40px;margin-left:auto}
.menu-btn span{display:block;width:22px;height:2px;background:var(--ink);margin:5px auto;transition:.2s}
/* hero */
.hero{position:relative;background:radial-gradient(1200px 500px at 75% 30%,#1e4fd1 0,transparent 60%),linear-gradient(120deg,#07112a 0%,#0c1f52 55%,#0a2a7a 100%);color:#fff;overflow:hidden}
.hero svg.net{position:absolute;right:-60px;top:0;height:100%;opacity:.55}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:460px;padding-top:56px;padding-bottom:110px}
.hero .tag{display:inline-block;font-size:13px;color:#9ec1ff;border:1px solid rgba(158,193,255,.4);border-radius:20px;padding:3px 14px;margin-bottom:18px}
.hero h1{font-size:44px;line-height:1.25;font-weight:700;letter-spacing:.02em}
html[lang="en"] .hero h1{font-size:40px;letter-spacing:0}
.hero h1 i{font-style:normal;background:linear-gradient(90deg,#5ee1ff,#7aa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{color:#b9c7e6;font-size:17px;margin:18px 0 30px;max-width:560px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);border-radius:12px;padding:22px;justify-self:end;width:100%;max-width:400px}
.hero-card h3{font-size:15px;font-weight:500;color:#cfe0ff;margin-bottom:14px;display:flex;justify-content:space-between}
.hero-card h3 span.live{font-size:12px;color:#5ef0a8}
.hero-card .row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14px}
.hero-card .row b{font-weight:500}
.hero-card .row small{color:#8ea3cc}
.bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;width:110px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#3ad1ff,#4f7dff)}
/* quick entries overlapping hero */
.quick{position:relative;margin-top:-64px;z-index:2}
.quick .grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(16,32,72,.12);overflow:hidden}
.quick a{display:flex;gap:14px;padding:24px 22px;border-right:1px solid var(--line);transition:.15s}
.quick a:last-child{border-right:0}
.quick a:hover{background:#f6f9ff}
.quick a .ico{width:34px;height:34px;color:var(--blue)}
.quick b{display:block;font-size:16px}
.quick small{color:var(--muted);font-size:13px}
/* sections */
.sec{padding:76px 0}
.sec.gray{background:var(--bg)}
.sec-head{text-align:center;margin-bottom:40px}
.sec-head h2{font-size:30px;font-weight:600;letter-spacing:.02em}
html[lang="en"] .sec-head h2{letter-spacing:0}
.sec-head p{color:var(--muted);margin-top:8px}
.tabs{display:flex;justify-content:center;gap:6px;margin-bottom:28px;flex-wrap:wrap}
.tabs button{padding:8px 22px;border-radius:20px;font-size:15px;color:var(--muted)}
.tabs button.on{background:var(--blue);color:#fff}
[data-pane]{display:none}[data-pane].on{display:block}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.2s;display:flex;flex-direction:column}
.card:hover{border-color:#bcd2ff;box-shadow:0 10px 28px rgba(26,109,255,.1);transform:translateY(-3px)}
.card .ico{width:32px;height:32px;color:var(--blue);margin-bottom:12px}
.card h3{font-size:17px;margin-bottom:6px}
.card p{color:var(--muted);font-size:13.5px;flex:1}
.card ul{list-style:none;margin:12px 0;font-size:13px;color:var(--muted)}
.card li{padding-left:16px;position:relative;margin:3px 0}
.card li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px}
.card .foot .q{color:var(--orange);font-weight:600}
.card .foot a{color:var(--blue)}
.badge{display:inline-block;font-size:11px;padding:0 6px;border-radius:3px;margin-left:6px;vertical-align:2px;background:#fff1e6;color:var(--orange);font-weight:500}
/* stats band */
.stats{background:linear-gradient(120deg,#0a1733,#13307a);color:#fff;padding:54px 0}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stats b{display:block;font-size:38px;font-weight:700;background:linear-gradient(90deg,#fff,#9fd3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{color:#a9b9da;font-size:14px}
/* advantages */
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.adv .it{display:flex;gap:16px;padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.adv .it .ico{width:44px;height:44px;padding:10px;border-radius:10px;background:#eef4ff;color:var(--blue)}
.adv h3{font-size:16px;margin-bottom:4px}.adv p{color:var(--muted);font-size:13.5px}
/* industry */
.ind{display:grid;grid-template-columns:1.1fr 1fr;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.ind .pic{background:linear-gradient(135deg,#0d2a6e,#1a6dff);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;position:relative;overflow:hidden}
.ind .pic svg.bg{position:absolute;right:-30px;top:-30px;width:300px;height:300px;opacity:.18;color:#fff}
.ind .pic h3{font-size:24px;margin-bottom:8px}.ind .pic p{color:#cbd9ff}
.ind .txt{padding:36px 40px}
.ind .txt h4{font-size:15px;margin:0 0 8px;color:var(--muted);font-weight:500}
.ind .txt ul{list-style:none;margin-bottom:22px}
.ind .txt li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:14.5px}
.ind .txt li .ico{width:18px;height:18px;color:#16b26a;margin-top:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chips span{font-size:12.5px;padding:3px 10px;border-radius:3px;background:#eef4ff;color:var(--blue)}
/* news */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news .col{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.news h3{font-size:17px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.news h3 a{font-size:13px;color:var(--muted);font-weight:400}
.news li{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14px}
.news li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news li a:hover{color:var(--blue)}
.news li small{color:#9aa3b2;flex:none}
/* cta band */
.cta-band{background:linear-gradient(90deg,#1a6dff,#3a8bff 60%,#36c3ff);color:#fff;padding:46px 0}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-band h2{font-size:26px;font-weight:600}
.cta-band p{color:#dce9ff;margin-top:4px}
/* page banner */
.pbanner{background:linear-gradient(120deg,#07112a,#0d2a6e 60%,#1a4fd0);color:#fff;padding:64px 0 60px;position:relative;overflow:hidden}
.pbanner svg.net{position:absolute;right:0;top:0;height:100%;opacity:.4}
.pbanner .crumb{font-size:13px;color:#9fb3dc;margin-bottom:12px}
.pbanner h1{font-size:36px;font-weight:700}
.pbanner p{color:#c1d0ee;margin-top:10px;max-width:640px;font-size:16px}
.subnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:68px;z-index:20}
.subnav .wrap{display:flex;gap:28px;overflow-x:auto}
.subnav a{padding:14px 0;font-size:14.5px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}
.subnav a:hover{color:var(--blue);border-color:var(--blue)}
.group-title{display:flex;align-items:center;gap:10px;font-size:22px;margin:0 0 20px;scroll-margin-top:140px}
.group-title:before{content:"";width:4px;height:20px;background:var(--blue);border-radius:2px}
.group{margin-bottom:52px}
/* two-col text */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split h2{font-size:28px;margin-bottom:14px}
.split p{color:var(--muted);margin-bottom:12px}
.panel{background:var(--bg);border-radius:12px;padding:32px}
.timeline{list-style:none;border-left:2px solid #d5e2ff;padding-left:22px}
.timeline li{position:relative;margin-bottom:20px}
.timeline li:before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--blue)}
.timeline b{color:var(--blue)}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.values .v{text-align:center;padding:30px 18px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.values .v .ico{width:40px;height:40px;color:var(--blue);margin:0 auto 12px}
.values h3{font-size:17px;margin-bottom:6px}.values p{color:var(--muted);font-size:13.5px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.steps .s{padding:26px 22px;position:relative;background:#fff;border:1px solid var(--line);margin-left:-1px}
.steps .s:before{counter-increment:s;content:"0" counter(s);font-size:30px;font-weight:700;color:#dbe6ff;display:block;line-height:1;margin-bottom:10px}
.steps h3{font-size:16px;margin-bottom:6px}.steps p{color:var(--muted);font-size:13.5px}
/* contact */
.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:40px}
.cinfo .it{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.cinfo .ico{color:var(--blue);margin-top:2px}
.cinfo small{display:block;color:var(--muted);font-size:13px}
form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
form input,form select,form textarea{width:100%;border:1px solid #d6dce8;border-radius:4px;padding:10px 12px;font:inherit;font-size:14px;background:#fff}
form input:focus,form select:focus,form textarea:focus{outline:2px solid #bcd2ff;border-color:var(--blue)}
form .f{margin-bottom:14px}
.form-status{display:none;margin-top:12px;padding:10px 14px;border-radius:4px;background:#e9f9f0;color:#147a46;font-size:14px}
.form-status.show{display:block}
/* footer */
.foot-adv{background:#fff;border-top:1px solid var(--line)}
.foot-adv .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.foot-adv .it{display:flex;align-items:center;gap:12px;justify-content:center;padding:26px 0;font-size:15px}
.foot-adv .ico{color:var(--blue);width:30px;height:30px}
.site-foot{background:#0b1426;color:#8d99b3;font-size:13.5px}
.site-foot .top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px;padding:52px 0 40px}
.site-foot h4{color:#fff;font-size:15px;font-weight:500;margin-bottom:14px}
.site-foot a{display:block;padding:3px 0}.site-foot a:hover{color:#fff}
.site-foot .hot{font-size:22px;color:#fff;font-weight:600;margin:6px 0 2px}
.site-foot .bottom{border-top:1px solid #1d2840;padding:18px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px}
.float-kf{position:fixed;right:18px;bottom:24px;z-index:40;display:flex;flex-direction:column;gap:8px}
.float-kf a{width:54px;height:54px;border-radius:10px;background:#fff;box-shadow:0 6px 20px rgba(16,32,72,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}
.float-kf a .ico{width:22px;height:22px;color:var(--blue)}
.float-kf a.main{background:var(--blue);color:#fff}.float-kf a.main .ico{color:#fff}
/* 404 */
.nf{text-align:center;padding:110px 0}
.nf b{font-size:96px;color:#dbe6ff;line-height:1}
/* responsive */
@media(max-width:1100px){.mainnav>.item>a{padding:0 9px;font-size:14px}.site-head .wrap{gap:18px}.head-cta .btn-line{display:none}}
@media(max-width:960px){
 .topbar .note{display:none}.topbar .wrap{justify-content:flex-end}
 .menu-btn{display:block}.head-cta{display:none}
 .mainnav{position:fixed;inset:68px 0 0 0;background:#fff;flex-direction:column;height:auto;padding:12px 24px 40px;overflow:auto;transform:translateX(100%);transition:.25s;gap:0}
 .nav-open .mainnav{transform:none}
 .nav-open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .menu-btn span:nth-child(2){opacity:0}.nav-open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mainnav>.item{display:block}.mainnav>.item>a{height:auto;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
 .mega{display:none}
 .hero .wrap{grid-template-columns:1fr;padding-top:44px}.hero-card{display:none}.hero h1{font-size:32px}html[lang="en"] .hero h1{font-size:30px}
 .quick .grid{grid-template-columns:1fr 1fr}.quick a:nth-child(2){border-right:0}.quick a{border-bottom:1px solid var(--line)}
 .cards{grid-template-columns:1fr 1fr}.adv,.news{grid-template-columns:1fr}.values,.steps{grid-template-columns:1fr 1fr}
 .ind,.split,.contact{grid-template-columns:1fr}.split{gap:28px}
 .stats .grid{grid-template-columns:1fr 1fr;row-gap:24px}
 .site-foot .top{grid-template-columns:1fr 1fr}.foot-adv .wrap{grid-template-columns:1fr 1fr}
 .subnav{top:68px}
}
@media(max-width:560px){
 .wrap{padding:0 16px}.cards,.values,.steps,.quick .grid,form .grid2{grid-template-columns:1fr}.quick a{border-right:0}
 .sec{padding:54px 0}.sec-head h2{font-size:24px}.pbanner h1{font-size:28px}
 .logo .nm small{display:none}.float-kf{display:none}
 .ind .txt,.ind .pic{padding:26px}
}

/* ---- shared sub-page layout ---- */
.crumb-line{font-size:13px;color:var(--sub-muted,#8b93a1);margin-bottom:12px}
.crumb-line a:hover{color:#fff;text-decoration:underline}
.crumb-line span{margin:0 4px;opacity:.7}
.crumb-line b{font-weight:400;color:#fff}
.sub-wrap{padding:56px 0 80px;background:var(--sub-bg,#f6f7f9)}
.sub-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.sub-grid>*{min-width:0}
.sub-side{background:#fff;border:1px solid var(--line);position:sticky;top:100px}
.sub-side-head{background:var(--accent);color:#fff;padding:22px 24px}
.sub-side-head b{display:block;font-size:19px;letter-spacing:.04em}
.sub-side-head small{display:block;font-size:11.5px;opacity:.75;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}
.sub-side nav a{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);font-size:14.5px;color:#3a4250;transition:.15s}
.sub-side nav a .ico.sm{width:14px;height:14px;opacity:0;transition:.15s}
.sub-side nav a:hover{color:var(--accent);background:var(--sub-hover,#f4f7fb)}
.sub-side nav a:hover .ico.sm{opacity:1}
.sub-side nav a.on{color:var(--accent);font-weight:600;background:var(--sub-hover,#f4f7fb);box-shadow:inset 3px 0 0 var(--accent-2)}
.sub-side nav a.on .ico.sm{opacity:1}
.side-box{padding:20px 24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.side-box b{display:block;font-size:20px;color:var(--accent);margin:2px 0 8px}
.sub-main{background:#fff;border:1px solid var(--line);padding:40px 44px;min-width:0}
.sub-main>section{margin-bottom:44px}
.sub-main>section:last-child{margin-bottom:0}
.sub-h2{font-size:22px;color:var(--accent);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line);position:relative}
.sub-h2:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;background:var(--accent-2)}
.sub-main p{color:#4a5260;margin-bottom:12px;line-height:1.85}
.lead-p{font-size:16px;color:#2f3744!important}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fgrid.two{grid-template-columns:repeat(2,1fr)}
.fgrid.four{grid-template-columns:repeat(4,1fr)}
.fcard{border:1px solid var(--line);padding:22px;background:#fff;transition:.2s}
.fcard:hover{border-color:var(--accent-2);box-shadow:0 10px 24px rgba(20,40,80,.07)}
.fcard .ico{width:30px;height:30px;color:var(--accent-2);margin-bottom:10px}
.fcard h3{font-size:16px;margin-bottom:6px;color:#1f2633}
.fcard p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.7}
.fcard .more{display:inline-block;margin-top:10px;font-size:13px;color:var(--accent-2)}
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.checks.one{grid-template-columns:1fr}
.checks li{display:flex;gap:10px;font-size:14.5px;color:#3a4250}
.checks li .ico{width:18px;height:18px;color:var(--accent-2);margin-top:4px;flex:none}
.flow{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:fl;gap:0}
.flow div{position:relative;padding:20px 18px;border:1px solid var(--line);margin-left:-1px;background:#fff}
.flow div:before{counter-increment:fl;content:"0" counter(fl);display:block;font-size:26px;font-weight:700;color:var(--flow-num,#d9e2f2);line-height:1;margin-bottom:8px}
.flow b{display:block;font-size:15px;color:#1f2633}
.flow span{font-size:13px;color:var(--muted)}
.faq-item{border:1px solid var(--line);margin-bottom:10px}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:15px 18px;font-size:15px;font-weight:500;color:#1f2633}
.faq-q span{font-size:20px;color:var(--accent-2);transition:.2s;flex:none}
.faq-a{display:none;padding:0 18px 16px;font-size:14px;color:var(--muted);line-height:1.8}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.spec{width:100%;border-collapse:collapse;font-size:14px}
.spec th,.spec td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.spec th{background:var(--sub-hover,#f4f7fb);color:#1f2633;font-weight:600;white-space:nowrap}
.alist{list-style:none}
.alist li{border-bottom:1px solid var(--line)}
.alist a{display:flex;justify-content:space-between;gap:18px;padding:16px 0;align-items:baseline}
.alist a:hover h3{color:var(--accent-2)}
.alist h3{font-size:16px;font-weight:500;color:#1f2633;transition:.15s}
.alist p{font-size:13px;color:var(--muted);margin:4px 0 0!important}
.alist time{font-size:13px;color:#9aa1ad;white-space:nowrap;flex:none}
.article h1{font-size:26px;color:#1f2633;line-height:1.45;margin-bottom:10px}
.article .meta{font-size:13px;color:#9aa1ad;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap}
.article p{font-size:15.5px;line-height:1.95}
.article h3{font-size:17px;margin:22px 0 10px;color:#1f2633}
.article ul{margin:0 0 14px 20px;color:#4a5260}
.article ul.checks{margin-left:0}
.article li{margin:6px 0}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
.pager a{color:var(--accent-2);max-width:48%}
.sample-note{font-size:13px;color:#8a6a2f;background:#fbf4e6;border:1px dashed #e2c98f;padding:10px 14px;margin-bottom:22px}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--cta-bg,#0d2b55);color:#fff;padding:28px 32px}
.cta-box h3{font-size:19px;color:#fff}
.cta-box p{color:rgba(255,255,255,.75)!important;margin:4px 0 0!important;font-size:14px}
.tagrow{display:flex;gap:8px;flex-wrap:wrap}
.tagrow a,.tagrow span{font-size:13px;padding:4px 12px;border:1px solid var(--line);color:#3a4250}
.tagrow a:hover{border-color:var(--accent-2);color:var(--accent-2)}
.sitemap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sitemap h3{font-size:16px;color:var(--accent);margin-bottom:8px}
.sitemap a{display:block;font-size:14px;color:#4a5260;padding:3px 0}
.sitemap a:hover{color:var(--accent-2)}
@media(max-width:980px){
 .sub-grid{grid-template-columns:minmax(0,1fr)}.sub-side{position:static}
 .sub-side nav{display:flex;overflow-x:auto}.sub-side nav a{border-bottom:0;border-right:1px solid var(--line);white-space:nowrap;padding:12px 18px}.sub-side nav a .ico.sm{display:none}
 .sub-side nav a.on{box-shadow:inset 0 -3px 0 var(--accent-2)}
 .side-box{display:none}
 .fgrid,.fgrid.four{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.sitemap{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .sub-wrap{padding:24px 0 50px}.sub-main{padding:24px 18px}
 .fgrid,.fgrid.two,.fgrid.four,.checks,.flow,.sitemap{grid-template-columns:1fr}
 .article h1{font-size:21px}.cta-box{padding:22px}
 .spec th{white-space:normal}
}

:root{--accent:#0b4fd8;--accent-2:#1a6dff;--cta-bg:linear-gradient(90deg,#0b4fd8,#1a6dff);--sub-bg:#f5f7fb;--sub-hover:#f2f6ff;--flow-num:#d8e4ff}
.lang-switch a{padding:0 3px;color:#8fa0c2;font-size:12.5px}.lang-switch a.on{color:#fff;font-weight:600}
.pbanner .crumb-line{color:#9fb3dc}.pbanner .crumb-line b{color:#fff}
.pbanner .tagline{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.price-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff7f0;border:1px solid #ffd9bd;padding:14px 18px;margin-top:22px}
.price-note b{color:var(--orange);font-size:18px}
.price-note span{color:var(--muted);font-size:13.5px;flex:1}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rel a{border:1px solid var(--line);padding:14px 16px;display:flex;gap:10px;align-items:center;font-size:14px}
.rel a:hover{border-color:var(--blue);color:var(--blue)}
.rel a .ico{width:22px;height:22px;color:var(--blue)}
@media(max-width:560px){.rel{grid-template-columns:1fr}}