*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bk-bg:#eef1f4; --bk-bg2:#f8f9fb; --bk-surface:#fff;
  --bk-slate:#1e2936; --bk-slate2:#3d4f62; --bk-slate3:#64748b;
  --bk-teal:#0d9488; --bk-teal-d:#0f766e; --bk-teal-l:#ccfbf1;
  --bk-line:#d8dee6; --bk-line2:#c4cdd8;
  --bk-mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",Consolas,monospace;
  --bk-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bk-r:6px; --bk-rs:4px; --bk-sh:0 12px 40px rgba(30,41,54,.12); --bk-sh-s:0 4px 14px rgba(30,41,54,.08);
}
html,body{width:100%;max-width:100%;overflow-x:clip}
body{font-family:var(--bk-sans);background:var(--bk-bg);color:var(--bk-slate2);line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg,video,iframe{max-width:100%;display:block}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}
button,input,textarea,select{font-family:inherit;color:inherit}
table{width:100%;border-collapse:collapse}
.bk-shell{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.bk-kicker{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--bk-teal)}
.bk-h2{font-size:clamp(24px,3.2vw,38px);font-weight:800;line-height:1.15;color:var(--bk-slate);letter-spacing:-.3px}
.bk-kicker + .bk-h2{margin-top:12px}
.bk-h2 + .bk-tlist,.bk-h2 + .bk-vstack,.bk-h2 + .bk-moz,.bk-h2 + .bk-catlist,.bk-h2 + .bk-tblbody{margin-top:clamp(22px,3vw,32px)}
.bk-sec{padding:clamp(44px,6vw,80px) 0}
.bk-shead{max-width:680px;margin:0 auto clamp(28px,4vw,42px);text-align:left}
.bk-shead.c{text-align:center;margin-left:auto;margin-right:auto}
.bk-shead .bk-kicker{display:inline-block;margin-bottom:12px}
.bk-shead p{margin-top:12px;font-size:15px;color:var(--bk-slate3)}
.bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--bk-r);font-size:14px;font-weight:700;letter-spacing:.2px;cursor:pointer;border:1.5px solid transparent;transition:.22s}
.bk-btn-ink{background:var(--bk-slate);color:#fff}.bk-btn-ink:hover{background:var(--bk-teal-d);transform:translateY(-1px)}
.bk-btn-honey{background:var(--bk-teal);color:#fff}.bk-btn-honey:hover{background:var(--bk-teal-d);transform:translateY(-1px)}
.bk-btn-ghost{background:transparent;color:var(--bk-slate);border-color:var(--bk-line2)}.bk-btn-ghost:hover{border-color:var(--bk-teal);color:var(--bk-teal-d)}
.bk-arrow{font-size:13px;font-weight:700;color:var(--bk-teal);display:inline-flex;align-items:center;gap:6px;transition:.2s}
.bk-arrow:hover{gap:10px;color:var(--bk-teal-d)}
/* 顶栏 + 扁平导航 */
.bk-topbar{background:var(--bk-teal);color:#fff;font-size:12px}
.bk-topbar-in{max-width:1240px;margin:0 auto;padding:8px clamp(16px,4vw,40px);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bk-topbar a{color:#fff;opacity:.95}.bk-topbar a:hover{opacity:1;text-decoration:underline}
.bk-head{position:sticky;top:0;z-index:800;background:var(--bk-surface);border-bottom:1px solid var(--bk-line);box-shadow:var(--bk-sh-s)}
.bk-bar{display:flex;align-items:center;gap:16px;padding:0 clamp(16px,4vw,40px);height:68px;max-width:1240px;margin:0 auto;min-width:0}
.bk-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto;max-width:min(36vw,340px)}
.bk-brand img{width:36px;height:36px;object-fit:contain;border-radius:var(--bk-rs);flex-shrink:0}
.bk-brand>span{min-width:0;overflow:hidden;flex:1}
.bk-brand b{display:block;font-size:18px;font-weight:800;color:var(--bk-slate);line-height:1;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bk-brand .sub{display:block;font-family:var(--bk-mono);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--bk-slate3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.bk-nav{display:flex;align-items:center;gap:0;margin:0 auto}
.bk-ni{position:relative}
.bk-ni>a{display:flex;align-items:center;gap:6px;height:68px;padding:0 18px;font-size:14px;font-weight:600;color:var(--bk-slate2);border-bottom:2px solid transparent;transition:.18s;white-space:nowrap}
.bk-ni>a:hover,.bk-ni:hover>a{color:var(--bk-teal);border-bottom-color:var(--bk-teal-l)}
.bk-ni.has>a::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.bk-dd{position:absolute;top:100%;left:0;min-width:240px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:0 0 var(--bk-r) var(--bk-r);box-shadow:var(--bk-sh);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:60}
.bk-ni:hover .bk-dd{opacity:1;visibility:visible;transform:translateY(0)}
.bk-dd a{display:block;padding:10px 14px;border-radius:var(--bk-rs);font-size:13.5px;color:var(--bk-slate2);transition:.15s}
.bk-dd a:hover{background:var(--bk-teal-l);color:var(--bk-teal-d);padding-left:18px}
.bk-htools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.bk-cta-mini{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--bk-r);background:var(--bk-teal);color:#fff;font-size:13px;font-weight:700;transition:.2s}
.bk-cta-mini:hover{background:var(--bk-teal-d)}
.bk-burger{display:none;width:44px;height:44px;border-radius:var(--bk-r);background:var(--bk-bg2);border:1px solid var(--bk-line);flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.bk-burger span{width:20px;height:2px;background:var(--bk-slate);border-radius:1px;transition:.2s}
@media(max-width:980px){
  .bk-nav,.bk-cta-mini{display:none}
  .bk-burger{display:flex}
  .bk-bar{padding-left:clamp(12px,3.5vw,20px);padding-right:max(8px,env(safe-area-inset-right,0px));gap:12px;overflow:hidden}
  .bk-brand{flex:1 1 auto;max-width:none}
  .bk-brand b{font-size:clamp(14px,4vw,18px)}
  .bk-htools{flex-shrink:0;margin-left:auto}
}
@media(max-width:760px){
  .bk-brand .sub{display:none}
}
/* 左滑抽屉移动菜单 */
.bk-scrim{position:fixed;inset:0;background:rgba(30,41,54,.55);opacity:0;visibility:hidden;transition:.3s;z-index:900}
body.bk-open .bk-scrim{opacity:1;visibility:visible}
.bk-drawer{position:fixed;top:0;left:0;bottom:0;width:min(380px,88vw);background:var(--bk-surface);z-index:1000;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .34s cubic-bezier(.4,0,.1,1);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:20px 0 60px rgba(30,41,54,.22)}
body.bk-open .bk-drawer{transform:translateX(0)}
.bk-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,5vw,26px);border-bottom:1px solid var(--bk-line);position:sticky;top:0;background:var(--bk-surface);z-index:2}
.bk-drawer-top .lg{display:flex;align-items:center;gap:10px;min-width:0}
.bk-drawer-top .lg img{width:32px;height:32px;border-radius:var(--bk-rs);object-fit:contain;flex-shrink:0}
.bk-drawer-top .lg b{font-size:17px;font-weight:800;color:var(--bk-slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-dclose{width:40px;height:40px;border-radius:var(--bk-r);border:1px solid var(--bk-line);background:var(--bk-bg2);color:var(--bk-slate);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
.bk-din{padding:10px clamp(18px,5vw,26px) 36px;flex:1}
.bk-mlink{display:flex;align-items:center;justify-content:space-between;padding:14px 2px;font-size:15px;font-weight:700;color:var(--bk-slate);border-bottom:1px solid var(--bk-line)}
.bk-macc{border-bottom:1px solid var(--bk-line)}
.bk-macc-h{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 2px;font-size:15px;font-weight:700;color:var(--bk-slate);background:none;border:none;text-align:left;cursor:pointer}
.bk-macc-h::after{content:"+";font-size:20px;color:var(--bk-teal)}
.bk-macc.open .bk-macc-h::after{content:"\2013"}
.bk-macc-b{max-height:0;overflow:hidden;transition:max-height .22s ease-out;will-change:max-height}
.bk-macc-b a{display:block;padding:10px 12px;font-size:14px;color:var(--bk-slate2);border-radius:var(--bk-rs);margin-bottom:4px}
.bk-macc-b a:hover{background:var(--bk-teal-l);color:var(--bk-teal-d)}
.bk-drawer-foot{margin-top:16px;padding-top:16px}
@media(min-width:981px){.bk-scrim,.bk-drawer{display:none}}
.bk-btn-sm{padding:10px 18px;font-size:12px}
.bk-secbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,3.5vw,40px);flex-wrap:wrap}
.bk-secbar .bk-kicker + .bk-h2{margin-top:10px}
.bk-quickbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(20px,3vw,28px)}
.bk-quickbar a{padding:8px 16px;font-size:13px;font-weight:600;color:var(--bk-slate2);background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-rs);transition:.18s}
.bk-quickbar a:hover{color:var(--bk-teal-d);border-color:var(--bk-teal);background:var(--bk-teal-l)}
.bk-secbar .bk-h2{margin-top:10px;margin-bottom:0}
.bk-secbar + .bk-quickbar{margin-top:clamp(18px,2.5vw,24px)}
.bk-tlist-home .bk-tline:first-child{grid-template-columns:minmax(140px,220px) 100px minmax(0,1fr) 32px;padding:22px 24px;background:var(--bk-bg2)}
.bk-tlist-home .bk-tline:first-child .thumb{width:100%;height:120px}
.bk-tlist-home .bk-tline:first-child h3{font-size:18px}
@media(max-width:760px){
  .bk-tlist-home .bk-tline:first-child{grid-template-columns:1fr;gap:12px}
  .bk-tlist-home .bk-tline:first-child .thumb{height:160px}
}
.bk-tagcol .bk-h2{margin-bottom:clamp(22px,3vw,30px)}
.bk-band{background:var(--bk-slate);color:#fff}
.bk-band .bk-h2,.bk-band .bk-kicker{color:#fff}
.bk-band .bk-kicker{opacity:.85}
/* Bento Hero */
.bk-bento-hero{background:var(--bk-bg);padding:clamp(36px,5vw,56px) 0}
.bk-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(88px,auto);gap:14px}
.bk-bento>*{min-width:0}
.bk-bento-a{grid-column:span 7;grid-row:span 3;background:var(--bk-slate);color:#fff;border-radius:var(--bk-r);padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.bk-bento-a::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,transparent,transparent 14px,rgba(13,148,136,.08) 14px,rgba(13,148,136,.08) 28px);pointer-events:none}
.bk-bento-a>*{position:relative;z-index:1}
.bk-bento-a h1{font-size:clamp(28px,4.2vw,48px);font-weight:800;line-height:1.08;color:#fff;margin:14px 0}
.bk-bento-a h1 em{color:var(--bk-teal-l);font-style:normal}
.bk-bento-a .lead{color:#b8c5d4;font-size:15px;line-height:1.7;max-width:480px;margin-bottom:20px}
.bk-bento-a .btns{display:flex;gap:10px;flex-wrap:wrap}
.bk-bento-a .bk-btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}.bk-bento-a .bk-btn-ghost:hover{background:#fff;color:var(--bk-slate)}
.bk-bento-b,.bk-bento-c,.bk-bento-d{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:20px;display:flex;align-items:flex-end}
.bk-bento-b{grid-column:span 5}.bk-bento-c{grid-column:span 3}.bk-bento-d{grid-column:span 2}
.bk-bento-e{grid-column:span 5;background:var(--bk-teal-l);border:1px solid var(--bk-teal);border-radius:var(--bk-r);padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.bk-kpi b{display:block;font-family:var(--bk-mono);font-size:clamp(22px,3vw,32px);color:var(--bk-slate);line-height:1}
.bk-kpi span{font-size:12px;color:var(--bk-slate3);margin-top:6px;display:block}
/* 分类编号列表 */
.bk-catlist{display:flex;flex-direction:column;border:1px solid var(--bk-line);border-radius:var(--bk-r);overflow:hidden;background:var(--bk-surface);counter-reset:bkcat}
.bk-catrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--bk-line);transition:.18s;min-width:0;counter-increment:bkcat}
.bk-catrow::before{content:counter(bkcat,decimal-leading-zero);font-family:var(--bk-mono);font-size:13px;font-weight:700;color:var(--bk-teal);line-height:1}
.bk-catrow:last-child{border-bottom:none}
.bk-catrow:hover{background:var(--bk-teal-l);padding-left:26px}
.bk-catrow .nm{font-size:16px;font-weight:800;color:var(--bk-slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-catrow .st{font-family:var(--bk-mono);font-size:10px;color:var(--bk-slate3);letter-spacing:.5px;white-space:nowrap}
.bk-catrow .ar{color:var(--bk-teal);font-weight:700}
/* 产品 Bento 马赛克 */
.bk-moz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(140px,auto);gap:12px}
.bk-moz>*{min-width:0}
.bk-moz-i{display:flex;flex-direction:column;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--bk-r);overflow:hidden;transition:.22s;min-width:0}
.bk-moz-i:first-child{grid-column:span 2;grid-row:span 2}
.bk-moz-i:hover{border-color:var(--bk-teal-l);transform:translateY(-2px)}
.bk-moz-i .im{display:block;aspect-ratio:16/10;background:rgba(0,0,0,.2);overflow:hidden;flex:1}
.bk-moz-i:first-child .im{aspect-ratio:auto;min-height:180px}
.bk-moz-i .im img{width:100%;height:100%;object-fit:cover}
.bk-moz-i .tx{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.bk-moz-i .tg{font-family:var(--bk-mono);font-size:10px;color:var(--bk-teal-l)}
.bk-moz-i h3{font-size:15px;font-weight:800;color:#fff;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-moz-i p{font-size:12px;color:#b8c5d4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-moz-i .sku{font-family:var(--bk-mono);font-size:11px;color:var(--bk-teal-l);margin-top:auto}
/* 横向流程步 */
.bk-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--bk-line);border-radius:var(--bk-r);overflow:hidden;background:var(--bk-surface)}
.bk-steps>*{min-width:0}
.bk-step{padding:24px 20px;border-right:1px solid var(--bk-line);position:relative}
.bk-step:last-child{border-right:none}
.bk-step .n{font-family:var(--bk-mono);font-size:28px;font-weight:800;color:var(--bk-teal);line-height:1;margin-bottom:12px;display:block}
.bk-step h3{font-size:15px;font-weight:800;color:var(--bk-slate);margin-bottom:8px}
.bk-step p{font-size:13px;color:var(--bk-slate2);line-height:1.55}
/* FAQ */
.bk-faq-sec{padding:clamp(44px,5vw,72px) 0}
.bk-faq{display:flex;flex-direction:column;gap:10px;max-width:760px}
.bk-faq-i{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);border-top:3px solid var(--bk-honey);overflow:hidden;transition:.2s}
.bk-faq-i:hover{border-color:var(--bk-teal);box-shadow:var(--bk-sh-s)}
.bk-faq-i summary{padding:16px 20px;font-size:15px;font-weight:800;color:var(--bk-slate);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.bk-faq-i summary::-webkit-details-marker{display:none}
.bk-faq-i summary::after{content:"+";font-size:20px;font-weight:400;color:var(--bk-teal)}
.bk-faq-i[open] summary::after{content:"\2013"}
.bk-faq-i p{padding:0 20px 16px;font-size:14px;color:var(--bk-slate2);line-height:1.6}
/* 文章时间线列表 */
.bk-tlist{display:flex;flex-direction:column;gap:0;border:1px solid var(--bk-line);border-radius:var(--bk-r);overflow:hidden;background:var(--bk-surface)}
.bk-tline{display:grid;grid-template-columns:64px 100px minmax(0,1fr) 32px;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--bk-line);transition:.18s;min-width:0}
.bk-tline .thumb{width:64px;height:52px;border-radius:var(--bk-rs);overflow:hidden;background:var(--bk-bg2);flex-shrink:0}
.bk-tline .thumb img{width:100%;height:100%;object-fit:cover}
.bk-tline:last-child{border-bottom:none}
.bk-tline:hover{background:var(--bk-teal-l);padding-left:26px}
.bk-tline .dt{font-family:var(--bk-mono);font-size:11px;color:var(--bk-teal);line-height:1.4}
.bk-tline h3{font-size:16px;font-weight:800;color:var(--bk-slate);line-height:1.3;margin-bottom:5px}
.bk-tline p{font-size:13px;color:var(--bk-slate2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-tline .meta{font-size:11px;color:var(--bk-slate3);margin-top:6px;display:block}
.bk-tline .ar{color:var(--bk-teal);font-weight:700;text-align:right}
/* 视频横排栈 */
.bk-vstack{display:flex;flex-direction:column;gap:10px}
.bk-vrow{display:grid;grid-template-columns:200px minmax(0,1fr) 48px;gap:18px;align-items:center;padding:14px 18px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);transition:.2s;min-width:0}
.bk-vrow:hover{border-color:var(--bk-teal);box-shadow:var(--bk-sh-s)}
.bk-vrow .thumb{position:relative;border-radius:var(--bk-rs);overflow:hidden;aspect-ratio:16/9;background:var(--bk-bg2)}
.bk-vrow .thumb img{width:100%;height:100%;object-fit:cover}
.bk-vrow .du{position:absolute;right:6px;bottom:6px;font-size:10px;font-weight:700;background:rgba(30,41,54,.85);color:#fff;padding:2px 7px;border-radius:var(--bk-rs)}
.bk-vrow h3{font-size:16px;font-weight:800;color:var(--bk-slate);line-height:1.3}
.bk-vrow p{font-size:13px;color:var(--bk-slate2);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-vrow .pl{width:40px;height:40px;border-radius:50%;background:var(--bk-teal-l);display:flex;align-items:center;justify-content:center;margin:0 auto}
.bk-vrow .pl::before{content:"";border-left:11px solid var(--bk-teal-d);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
/* 首页双栏 */
.bk-split2{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.bk-split2>*{min-width:0}
.bk-sidepanel{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:20px}
.bk-sidepanel h4{font-size:14px;font-weight:800;color:var(--bk-slate);margin-bottom:14px}
.bk-sidepanel>a{display:block;padding:10px 0;font-size:14px;color:var(--bk-slate2);border-bottom:1px solid var(--bk-line)}
.bk-sidepanel>a:last-child{border-bottom:none}
.bk-sidepanel>a:hover{color:var(--bk-teal-d);padding-left:6px}
.bk-sidepanel .bk-tagcloud{margin-top:0}
/* 内页 band 页头(左对齐) */
.bk-bandhead{background:var(--bk-slate);color:#fff;padding:clamp(32px,4vw,56px) 0}
.bk-bandhead-sm{padding:clamp(20px,3vw,32px) 0}
.bk-bandhead h1{font-size:clamp(26px,3.8vw,42px);font-weight:800;line-height:1.1;margin-top:14px;color:#fff}
.bk-bandhead p{color:#b8c5d4;font-size:15px;margin-top:10px;max-width:640px}
.bk-crumb-l{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#94a3b8;font-family:var(--bk-mono);text-transform:uppercase;letter-spacing:.5px}
.bk-crumb-l a:hover{color:#fff}.bk-crumb-l .s{opacity:.45}
.bk-metarow{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;font-size:12px;color:#b8c5d4}
.bk-metarow span{background:rgba(255,255,255,.08);padding:6px 12px;border-radius:var(--bk-rs)}
/* 产品列表:左栏+表格 */
.bk-playout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.bk-playout>*{min-width:0}
.bk-pnav{position:sticky;top:88px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:16px;display:flex;flex-direction:column;gap:4px}
.bk-pnav h4{font-size:12px;font-weight:800;color:var(--bk-slate);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
.bk-pnav-i{display:block;padding:10px 12px;font-size:13px;color:var(--bk-slate2);border-radius:var(--bk-rs);border-left:3px solid transparent}
.bk-pnav-i:hover{background:var(--bk-teal-l);color:var(--bk-teal-d);border-left-color:var(--bk-teal)}
.bk-tblhead,.bk-tblrow{display:grid;grid-template-columns:72px minmax(0,2fr) minmax(0,1fr) 80px 36px;gap:14px;align-items:center;padding:12px 16px}
.bk-tblhead{font-family:var(--bk-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--bk-slate3);background:var(--bk-bg2);border:1px solid var(--bk-line);border-radius:var(--bk-r) var(--bk-r) 0 0}
.bk-tblbody{border:1px solid var(--bk-line);border-top:none;border-radius:0 0 var(--bk-r) var(--bk-r);overflow:hidden;background:var(--bk-surface)}
.bk-tblrow{border-bottom:1px solid var(--bk-line);transition:.16s;min-width:0}
.bk-tblrow:last-child{border-bottom:none}
.bk-tblrow:hover{background:var(--bk-teal-l)}
.bk-tblrow .c1 img{width:56px;height:46px;object-fit:cover;border-radius:var(--bk-rs)}
.bk-tblrow .c2 b{display:block;font-size:14px;font-weight:800;color:var(--bk-slate);margin-bottom:3px}
.bk-tblrow .c2 small{font-size:12px;color:var(--bk-slate2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.bk-tblrow .c3{font-family:var(--bk-mono);font-size:10px;color:var(--bk-teal)}
.bk-tblrow .c4{font-family:var(--bk-mono);font-size:11px;color:var(--bk-slate3)}
.bk-tblrow .c5{color:var(--bk-teal);font-weight:700;text-align:right}
/* 产品详情:顶画廊+三栏信息条 */
.bk-gal-wide{margin-bottom:24px}
.bk-gal-wide-main{background:var(--bk-bg2);border:1px solid var(--bk-line);border-radius:var(--bk-r);overflow:hidden;margin-bottom:12px}
.bk-gal-wide-main img{width:100%;height:auto;display:block;object-fit:contain;max-height:520px;margin:0 auto}
.bk-gal-wide-th{display:flex;flex-wrap:wrap;gap:10px}
.bk-gal-wide-th img{width:76px;height:64px;object-fit:cover;border-radius:var(--bk-rs);border:2px solid var(--bk-line);cursor:pointer;opacity:.65;transition:.18s}
.bk-gal-wide-th img.on,.bk-gal-wide-th img:hover{opacity:1;border-color:var(--bk-teal)}
.bk-pdbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);margin-bottom:32px}
.bk-pdbar>*{min-width:0}
.bk-pdbar-a{min-width:0}
.bk-pdbar-a h1{font-size:clamp(22px,2.8vw,32px);font-weight:800;color:var(--bk-slate);line-height:1.15;margin-bottom:8px;overflow-wrap:anywhere;word-break:break-word}
.bk-pdbar-a p{font-size:14px;color:var(--bk-slate2);line-height:1.55;overflow-wrap:anywhere;word-break:break-word}
.bk-pdbar-b{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:13px}
.bk-pdbar-b .lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--bk-slate3);display:block}
.bk-pdbar-b b{font-family:var(--bk-mono);color:var(--bk-slate)}
.bk-pdbar-c{display:flex;flex-direction:column;gap:8px;min-width:180px}
.bk-keyspec{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.bk-keyspec>div{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-rs);padding:14px;min-width:0}
.bk-keyspec .k{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--bk-slate3)}
.bk-keyspec .v{font-size:14px;font-weight:700;color:var(--bk-slate);margin-top:5px;overflow-wrap:break-word}
.bk-pdblock{margin-top:clamp(32px,4vw,48px)}
.bk-pdblock .bt{font-size:20px;font-weight:800;color:var(--bk-slate);margin-bottom:18px;padding-left:14px;border-left:4px solid var(--bk-teal)}
.bk-specgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bk-specgrid>*{min-width:0}
.bk-spec-item{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-rs);padding:16px;display:flex;flex-direction:column;gap:6px}
.bk-spec-item .k{font-size:10px;text-transform:uppercase;color:var(--bk-slate3);overflow-wrap:break-word}
.bk-spec-item .v{font-family:var(--bk-mono);font-size:15px;font-weight:700;color:var(--bk-slate);overflow-wrap:break-word}
/* 文章列表:左栏 */
.bk-listleft{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.bk-listleft>*{min-width:0}
.bk-laside{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.bk-lmain{min-width:0}
/* 文章详情:左 meta + 右正文 */
.bk-artsplit{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
.bk-artsplit>*{min-width:0}
.bk-artside{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.bk-artmain{min-width:0}
.bk-lead{font-size:20px;font-weight:700;color:var(--bk-slate);line-height:1.55;margin-bottom:22px}
.bk-figure{margin:0 0 24px;border-radius:var(--bk-r);overflow:hidden;border:1px solid var(--bk-line)}
.bk-figure img{width:100%;display:block}
.bk-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.bk-prevnext a{padding:18px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r)}
.bk-prevnext .l{font-size:10px;text-transform:uppercase;color:var(--bk-teal);margin-bottom:6px}
.bk-prevnext .t{font-size:15px;font-weight:800;color:var(--bk-slate)}
.bk-tagcloud{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:20px}
.bk-tagcloud a{display:inline-flex;align-items:center;width:auto;border-bottom:none;padding:6px 12px;font-size:12px;background:var(--bk-bg2);border:1px solid var(--bk-line);border-radius:var(--bk-rs);color:var(--bk-slate2)}
.bk-tagcloud a:hover{background:var(--bk-teal);color:#fff;border-color:var(--bk-teal);padding-left:12px}
.bk-taglist{display:flex;flex-direction:column;gap:6px}
.bk-taglist a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-rs);font-size:14px;color:var(--bk-slate2)}
.bk-taglist a b{font-family:var(--bk-mono);color:var(--bk-teal);font-size:12px}
.bk-taglayout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.bk-taglayout>*{min-width:0}
/* 下载页左右分栏 */
.bk-dlsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.bk-dlsplit>*{min-width:0}
.bk-dlfiles{display:flex;flex-direction:column;gap:12px}
.bk-file{padding:22px;background:var(--bk-surface);border:1px solid var(--bk-line);border-left:4px solid var(--bk-teal);border-radius:var(--bk-r)}
.bk-file .tp{font-family:var(--bk-mono);font-size:10px;font-weight:700;color:var(--bk-teal);letter-spacing:1px}
.bk-file h3{font-size:18px;font-weight:800;color:var(--bk-slate);margin:8px 0}
.bk-file p{font-size:13px;color:var(--bk-slate2);margin-bottom:10px}
.bk-file a{font-size:13px;font-weight:700;color:var(--bk-teal)}
.bk-form{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:28px;position:sticky;top:88px}
.bk-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.bk-form label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--bk-slate3);margin-bottom:6px}
.bk-form input,.bk-form select,.bk-form textarea{width:100%;padding:12px;border:1px solid var(--bk-line2);border-radius:var(--bk-rs);background:var(--bk-bg);font-size:14px}
.bk-form .full{margin-bottom:14px}
.bk-form .act{margin-top:8px}
/* 关于页之字 */
.bk-zigzag{display:flex;flex-direction:column;gap:20px}
.bk-zig{display:flex;justify-content:flex-start}
.bk-zig.rev{justify-content:flex-end}
.bk-zig .tx{max-width:520px;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:28px 26px}
.bk-zig .tx h3{font-size:20px;font-weight:800;color:var(--bk-slate);margin:10px 0 8px}
.bk-zig .tx p{font-size:14px;color:var(--bk-slate2);line-height:1.65}
.bk-legal{max-width:820px}
.bk-legal .upd{font-family:var(--bk-mono);font-size:11px;color:var(--bk-slate3);margin-bottom:16px}
/* 视频分类 tabs + theater */
.bk-vtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.bk-vtabs a{padding:9px 16px;font-size:13px;font-weight:600;background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-rs);color:var(--bk-slate2)}
.bk-vtabs a:hover{background:var(--bk-teal);color:#fff;border-color:var(--bk-teal)}
.bk-vtheater{padding:clamp(28px,4vw,48px) 0}
.bk-vplayer{position:relative;aspect-ratio:16/9;background:var(--bk-slate);border-radius:var(--bk-r);overflow:hidden;margin-bottom:20px}
.bk-vplayer iframe,.bk-vplayer video{position:absolute;inset:0;width:100%;height:100%;border:0}
.bk-vmeta h1{font-size:clamp(24px,3.2vw,36px);font-weight:800;color:var(--bk-slate);margin-bottom:12px}
.bk-vmeta .tags{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--bk-slate2);margin-bottom:20px}
/* 404 分屏 */
.bk-404split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center;min-height:50vh}
.bk-404split .code{font-family:var(--bk-mono);font-size:clamp(80px,16vw,160px);font-weight:800;color:var(--bk-teal);line-height:1;text-align:center}
.bk-404split .msg h1{font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--bk-slate);margin-bottom:12px}
.bk-404split .msg p{color:var(--bk-slate2);margin-bottom:24px}
.bk-404split .btns{display:flex;gap:12px;flex-wrap:wrap}
/* 富文本 — 强制换行(覆盖 CMS 内联 nowrap / 固定宽度) */
.bk-rich-box{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-pdblock-desc{min-width:0;max-width:100%}
.bk-rich{font-size:16px;line-height:1.85;color:var(--bk-slate2);overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;width:100%;min-width:0;box-sizing:border-box}
.bk-rich :where(p,div,span,li,td,th,h1,h2,h3,h4,h5,h6,font,section,article,em,strong,b,i,u,a,label){white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;box-sizing:border-box}
.bk-rich p{margin:0 0 14px}
.bk-rich h2,.bk-rich h3{color:var(--bk-slate);margin:24px 0 12px;font-weight:800}
.bk-rich a{color:var(--bk-teal-d);word-break:break-all!important}
.bk-rich ul,.bk-rich ol{margin:0 0 14px 20px}
.bk-rich img,.bk-rich video,.bk-rich iframe{max-width:100%!important;height:auto!important;display:block;margin:16px 0;border-radius:var(--bk-rs)}
.bk-rich blockquote{margin:16px 0;padding:14px 18px;background:var(--bk-bg2);border-left:4px solid var(--bk-teal)}
.bk-rich pre,.bk-rich pre *{max-width:100%!important;overflow-x:auto;white-space:pre-wrap!important;word-break:break-word!important;background:var(--bk-slate);color:#e2e8f0;padding:14px;border-radius:var(--bk-rs);font-size:13px}
.bk-tablescroll{overflow-x:auto;margin:16px 0;max-width:100%;width:100%;-webkit-overflow-scrolling:touch}
.bk-rich table{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse;font-size:14px;border:1px solid var(--bk-line)}
.bk-rich th,.bk-rich td{padding:10px 12px;border:1px solid var(--bk-line);overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
.bk-rich th{background:var(--bk-bg2);font-weight:700}
.bk-rich .policy-note,.bk-policy-card .policy-note{margin:16px 0;padding:14px 18px;background:var(--bk-bg2);border-left:4px solid var(--bk-teal);font-size:14px;line-height:1.6}
/* Policy pages */
.bk-policy-hero{background:linear-gradient(90deg,var(--bk-slate),#243044);color:#e2e8f0;padding:clamp(28px,4vw,44px) 0 clamp(32px,4vw,48px)}
.bk-policy-hero .lead{font-size:15px;line-height:1.65;max-width:720px;color:#94a3b8}
.bk-policy-hero .bk-btn-ghost{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.bk-policy-hero .bk-btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
.bk-policy-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.bk-policy-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;max-width:720px}
.bk-policy-stats div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--bk-rs);padding:14px}
.bk-policy-stats strong{display:block;font-family:var(--bk-mono);font-size:15px;color:#fff;margin-bottom:4px}
.bk-policy-stats span{font-size:11px;color:#94a3b8}
.bk-policy-sec{padding-top:clamp(24px,3vw,36px)!important}
.bk-policy-card{background:var(--bk-surface);border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:clamp(24px,4vw,40px);box-shadow:var(--bk-sh-s)}
@media(max-width:640px){.bk-policy-stats{grid-template-columns:1fr 1fr}.bk-policy-stats div:last-child{grid-column:span 2}}
/* 分页 */
.bk-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:32px}
.bk-pager a{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--bk-line);background:var(--bk-surface);font-size:13px;font-weight:600;border-radius:var(--bk-rs)}
.bk-pager a:hover,.bk-pager a.active,.bk-pager a.current,.bk-pager a.on{background:var(--bk-teal);color:#fff;border-color:var(--bk-teal)}
/* CTA 横条 */
.bk-cta{padding:0 0 clamp(40px,5vw,64px)}
.bk-cta .box{background:linear-gradient(90deg,var(--bk-teal),var(--bk-teal-d));color:#fff;border-radius:var(--bk-r);padding:clamp(28px,4vw,40px) clamp(22px,4vw,36px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bk-cta h2{font-size:clamp(20px,2.6vw,28px);font-weight:800;color:#fff;line-height:1.2}
.bk-cta p{font-size:14px;color:rgba(255,255,255,.85);margin-top:6px;max-width:480px}
/* 页脚横条 */
.bk-foot{background:var(--bk-slate);color:#94a3b8;padding:0 0 24px}
.bk-foot-bar{display:flex;flex-wrap:wrap;gap:12px 28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}
.bk-foot-bar a{color:#cbd5e1}.bk-foot-bar a:hover{color:#fff}
.bk-foot-mid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding:32px 0}
.bk-foot-mid>*{min-width:0}
.bk-foot .lg{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bk-foot .lg img{width:36px;height:36px;object-fit:contain}
.bk-foot .lg b{font-size:18px;font-weight:800;color:#fff}
.bk-foot-desc{font-size:13px;line-height:1.7;margin-bottom:12px;max-width:300px}
.bk-foot .ct{font-size:12px;line-height:1.8}
.bk-foot h4{font-size:13px;font-weight:800;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
.bk-foot-links li{margin-bottom:8px}
.bk-foot-links a{font-size:13px;color:#94a3b8}.bk-foot-links a:hover{color:#fff}
.bk-foot-bot{padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;border-top:1px solid rgba(255,255,255,.08)}
.bk-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}
.bk-reveal.bk-in{opacity:1;transform:none}
@media(max-width:980px){
  .bk-bento-a{grid-column:span 12;grid-row:span 1}
  .bk-bento-b,.bk-bento-c,.bk-bento-d,.bk-bento-e{grid-column:span 6}
  .bk-moz{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .bk-moz-i,.bk-moz-i:first-child{grid-column:auto;grid-row:auto}
  .bk-moz-i .im{flex:none;aspect-ratio:16/10}
  .bk-moz-i:first-child .im{aspect-ratio:16/10;min-height:0}
  .bk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-step:nth-child(2){border-right:none}
  .bk-split2,.bk-playout,.bk-listleft,.bk-artsplit,.bk-dlsplit,.bk-taglayout,.bk-pdbar{grid-template-columns:1fr}
  .bk-pnav,.bk-laside,.bk-artside,.bk-form{position:static}
  .bk-vrow{grid-template-columns:120px minmax(0,1fr) 36px}
  .bk-tline{grid-template-columns:52px 72px minmax(0,1fr) 24px;gap:10px}
  .bk-tblhead{display:none}
  .bk-tblrow{grid-template-columns:56px minmax(0,1fr) 28px;padding:14px}
  .bk-tblrow .c3,.bk-tblrow .c4{display:none}
  .bk-foot-mid{grid-template-columns:1fr 1fr}
  .bk-cta .box{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .bk-bento-b,.bk-bento-c,.bk-bento-d,.bk-bento-e{grid-column:span 12}
  .bk-steps{grid-template-columns:1fr}
  .bk-step{border-right:none;border-bottom:1px solid var(--bk-line)}
  .bk-vrow{grid-template-columns:1fr;gap:10px}
  .bk-vrow .pl{display:none}
  .bk-tline{grid-template-columns:1fr;gap:8px}
  .bk-tline .thumb{width:100%;height:140px}
  .bk-tline .ar{display:none}
  .bk-foot-mid{grid-template-columns:1fr}
  .bk-404split{grid-template-columns:1fr;text-align:center}
  .bk-form .row{grid-template-columns:1fr}
  .bk-pdbar-c{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:920px){.bk-gal-wide-main img{max-height:360px}.bk-specgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.bk-specgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.bk-reveal{opacity:1;transform:none}}