/* 云大哥 CloudDage · v8
   白底 + 暖色浅底块（#FFF7E8）+ 深蓝灰（#1E2A3A）+ 品牌金。字号阶梯 12/14/16/17/18/22/28/36/56，分区交替背景。
   动效：标题上浮、平台名缩放进场、视差、逐字点亮、置顶分步、深色区渐入；尊重 prefers-reduced-motion，无 JS 时全部静态可见。 */
:root{
  --bg:#FFFFFF;--bg-2:#F7F6F3;--bg-3:#EFEDE8;
  --ink:#141414;--text:#262626;--text-2:#4A4A4A;--muted:#707070;
  --line:#E6E4DF;--line-2:#D6D3CC;
  --brand:#F5A300;--brand-press:#E09400;--brand-ink:#8F5600;--brand-50:#FFF6E0;--brand-100:#FDE8B5;
  --dark:#1E2A3A;--dark-2:#2B3A4E;--warm:#FFF7E8;--warm-2:#FDEBC8;--soft:#F7F5F0;--navy:#1E2A3A;
  --fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-22:22px;--fs-28:28px;--fs-36:36px;--fs-56:56px;
  --r-sm:6px;--r:10px;--r-lg:16px;
  --sh-sm:0 1px 2px rgba(20,20,20,.05);
  --sh:0 1px 2px rgba(20,20,20,.04),0 8px 24px -16px rgba(20,20,20,.18);
  --sh-card:0 2px 0 rgba(30,42,58,.05);
  --ease:cubic-bezier(.2,.7,.15,1);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",sans-serif;
  --mono:"SF Mono",ui-monospace,Menlo,Consolas,"Noto Sans Mono CJK SC",monospace;
  /* 兼容旧变量名（用户中心 / 后台仍在用），全部映射到单一品牌色 */
  --paper:var(--bg-2);--white:#fff;--ink-2:var(--text-2);
  --blue:var(--brand);--blue-t:var(--brand-ink);--link:var(--brand-ink);
  --violet:var(--brand);--violet-d:var(--brand-ink);--violet-50:var(--brand-50);--violet-100:var(--brand-100);
  --amber:var(--brand);--amber-d:var(--brand-ink);--amber-50:var(--brand-50);
  --cyan-50:var(--bg-2);--green:#2F7A4F;--green-50:#EEF5F0;
  --grad:var(--brand);--grad-btn:var(--brand);--sh-x:var(--sh-sm);--sh-lg:var(--sh);
  --jade:var(--brand);--gold:var(--brand);--serif:var(--font);--sans:var(--font)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:var(--fs-17);line-height:1.75;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{max-width:100%;height:auto}
a{color:var(--brand-ink);text-decoration:none}
a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--font);color:var(--ink);line-height:1.22;margin:0 0 .5em;letter-spacing:-.01em;font-weight:700}
h3,h4{font-weight:700}
p{margin:0 0 1em}
h1,h2,h3{text-wrap:balance}
.lead,.wk-hero-sub,.wk-sec-h p{text-wrap:pretty}
::selection{background:var(--brand-100)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}
.wk-ico{display:inline-block;width:1.25em;height:1.25em;flex:none;vertical-align:-.25em}
.wk-bg-warm{background:var(--warm)}
.wk-bg-soft{background:var(--soft)}
.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.r{text-align:right}
.wk-muted{color:var(--muted)}

/* ---------- buttons ---------- */
.wk-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:var(--r);font:inherit;font-weight:700;font-size:var(--fs-16);line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.wk-btn-primary,.btn{background:var(--brand);color:var(--ink)}
.wk-btn-primary:hover,.btn:hover{background:var(--brand-press);color:var(--ink)}
.wk-btn-line,.btn-light{background:#fff;color:var(--ink);border-color:var(--line-2)}
.wk-btn-line:hover,.btn-light:hover{border-color:var(--ink);color:var(--ink);background:transparent}
.wk-btn-text{background:transparent;color:var(--text);padding-left:12px;padding-right:12px}
.wk-btn-text:hover{color:var(--ink);background:var(--bg-2)}
.wk-btn-sm,.btn-sm{min-height:38px;padding:8px 16px;font-size:var(--fs-14)}
.wk-btn-lg{min-height:52px;padding:13px 28px;font-size:var(--fs-17)}
.wk-link{color:var(--brand-ink);font-weight:700}
.wk-link:hover{color:var(--ink)}
.wk-kicker,.wk-eyebrow{display:flex;align-items:center;gap:8px;font-size:var(--fs-14);font-weight:700;color:var(--brand-ink);margin:0 0 16px;letter-spacing:.02em}
.wk-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none}
a.wk-kicker{color:var(--brand-ink)}
.wk-tag{display:inline-block;font-size:var(--fs-14);font-weight:700;line-height:1.5;padding:3px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2);white-space:nowrap;background:#fff}
.wk-tag.is-self{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-ink)}
.bl{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff;border:1px solid var(--line);flex:none}
.bl-sm{width:34px;height:34px;border-radius:8px}.bl-lg{width:52px;height:52px;border-radius:12px}
.bl img{display:block}
.wk-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}

/* ---------- header ---------- */
.wk-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid transparent;transition:border-color .2s}
.wk-head.is-scrolled{border-bottom-color:var(--line)}
.wk-head-in{display:flex;align-items:center;gap:36px;min-height:64px}
.wk-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);flex:none}
.wk-brand:hover{color:var(--ink)}
.wk-brand img{display:block}
.wk-brand-t{font-size:var(--fs-18);font-weight:800;letter-spacing:.02em}
.wk-nav{display:flex;align-items:center;gap:4px;flex:1}
.wk-nav>a{position:relative;color:var(--text-2);padding:8px 12px;font-size:var(--fs-16);font-weight:500}
.wk-nav>a:hover{color:var(--ink)}
.wk-nav>a.active{color:var(--ink);font-weight:700}
.wk-nav>a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:2px;background:var(--brand)}
.wk-nav-act{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav-toggle{display:none;margin-left:auto;background:#fff;border:1px solid var(--line-2);width:42px;height:40px;padding:10px 11px;cursor:pointer;border-radius:8px}
.nav-toggle span{display:block;height:2px;background:var(--ink);margin:4px 0;transition:transform .2s,opacity .2s}
.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------- hero ---------- */
.wk-hero{padding:72px 0 80px;background:#fff}
.wk-hero-k{color:var(--brand-ink)}
.wk-hero-h{font-size:clamp(36px,4.3vw,var(--fs-56));line-height:1.18;letter-spacing:-.02em;font-weight:700;margin:0 0 22px}
.wk-ln{display:block}
.wk-ln-in{display:block}
.wk-hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center}
.wk-hero-sub{font-size:var(--fs-18);line-height:1.8;color:var(--text-2);max-width:540px;margin:0 0 30px}
.wk-hero-act{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.wk-hero-note{font-size:var(--fs-14);color:var(--muted);margin:0 0 32px}
.wk-hero-note a{color:var(--ink);font-weight:700;border-bottom:1px solid var(--line-2);white-space:nowrap}
.wk-hero-vis{position:relative;padding-top:56px}
.wk-hero-art{position:absolute;right:-8px;top:-6px;width:190px;height:auto;z-index:2;pointer-events:none}
.wk-hero-panel{position:relative;background:var(--warm);border:1px solid var(--warm-2);border-radius:20px;padding:22px 20px 20px}
.wk-panel-h{display:flex;flex-direction:column;gap:2px;margin:0 0 14px;padding-right:150px}
.wk-panel-h b{font-size:var(--fs-18);color:var(--ink)}
.wk-panel-h span{font-size:var(--fs-14);color:var(--brand-ink)}
.wk-plist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wk-plist a{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:12px 14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-card);transition:border-color .2s}
.wk-plist a:hover{border-color:var(--t,var(--brand));color:var(--ink)}
.wk-pi-c{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--soft);background:color-mix(in srgb,var(--t,#F5A300) 11%,#fff);font-size:26px}
.wk-pn-w{display:grid;min-width:0;line-height:1.3}
.wk-pn{font-size:var(--fs-18);font-weight:700}
.wk-pn-w small{font-size:var(--fs-12);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-plist-go{display:block;width:18px;height:18px;color:var(--muted);opacity:0;transition:opacity .2s}
.wk-plist-go .wk-ico{width:18px;height:18px;vertical-align:top}
.wk-plist a:hover .wk-plist-go,.wk-plist a:focus-visible .wk-plist-go{opacity:1;color:var(--t,var(--ink))}
.wk-trust{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wk-trust li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-14);font-weight:700;color:var(--ink);line-height:1.45}
.wk-trust li>img,.wk-trust .wk-ico{flex:none;width:20px;height:20px;margin-top:1px;color:var(--brand-ink)}
.wk-trust span{display:grid}
.wk-trust small{font-size:var(--fs-12);font-weight:400;color:var(--muted)}
/* vendor logos: fixed slot so every name starts at the same x */
.wk-pi{flex:none;display:block;width:1.25em;height:1em;object-fit:contain}
.wk-prow-name b,.wk-plat-h1,.wk-others b,.wk-tp{display:flex;align-items:center;gap:.42em}
.wk-tp{display:inline-flex}
.wk-others .wk-pi{width:1.3em;height:1.05em}
.wk-tp .wk-pi{width:1.2em;height:1.2em}

/* ---------- facts strip ---------- */
.wk-facts{padding:56px 0;background:var(--warm);border-top:1px solid var(--warm-2);border-bottom:1px solid var(--warm-2)}
.wk-facts-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.wk-facts-in>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:22px 24px;background:#fff;border:1px solid var(--warm-2);border-radius:16px;box-shadow:var(--sh-card)}
.wk-fi{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--warm);color:var(--brand-ink);font-size:22px}
.wk-facts-in>div:nth-child(2) .wk-fi{background:#E8EEF6;color:var(--navy)}
.wk-facts-in>div:nth-child(3) .wk-fi{background:#FFEBDD;color:#B4531A}
.wk-facts-in>div:nth-child(4) .wk-fi{background:#E3F4EE;color:#1E7D5F}
.wk-facts-in dt{font-size:var(--fs-14);color:var(--muted);font-weight:600;line-height:1.4}
.wk-facts-in dd{margin:2px 0 0;font-size:var(--fs-36);line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--ink);transform-origin:0 100%}

/* ---------- sections ---------- */
.wk-sec{padding:96px 0}
.wk-sec-tight{padding-top:40px}
.wk-sec-flush{padding-top:56px}
.wk-sec-line>.container{border-top:1px solid var(--line);padding-top:72px}
.wk-sec-line{padding-top:0}
.wk-sec-h{margin-bottom:40px;max-width:760px}
.wk-sec-h h2{font-size:clamp(28px,3vw,var(--fs-36));letter-spacing:-.015em;margin:0}
.wk-sec-h p{color:var(--text-2);margin:14px 0 0;font-size:var(--fs-17)}
.wk-sec-h-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:end;max-width:none}
.wk-sec-h-split p{margin:0}
.wk-sec-h-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;max-width:none}
.wk-sec-h-gap{margin-top:72px}

/* statement */
.wk-say{padding:104px 0;background:#fff}
.wk-say-in{display:grid;grid-template-columns:64px minmax(0,1fr);gap:28px;align-items:start}
.wk-say-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--brand);color:var(--ink);font-size:30px}
.wk-say-t{max-width:920px;margin:0;font-size:clamp(22px,2.6vw,var(--fs-36));line-height:1.5;letter-spacing:-.01em;font-weight:700;color:var(--ink);text-wrap:pretty}
.wk-say .ch{opacity:.16;transition:opacity .4s var(--ease)}
.wk-say .ch.on{opacity:1}

/* table */
.wk-table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 24px;box-shadow:var(--sh-card)}
.wk-table{width:100%;border-collapse:collapse;font-size:var(--fs-16)}
.wk-table th,.wk-table td{text-align:left;vertical-align:top;padding:22px 20px 22px 0;border-bottom:1px solid var(--line)}
.wk-table thead th{font-size:var(--fs-14);font-weight:700;color:var(--muted);padding-top:16px;padding-bottom:16px}
.wk-table tbody tr:last-child>*{border-bottom:0}
.wk-table tbody th{font-size:var(--fs-18);font-weight:700;white-space:nowrap}
.wk-table tbody th a{color:var(--ink)}
.wk-table tbody th a:hover{color:var(--brand-ink)}
.wk-table td{color:var(--text-2)}
.wk-table td.r{padding-right:0}
.wk-table-note{margin:18px 0 0;color:var(--muted);font-size:var(--fs-14)}

/* pinned story */
.wk-story{position:relative;padding:96px 0}
.wk-story-h h2{font-size:clamp(28px,3vw,var(--fs-36));letter-spacing:-.015em;margin:0 0 40px}
.wk-story-steps{list-style:none;margin:0;padding:0}
.wk-st{border-top:1px solid var(--line);padding:30px 0}
.wk-st-l{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px}
.wk-step-n{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--brand);color:var(--ink);font-size:var(--fs-16);font-weight:800}
.wk-st:nth-child(2) .wk-step-n{background:var(--navy);color:#fff}
.wk-st:nth-child(3) .wk-step-n{background:#E8EEF6;color:var(--navy)}
.wk-st:nth-child(4) .wk-step-n{background:var(--warm-2);color:var(--brand-ink)}
.wk-st-l h3{font-size:var(--fs-22);margin:6px 0 6px}
.wk-st-l p{color:var(--text-2);margin:0;max-width:520px}
.wk-st-r{margin:18px 0 0 72px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--sh-card)}
.wk-st-big{display:none}
.wk-st-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.wk-st-cols h4{display:flex;align-items:center;gap:8px;font-size:var(--fs-14);color:var(--brand-ink);margin:0 0 6px;font-weight:700}
.wk-st-cols h4 .wk-ico{width:18px;height:18px}
.wk-st-cols ul{list-style:none;margin:0;padding:0}
.wk-st-cols li{padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--fs-16);color:var(--text)}
.wk-st-cols li:last-child{border-bottom:0}
.wk-story-bar{display:none}
.wk-story-more{margin:28px 0 0}
/* pin mode: html.mo-pin set by JS on wide screens when motion is allowed */
.mo-pin .wk-story{height:420vh;padding:0}
.mo-pin .wk-story-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;padding-top:64px;overflow:hidden}
.mo-pin .wk-story-in{width:100%}
.mo-pin .wk-story-h h2{margin-bottom:36px}
.mo-pin .wk-story-steps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto auto auto auto 1fr;column-gap:64px;padding-bottom:20px}
.mo-pin .wk-st{display:contents}
.mo-pin .wk-st-l{grid-column:1;align-self:start;border-top:1px solid var(--line-2);padding:18px 0;cursor:pointer;opacity:.32;transition:opacity .5s var(--ease)}
.mo-pin .wk-st-l p{display:none}
.mo-pin .wk-st.is-on .wk-st-l{opacity:1}
.mo-pin .wk-st.is-on .wk-st-l p{display:block}
.mo-pin .wk-st-r{grid-column:2;grid-row:1/-1;margin:0;align-self:start;opacity:0;transform:translateY(40px);transition:opacity .6s var(--ease),transform .8s var(--ease);pointer-events:none}
.mo-pin .wk-st.is-past .wk-st-r{transform:translateY(-40px)}
.mo-pin .wk-st.is-on .wk-st-r{opacity:1;transform:none;pointer-events:auto}
.mo-pin .wk-st-big{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:18px;background:var(--brand);font-size:var(--fs-28);line-height:1;font-weight:800;color:var(--ink);margin:0 0 22px;transform-origin:0 100%;transform:scale(.8);transition:transform .9s var(--ease)}
.mo-pin .wk-st.is-on .wk-st-big{transform:none}
.mo-pin .wk-story-bar{display:block;height:2px;background:var(--line);margin:0;overflow:hidden}
.mo-pin .wk-story-bar i{display:block;height:100%;background:var(--brand);transform-origin:0 50%;transform:scaleX(var(--sp,0))}

/* dark block */
.wk-dusk{position:relative;isolation:isolate;padding:max(72px,10vh) 0}
.wk-dusk-bg{position:absolute;inset:0;z-index:-1;background:var(--dark);opacity:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);will-change:opacity}
.wk-dark{background:var(--dark);color:#C3CCD8;border-radius:24px;padding:72px 72px}
.wk-dark .wk-kicker{color:var(--brand)}
.wk-dark h2{color:#fff;font-size:clamp(28px,3vw,var(--fs-36));letter-spacing:-.015em;margin:0 0 36px}
.wk-dark-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(245,163,0,.16);color:var(--brand);font-size:18px}
.wk-dark-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid rgba(255,255,255,.14);padding-top:28px;font-size:var(--fs-17);line-height:1.85}
.wk-dark-cols p{margin:0}
.wk-dk-i{display:flex;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:var(--brand);margin-bottom:14px;font-size:20px}
.wk-dark a{color:var(--brand);border-bottom:1px solid rgba(245,163,0,.4)}
.wk-dark a:hover{color:#fff}

/* FAQ */
.wk-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:80px;align-items:start}
.wk-split-l{position:sticky;top:104px}
.wk-split-l h2{font-size:clamp(28px,3vw,var(--fs-36));letter-spacing:-.015em;margin:0 0 14px}
.wk-split-l p{color:var(--text-2)}
.wk-faq{border-top:2px solid var(--brand)}
.wk-faq details{border-bottom:1px solid var(--line)}
.wk-faq summary{list-style:none;cursor:pointer;padding:20px 48px 20px 0;font-weight:700;font-size:var(--fs-18);color:var(--ink);position:relative}
.wk-faq summary::-webkit-details-marker{display:none}
.wk-faq summary::before,.wk-faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:2px;background:var(--ink);transition:transform .25s var(--ease)}
.wk-faq summary::after{transform:rotate(90deg)}
.wk-faq details[open] summary::after{transform:rotate(0)}
.wk-faq summary:hover{color:var(--brand-ink)}
.wk-faq details p{color:var(--text-2);margin:0;padding:0 48px 24px 0;max-width:720px}

/* article list rows */
.wk-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--brand)}
.wk-list li{border-bottom:1px solid var(--line)}
.wk-list a{display:grid;grid-template-columns:140px minmax(0,1fr) 24px;gap:24px;align-items:baseline;padding:20px 0;color:var(--ink)}
.wk-list small{font-size:var(--fs-14);color:var(--muted)}
.wk-list b{font-size:var(--fs-18);font-weight:700}
.wk-list span{color:var(--muted);transition:transform .2s}
.wk-list a:hover b{color:var(--brand-ink)}
.wk-list a:hover span{transform:translateX(4px);color:var(--ink)}

/* CTA */
.wk-cta{padding:24px 0 96px}
.wk-cta-in{position:relative;background:var(--warm);border:1px solid var(--warm-2);border-radius:24px;padding:56px 56px 56px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;overflow:hidden}
.wk-cta-art{position:absolute;right:32px;top:16px;width:170px;height:auto;opacity:.95;pointer-events:none}
.wk-cta-in h2{font-size:clamp(28px,3vw,var(--fs-36));letter-spacing:-.015em;line-height:1.25;margin:0}
.wk-cta-ps{display:flex;gap:8px;align-items:flex-start;color:var(--text-2);margin:14px 0 0;font-size:var(--fs-16)}
.wk-cta-ps .wk-ico{margin-top:3px;color:var(--brand-ink)}
.wk-cta-act{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-self:end;position:relative;margin-top:72px}

/* ---------- page head ---------- */
.wk-pagehead{position:relative;background:var(--warm) url(/assets/images/hero-cloud.svg?v=124262858309197) no-repeat right max(40px,calc(50% - 560px)) bottom 28px/200px auto;border-bottom:1px solid var(--warm-2)}
.wk-ph-in{padding-top:56px;padding-bottom:56px}
.wk-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--fs-14);color:var(--muted);margin-bottom:28px}
.wk-crumbs a{color:var(--muted)}.wk-crumbs a:hover{color:var(--ink)}
.wk-crumbs b{color:var(--text);font-weight:600}
.wk-pagehead h1{font-size:clamp(34px,4.3vw,var(--fs-56));line-height:1.18;letter-spacing:-.02em;margin:0 0 20px;max-width:860px}
.wk-pagehead .lead{font-size:var(--fs-18);line-height:1.8;color:var(--text-2);max-width:680px;margin:0}

/* platforms overview rows */
.wk-prows{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wk-prows li{--t:var(--brand)}
.wk-prow{display:grid;grid-template-columns:40px minmax(0,4fr) minmax(0,5fr) 104px;gap:24px;align-items:center;padding:24px 28px;color:var(--ink);background:#fff;border:1px solid var(--line);border-left:4px solid var(--t);border-radius:16px;box-shadow:var(--sh-card);transition:border-color .2s}
.wk-prow:hover{border-color:var(--t);color:var(--ink)}
.wk-prow-n{font-family:var(--mono);font-size:var(--fs-14);font-weight:700;color:var(--muted)}
.wk-prow-name b{display:block;font-size:var(--fs-28);font-weight:700;letter-spacing:-.01em;line-height:1.2}
.wk-prow-name small{display:block;margin-top:6px;font-size:var(--fs-14);color:var(--muted)}
.wk-prow-line{color:var(--text-2);font-size:var(--fs-16)}
.wk-prow .wk-tag{justify-self:end}
.wk-two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.wk-two>div{background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:16px;padding:28px;box-shadow:var(--sh-card)}
.wk-two>div+div{border-top-color:var(--navy)}
.wk-two h3{font-size:var(--fs-22);margin:0 0 10px}
.wk-two p{color:var(--text-2);max-width:480px}
.wk-two .wk-btn{margin-top:8px}
.wk-two-tight{margin-top:56px}

/* platform detail */
.wk-plat-en{color:var(--muted);margin:-8px 0 32px;font-size:var(--fs-16)}
.wk-plat-h1 .wk-pi-c{width:72px;height:72px;font-size:38px;border:1px solid var(--warm-2)}
.wk-plat-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:72px;align-items:start;margin-bottom:40px}
.wk-plat-grid .lead{max-width:none}
.wk-facts-dl{margin:0;background:#fff;border:1px solid var(--warm-2);border-radius:16px;padding:6px 20px;box-shadow:var(--sh-card)}
.wk-facts-dl>div:last-child{border-bottom:0!important}
.wk-facts-dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--fs-16)}
.wk-facts-dl dt{color:var(--muted)}
.wk-facts-dl dd{margin:0;font-weight:700;color:var(--ink);text-align:right}
.wk-plathead .wk-hero-act{margin:28px 0 0}
.wk-plathead{padding-bottom:16px}
.wk-plat-grid{margin-bottom:0!important}
.wk-doc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:80px;padding-top:72px;padding-bottom:40px}
.wk-doc-nav{position:sticky;top:96px;align-self:start;display:grid;gap:2px}
.wk-doc-nav b{font-size:var(--fs-14);color:var(--muted);margin-bottom:8px}
.wk-doc-nav a{color:var(--text-2);font-size:var(--fs-16);padding:4px 0 4px 12px;border-left:2px solid var(--line)}
.wk-doc-nav a:hover{border-left-color:var(--brand)}
.wk-doc-nav a:hover{color:var(--ink)}
.wk-doc-main{max-width:780px}
.wk-doc-main>section{padding:0 0 56px}
.wk-doc-main h2{font-size:var(--fs-28);letter-spacing:-.01em;margin:0 0 18px;padding-top:24px;border-top:2px solid var(--brand)}
.wk-doc-main p{color:var(--text-2)}
.wk-ul,.wk-ol{list-style:none;margin:0 0 1em;padding:0}
.wk-ul li,.wk-ol li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}
.wk-ul li:first-child,.wk-ol li:first-child{padding-top:4px}
.wk-ol{counter-reset:o}
.wk-ol li{counter-increment:o;display:grid;grid-template-columns:40px minmax(0,1fr)}
.wk-ol li{grid-template-columns:44px minmax(0,1fr)!important}
.wk-ol li::before{content:counter(o);display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--warm-2);font-size:var(--fs-14);font-weight:800;color:var(--brand-ink);margin-top:1px}
.wk-ol-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid var(--ink)}
.wk-ol-cols li:first-child,.wk-ol-cols li:nth-child(2){padding-top:16px}
.wk-others{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wk-others a{display:block;height:100%;padding:18px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-card)}
.wk-others a:hover{border-color:var(--brand)}
.wk-others b{display:block;font-size:var(--fs-18);font-weight:700}
.wk-others small{color:var(--muted);font-size:var(--fs-14)}
.wk-others a:hover b{color:var(--brand-ink)}

/* pricing */
.wk-formula{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;font-size:var(--fs-28);font-weight:700;letter-spacing:-.01em;color:var(--ink);padding:28px 32px;background:var(--warm);border:1px solid var(--warm-2);border-radius:16px}
.wk-formula i{font-style:normal;color:var(--muted);font-weight:400}
.wk-formula .eq{color:var(--brand-ink)}
.wk-steps{list-style:none;margin:0;padding:0}
.wk-steps>li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:28px;padding:36px 0;border-top:1px solid var(--line)}
.wk-steps>li:first-child{border-top:2px solid var(--brand)}
.wk-steps .wk-step-n{width:64px;height:64px;border-radius:16px;font-size:var(--fs-22)}
.wk-steps>li:nth-child(2) .wk-step-n{background:var(--navy);color:#fff}
.wk-steps>li:nth-child(3) .wk-step-n{background:#E8EEF6;color:var(--navy)}
.wk-steps>li:nth-child(4) .wk-step-n{background:var(--warm-2);color:var(--brand-ink)}
.wk-steps h2{font-size:var(--fs-28);letter-spacing:-.01em;margin:4px 0 8px}
.wk-steps p{color:var(--text-2);max-width:640px}
.wk-steps .wk-st-cols{margin-top:20px;max-width:760px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:var(--sh-card)}
.wk-rules{list-style:none;margin:0;padding:0;border-top:2px solid var(--brand)}
.wk-rules li{padding:22px 0;border-bottom:1px solid var(--line);color:var(--text-2);font-size:var(--fs-17);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:40px}
.wk-rules b{color:var(--ink);font-size:var(--fs-18)}

/* company / contact */
.wk-prose{max-width:720px;font-size:var(--fs-18);line-height:1.9;color:var(--text)}
.wk-prose p{margin:0 0 1.2em}
.wk-placeholder{font-size:.9rem!important;color:var(--brand-ink)!important;background:var(--brand-50);border-left:3px solid var(--brand);padding:12px 16px;margin:28px 0 0!important;line-height:1.7}
.wk-contacts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.wk-contacts li{border-top:2px solid var(--brand)}
.wk-contacts a,.wk-contacts li>div{display:grid;gap:4px;padding:22px 0 30px;color:var(--ink)}
.wk-contacts small{font-size:var(--fs-14);color:var(--muted);font-weight:600}
.wk-contacts b{font-size:clamp(22px,2.2vw,var(--fs-28));font-weight:700;letter-spacing:-.01em;word-break:break-all}
.wk-contacts span{color:var(--text-2);font-size:var(--fs-16)}
.wk-contacts a:hover b{color:var(--brand-ink)}

/* ---------- resources ---------- */
.wk-search{display:flex;align-items:center;gap:8px;max-width:620px;margin-top:36px}
.wk-search input{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;color:var(--ink);font:inherit;outline:none}
.wk-search input:focus{border-color:var(--ink)}
.wk-search .wk-btn{min-height:48px}
.wk-lib{display:grid;grid-template-columns:200px minmax(0,1fr);gap:72px;padding-top:56px;padding-bottom:88px}
.wk-lib-side{position:sticky;top:96px;align-self:start;display:grid;gap:2px}
.wk-lib-side b{font-size:.8rem;color:var(--muted);margin-bottom:8px}
.wk-lib-side a{display:flex;justify-content:space-between;align-items:center;padding:6px 0;color:var(--text-2);font-size:.95rem}
.wk-lib-side a:hover{color:var(--ink)}
.wk-lib-side a small{font-size:.8rem;color:var(--muted);font-family:var(--mono)}
.wk-lib-side a.on{color:var(--ink);font-weight:700}
.wk-lib-side a.wk-lib-more{color:var(--brand-ink);font-weight:700;margin-top:10px}
.wk-lib-main{align-content:start;border-top:2px solid var(--brand)}
.wk-result{color:var(--text-2);margin:16px 0}
.wk-lib-main>.wk-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.wk-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:26px 0}
.wk-entry h2{font-size:var(--fs-22);letter-spacing:-.01em;margin:6px 0 8px}.wk-entry h2 a{color:var(--ink)}.wk-entry h2 a::after{content:"";position:absolute;inset:0}
.wk-entry:hover h2 a{color:var(--brand-ink)}
.wk-entry p{color:var(--text-2);margin:0;font-size:var(--fs-16)}
.wk-entry-meta{font-size:.84rem!important;color:var(--muted)!important}
.wk-entry-meta .cat{color:var(--brand-ink);font-weight:700;margin-right:8px}
.wk-entry time{font-family:var(--mono);font-size:.82rem;color:var(--muted);white-space:nowrap;padding-top:6px}
.wk-entry-lead h2{font-size:var(--fs-28)}
.wk-tags{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px!important;position:relative;z-index:1}
.wk-tags a{font-size:.85rem;color:var(--text-2)}
.wk-tags a:hover{color:var(--brand-ink)}
.wk-pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:28px}
.wk-pager a,.wk-pager strong,.wk-pager span{min-width:42px;height:42px;padding:0 14px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);background:#fff}
.wk-pager strong{background:var(--ink);color:#fff;border-color:var(--ink)}
.wk-pager .off{color:#B5B2AB}
.wk-empty{padding:40px 0}
.wk-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px}
.wk-topics>.wk-card{border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:var(--sh-card)}
.wk-topic-n{display:flex;justify-content:space-between;margin:0 0 12px;font-size:.86rem;color:var(--muted)}
.wk-topic-n b{font-family:var(--mono);color:var(--brand-ink)}
.wk-topic h2{font-size:var(--fs-22);margin:0 0 8px}.wk-topic h2 a{color:var(--ink)}
.wk-topic>p{color:var(--text-2);font-size:.96rem}
.wk-topic ul{list-style:none;margin:0 0 16px;padding:0}
.wk-topic ul li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.94rem}
.wk-topic ul a{color:var(--text)}.wk-topic ul a:hover{color:var(--brand-ink)}
.wk-topic footer{margin-top:auto;display:flex;justify-content:space-between;font-size:.86rem;color:var(--muted)}
.wk-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px}
.wk-chips a{display:grid;gap:4px;border-top:2px solid var(--brand);padding:18px 0;color:var(--ink)}
.wk-chips b{font-size:var(--fs-18);font-weight:700}
.wk-chips small{color:var(--muted)}
.wk-chips a:hover b{color:var(--brand-ink)}
.wk-nf-code{font-size:clamp(72px,10vw,120px);line-height:.9;font-weight:800;letter-spacing:-.06em;color:var(--brand);margin:0 0 24px}
.wk-nf .wk-hero-act{margin-top:36px}

/* ---------- article ---------- */
.wk-art-w{max-width:900px}
.wk-art-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.88rem;color:var(--muted);margin-top:28px!important}
.wk-art{display:grid;grid-template-columns:200px minmax(0,740px);gap:80px;padding-top:56px;padding-bottom:72px;justify-content:center}
.wk-art.no-toc{grid-template-columns:minmax(0,740px)}
.wk-art-toc{position:sticky;top:96px;align-self:start}
.toc b{display:block;font-size:.8rem;color:var(--muted);margin-bottom:10px}
.toc ol,.wk-toc-m ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc li a,.wk-toc-m li a{display:block;padding:5px 0 5px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--text-2);font-size:.9rem}
.toc li.l3 a{padding-left:28px;font-size:.85rem}
.toc a.on,.toc a:hover{color:var(--ink);border-color:var(--brand)}
.wk-toc-m{display:none;margin-bottom:24px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:12px 0}
.wk-toc-m summary{cursor:pointer;font-weight:700}
.prose{font-size:var(--fs-17);line-height:1.95;color:#2B2B2B}
.prose h2{font-size:var(--fs-28);margin:2em 0 .7em;letter-spacing:-.01em}
.prose h3{font-size:var(--fs-22);margin:1.6em 0 .6em}
.prose a{color:var(--brand-ink);text-decoration:underline;text-decoration-color:var(--brand-100);text-underline-offset:3px;text-decoration-thickness:2px}
.prose ul,.prose ol{padding-left:1.4em}
.prose li{margin:.35em 0}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--brand);color:var(--text-2)}
.prose code{background:var(--bg-2);padding:2px 6px;border-radius:4px;font-size:.88em;font-family:var(--mono)}
.prose pre{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:18px;border-radius:var(--r);overflow:auto}
.prose pre code{background:none;padding:0}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px 10px 0;text-align:left}
.prose th{font-weight:700;border-bottom-color:var(--ink)}
.prose img{display:block;margin:1.4em 0;border-radius:var(--r);max-width:100%;height:auto}
.wk-art-foot{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.wk-share{display:flex;gap:10px;flex-wrap:wrap}
.wk-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0;padding:28px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.wk-next small{color:var(--muted);font-weight:600;font-size:.82rem}
.wk-next b{display:block;color:var(--ink);font-size:var(--fs-22);margin:4px 0}
.wk-next p{margin:0;font-size:.94rem;color:var(--text-2)}
.wk-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wk-prevnext a,.wk-prevnext span{display:grid;gap:2px;padding:16px 0;border-top:1px solid var(--line);color:var(--ink)}
.wk-prevnext a:hover b{color:var(--brand-ink)}
.wk-prevnext .r{text-align:right}
.wk-prevnext small{color:var(--muted)}
.wk-prevnext .off b{color:#B5B2AB;font-weight:500}
.wk-art-rel{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 24px}

/* ---------- footer ---------- */
.wk-foot{background:var(--navy);padding:64px 0 0;font-size:var(--fs-14);color:#AEB9C7}
.wk-foot .wk-brand,.wk-foot .wk-brand:hover{color:#fff}
.wk-foot-top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;padding-bottom:56px}
.wk-foot-brand p{margin:16px 0 0;max-width:300px}
.wk-foot-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1.7fr;gap:32px}
.wk-foot-cols h3{font-size:var(--fs-14);color:#fff;font-weight:700;margin:0 0 12px}
.wk-foot-cols a{display:block;color:#D5DCE5;padding:3px 0}
.wk-foot-cols a:hover{color:var(--brand)}
.wk-foot-cols p{margin:0 0 6px;overflow-wrap:anywhere}
.wk-foot-cols p a{display:inline;padding:0}
.wk-foot-note{color:#8C99A9;font-size:var(--fs-12)}
.wk-foot-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:20px 0 28px;border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-12);color:#8C99A9}

/* ---------- motion (JS adds .rv / .mo to <html>; none of this applies without JS or with reduced motion) ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
  .rv [data-rv].in{opacity:1;transform:none}
  .rv [data-rv="num"] dd{transform:scale(.55);transition:transform 1.1s var(--ease)}
  .rv [data-rv="num"].in dd{transform:none}
  .rv [data-rv-d="1"]{transition-delay:.08s}.rv [data-rv-d="2"]{transition-delay:.16s}.rv [data-rv-d="3"]{transition-delay:.24s}
  .rv [data-rv-d="1"] dd{transition-delay:.08s}.rv [data-rv-d="2"] dd{transition-delay:.16s}.rv [data-rv-d="3"] dd{transition-delay:.24s}
  /* hero: headline lines rise from a mask, platform names scale in one by one */
  .mo .wk-ln{overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
  .mo .wk-ln-in{animation:wkRise 1.1s var(--ease) both}
  .mo .wk-ln:nth-child(2) .wk-ln-in{animation-delay:.12s}
  .mo .wk-hero-k,.mo .wk-hero-copy{animation:wkFade 1s var(--ease) .35s both}
  .mo .wk-plist li{animation:wkPop .9s var(--ease) both;animation-delay:calc(.45s + var(--i,0) * .08s)}
  .mo .wk-hero-panel{translate:0 calc(var(--p,0) * -60px)}
  .mo .wk-hero-art{translate:calc(var(--p,0) * 40px) calc(var(--p,0) * -110px);animation:wkFloat 6s ease-in-out infinite alternate}
  .mo .wk-hero-copy{translate:0 calc(var(--p,0) * 30px)}
  @keyframes wkFloat{from{transform:translateY(0)}to{transform:translateY(-8px)}}
  @keyframes wkRise{from{transform:translateY(105%)}to{transform:none}}
  @keyframes wkFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes wkPop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
  @supports (animation-timeline:view()){
    .mo [data-sd]{animation:wkSd linear both;animation-timeline:view();animation-range:entry 0% cover 36%}
    @keyframes wkSd{from{opacity:.25;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}
  }
}

/* ---------- responsive ---------- */
@media (max-width:1120px){
  .wk-nav>a{padding:8px 9px;font-size:.9rem}
  .wk-head-in{gap:20px}
  .wk-hero-grid{gap:40px}
  .wk-facts-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wk-trust{grid-template-columns:1fr}
  .wk-foot-top{grid-template-columns:1fr;gap:40px}
  .wk-others{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wk-others li:nth-child(3){border-right:0}
  .wk-others li:nth-child(4) a{padding-left:0}
}
@media (max-width:960px){
  .nav-toggle{display:block}
  .wk-nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 6px);flex-direction:column;align-items:stretch;gap:0;padding:10px 14px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
  .wk-nav.open{display:flex}
  .wk-nav>a{padding:12px 4px;font-size:1rem;border-bottom:1px solid var(--line)}
  .wk-nav>a.active::after{display:none}
  .wk-nav-act{margin:10px 0 4px}.wk-nav-act .wk-btn{flex:1;min-height:44px}
  .wk-head-in{position:relative}
  .wk-hero{padding:56px 0 64px}
  .wk-hero-grid{grid-template-columns:1fr;gap:24px}
  .wk-trust{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mo .wk-hero-panel,.mo .wk-hero-copy,.mo .wk-hero-art{translate:none}
  .wk-cta-act{margin-top:0}
  .wk-sec{padding:88px 0}
  .wk-sec-h-split{grid-template-columns:1fr;gap:16px}
  .wk-table thead{display:none}
  .wk-table,.wk-table tbody,.wk-table tr,.wk-table th,.wk-table td{display:block}
  .wk-table tr{padding:18px 0;border-bottom:1px solid var(--line)}
  .wk-table tbody tr:last-child{border-bottom:0}
  .wk-table-wrap{padding:0 20px}
  .wk-table th,.wk-table td{border:0;padding:4px 0}
  .wk-table tbody th{font-size:var(--fs-18);margin-bottom:8px}
  .wk-table td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
  .wk-table td::before{content:attr(data-l);color:var(--muted);font-size:var(--fs-14)}
  .wk-table td.r{display:block;text-align:left;padding-top:8px}
  .wk-say{padding:72px 0}
  .wk-story{padding:88px 0}
  .wk-dark{padding:56px 36px}
  .wk-dark-cols{grid-template-columns:1fr;gap:20px}
  .wk-split{grid-template-columns:1fr;gap:32px}.wk-split-l{position:static}
  .wk-cta-in{grid-template-columns:1fr;gap:28px}
  .wk-cta-act{grid-column:1;grid-row:auto;justify-content:flex-start}
  .wk-prow{grid-template-columns:32px minmax(0,1fr) auto;gap:8px 18px;padding:20px 22px}
  .wk-prow-line{grid-column:2/-1;grid-row:2}
  .wk-plat-grid{grid-template-columns:1fr;gap:32px}
  .wk-doc,.wk-lib{grid-template-columns:1fr;gap:28px}
  .wk-doc-nav{position:static;display:flex;flex-wrap:wrap;gap:4px 18px}
  .wk-doc-nav b{display:none}
  .wk-lib-side{position:static;display:flex;flex-wrap:wrap;gap:4px 18px}
  .wk-lib-side b{display:none}
  .wk-lib-side a{gap:6px}
  .wk-lib-side a.wk-lib-more{margin:0}
  .wk-art,.wk-art.no-toc{grid-template-columns:minmax(0,1fr)}
  .wk-art-toc{display:none}.wk-toc-m{display:block}
  .wk-topics{grid-template-columns:1fr 1fr}
  .wk-chips{grid-template-columns:1fr 1fr}
  .wk-steps>li{grid-template-columns:80px minmax(0,1fr)}
  .wk-rules li{grid-template-columns:1fr;gap:6px}
}
@media (max-width:640px){
  body{font-size:var(--fs-16)}
  .container{padding-left:20px;padding-right:20px}
  .wk-head-in{min-height:60px;gap:12px}
  .wk-nav{left:12px;right:12px}
  .wk-hero{padding:40px 0 48px}
  .wk-hero-h{font-size:34px;margin-bottom:18px}
  .wk-hero-sub{font-size:var(--fs-17);margin-bottom:24px}
  .wk-hero-act .wk-btn{flex:1 1 100%}
  .wk-hero-note{margin-bottom:24px}
  .wk-trust{grid-template-columns:1fr;gap:12px}
  .wk-hero-vis{padding-top:44px}
  .wk-hero-art{width:140px;right:-4px;top:0}
  .wk-hero-panel{padding:18px 14px 14px;border-radius:18px}
  .wk-panel-h{padding-right:110px}
  .wk-plist a{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:10px 12px}
  .wk-pi-c{width:40px;height:40px;font-size:20px}
  .wk-plist-go{display:none}
  .wk-pn{font-size:var(--fs-17)}
  .wk-facts{padding:40px 0}
  .wk-facts-in{grid-template-columns:1fr 1fr;gap:10px}
  .wk-facts-in>div{grid-template-columns:1fr;padding:16px;row-gap:8px}
  .wk-fi{grid-row:auto;width:40px;height:40px;font-size:20px}
  .wk-facts-in dd{font-size:var(--fs-28)}
  .wk-sec{padding:64px 0}
  .wk-sec-line>.container{padding-top:56px}
  .wk-sec-h{margin-bottom:32px}
  .wk-sec-h h2{font-size:var(--fs-28)}
  .wk-sec-h-row{flex-direction:column;gap:8px}
  .wk-say-in{grid-template-columns:1fr;gap:18px}
  .wk-say-mark{width:48px;height:48px;font-size:24px;border-radius:12px}
  .wk-say-t{font-size:var(--fs-22);line-height:1.6}
  .wk-st-l{grid-template-columns:52px minmax(0,1fr)}
  .wk-st-r{margin-left:0;padding:18px}
  .wk-st-cols{grid-template-columns:1fr;gap:16px}
  .wk-dusk{padding:88px 0}
  .wk-dark{padding:40px 22px;margin:0 -8px;border-radius:20px}
  .wk-dark h2{margin-bottom:28px}
  .wk-list a{grid-template-columns:minmax(0,1fr) 20px;gap:4px 12px}
  .wk-list small{grid-column:1/-1}
  .wk-cta{padding:16px 0 64px}
  .wk-cta-in{padding:96px 22px 28px;border-radius:20px}
  .wk-cta-art{width:130px;right:14px;top:-8px}
  .wk-cta-act .wk-btn{flex:1 1 100%}
  .wk-pagehead{background-size:120px auto;background-position:right 16px top 20px}
  .wk-ph-in{padding-top:36px;padding-bottom:40px}
  .wk-crumbs{margin-bottom:56px}
  .wk-pagehead h1{font-size:32px}
  .wk-pagehead .lead{font-size:var(--fs-17)}
  .wk-plat-h1 .wk-pi-c{width:56px;height:56px;font-size:30px}
  .wk-prow{grid-template-columns:minmax(0,1fr) auto;padding:18px}
  .wk-prow-name b{font-size:var(--fs-22)}
  .wk-prow-n{display:none}
  .wk-prow-line{grid-column:1/-1}
  .wk-two{grid-template-columns:1fr;gap:40px}
  .wk-ol-cols{grid-template-columns:1fr}
  .wk-ol-cols li:nth-child(2){padding-top:12px}
  .wk-others{grid-template-columns:1fr 1fr}
  .wk-others{gap:10px}
  .wk-others a{padding:14px}
  .wk-steps>li{grid-template-columns:1fr;gap:12px;padding:32px 0}
  .wk-steps .wk-step-n{width:48px;height:48px;font-size:var(--fs-18);border-radius:12px}
  .wk-steps h2{font-size:var(--fs-22)}
  .wk-contacts{grid-template-columns:1fr}
  .wk-entry{grid-template-columns:1fr;gap:6px;padding:22px 0}
  .wk-entry time{order:-1;padding:0}
  .wk-next{flex-direction:column;align-items:flex-start}
  .wk-prevnext{grid-template-columns:1fr;gap:0}
  .wk-topics{grid-template-columns:1fr;gap:40px}
  .wk-foot{padding-top:56px}
  .wk-foot-cols{grid-template-columns:1fr 1fr;gap:28px 20px}
  .wk-formula{font-size:var(--fs-22);padding:20px}
  .wk-search{flex-wrap:wrap}.wk-search input{flex:1 1 100%}.wk-search .wk-btn{flex:1}
}
.wk-table td .wk-tag{justify-self:start}
.wk-prow-name b,.wk-others b{display:flex;align-items:center;gap:.42em}
.wk-prow-name .wk-pi-c{width:52px;height:52px;font-size:26px;margin-right:6px}
.wk-others .wk-pi-c{width:34px;height:34px;font-size:17px}
.wk-pagehead:has(.wk-plathead){background-position:right max(40px,calc(50% - 560px)) top 36px;background-size:180px auto}
/* v9 hero CTA: 开户 / 充值 */
.wk-btn-ico{gap:12px;min-height:60px;padding:10px 24px 10px 18px;text-align:left;justify-content:flex-start}
.wk-btn-ico .wk-ico{width:24px;height:24px;flex:none}
.wk-btn-ico>span{display:flex;flex-direction:column;line-height:1.2;font-size:var(--fs-18);font-weight:700}
.wk-btn-ico small{font-size:var(--fs-14);font-weight:500;opacity:.78;margin-top:2px}
.wk-btn-line.wk-btn-ico .wk-ico{color:var(--brand-ink)}
@media (max-width:640px){.wk-hero-act .wk-btn-ico{flex:1 1 0;min-width:0;padding:10px 14px}}
@media (max-width:960px){.wk-nav>a.active{color:var(--brand-ink);box-shadow:inset 3px 0 0 var(--brand);padding-left:12px}}