:root{--pri:#0052d9;--pri2:#2f6bff;--acc:#6a4cf5;--pri-d:#0040b0;--pri-rgb:0,82,217;--pri-25:#f7f9ff;--pri-50:#eef3ff;--pri-100:#e6efff;--pri-200:#cddcff;--top-a:#eef3ff;--top-b:#f4f2ff;--top-ra:#e2ebff;--top-rb:#ebe6ff;--rs:1;--font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
.wrap.crow{padding-top:18px}
.crumbs{font-size:13px;color:var(--ink3)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;padding:0}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"\203A";color:#c0c6d2}
.crumbs a{text-decoration:none;color:var(--ink2)}.crumbs a:hover{color:var(--pri)}
.crumbs [aria-current]{color:var(--ink)}
.burger,.drawer{display:none}
:root{--ink:#0b1730;--ink2:#475467;--ink3:#667085;--line:#e8ecf3;--bg:#fff;--alt:#f8fafc}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,p,ul{margin:0;padding:0}
.wrap{max-width:1248px;padding:0 24px;margin:0 auto;position:relative}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(16,24,40,.06)}
.nav .wrap{height:64px;display:flex;align-items:center;gap:40px}
.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:.2px;text-decoration:none;color:var(--ink)}
.logo .mk{width:30px;height:30px;border-radius:calc(9px*var(--rs));display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--pri2),var(--pri) 55%,var(--acc))}
.logo .mk svg{width:18px;height:18px}
.nav .links{display:flex;gap:30px;font-size:15px}
.nav .links a{text-decoration:none;color:var(--ink2);display:inline-flex;align-items:center;min-height:40px}
.nav .links a.on{color:var(--pri);font-weight:600}
.nav .sp{flex:1}
.nav .lang{font-size:14px;color:var(--ink3);text-decoration:none;display:inline-flex;align-items:center;min-height:40px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:calc(10px*var(--rs));font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
.btn.ghost{border:1px solid #d0d7e4;color:var(--ink)}
.btn.pri{background:var(--pri);color:#fff}
.btn.lg{height:48px;padding:0 24px;font-size:16px;border-radius:calc(12px*var(--rs))}
.hero{position:relative;padding:72px 0 0;text-align:center}
.pz .hero{padding-top:40px}
.hbg{background:radial-gradient(1200px 400px at 50% -80px,rgba(var(--pri-rgb),.14),transparent)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;background:var(--pri-50);font-size:13.5px;color:var(--pri)}
.eyebrow b{color:var(--pri);font-weight:600}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--pri)}
.hero h1{margin-top:18px;font-size:56px;line-height:64px;font-weight:700;letter-spacing:-1px}
.hero h1 .g{color:inherit}
.hero .lead{margin:16px auto 0;max-width:640px;font-size:19px;line-height:30px;color:var(--ink2)}
.bill-row{position:relative;margin-top:36px}
.bill-row .wrap{display:flex;justify-content:center}
.bill{display:inline-flex;gap:4px;padding:5px;border-radius:calc(14px*var(--rs));background:#eef1f7;border:1px solid #e3e8f1}
.bill button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border-radius:calc(10px*var(--rs));font-size:15px;color:var(--ink2);font-family:var(--font)}
.bill button em{font-style:normal;font-size:12px;line-height:20px;height:20px;padding:0 7px;border-radius:calc(6px*var(--rs));background:#e3f7ec;color:#08794a;font-weight:600}
.bill button.on{background:var(--bg);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.08),0 4px 10px -4px rgba(16,24,40,.12)}
.cards{padding:40px 0 0}
.note{margin-top:20px;text-align:center;font-size:13px;color:var(--ink3)}
.sec{padding:96px 0 0}
.sec.alt{margin-top:96px;padding:64px 0;background:var(--alt)}
.sec.alt .cards{padding-bottom:0}
.sec-h{text-align:center}
.sec-h h2{font-size:36px;line-height:44px;font-weight:700;letter-spacing:-.4px}
.sec-h p{margin-top:10px;font-size:16px;color:var(--ink2)}
.cmp{position:relative;margin-top:36px;overflow:hidden;background:var(--bg)}
.cmp table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14.5px}
.cmp col.c0{width:300px}
.cmp th,.cmp td{font-weight:400;padding:0 20px;height:52px;border-top:1px solid #f0f2f7;text-align:center;font-variant-numeric:tabular-nums}
.cmp tbody th,.cmp td:first-child,.cmp th:first-child{text-align:left;color:#344054}
.cmp thead th{border-top:0;height:auto;padding:22px 20px 18px;vertical-align:bottom;background:var(--bg)}
.cmp thead .nm{display:block;font-size:16px;font-weight:650;color:var(--ink)}
.cmp thead .pr{margin-top:4px;height:22px;line-height:22px;font-size:13px;font-weight:400;color:var(--ink3)}
.cmp thead .pr b{color:var(--pri);font-weight:650;font-size:15px}
.cmp-hint{display:none}
.cmp tr.grp td{height:40px;background:var(--alt);font-size:13px;font-weight:700;color:var(--ink);text-align:left}
.cmp .ic{vertical-align:middle}
.cmp .v{font-weight:600;color:var(--ink)}
.faq{margin:36px auto 0;max-width:820px}
.faq-g{margin:48px auto 0;max-width:820px;font-size:21px;line-height:30px;font-weight:650}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;min-height:64px}
.faq summary::-webkit-details-marker{display:none}
.faq h3{flex:1;font-size:16.5px;line-height:26px;font-weight:650}
.faq summary i{flex:none;position:relative;width:14px;height:14px}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--ink3)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{display:none}
.faq p{margin:-8px 0 0;padding-bottom:20px;font-size:15px;line-height:26px;color:var(--ink2)}
.cta{margin:96px auto 0;border-radius:calc(24px*var(--rs));padding:48px 56px;text-align:center;color:#fff;background:linear-gradient(120deg,var(--pri),var(--pri2) 45%,var(--acc))}
.cta h2{font-size:36px;line-height:44px;font-weight:700}
.cta p{margin-top:8px;font-size:16px;line-height:26px;color:rgba(255,255,255,.85)}
.cta .sp{display:none}
.cta .btn.w{background:#fff;color:var(--pri-d)}
.cta .btn.o{border:1px solid rgba(255,255,255,.5);color:#fff}
.cta .btn.lg{margin:24px 6px 0}
.foot{margin-top:96px;background:#fafbfd;border-top:1px solid var(--line);color:var(--ink3);font-size:14px}
.foot .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding:56px 24px 40px}
.foot .logo{color:var(--ink)}
.foot p{margin-top:14px;line-height:24px;max-width:320px}
.foot h2{margin:0 0 14px;color:var(--ink);font-size:14px;font-weight:600}
.foot a{text-decoration:none}.foot li a{display:inline-flex;align-items:center;min-height:40px}.foot li a:hover{color:var(--ink)}
.foot ul{list-style:none}.foot li{line-height:32px}
.foot .bot{border-top:1px solid var(--line)}
.foot .bot .wrap{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding:20px 24px;grid-template-columns:none}
.foot .bot .r{display:flex;gap:6px 20px;flex-wrap:wrap}
.foot .upd{color:var(--ink3)}
body.nav-open{overflow:hidden}
.pcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.pcs.n1{grid-template-columns:minmax(0,440px);justify-content:center}
.pcs.n2{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center}
.pcs.n3,.pcs.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcs.n4{gap:16px}
.pcs.n4 .pc-top{padding:52px 20px 18px}
.pcs.n4 .pc-sec,.pcs.n4 .pc-acts{margin-left:20px;margin-right:20px}
.pcs.n4 .pp .num{font-size:44px;letter-spacing:-1.2px}
.pcs.n5{grid-template-columns:repeat(6,minmax(0,1fr))}
.pcs.n5 .pc{grid-column:span 2}
.pcs.n5 .pc:nth-child(4){grid-column:2/span 2}
.pc{position:relative;display:flex;flex-direction:column;background:var(--bg);border:1px solid #e5eaf1;border-radius:calc(18px*var(--rs));padding-bottom:24px;font-family:var(--font);text-align:left;color:#101828}
.pc.rec{padding-top:0;border-color:var(--pri);box-shadow:0 0 0 1px var(--pri),0 18px 40px -18px rgba(var(--pri-rgb),.5)}
.pc-hd{border-radius:calc(17px*var(--rs)) calc(17px*var(--rs)) 0 0;background:linear-gradient(180deg,var(--top-a) 0%,var(--top-b) 48%,rgba(255,255,255,0) 100%)}
.pc.rec .pc-hd{background:linear-gradient(180deg,var(--top-ra) 0%,var(--top-rb) 52%,rgba(255,255,255,0) 100%)}
.flat-top .pc-hd,.flat-top .pc.rec .pc-hd{background:none}
.pc-top{padding:26px 24px 18px}
.pcs .pc-hd .pc-tag+.pc-top{padding-top:10px}
.pc-tag{display:block;padding:24px 24px 0}
.pc-tag .t{display:inline-flex;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:700;border-radius:6px;color:#c2410c;background:#fff1e6}
.pc-rec{position:absolute;top:-13px;left:50%;transform:translateX(-50%);height:26px;line-height:26px;padding:0 12px;border-radius:999px;background:var(--pri);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}
.pc-name{margin:0;font-size:20px;line-height:32px;font-weight:700;letter-spacing:.2px;color:#0b1730}
.pc-desc{margin:4px 0 0;font-size:14px;line-height:22px;color:#667085}
.pc-price{margin-top:18px}
.pp-main{display:flex;align-items:baseline;height:58px;white-space:nowrap}
.pp .cur{font-size:20px;font-weight:700;color:var(--ink);margin-right:2px}
.pp .num{font-size:44px;line-height:58px;font-weight:800;color:var(--ink);letter-spacing:-.9px;font-variant-numeric:tabular-nums}
.pp .num.txt{font-size:34px;letter-spacing:0;font-weight:650}
.pp .unit{font-size:14px;color:#667085;margin-left:6px}
.pp-sub{font-size:13px;line-height:20px;color:#667085;white-space:nowrap;font-variant-numeric:tabular-nums}
.pc-sec{margin:0 24px;padding:14px 0;border-top:1px solid #edf0f5}
.pc-q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pc-q>div{display:flex;flex-direction:column}
.pc-q b{font-size:18px;line-height:28px;font-weight:700;color:#101828;font-variant-numeric:tabular-nums}
.pc-q span{font-size:12px;line-height:18px;color:#667085}
.pc-feat{list-style:none;flex:1;margin-bottom:20px}
.pc-feat li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:22px;padding:5px 0;color:#1d2939;white-space:nowrap}
.pc-feat li.no{color:#667085}
.ic{flex:none;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.ic.ok{background:none;color:var(--pri)}.ic svg{width:14px;height:14px}
.ic.no{background:transparent}.ic.no i{display:block;width:12px;height:2px;border-radius:2px;background:#c5ccd8}
.pc-btn{margin:0 24px;height:44px;border-radius:calc(11px*var(--rs));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;text-decoration:none;color:var(--pri);background:var(--pri-50)}
.pc.rec .pc-btn{color:#fff;background:var(--pri)}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--bg);padding:0 12px;min-height:44px;display:inline-flex;align-items:center}.skip:focus{left:8px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cmp .nm0{font-size:14px;color:#667085;font-weight:500}
.cmp tbody th{text-align:left;color:#344054}
.note a{color:var(--pri);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:40px}
.sec-h p a{color:var(--pri)}
.hero .acts{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero-s{padding:40px 0 8px}.sec-s{padding-top:24px}
.feats{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feat{border:1px solid var(--line);border-radius:calc(16px*var(--rs));padding:24px 26px;background:linear-gradient(180deg,var(--pri-25),#fff 60%)}
.feat a{text-decoration:none;color:var(--pri)}
.fi{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:14px;border-radius:calc(10px*var(--rs));background:var(--pri-50);color:var(--pri)}
.feat h3{font-size:18px;line-height:26px;font-weight:650}
.feat p{margin-top:8px;font-size:15px;line-height:25px;color:var(--ink2)}
/* 功能亮点(稿 03) */
.l2h{padding:40px 0 64px;text-align:left}
.l2h .wrap{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:56px;align-items:center}
.l2h h1{margin-top:20px;font-size:44px;line-height:56px;font-weight:750;letter-spacing:-.5px}
.l2h h1 .g{background:linear-gradient(90deg,var(--pri),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.l2h .lead{margin:18px 0 0;max-width:520px;font-size:17px;line-height:28px;color:var(--ink2)}
.l2h .acts{margin-top:30px;display:flex;gap:12px}
.dia{background:var(--bg);border:1px solid var(--line);border-radius:calc(20px*var(--rs));padding:20px;box-shadow:0 24px 60px -30px rgba(16,24,40,.3);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dia figure{margin:0;border-radius:calc(14px*var(--rs));background:#f7f9fc;padding:14px 12px 10px;text-align:center}
.dia figure.on{background:linear-gradient(180deg,var(--pri-50),#f6f4ff)}
.dia figcaption{font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.dia svg{width:100%;height:auto;display:block}
.dia .res{margin-top:6px;font-size:13px;color:var(--ink2)}
.dia .res b{font-size:20px;font-variant-numeric:tabular-nums}
.dia .bad b{color:#b42318}.dia .good b{color:var(--pri)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.stat{border:1px solid var(--line);border-radius:calc(18px*var(--rs));padding:28px 28px 26px;background:linear-gradient(180deg,var(--pri-25),#fff 60%)}
.stat .n{font-size:52px;line-height:60px;font-weight:750;letter-spacing:-1px;color:var(--pri);font-variant-numeric:tabular-nums;white-space:nowrap}
.stat .n small{font-size:24px;font-weight:650;margin-left:2px}
.stat .n .pre{font-size:22px;font-weight:600;margin-right:6px}
.stat h3{margin-top:8px;font-size:18px;font-weight:650}
.stat p{margin-top:8px;font-size:14px;line-height:22px;color:var(--ink2)}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.step{border:1px solid var(--line);border-radius:calc(18px*var(--rs));padding:28px;background:var(--bg)}
.step .hd{display:flex;gap:14px;align-items:flex-start}
.step .no{flex:none;width:36px;height:36px;border-radius:calc(11px*var(--rs));background:linear-gradient(135deg,var(--pri2),var(--acc));color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.step h3{font-size:20px;line-height:28px;font-weight:650}
.step .hd p{margin-top:4px;font-size:14px;line-height:22px;color:var(--ink2)}
.vs{margin-top:36px;border:1px solid var(--line);border-radius:calc(16px*var(--rs));overflow:hidden}
.vs table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}
.vs col.c0{width:300px}.vs col.us{width:300px}
.vs th,.vs td{padding:13px 20px;border-top:1px solid #f0f2f7;text-align:left;vertical-align:middle;line-height:22px;font-weight:400}
.vs thead th{border-top:0;background:#fafbfe;font-size:15px;font-weight:650;padding:18px 20px}
.vs tbody th{color:#344054}
.vs td{color:var(--ink2)}
.vs .us{background:rgba(var(--pri-rgb),.04);color:var(--ink);font-weight:500}
.vs thead th.us{background:var(--pri-50);color:var(--pri);box-shadow:inset 0 3px 0 var(--pri)}
.vs-note{margin-top:14px;font-size:13px;color:var(--ink3)}
/* 接口文档(稿 08/09) */
:root{--mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace}
.dwrap{max-width:1248px;margin:0 auto;padding:0 24px}
.dbar{border-bottom:1px solid var(--line);background:#fbfcfe}
.dbar .dwrap{display:flex;align-items:center;gap:8px 16px;min-height:60px;flex-wrap:wrap}
.dbar .crumbs{flex:1;min-width:0}
.tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.btn.sm{height:40px;padding:0 13px;font-size:13px;gap:6px;border-radius:calc(9px*var(--rs))}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:calc(6px*var(--rs));background:#f2f4f7;color:#475467;font-size:12px;white-space:nowrap}
.tbar,.tbtn{display:none}
.api{display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;align-items:start}
.tree{position:sticky;top:64px;max-height:calc(100vh - 64px);overflow:auto;padding:16px 16px 24px 0;border-right:1px solid var(--line)}
.tree-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink3);padding:4px 8px 10px}
.tg{margin-top:8px}
.tgh{display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;font-size:14px;font-weight:600;color:var(--ink)}
.tgh span{flex:1}
.tgh em,.ti em{font-style:normal;font-size:12px;font-weight:400;color:#667085;font-variant-numeric:tabular-nums}
.ti{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border-radius:calc(7px*var(--rs));font-size:13.5px;color:var(--ink2);text-decoration:none}
.ti span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ti:hover{background:#f3f5f9}
.ti.on{background:var(--pri-50);color:var(--pri);font-weight:600}.ti.on em{color:#3456c4}
.doc{padding:24px 0 48px 32px;min-width:0}
.rh h1{font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.2px}
.rh .ver{font-size:16px;font-weight:500;color:var(--ink3)}
.rh p{margin-top:6px;font-size:14px;line-height:22px;color:var(--ink2)}
.rm{margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:12px;color:var(--ink3)}
.rm code{font-family:var(--mono);font-size:12px;color:#475467}
.notes{margin-top:12px;padding-left:20px}
.eil{margin-top:16px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:calc(12px*var(--rs));padding:6px}
.ei{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:calc(10px*var(--rs));text-decoration:none;color:var(--ink);min-height:40px}
.ei:hover{background:#f5f7fb}
.ei-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ei .p{font-family:var(--mono);font-size:12.5px;line-height:20px;color:var(--ink);overflow-wrap:anywhere}
.ei .d{font-size:13px;line-height:20px;color:var(--ink3)}
.mb{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:22px;padding:0 6px;border-radius:calc(6px*var(--rs));font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.3px}
.mb.get{background:#e7f6ec;color:#067647}.mb.post{background:var(--pri-100);color:var(--pri)}.mb.put{background:#fff4e5;color:#9a4f05}
.mb.delete{background:#fee4e2;color:#b42318}.mb.patch{background:#f1ecff;color:#6941c6}.mb.obj{background:#f2f4f7;color:#475467}
.ep{margin-top:40px;padding-top:8px;border-top:1px solid var(--line);scroll-margin-top:72px}
.eh h2{font-size:22px;line-height:30px;font-weight:700}
.eh1{margin-top:12px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:calc(12px*var(--rs));background:#f6f8fb;border:1px solid #e6eaf1}
.eh1 .path{flex:1;min-width:0;font-family:var(--mono);font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.chips{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.es{margin-top:28px}
.es h2{font-size:20px;line-height:28px;font-weight:700;margin-bottom:10px}
.es h3{display:flex;align-items:baseline;gap:10px;font-size:15px;font-weight:650;margin-bottom:10px}
.es h3 .ct{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--ink3)}
.es .gh{margin-top:20px}
.pt{width:100%;border-collapse:collapse;font-size:13.5px}
.pt th{text-align:left;font-size:12px;font-weight:500;color:var(--ink3);padding:0 12px 8px 0;border-bottom:1px solid var(--line)}
.pt td{padding:11px 12px 11px 0;border-bottom:1px solid #f0f2f7;vertical-align:top;line-height:21px;color:var(--ink2)}
.pt .c-n{width:28%}.pt .c-t{width:16%}.pt .c-r{width:64px}
.fn{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.ty{font-family:var(--mono);font-size:12px;color:#6941c6;overflow-wrap:anywhere}
.rq{font-size:12px;font-weight:600;color:#b42318}.op{font-size:12px;color:#667085}
.meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--ink3)}
.meta code,.gd code{font-family:var(--mono);font-size:12px;padding:1px 5px;border-radius:calc(5px*var(--rs));background:#f2f4f7;color:#344054;overflow-wrap:anywhere}
.meta .tg{display:inline-flex;height:18px;align-items:center;padding:0 6px;border-radius:calc(5px*var(--rs));background:#f2f4f7;color:#475467;font-size:11px}
.cb{margin-top:12px;border-radius:calc(12px*var(--rs));background:#0f172a;overflow:hidden}
.cb-h{display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;color:#94a3b8}
.cb pre{margin:0;padding:14px 16px 16px;overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:21px;color:#e2e8f0;white-space:pre}
.gd{font-size:14px;line-height:24px;color:var(--ink2)}
.gd p+p,.gd .steps{margin-top:12px}
.steps.gd,.gd .steps{padding-left:20px;display:block}
.gd .steps li,.steps.gd li{margin-top:6px}
.rlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.rcard{display:block;border:1px solid var(--line);border-radius:calc(12px*var(--rs));padding:14px 16px;text-decoration:none;color:var(--ink)}
.rcard:hover{border-color:var(--pri-200);background:#f8faff}
.rcard code{font-family:var(--mono);font-size:12px;color:var(--ink3)}
.rcard span{display:block;margin-top:4px;font-size:13px;line-height:20px;color:var(--ink2)}
.rcard em{display:block;margin-top:6px;font-style:normal;font-size:12px;color:var(--ink3)}
.dhd h1{font-size:28px;line-height:38px;font-weight:700;letter-spacing:-.3px}
.dhd p{margin-top:8px;font-size:15px;line-height:24px;color:var(--ink2);max-width:820px}
.vpick{margin-top:16px;display:flex;align-items:center;gap:4px 16px;flex-wrap:wrap;font-size:14px}
.vpick .lb{color:var(--ink3)}
.vpick a.lnk{color:var(--pri);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;min-height:40px}
.tiles{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tile{border-radius:calc(12px*var(--rs));padding:12px 14px;border:1px solid var(--line);background:var(--bg)}
.tile .t{font-size:13px;color:var(--ink2)}
.tile b{display:block;margin-top:2px;font-size:24px;line-height:32px;font-weight:750;color:var(--ink);font-variant-numeric:tabular-nums}
.gblk{margin-top:28px}
.gblk h2{display:flex;align-items:baseline;gap:8px;font-size:17px;font-weight:650;padding-bottom:8px;border-bottom:1px solid var(--line)}
.gblk h2 em{font-style:normal;font-size:12px;font-weight:400;color:var(--ink3)}
.row{display:flex;gap:12px;padding:12px 14px;margin-top:8px;border-radius:calc(10px*var(--rs));background:var(--bg);border:1px solid #edf0f5;border-left:4px solid}
.row.add{border-left-color:#12b76a;background:#f6fef9}.row.chg{border-left-color:#f79009}.row.del{border-left-color:#f04438;background:#fffbfa}.row.fld{border-left-color:#7a5af8}
.k{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:calc(6px*var(--rs));font-size:11.5px;font-weight:650;white-space:nowrap}
.row.add .k{background:#dcfae6;color:#067647}.row.chg .k{background:#fef0c7;color:#93370d}.row.del .k{background:#fee4e2;color:#b42318}.row.fld .k{background:#ebe9fe;color:#5925dc}
.rb{flex:1;min-width:0}
.rt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rt a{display:inline-flex;align-items:center;min-height:32px}
.rt code{font-family:var(--mono);font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.rt .d{font-size:13.5px;color:var(--ink2)}
.rt .rs{font-size:12px;color:var(--ink3)}
.rl{margin-top:6px;padding-left:18px;font-size:13px;line-height:20px;color:var(--ink2)}
.empty{margin-top:22px;padding:22px;border:1px dashed #d6dce7;border-radius:calc(12px*var(--rs));text-align:center;font-size:14px;color:var(--ink3)}
.pg-docs .foot{margin-top:48px}
@media (max-width:960px){
.tbar{display:block;padding-top:12px}
.tbtn{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px;border:1px solid #d6dce7;border-radius:calc(10px*var(--rs));background:var(--bg);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;font-family:var(--font)}
.tbtn span{flex:1;text-align:left}.tbtn em{font-style:normal;font-weight:400;font-size:12px;color:var(--ink3)}
.api{display:block}
.tree{display:none;position:static;max-height:none;border:1px solid var(--line);border-radius:calc(12px*var(--rs));padding:8px;margin-top:8px}
.tree-open .tree{display:block}
.doc{padding:20px 0 40px}
.tiles{grid-template-columns:1fr 1fr}
}
@media (max-width:1100px){
.feats{grid-template-columns:repeat(2,minmax(0,1fr))}
.l2h .wrap{grid-template-columns:1fr;gap:36px}
.dia{max-width:620px}
.vs{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}
.vs table{min-width:860px}
.pcs.n4,.pcs.n5,.pcs.n6{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pcs.n4 .pc,.pcs.n5 .pc,.pcs.n6 .pc,.pcs.n5 .pc:nth-child(4){grid-column:span 2}
.pcs.n5 .pc:nth-child(5){grid-column:2/span 2}
.pcs.n4 .pc-top,.pcs.n5 .pc-top,.pcs.n6 .pc-top{padding:52px 24px 18px}
.pcs.n4 .pc-sec,.pcs.n4 .pc-acts{margin-left:24px;margin-right:24px}
.pcs.n4 .pp .num{font-size:52px;letter-spacing:-1.5px}
.nav .links{gap:22px}
}
@media (max-width:768px){
.wrap{padding:0 16px}
.foot .wrap{padding:40px 16px 28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
.foot .wrap>div:first-child,.foot .wrap>#contact{grid-column:1/-1}
.foot .bot .wrap{padding:16px;flex-direction:column}
.foot .bot .r{gap:4px 16px}
.logo{min-height:44px}
.nav .wrap{height:56px;gap:8px}
.nav .links,.nav .lang,.nav .login{display:none}
.burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-8px;border:0;background:transparent;border-radius:calc(10px*var(--rs));cursor:pointer;padding:0}
.burger i{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.nav.open .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .burger i:nth-child(2){opacity:0}
.nav.open .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav.open{background:var(--bg);backdrop-filter:none}
.nav.open .drawer{display:block;position:fixed;inset:0;z-index:30}
.dr-mask{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.dr-p{position:absolute;top:0;right:0;bottom:0;width:calc(100% - 75px);max-width:320px;display:flex;flex-direction:column;background:var(--bg);box-shadow:-8px 0 32px rgba(15,23,42,.16)}
.dr-hd{flex:none;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px}
.dr-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;border:0;background:transparent;color:var(--ink2);cursor:pointer}
.dr-bd{flex:1;overflow:auto;padding:4px 20px 24px}
.dr-bd>a,.dr-dd summary{display:flex;align-items:center;justify-content:space-between;gap:6px;height:45px;border-bottom:1px solid #f0f2f7;font-size:16px;text-decoration:none;color:var(--ink)}
.dr-bd>a.on{color:var(--pri);font-weight:600}
.dr-bd>a.dr-demo{justify-content:flex-start;margin-top:12px;color:var(--pri);font-weight:600}
.dr-ft{flex:none;padding:12px 20px calc(16px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -8px 16px rgba(15,23,42,.06)}
.dr-ft .btn{display:flex;width:100%;height:48px;font-size:16px}
.wrap.crow{padding-top:6px}
.crumbs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px}
.crumbs li{min-height:40px}
.hero{padding-top:36px}
.pz .hero{padding-top:20px}
.hero h1{font-size:32px;line-height:40px;letter-spacing:-.3px}
.hero .lead{font-size:15px;line-height:25px;margin-top:12px}
.eyebrow{height:auto;min-height:30px;padding:4px 12px;font-size:12px;flex-wrap:wrap;justify-content:center}
.bill-row{position:sticky;top:56px;z-index:15;margin-top:20px;padding:8px 0;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 rgba(16,24,40,.06)}
.bill{display:flex;width:100%;gap:2px;padding:4px}
.bill button{flex:1 1 auto;justify-content:center;gap:5px;padding:0 6px;font-size:14px;height:40px;white-space:nowrap}
.bill button em{padding:0 5px;font-size:11px}
.bill em .lg{display:none}
.cards{padding-top:20px}
.pcs,.pcs.n1,.pcs.n2,.pcs.n3,.pcs.n4,.pcs.n5,.pcs.n6{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:16px}
.pcs .pc,.pcs.n4 .pc,.pcs.n5 .pc,.pcs.n6 .pc,.pcs.n5 .pc:nth-child(4),.pcs.n5 .pc:nth-child(5){grid-column:auto}
.note{font-size:12px;line-height:20px}
.sec{padding-top:64px}
.sec-h h2{font-size:24px;line-height:32px}
.sec-h p{font-size:14px;line-height:22px}
.cmp-hint{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:20px;font-size:12px;color:var(--ink3)}
.cmp{position:relative;margin-top:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.cmp table{min-width:600px}
.cmp col.c0{width:128px}
.cmp th,.cmp td{padding:8px 8px;height:48px;line-height:18px;font-size:13px}
.cmp thead th{padding:16px 8px 12px}
.cmp thead .nm{font-size:14px}
.cmp thead .pr{font-size:12px;height:auto;line-height:18px}.cmp thead .pr b{font-size:14px}
.cmp tbody th,.cmp td:first-child,.cmp thead th:first-child{position:sticky;left:0;z-index:2;background:var(--bg);box-shadow:1px 0 0 #e8ecf3;padding-left:12px}
.cmp thead th:first-child{background:var(--bg)}
.cmp tr.grp td{position:static;box-shadow:none;background:var(--alt);height:36px}
.cmp tr.grp td span{position:sticky;left:12px;display:inline-block}
.faq{grid-template-columns:1fr;gap:12px;margin-top:24px}
.faq details{padding:0 16px}.faq summary{min-height:60px}
.faq h3{font-size:16px;line-height:24px}
.faq p{font-size:14px;line-height:23px;padding-bottom:16px}
.cta{margin-top:64px;padding:28px 20px;border-radius:calc(20px*var(--rs))}
.cta h2{font-size:22px;line-height:30px}
.cta p{font-size:14px;line-height:22px}
.foot{margin-top:64px}
.feats{grid-template-columns:1fr;gap:12px;margin-top:24px}
.feat{padding:18px 16px}
.hero .acts{flex-direction:column}.hero .acts .btn{width:100%}
.l2h{padding:20px 0 36px}
.l2h .wrap{gap:28px}
.l2h h1{font-size:30px;line-height:40px;margin-top:16px}
.l2h .lead{margin-top:12px;font-size:15px;line-height:25px}
.l2h .acts{margin-top:22px;flex-direction:column;gap:10px}
.l2h .acts .btn{width:100%}
.dia{padding:12px;gap:10px;border-radius:calc(16px*var(--rs))}
.dia figure{padding:10px 6px 8px;border-radius:calc(12px*var(--rs))}
.dia figcaption{font-size:12px;margin-bottom:4px}
.dia .res{font-size:12px}.dia .res b{font-size:16px}
.stats{grid-template-columns:1fr;gap:12px;margin-top:24px}
.stat{padding:20px 20px 18px;border-radius:calc(16px*var(--rs))}
.stat .n{font-size:42px;line-height:50px}
.steps{grid-template-columns:1fr;gap:12px;margin-top:24px}
.step{padding:18px 16px;border-radius:calc(16px*var(--rs))}
.step h3{font-size:18px;line-height:26px}
.vs{margin-top:8px}
.vs table{min-width:640px}
.vs col.c0{width:132px}.vs col.us{width:180px}
.vs th,.vs td{padding:10px;font-size:13px;line-height:20px}
.vs thead th{padding:14px 10px;font-size:14px}
.vs tbody th,.vs thead th:first-child{position:sticky;left:0;z-index:2;background:var(--bg);box-shadow:1px 0 0 #e8ecf3;padding-left:12px}
.vs thead th:first-child{background:#fafbfe}
.dwrap{padding:0 16px}
.dbar .dwrap{padding-top:2px;padding-bottom:10px}
.dbar .crumbs{flex-basis:100%}
.tools{width:100%;gap:8px}
.rh h1,.dhd h1{font-size:24px;line-height:32px}
.ei{min-height:48px}
.eh1 .path{font-size:13px}
.pt thead{display:none}
.pt,.pt tbody,.pt tr,.pt td{display:block;width:auto!important}
.pt tr{padding:12px 0;border-bottom:1px solid #f0f2f7}
.pt td{padding:0;border:0}
.pt td.c-n,.pt td.c-t,.pt td.c-r{display:inline-flex;align-items:center;gap:6px;margin-right:8px;vertical-align:middle}
.pt td.c-d{margin-top:6px}
.rlist{grid-template-columns:1fr}
.row{padding:10px 12px;gap:8px;flex-direction:column}
.k{align-self:flex-start}
.foot li a{min-height:40px}
}
/* 价格页改版(稿 m1/m2) */
.nav .trial{height:40px;padding:0 18px;font-size:15px}
.mk-img{object-fit:contain;background:none}
.ticks{list-style:none;margin-top:22px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--ink2)}
.ticks li{display:flex;align-items:center;gap:8px}
.bill-row .wrap{flex-direction:column;align-items:center;gap:10px}
.bill-h{display:none}
.bill-cur{font-size:13px;color:var(--ink3)}.bill-cur a{color:var(--pri);text-decoration:none}
.rec{padding-top:28px}
.rec-box{display:flex;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:14px 24px;border:1px solid var(--line);border-radius:calc(18px*var(--rs));background:var(--bg);font-size:14.5px;color:var(--ink2)}
.rec-q h2{font-size:14.5px;line-height:22px;font-weight:400;white-space:nowrap}
.rec-range{flex:1;min-width:0;margin:0;accent-color:var(--pri)}
.rec-n{min-width:48px;text-align:right;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.rec-step{display:none}
.rec-pick{display:flex;align-items:center;gap:6px;white-space:nowrap}
.rec-pick .tag{color:var(--ink2)}
.rec-pick b{font-weight:650;color:var(--pri)}
.pc-fit{position:absolute;top:24px;right:18px;height:24px;line-height:24px;padding:0 10px;border-radius:999px;background:#e3f7ec;color:#08794a;font-size:12px;font-weight:600}
.pp-orig{font-size:13px;line-height:20px;color:#667085}.pp-orig s{color:#98a2b3}.pp-orig em{font-style:normal;color:#08794a;font-weight:600}
.pc-ql,.pc-more{display:none}
.pc-fs{flex:1}
.pc-fh{font-size:13px;color:#667085;margin-bottom:4px}
.pc-acts{margin:0 24px;display:flex;flex-direction:column;gap:6px}
.pc-acts .pc-btn{margin:0}
.pc-link{display:flex;align-items:center;justify-content:center;min-height:36px;font-size:14px;color:var(--pri);text-decoration:none}
.pc-link .sm{display:none}
.strip{margin-top:20px;display:flex;align-items:center;gap:32px;padding:28px 32px;border-radius:calc(18px*var(--rs));color:#fff;background:linear-gradient(120deg,#0b1736,#14306e)}
.st-main{flex:1;min-width:0}
.strip h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:20px;line-height:28px}
.strip h3 em{font-style:normal;font-size:12px;line-height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:500}
.strip p{margin-top:6px;font-size:14px;color:rgba(255,255,255,.78)}
.strip ul{list-style:none;margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px}
.strip li{display:flex;align-items:center;gap:8px}
.strip .ic.ok{background:rgba(255,255,255,.16);color:#fff}
.st-acts{display:flex;gap:10px}
.strip .btn.w{background:#fff;color:var(--pri-d)}.strip .btn.o{border:1px solid rgba(255,255,255,.5);color:#fff}
.addons{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.addon{display:flex;flex-direction:column;border:1px dashed #d7dee8;border-radius:calc(16px*var(--rs));padding:18px 20px;background:var(--bg)}
.addon h3{font-size:16px;line-height:24px;font-weight:650}
.addon p{flex:1;margin-top:6px;font-size:14px;line-height:22px;color:var(--ink2)}
.addon a,.ad-free{margin-top:12px;font-size:14px;font-weight:600;color:var(--pri);text-decoration:none}
.ad-free{color:#08794a}
.trust{list-style:none;margin-top:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:center}
.trust li{display:flex;flex-direction:column;gap:4px;padding:18px 22px}
.trust b{font-size:15px;font-weight:650}.trust span{font-size:13px;color:var(--ink3)}
.sec-h{position:relative}
.cmp-diff{display:flex;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:14px;color:var(--ink2);cursor:pointer}
.cmp-diff input{accent-color:var(--pri)}
.cmp.diff tr.same{display:none}
.cmp thead .tr{display:inline-block;margin-top:6px;font-size:13px;color:var(--pri);text-decoration:none}
.cmp .add{font-size:13px;color:var(--ink3)}
.cmp-seg,.cmp-pick,.mbar{display:none}
.cmp.wide col.c0{width:200px}
.cmp.wide th,.cmp.wide td{padding:0 10px}
.cmp.wide thead th{padding:22px 10px 18px}
.cmp.wide thead .nm{font-size:15px}
@media (min-width:769px) and (max-width:1100px){
.cmp.wide{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp.wide table{min-width:880px}
}
.th-dark{--ink:#f2f4f7;--ink2:#c3cad6;--ink3:#98a2b3;--line:#273349;--bg:#0f172a;--alt:#111c33}
.th-dark .hbg{background:linear-gradient(180deg,#111c33 0%,#0f172a 520px)}
.th-dark .nav{background:rgba(15,23,42,.85);border-bottom-color:#1e293b}
.th-dark .btn.ghost{border-color:#334155}
.th-dark .bill{background:#1e293b;border-color:#273349}
.th-dark .pc{border-color:#273349}.th-dark .pc-name,.th-dark .pc-q b{color:var(--ink)}
.th-dark .pc-sec{border-color:#273349}.th-dark .pc-feat li{color:var(--ink2)}
.th-dark .pc-hd,.th-dark .pc.rec .pc-hd{background:none}
.th-dark .cmp thead th,.th-dark .cmp tr.grp td,.th-dark .trust{background:#111c33}
.th-dark .cmp th,.th-dark .cmp td{border-color:#1e293b}.th-dark .cmp tbody th{color:var(--ink2)}
.th-dark .feat,.th-dark .dia figure{background:#111c33}
.th-dark .foot{background:#0b1220;border-top-color:#1d2939}.th-dark .foot .bot{border-top-color:#1d2939}.th-dark .foot a:hover{color:#fff}
.th-dark .addon{border-color:#334155}.th-dark .pc-btn{background:#1e293b}.th-dark .eyebrow{background:#1e293b}
@media (max-width:1100px){
.trust{grid-template-columns:repeat(2,minmax(0,1fr))}
.strip{flex-direction:column;align-items:stretch}
}
@media (max-width:768px){
.nav .trial{display:none}
.ticks{flex-direction:column;align-items:flex-start;max-width:320px;margin-left:auto;margin-right:auto}
.bill-row .wrap{align-items:stretch;gap:6px}
.bill-h{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.bill-h em{font-style:normal;font-weight:400;color:var(--ink3)}
.bill{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bill button{flex:0 0 auto;padding:0 14px}
.bill-cur{font-size:12px;text-align:center}
.rec-box{flex-direction:column;align-items:stretch;gap:10px;padding:18px 16px}
.rec-range,.rec-n{display:none}
.rec-step{display:flex;border:1px solid #d6dce7;border-radius:calc(12px*var(--rs));overflow:hidden}
.rec-step button{all:unset;cursor:pointer;width:56px;height:48px;text-align:center;font-size:22px;color:var(--pri);background:#f7f9fc}
.rec-step input{flex:1;min-width:0;border:0;text-align:center;font-size:20px;font-weight:700;color:var(--ink);background:var(--bg);font-family:var(--font)}
.pc-q{display:none}
.pc-ql{display:block;margin:0 24px;padding:12px 0;border-top:1px solid #edf0f5;font-size:14px;color:#344054}
.pc-more{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;font-size:14px;color:var(--pri)}
.pc-more::after{content:"\203A";transform:rotate(90deg);transition:transform .2s}
.pc.open .pc-more::after{transform:rotate(-90deg)}
.pc-fh,.pc-feat{display:none}
.pc.open .pc-fh,.pc.open .pc-feat{display:block}
.pc-acts{flex-direction:row}
.pc-acts .pc-btn{flex:1}
.pc-link{flex:none;padding:0 16px;border:1px solid #d0d7e4;border-radius:calc(11px*var(--rs));min-height:44px;color:var(--ink)}
.pc-link .lg{display:none}.pc-link .sm{display:inline}
.strip{padding:20px 16px;gap:16px}
.st-acts .btn{flex:1}
.addons{grid-template-columns:1fr;margin-top:24px;gap:12px}
.trust{grid-template-columns:1fr 1fr;margin-top:24px}
.trust li{padding:14px 12px}
.cmp-diff{position:static;margin-top:6px}
.cmp-seg{display:flex;gap:4px;margin-top:16px;padding:4px;overflow-x:auto;border-radius:calc(12px*var(--rs));background:#eef1f7}
.cmp-seg button{all:unset;cursor:pointer;flex:1 0 auto;text-align:center;height:36px;padding:0 12px;border-radius:calc(9px*var(--rs));font-size:14px;color:var(--ink2);font-family:var(--font)}
.cmp-seg button.on{background:var(--bg);color:var(--ink);font-weight:600}
.cmp-pick{display:block;margin-top:8px;font-size:12px;color:var(--ink3);text-align:center}
.cmp .off{display:none}
.cmp table{min-width:0}
.cmp-hint{display:none}
.pg-pricing:has(.mbar) .foot{padding-bottom:76px}
.mbar{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:18;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -1px 0 var(--line),0 -8px 24px -12px rgba(16,24,40,.2)}
.mb-l{flex:1;min-width:0}
.mb-l .rp{display:flex;flex-direction:column}
.mb-t{font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-p{font-size:18px;color:var(--pri)}.mb-p small{font-size:12px;color:var(--ink3);font-weight:400}
.mbar .btn{height:44px;padding:0 14px}
}
/* 首页「实测性能」四格(.stats.c4)与分层回源页两格(.stats.c2);.cond 是每格底部的测试条件一行 */
.stats.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats.c4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stats.c4 .stat{display:flex;flex-direction:column;padding:24px 22px 20px}
.stats.c4 .stat .n{font-size:42px;line-height:50px;letter-spacing:-.5px}
.stats.c4 .stat .n small{font-size:18px}
.stats.c4 .stat p{flex:1}
.stat .cond{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;line-height:19px;color:var(--ink3)}
.perf-note{margin-top:18px;text-align:center;font-size:13px;color:var(--ink3)}
.th-dark .stat{background:#111c33;border-color:#5b6b84}
@media (max-width:1100px){
.stats.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
.stats.c2{grid-template-columns:1fr}
.stats.c4{gap:10px}
.stats.c4 .stat{padding:16px 14px 14px}
.stats.c4 .stat .n{font-size:28px;line-height:36px}
.stats.c4 .stat .n small{font-size:13px}
.stats.c4 .stat h3{font-size:15px;line-height:22px}
.stats.c4 .stat p{font-size:13px;line-height:20px}
.stat .cond{font-size:12px;line-height:18px}
}
/* 功能总览页:各组卡宽一致(3 列轨道),2/4 张的组占前两轨居左;卡高按内容,不拉伸 */
.fchips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.fchips a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink2);text-decoration:none;white-space:nowrap}
.fchips a:hover{color:var(--pri);border-color:var(--pri)}
.fnote{margin-top:16px;font-size:13px;color:var(--ink3)}
.fnote a{color:var(--pri);text-decoration:none}
.sec.fg{padding-top:56px}
.fg-h{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.fg-h .fi{margin-bottom:0;flex:none}
.fg-h h2{font-size:26px;line-height:34px;font-weight:700;letter-spacing:-.3px}
.fg-h p{margin-top:2px;font-size:15px;color:var(--ink2)}
.fg .feats{margin-top:0;align-items:start}
.feats.c2{grid-template-columns:repeat(2,calc((100% - 40px)/3))}
.fg .feat{padding:22px}
.fg .feat .fh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.fg .feat .fh h3{font-size:17px;line-height:26px}
.fg .feat .more{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--pri);text-decoration:none}
.tag{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 9px;border-radius:calc(6px*var(--rs));font-size:12px;font-weight:600;white-space:nowrap}
.tag.paid{background:#fff4e0;color:#b54708}
.tag.ok{background:#e3f7ec;color:#08794a}
.pstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:calc(18px*var(--rs));background:linear-gradient(180deg,var(--pri-25),#fff 80%);overflow:hidden}
.pstrip>div{padding:22px 24px;border-left:1px solid var(--line)}
.pstrip>div:first-child{border-left:0}
.pstrip .n{font-size:34px;line-height:40px;font-weight:750;letter-spacing:-.5px;color:var(--pri);white-space:nowrap;font-variant-numeric:tabular-nums}
.pstrip .n small{margin-left:2px;font-size:16px;font-weight:650}
.pstrip h3{margin-top:4px;font-size:15px;font-weight:650}
.pstrip p{margin-top:4px;font-size:13px;line-height:20px;color:var(--ink2)}
.pstrip p.cond{padding-top:8px;border-top:1px solid var(--line);font-size:12px;line-height:18px;color:var(--ink3)}
.th-dark .feat,.th-dark .pstrip,.th-dark .fchips a{border-color:#5b6b84}
.th-dark .pstrip{background:#111c33}.th-dark .pstrip>div,.th-dark .pstrip p.cond{border-color:#334155}
.th-dark .tag.paid{background:rgba(245,158,11,.16);color:#fbbf24}
.th-dark .tag.ok{background:rgba(18,183,106,.16);color:#6ce9a6}
@media (max-width:1100px){
.feats.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
.pstrip>div:nth-child(3){border-left:0}.pstrip>div:nth-child(n+3){border-top:1px solid var(--line)}
.th-dark .pstrip>div:nth-child(n+3){border-top-color:#334155}
}
@media (max-width:768px){
.feats.c2,.fg .feats{grid-template-columns:1fr;gap:12px}
.sec.fg{padding-top:40px}
.fg-h h2{font-size:22px;line-height:30px}
.fchips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:8px;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scrollbar-width:none}
.fchips::-webkit-scrollbar{display:none}
.pstrip>div{padding:16px 14px}
.pstrip .n{font-size:26px;line-height:32px}
.pstrip .n small{font-size:13px}
.pstrip h3{font-size:14px}
.pstrip p{font-size:12px;line-height:18px}
}

/* 联系方式:导航浮层、咨询弹窗、页脚联系列;内容与样式都用主题变量,深色预设自动跟随 */
.nav .ctc{position:relative;display:inline-flex;align-items:center}
.nav .ctb{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 6px;color:var(--ink2);font-size:14px;font-weight:500;text-decoration:none}
.nav .ctb:hover,.nav .ctb[aria-expanded=true]{color:var(--pri)}
.car{width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
.cb{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:#fff;font-style:normal;font-weight:700;font-size:14px;flex:none}
.ci{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:calc(10px*var(--rs));color:var(--ink);text-decoration:none}
a.ci:hover{background:var(--alt)}
.ci>span:first-of-type{flex:1;min-width:0;line-height:19px;font-size:14px}
.ci em{display:block;font-style:normal;color:var(--ink3);font-size:12.5px;overflow-wrap:anywhere}
.ci .gx{flex:none;color:var(--ink3);font-size:13px}
.ci.hl{background:var(--alt)}
.ci.cq{background:var(--alt);margin:4px 0;font-size:13px;color:var(--ink3)}
.ci.cq img{width:96px;height:96px;border-radius:8px;background:#fff;padding:5px;flex:none}
.ci.cq b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.ci.cq .cv{display:block;margin-bottom:4px;overflow-wrap:anywhere}
.cc{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--pri);font-size:13px;cursor:pointer}
.cpop{position:absolute;top:calc(100% + 4px);right:-20px;z-index:60;width:320px;max-height:70vh;overflow:auto;padding:10px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:calc(14px*var(--rs));box-shadow:0 18px 50px rgba(15,23,42,.18)}
.cmask{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:15vh 16px 0;background:rgba(15,23,42,.45);overflow:auto}
.cmod{position:relative;width:420px;max-width:100%;padding:22px 18px 14px;background:var(--bg);color:var(--ink);border-radius:calc(18px*var(--rs));box-shadow:0 30px 80px rgba(0,0,0,.3)}
.cmod h3{margin:0 40px 4px 10px;font-size:20px;line-height:28px}
.cmod p{margin:0 0 12px 10px;color:var(--ink3);font-size:14px}
.cmod .cx{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--ink3);font-size:24px;line-height:1;cursor:pointer}
.cmod .cx:hover{background:var(--alt)}
body.ct-lock{overflow:hidden}
.foot .fc{display:inline-flex;align-items:center;gap:8px;min-height:32px;line-height:20px;overflow-wrap:anywhere}
.foot .fc .cb{width:18px;height:18px;border-radius:5px;font-size:10px}
.foot .fqr{display:block;margin:4px 0 8px;width:96px;height:96px;border-radius:8px;background:#fff;padding:5px}
@media (max-width:768px){
.nav .ctc{display:none}
.cmask{align-items:flex-end;padding:0}
.cmod{width:100%;border-radius:calc(18px*var(--rs)) calc(18px*var(--rs)) 0 0;padding-bottom:max(14px,env(safe-area-inset-bottom));max-height:85vh;overflow:auto}
}
/* 官网 v3 首页:13 个区块与新导航。表格与命令框一律在自己的容器内滚动,整页不出横向滚动条 */
.nav .dd{position:relative}
.nav .ddb{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;min-height:40px;font-size:15px;color:var(--ink2);font-family:var(--font)}
.nav .ddb.on,.nav .ddb:hover,.nav .dd.open .ddb{color:var(--pri)}
.nav .ddb .dc{transition:transform .15s}.nav .dd.open .ddb .dc{transform:rotate(180deg)}
.nav .ddm{display:none;position:absolute;top:100%;left:-14px;z-index:60;min-width:168px;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:calc(12px*var(--rs));box-shadow:0 16px 40px -12px rgba(16,24,40,.22)}
.nav .dd.open .ddm{display:block}
.nav .ddm a{display:flex;min-height:40px;padding:0 12px;border-radius:calc(8px*var(--rs));white-space:nowrap}
.nav .ddm a:hover{background:var(--alt);color:var(--pri)}
.nav .dml{font-size:14px;font-weight:600;color:var(--pri);text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:40px}
.nav .dml:hover{opacity:.8}
.nav .wrap{gap:28px}
.nav .btn.login{height:40px;padding:0 16px;font-size:14px}
.dr-dd summary{list-style:none;cursor:pointer}
.dr-dd summary::-webkit-details-marker{display:none}
.dr-dd[open] summary .dc{transform:rotate(180deg)}
.dr-dd>div a{display:flex;align-items:center;height:40px;padding-left:14px;border-bottom:1px solid #f0f2f7;font-size:15px;text-decoration:none;color:var(--ink2)}

.hero .hshot{margin:48px auto 0;max-width:1040px}
.shot{border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:var(--bg);overflow:hidden;box-shadow:0 30px 70px -30px rgba(16,24,40,.35),0 6px 16px -8px rgba(16,24,40,.12);text-align:left}
.shot .chrome{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#f3f5f9;border-bottom:1px solid var(--line)}
.shot .chrome i{width:10px;height:10px;border-radius:50%;background:#d4dae5}
.shot .chrome span{flex:1;margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink3)}
.shot img{display:block;width:100%;height:auto}

.sc{padding-top:56px}
.kvs{display:grid;gap:16px}
.kvs.k1{grid-template-columns:minmax(0,1fr)}.kvs.k2{grid-template-columns:repeat(2,minmax(0,1fr))}.kvs.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.kvs.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kv{padding:22px 20px;border:1px solid var(--line);border-radius:calc(16px*var(--rs));text-align:center;background:var(--bg)}
.kv b{display:block;font-size:40px;line-height:48px;font-weight:750;letter-spacing:-.5px;color:var(--pri);font-variant-numeric:tabular-nums}
.kv b small{font-size:18px;font-weight:650;margin-left:2px}
.kv span{display:block;margin-top:4px;font-size:14px;color:var(--ink2)}
.sc .fine{margin-top:14px;text-align:center;font-size:13px;color:var(--ink3)}
.sc .fine a{color:var(--pri)}

.sec.dk{margin-top:96px;padding:0;color:#e6ebf5;background:#0b1730}
.dkin{padding:80px 0}
.dk .sec-h h2{color:#fff}.dk .sec-h p{color:rgba(255,255,255,.72)}
.dk .eb{font-size:13px;letter-spacing:1px;color:#8fb4ff}
.dk .tg{display:inline-block;margin-left:8px;padding:0 8px;border-radius:999px;font-size:12px;line-height:20px;background:rgba(255,255,255,.12)}
.bscr{margin:40px auto 0;max-width:1040px}
.bcs{margin-top:32px;display:grid;gap:16px}
.bcs.b1{grid-template-columns:minmax(0,1fr)}.bcs.b2{grid-template-columns:repeat(2,minmax(0,1fr))}.bcs.b3{grid-template-columns:repeat(3,minmax(0,1fr))}.bcs.b4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bc{padding:20px;border-radius:calc(14px*var(--rs));background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.bc h3{font-size:16px;line-height:24px;color:#fff}.bc p{margin-top:6px;font-size:14px;line-height:22px;color:rgba(255,255,255,.7)}
.sks{margin-top:16px;display:grid;gap:16px}
.sks.k1{grid-template-columns:minmax(0,1fr)}.sks.k2{grid-template-columns:repeat(2,minmax(0,1fr))}.sks.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.sks.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sk{padding:20px;border-radius:calc(14px*var(--rs));background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.sk b{display:block;font-size:34px;line-height:42px;font-weight:750;color:#fff;font-variant-numeric:tabular-nums}
.sk b small{font-size:15px;font-weight:600;margin-left:2px;color:#8fb4ff}
.sk h3{margin-top:4px;font-size:15px;color:#fff}.sk p{margin-top:4px;font-size:13px;line-height:20px;color:rgba(255,255,255,.65)}
.dk .note a{color:#8fb4ff}

.flow{margin-top:40px;display:flex;align-items:stretch;gap:12px}
.flow .ln{flex:none;align-self:center;writing-mode:vertical-rl;font-size:12px;color:var(--ink3);letter-spacing:2px}
.flow .ly{flex:1 1 0;min-width:0;padding:18px 16px;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:linear-gradient(180deg,var(--pri-25),#fff 70%)}
.ly .li{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:10px;border-radius:calc(10px*var(--rs));background:var(--pri-50);color:var(--pri);font-style:normal}
.ly .lt{font-size:16px;line-height:24px;font-weight:650}
.ly em{display:block;margin-top:8px;font-style:normal;font-size:12px;color:var(--ink3)}
.fwr{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.lv{padding:22px;border:1px solid var(--line);border-radius:calc(16px*var(--rs));background:var(--bg)}
.lv h3{font-size:17px;line-height:26px}.lv .lvs{margin-top:4px;font-size:13px;color:var(--ink3)}
.lvr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:12px 0;border-top:1px solid #f0f2f7;font-size:14px}
.lvr:first-of-type{margin-top:10px}
.lvr b{color:var(--ink)}.lvr em{font-style:normal;font-size:12px;padding:0 7px;border-radius:999px;background:var(--pri-50);color:var(--pri)}
.lvr span{flex-basis:100%;color:var(--ink2);line-height:21px}
.cves{margin-top:24px;padding:20px 22px;border:1px solid var(--line);border-radius:calc(16px*var(--rs))}
.cves h3{font-size:16px;margin-bottom:6px}
.cv{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;padding:10px 0;border-top:1px solid #f0f2f7;font-size:14px}
.cv b{min-width:0;overflow-wrap:anywhere}.cv span{color:var(--ink3)}.cv em{margin-left:auto;font-style:normal;color:var(--pri);font-weight:600}

.pds{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.pd2{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:calc(16px*var(--rs));background:var(--bg)}
.pd2 h3{font-size:18px;line-height:26px;font-weight:650}
.pd2 .pl{margin-top:6px;font-size:14px;line-height:22px;color:var(--ink2)}
.pd2 ul{list-style:none;margin-top:14px;display:grid;gap:8px;font-size:14px;line-height:22px}
.pd2 li{display:flex;gap:8px}
.pd2 .ps{margin-top:auto;padding-top:14px;font-size:13px;color:var(--ink3)}
.pd2 .more{margin-top:8px;font-size:14px;color:var(--pri);text-decoration:none}

.tour{margin-top:40px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}
.tour .tl{min-width:0}
.tabs2{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:calc(12px*var(--rs));background:#eef1f7}
.tt{all:unset;cursor:pointer;flex:1 1 auto;text-align:center;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:calc(9px*var(--rs));font-size:14px;color:var(--ink2);font-family:var(--font);box-sizing:border-box}
.tt.on{background:var(--bg);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.tt:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.tp{display:none;margin-top:18px}.tp.on{display:block}
.tp h3{font-size:20px;line-height:28px}.tp p{margin-top:8px;font-size:15px;line-height:25px;color:var(--ink2)}
.dmc{margin-top:22px;padding:18px;border:1px dashed #cfd7e6;border-radius:calc(14px*var(--rs));background:var(--alt)}
.dmc b{display:flex;align-items:center;gap:6px;font-size:15px}.dmc p{margin-top:4px;font-size:13px;line-height:20px;color:var(--ink3)}
.dmk{margin:12px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 10px;align-items:center;font-size:13px;color:var(--ink3)}
.dmk code{min-width:0;overflow-x:auto;padding:6px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:13px;color:var(--ink);white-space:nowrap}
.cpy{all:unset;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--pri);box-sizing:border-box}
.dmc .blk{width:100%}
.tshot{min-width:0}.tpane{display:none}.tpane.on{display:block}

.tblw{position:relative;margin-top:36px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:calc(16px*var(--rs));background:var(--bg)}
table.cmp3{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px}
.cmp3 th,.cmp3 td{padding:14px 16px;border-top:1px solid #f0f2f7;text-align:center;vertical-align:middle}
.cmp3 thead th{border-top:0;font-size:15px;font-weight:650;background:var(--alt)}
.cmp3 tbody th{text-align:left;font-weight:500;color:#344054;width:26%}
.cmp3 .me{background:rgba(var(--pri-rgb),.05)}
.cmp3 td:nth-child(2){background:rgba(var(--pri-rgb),.04)}
.cmp3 td svg{vertical-align:middle}.cmp3 td svg.y{color:var(--pri)}.cmp3 td svg.n{color:#c5ccd8}.cmp3 td svg.h{color:#f59e0b}
.cmp3 td span{display:block;margin-top:2px;font-size:12.5px;line-height:19px;color:var(--ink3)}

#steps .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.stp{min-width:0;padding:24px;border:1px solid var(--line);border-radius:calc(18px*var(--rs));background:var(--bg)}
.stp .no{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:calc(11px*var(--rs));background:linear-gradient(135deg,var(--pri2),var(--acc));color:#fff;font-weight:700}
.stp h3{margin-top:12px;font-size:18px;line-height:26px}.stp p{margin-top:6px;font-size:14px;line-height:22px;color:var(--ink2)}
.stp code{display:block;max-width:100%;margin-top:12px;padding:10px 12px;overflow-x:auto;border-radius:10px;background:#0b1730;color:#e6ebf5;font-size:13px;line-height:20px;white-space:pre}

.cta{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;justify-content:center}
.cta>div{flex-basis:100%}

@media (max-width:1100px){
.kvs.k4,.sks.k4,.bcs.b3,.bcs.b4{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow{flex-wrap:wrap}.flow .ln{display:none}.flow .ly{flex:1 1 calc(50% - 12px)}
.fwr,.tour{grid-template-columns:minmax(0,1fr)}
#steps .steps{grid-template-columns:minmax(0,1fr)}
.nav .wrap{gap:20px}
}
@media (max-width:768px){
.bcs.b2,.bcs.b3,.bcs.b4{grid-template-columns:minmax(0,1fr)}
.nav .dml,.nav .dd{display:none}
.hero .hshot{margin-top:28px}
.sc{padding-top:36px}
.kvs,.sks{gap:10px}.kvs.k3,.sks.k3{grid-template-columns:repeat(2,minmax(0,1fr))}
.kv{padding:16px 12px}.kv b{font-size:28px;line-height:36px}.kv b small{font-size:14px}
.sec.dk{margin-top:64px}.dkin{padding:48px 0}
.bscr{margin-top:24px}
.sk b{font-size:26px;line-height:34px}
.flow .ly{flex-basis:100%}
.lv,.cves{padding:16px}
.pds{margin-top:24px}
.tour{margin-top:24px;gap:20px}
.dmk{grid-template-columns:auto minmax(0,1fr) auto}
.tblw{margin-top:24px}
.stp{padding:18px 16px}
.cta>div{flex-basis:100%}.cta .btn.lg{margin:12px 0 0;width:100%}
}
/* 官网 v3 · W2:文章型页面(隐私/条款/更新日志)、安全防护页、试用弹窗 */
.art{max-width:760px;padding-top:40px;padding-bottom:24px}
.art-h{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.art-h h1{font-size:34px;line-height:42px;font-weight:700;letter-spacing:-.3px}
.art-h .meta,.art-h .lead{margin-top:8px;font-size:14px;color:var(--ink3)}
.art section{margin-top:28px}
.art h2{font-size:21px;line-height:30px;font-weight:650}
.art p,.art li{margin-top:10px;font-size:15.5px;line-height:26px;color:var(--ink2)}
.art a{color:var(--pri)}
.rt h2{margin-top:28px}.rt h2:first-child{margin-top:0}
.rt h3{margin-top:20px;font-size:17px;line-height:26px;font-weight:650}
.rt ul,.rt ol{margin-top:10px;padding-left:22px}.rt ul{list-style:disc}.rt ol{list-style:decimal}.rt li{margin-top:6px}
.art .note{text-align:left}
.art-f{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
.legal .tblw{margin-top:16px;border:0;border-radius:0;background:none}
.lg-t{width:100%;border-collapse:collapse;font-size:14px}
.lg-t caption,.lg-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.lg-t th,.lg-t td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:22px}
.lg-t tbody th{width:26%;font-weight:600;color:var(--ink)}
.lg-t code{display:inline-block;margin:1px 2px 1px 0;font-size:12.5px;overflow-wrap:anywhere}
.cl-v{scroll-margin-top:72px}
.cl-v h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.cl-v time{font-size:13px;font-weight:400;color:var(--ink3)}
.cl-k{margin-top:16px;font-size:15px;font-weight:650;color:var(--ink)}
.cl-k::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--ink3)}
.cl-breaking::before{background:#d92d20}.cl-security::before{background:#f59e0b}.cl-feature::before{background:var(--pri)}
.cl-v ul{margin-top:6px;padding-left:22px}
.sly{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sly .ly{padding:20px 18px;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:linear-gradient(180deg,var(--pri-25),#fff 70%)}
.ly ul{list-style:none;margin-top:10px}
.ly li{display:flex;gap:8px;margin-top:8px;font-size:13.5px;line-height:21px;color:var(--ink2)}
.ly li svg{flex:none;margin-top:3px}
.flow .ly li{gap:6px;margin-top:6px;font-size:12.5px;line-height:19px}
.sec-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.sec-2 h2{font-size:30px;line-height:40px;font-weight:700}
.sec-2 p{margin-top:10px;color:var(--ink2)}
.ticks.sl{justify-content:flex-start;flex-direction:column;gap:10px}
.cmp3.sc td:nth-child(2){background:none}
.cmp3.sc td:nth-child(3){background:rgba(var(--pri-rgb),.04)}
.tdlg{width:480px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);padding:26px 24px 20px;border:0;border-radius:calc(18px*var(--rs));background:var(--bg);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.tdlg::backdrop{background:rgba(15,23,42,.45)}
.tdlg[open]{display:block;overflow:auto}
.tdlg h2{margin-right:40px;font-size:22px;line-height:30px}
.tdlg .ts{margin:6px 0 16px;font-size:14px;line-height:22px;color:var(--ink3)}
.tdlg .tx{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--ink3);font-size:24px;line-height:1;cursor:pointer}
.tdlg .tx:hover{background:var(--alt)}
.tr{margin-top:14px}
.tr label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}
.tr label b{margin-left:3px;color:#d92d20}
.tr input[type=text],.tr input[type=email]{width:100%;height:44px;padding:0 12px;border:1px solid #d0d7e4;border-radius:calc(10px*var(--rs));background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.tr input:focus{outline:2px solid rgba(var(--pri-rgb),.4);outline-offset:1px;border-color:var(--pri)}
.tr [aria-invalid]{border-color:#d92d20}
.tsz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tr .tsz label{margin:0;font-weight:400}
.tsz input{position:absolute;opacity:0;width:1px;height:1px}
.tsz span{display:flex;align-items:center;justify-content:center;height:44px;padding:0 6px;border:1px solid #d0d7e4;border-radius:calc(10px*var(--rs));font-size:15px;color:var(--ink);cursor:pointer;text-align:center}
.tsz input:checked+span{border-color:var(--pri);background:rgba(var(--pri-rgb),.08);color:var(--pri);font-weight:600}
.tsz input:focus-visible+span{outline:2px solid rgba(var(--pri-rgb),.4);outline-offset:1px}
.tsz:has([aria-invalid]) span{border-color:#d92d20}
.tck label{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:14px;line-height:22px}
.tck a{color:var(--pri);text-decoration:none}
.tck input{flex:none;width:18px;height:18px;margin-top:2px}
.te,.tb{margin-top:6px;font-size:13px;line-height:20px;color:#d92d20}
.tb{margin-top:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tf{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.tf .btn{cursor:pointer;border:0;font-family:inherit}
.tf .btn.ghost{border:1px solid #d0d7e4;background:none}
.tf .btn[disabled]{opacity:.6;cursor:progress}
.tl{margin-top:14px;font-size:13.5px;text-align:center}
.tl a{color:var(--pri)}
.tdp[data-p=done]{text-align:center}
.tdp[data-p=done] h2{margin:14px 0 0}
.tok{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:6px auto 0;border-radius:50%;background:#e8f6ee;color:#16a34a}
.tdp[data-p=done] .tf .btn,.tdp[data-p=form] .tf .btn{flex:1 1 100%;width:100%}
.tdp[data-p=form] .tf .btn.pri{box-shadow:0 6px 16px rgba(var(--pri-rgb),.28)}
.tdp[data-p=done] p{margin-top:12px;font-size:15px;line-height:24px;color:var(--ink2)}
.tdp[data-p=done] b{color:var(--ink);overflow-wrap:anywhere}
@media (max-width:768px){
.art{padding-top:24px}.art-h h1{font-size:26px;line-height:34px}
.sly{grid-template-columns:1fr}
.sec-2{grid-template-columns:1fr;gap:24px}.sec-2 h2{font-size:24px;line-height:32px}
.tdlg{width:100%;max-width:none;height:100%;max-height:none;margin:0;border-radius:0;padding:20px 16px 0}
.tdp[data-p=form]:not([hidden]){display:flex;flex-direction:column;min-height:100%}
.tdp[data-p=form] form{flex:1;display:flex;flex-direction:column}
.tdp[data-p=form] .tl{order:1;margin:14px 0 16px}
.tdlg .tdp[data-p=form] .tf{order:2;position:sticky;bottom:0;margin:auto -16px 0;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
.tsz{grid-template-columns:repeat(2,minmax(0,1fr))}
.tdlg .tf .btn{flex:1}
}
/* 使用手册 */
.gsb{position:relative;max-width:560px;margin:0 16px 14px 0}.gsb[hidden]{display:none}
.gsb .gsi{width:100%;height:36px;border:1px solid var(--line);border-radius:calc(9px*var(--rs));padding:0 10px;font:inherit;font-size:13px;color:var(--ink);background:var(--bg)}
.gsb .gsi:focus{outline:2px solid var(--pri);outline-offset:1px}
.gsl{list-style:none;position:absolute;z-index:15;left:0;right:0;top:40px;background:var(--bg);border:1px solid var(--line);border-radius:calc(10px*var(--rs));box-shadow:0 12px 28px -14px rgba(15,23,42,.35);overflow:hidden}.gsl[hidden],.gse[hidden]{display:none}
.gsl a{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;text-decoration:none;font-size:13.5px}.gsl a:hover,.gsl a:focus{background:var(--alt);outline:0}.gsl a span{color:var(--ink3);font-size:12px;white-space:nowrap}
.gse{position:absolute;z-index:15;left:0;right:0;top:40px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:calc(10px*var(--rs));color:var(--ink3);font-size:13px}
.gsrow .gsb{max-width:560px;margin:22px auto 0;text-align:left}.gsrow .gsi{height:46px;font-size:15px;padding:0 14px;border-radius:calc(12px*var(--rs))}.gsrow .gsl,.gsrow .gse{top:50px}
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gc{display:block;text-decoration:none;border:1px solid var(--line);border-radius:calc(14px*var(--rs));padding:22px;background:var(--bg)}.gc:hover{border-color:var(--pri)}
.gc h2{font-size:17px;line-height:24px;margin:0 0 6px}.gc p{color:var(--ink2);font-size:14px;line-height:22px}
.gcnt{display:inline-block;margin-top:12px;font-size:12px;color:var(--pri);background:var(--pri-50);border-radius:5px;padding:1px 8px}
.gcat{margin-top:40px;scroll-margin-top:80px}.gcat h2{font-size:22px;line-height:30px;margin-bottom:10px}.gcat ul{list-style:none;border-top:1px solid var(--line)}
.gcat li a{display:flex;flex-direction:column;gap:2px;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none}.gcat li a:hover b{color:var(--pri)}.gcat li span{color:var(--ink3);font-size:13.5px}
.gapi{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:40px;border:1px solid var(--line);border-radius:calc(14px*var(--rs));padding:16px 20px}.gapi b{display:inline-flex;gap:6px;align-items:center}.gapi span{color:var(--ink3);font-size:13px}.gapi .sp{flex:1}.gapi a{color:var(--pri);font-weight:600;font-size:13.5px}
.gin{display:grid;grid-template-columns:230px minmax(0,1fr) 190px;gap:40px;align-items:start}
.gside{padding:8px 0 24px;border-right:1px solid var(--line);position:sticky;top:64px;max-height:calc(100vh - 64px);overflow-y:auto}
.gs h6{margin:14px 0 6px;font-size:12.5px;color:var(--ink)}.gs a{display:block;padding:5px 10px;margin-right:16px;border-radius:7px;color:var(--ink3);font-size:13.5px;text-decoration:none}.gs a:hover{color:var(--ink)}.gs a.on{background:var(--pri-50);color:var(--pri);font-weight:600}
.gart{padding:8px 0 28px;min-width:0}.gh1{font-size:34px;line-height:42px;margin:0 0 10px}.gmeta{display:flex;gap:16px;flex-wrap:wrap;color:var(--ink3);font-size:12.5px}
.gmd{margin-top:18px;color:var(--ink2);font-size:14.5px;line-height:24px}.gmd>p:first-child{font-size:15.5px}.gmd p{margin:0 0 12px}.gmd a{color:var(--pri)}
.gmd h2{font-size:22px;line-height:30px;margin:28px 0 8px;color:var(--ink);scroll-margin-top:80px}.gmd h3{font-size:17px;margin:20px 0 6px;color:var(--ink);scroll-margin-top:80px}
.gmd ul,.gmd ol{margin:0 0 12px;padding-left:22px}.gmd li{margin:3px 0}
.gmd code{font:12.5px var(--mono);background:var(--alt);border-radius:4px;padding:1px 5px}
.gstep{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:0 0 26px;position:relative;scroll-margin-top:80px}.gstep::before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--line)}
.gno{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--pri);color:#fff;font-weight:700;align-items:center;justify-content:center;position:relative;z-index:1}
.gstep h2{font-size:19px;line-height:28px;margin:4px 0 6px}
.gcode{display:flex;align-items:flex-start;gap:12px;background:#0f172a;border-radius:calc(9px*var(--rs));padding:10px 12px;margin-bottom:12px}.gcode pre{flex:1;min-width:0;margin:0;overflow-x:auto}.gcp{flex:none;border:0;background:none;color:#9fb3d1;font:12.5px var(--font);cursor:pointer;padding:0}.gcp:hover{color:#fff}.gcode code{background:none;color:#cbe1ff;font:12.5px var(--mono);padding:0;white-space:pre}
.gsm{margin:-6px 0 12px;color:var(--ink3);font-size:12.5px}
.gnote{display:flex;border-radius:calc(9px*var(--rs));padding:10px 12px;font-size:13.5px;margin-bottom:12px}.gnote.tip{background:#eef6ff;color:#1e40af}.gnote.warn{background:#fff7e8;color:#92400e}
.gshot{margin-bottom:12px}.gshot img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;object-position:top left}
.gmd .tblw{margin:0 0 14px}.gtbl{width:100%;border-collapse:collapse;font-size:13.5px}.gtbl th,.gtbl td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line)}
.gapil{margin-top:16px}.gapil .btn{gap:6px;height:36px;font-size:14px}
.gnext{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:14px}.gnext .sp{flex:1}.gnext a{color:var(--ink3);font-size:12.5px;border:1px solid var(--line);border-radius:calc(10px*var(--rs));padding:10px 14px;text-decoration:none;min-width:0}.gnext b{color:var(--pri);font-size:14.5px}.gnx{text-align:right}
.gtoc{padding:8px 0 28px;position:sticky;top:64px}.gtoc h6{margin:0 0 10px;font-size:12.5px}.gtoc a{display:block;font-size:12.5px;color:var(--ink3);padding:4px 0 4px 10px;border-left:2px solid var(--line);text-decoration:none}.gtoc a:hover{color:var(--pri);border-left-color:var(--pri)}.gtoc a.sub{padding-left:22px}
.gmob{display:none}
@media (max-width:1100px){.gin{grid-template-columns:200px minmax(0,1fr);gap:28px}.gtoc{display:none}.gcards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){
.gin{display:block}.gside{display:none}
.gmob{display:block;margin:0 0 16px;border:1px solid var(--line);border-radius:calc(10px*var(--rs))}
.gmob summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;font-size:15px}.gmob summary::-webkit-details-marker{display:none}
.gmob[open] summary .dc{transform:rotate(180deg)}.gmob>div{padding:4px 14px 14px;border-top:1px solid var(--line);max-height:60vh;overflow-y:auto}
.gmob .gsb{max-width:none;margin:10px 0}
.gh1{font-size:28px;line-height:36px}.gcards{grid-template-columns:1fr}
.gstep{grid-template-columns:30px minmax(0,1fr);gap:10px}.gno{width:30px;height:30px}.gstep::before{left:14px}
.gnext{flex-direction:column}.gnext .sp{display:none}.gnx{text-align:left}
}

/* 自定义模块:沿用 .sec-h/.feats/.stats/.cmp3/.faq/.cta/.sec-2,这里只补正文段落与单张截图的间距 */
.md-body{max-width:760px;margin:24px auto 0}.md-body p{margin-top:12px;font-size:16px;line-height:28px;color:var(--ink2)}
.sec-2 .md-body{margin:0}.md-shot{margin:36px auto 0;max-width:1040px}.md-t td{color:var(--ink2)}
.md-cta .cta{margin-top:0}
/* 文档三栏(目录 | 正文 | 右侧 curl)与 404;拼在 site.css 之后 */
.api.has-code{grid-template-columns:236px minmax(0,1fr) 380px}
.api.has-code .doc{padding-right:32px}
.code{align-self:stretch;background:#0b1220;color:#cbd5e1;border-radius:0 0 calc(12px*var(--rs)) 0}
.code-in{position:sticky;top:64px;max-height:calc(100vh - 64px);overflow:auto;padding:24px 22px}
.code .tb{display:flex;gap:14px;margin-bottom:14px;font-size:12.5px;color:#64748b}
.code .tb .on{color:#fff}
.code .cx{margin:0 0 22px;font-family:var(--mono);font-size:12.5px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#e2e8f0}
.code .c{color:#64748b;text-decoration:none}
.code a.c:hover{color:#93c5fd}
.nf{text-align:center;padding:120px 24px}
.nf b{display:block;font-size:96px;line-height:1;letter-spacing:-.04em;color:var(--pri)}
.nf h1{margin-top:18px;font-size:28px;line-height:36px}
.nf p{margin-top:10px;font-size:15px;line-height:24px;color:var(--ink2)}
.nf-acts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (min-width:1101px){
.api.has-code{padding-right:0;min-height:640px}
.api.has-code .doc{padding-right:36px}
.code{border-radius:0;box-shadow:0 0 0 100vmax #0b1220;clip-path:inset(0 -100vmax 0 0)}
}
@media (max-width:1100px){
.api.has-code{grid-template-columns:236px minmax(0,1fr)}
.api.has-code .code{grid-column:2;border-radius:calc(12px*var(--rs));margin:0 0 32px 32px}
.code-in{position:static;max-height:none}
.api.has-code .doc{padding-right:0}
}
@media (max-width:960px){
.api.has-code{display:block}
.api.has-code .code{margin:0 0 32px}
.api.has-code .doc{padding-right:0}
.nf{padding:72px 16px}
.nf b{font-size:72px}
}
[data-period="1"] .pp:not(.pp-1),[data-period="1"] .cp:not(.cp-1),[data-period="1"] .rp:not(.rp-1){display:none}
[data-period="4"] .pp:not(.pp-4),[data-period="4"] .cp:not(.cp-4),[data-period="4"] .rp:not(.rp-4){display:none}
[data-period="2"] .pp:not(.pp-2),[data-period="2"] .cp:not(.cp-2),[data-period="2"] .rp:not(.rp-2){display:none}
[data-period="3"] .pp:not(.pp-3),[data-period="3"] .cp:not(.cp-3),[data-period="3"] .rp:not(.rp-3){display:none}