*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cp-bg:#eef2f5; --cp-bg2:#e2e8ed; --cp-surface:#fff;
  --cp-ink:#0f172a; --cp-ink2:#334155; --cp-ink3:#64748b;
  --cp-cyan:#0891b2; --cp-cyan-d:#0e7490; --cp-cyan-l:#ecfeff;
  --cp-slate:#475569; --cp-line:#cbd5e1; --cp-line2:#94a3b8;
  --cp-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cp-r:10px; --cp-rs:6px; --cp-sh:0 16px 48px rgba(15,23,42,.12); --cp-sh-s:0 4px 18px rgba(15,23,42,.07);
}
html,body{width:100%;max-width:100%;overflow-x:clip}
body{font-family:var(--cp-sans);background:var(--cp-bg);color:var(--cp-ink2);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}
.cp-shell{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,36px)}
.cp-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cp-cyan)}
.cp-h2{font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.15;color:var(--cp-ink);letter-spacing:-.3px}
.cp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(22px,3vw,32px);flex-wrap:wrap}
.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--cp-rs);font-size:14px;font-weight:700;cursor:pointer;border:2px solid transparent;transition:.2s}
.cp-btn-main{background:var(--cp-cyan);color:#fff}.cp-btn-main:hover{background:var(--cp-cyan-d);transform:translateY(-1px)}
.cp-btn-line{background:transparent;color:var(--cp-ink);border-color:var(--cp-line)}.cp-btn-line:hover{border-color:var(--cp-cyan);color:var(--cp-cyan-d);background:var(--cp-cyan-l)}
.cp-btn-sm{padding:9px 16px;font-size:12px}
.cp-sec{padding:clamp(40px,5.5vw,72px) 0}
.cp-band{background:var(--cp-surface);border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}
.cp-reveal{opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s}
.cp-reveal.cp-in{opacity:1;transform:none}
/* 头部:对称分栏 + 居中 Logo + 悬停 Flyout */
.cp-headbar{position:sticky;top:0;z-index:800;background:var(--cp-surface);border-bottom:1px solid var(--cp-line);box-shadow:var(--cp-sh-s)}
.cp-navsplit{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px clamp(16px,4vw,36px);max-width:1180px;margin:0 auto}
.cp-navleft,.cp-navright{display:flex;align-items:center;gap:2px;flex-wrap:wrap;min-width:0}
.cp-navleft{justify-content:flex-end}
.cp-navright{justify-content:flex-start}
.cp-brand{display:flex;align-items:center;gap:10px;justify-self:center;min-width:0;max-width:min(34vw,320px);padding:0 8px}
.cp-brand img{width:38px;height:38px;object-fit:contain;border-radius:var(--cp-rs);flex-shrink:0}
.cp-brand>span{min-width:0;overflow:hidden;flex:1}
.cp-brand b{display:block;font-size:17px;font-weight:800;color:var(--cp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cp-brand .sub{display:block;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--cp-ink3);margin-top:2px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.cp-ni{position:relative}
.cp-ni>a{display:flex;align-items:center;gap:5px;padding:9px 12px;font-size:13px;font-weight:600;color:var(--cp-ink2);border-radius:var(--cp-rs);transition:.18s;white-space:nowrap}
.cp-ni>a:hover,.cp-ni:hover>a{color:var(--cp-cyan);background:var(--cp-cyan-l)}
.cp-ni.has>a::after{content:"";width:4px;height:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-2px}
.cp-fly{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(8px);min-width:220px;max-height:320px;overflow-y:auto;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);box-shadow:var(--cp-sh);padding:8px;opacity:0;visibility:hidden;transition:.2s;z-index:60}
.cp-ni:hover .cp-fly{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.cp-fly a{display:block;padding:9px 12px;border-radius:var(--cp-rs);font-size:13px;color:var(--cp-ink2);transition:.15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-fly a:hover{background:var(--cp-cyan-l);color:var(--cp-cyan-d);padding-left:16px}
.cp-htools{display:flex;align-items:center;gap:8px;margin-left:auto}
.cp-cta-mini{padding:9px 18px;border-radius:var(--cp-rs);background:var(--cp-ink);color:#fff;font-size:12px;font-weight:700;transition:.2s;white-space:nowrap}
.cp-cta-mini:hover{background:var(--cp-cyan-d)}
.cp-burger{display:none;width:42px;height:42px;border-radius:var(--cp-rs);background:var(--cp-bg);border:1px solid var(--cp-line);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;flex-shrink:0}
.cp-burger span{width:18px;height:2px;background:var(--cp-ink);border-radius:2px}
@media(max-width:1020px){
  .cp-navleft,.cp-cta-mini,.cp-fly{display:none}
  .cp-navright > nav{display:none}
  .cp-navsplit{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-left:clamp(12px,3vw,20px);padding-right:max(12px,env(safe-area-inset-right,12px));overflow:hidden;min-width:0}
  .cp-brand{min-width:0;flex:1 1 auto;max-width:none;padding:0}
  .cp-brand b{font-size:clamp(14px,4vw,17px)}
  .cp-navright{display:flex;align-items:center;flex-shrink:0;margin-left:auto}
  .cp-htools{margin-left:0;flex-shrink:0}
  .cp-burger{display:flex}
}
@media(max-width:760px){
  .cp-brand .sub{display:none}
}
/* 移动端:底部 Sheet 全屏覆盖 */
.cp-scrim{position:fixed;inset:0;background:rgba(15,23,42,.5);opacity:0;visibility:hidden;transition:.28s;z-index:900}
body.cp-open .cp-scrim{opacity:1;visibility:visible}
.cp-sheet{position:fixed;left:0;right:0;bottom:0;max-height:min(88vh,640px);background:var(--cp-surface);z-index:1000;display:flex;flex-direction:column;border-radius:20px 20px 0 0;box-shadow:0 -24px 60px rgba(15,23,42,.2);transform:translateY(100%);transition:transform .34s cubic-bezier(.4,0,.1,1);overflow:hidden}
body.cp-open .cp-sheet{transform:translateY(0)}
.cp-sheet-handle{width:40px;height:4px;background:var(--cp-line);border-radius:99px;margin:10px auto 0;flex-shrink:0}
.cp-sheet-top{display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,24px);border-bottom:1px solid var(--cp-line);flex-shrink:0}
.cp-sheet-top .lg{display:flex;align-items:center;gap:10px;min-width:0}
.cp-sheet-top .lg img{width:30px;height:30px;border-radius:var(--cp-rs);object-fit:contain}
.cp-sheet-top .lg b{font-size:16px;font-weight:800;color:var(--cp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-sclose{width:38px;height:38px;border-radius:var(--cp-rs);border:1px solid var(--cp-line);background:var(--cp-bg);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.cp-sin{padding:8px clamp(18px,5vw,24px) max(24px,env(safe-area-inset-bottom,24px));overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}
@media(min-width:1021px){.cp-scrim,.cp-sheet{display:none}}
.cp-mlink{display:flex;align-items:center;padding:14px 4px;font-size:15px;font-weight:700;color:var(--cp-ink);border-bottom:1px solid var(--cp-line)}
.cp-macc{border-bottom:1px solid var(--cp-line)}
.cp-macc-h{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 4px;font-size:15px;font-weight:700;color:var(--cp-ink);background:none;border:none;text-align:left;cursor:pointer}
.cp-macc-h::after{content:"+";font-size:20px;color:var(--cp-cyan)}
.cp-macc.open .cp-macc-h::after{content:"\2013"}
.cp-macc-b{max-height:0;overflow:hidden;transition:max-height .22s ease-out}
.cp-macc-b a{display:block;padding:10px 12px;font-size:14px;color:var(--cp-ink2);border-radius:var(--cp-rs);margin-bottom:4px}
.cp-macc-b a:hover{background:var(--cp-cyan-l);color:var(--cp-cyan-d)}
.cp-sheet-foot{margin-top:12px;padding-top:12px}
/* 首页 Hero:斜切渐变 + 对比面板(非空图框) */
.cp-stage{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 48%,#0891b2 100%);color:#fff;padding:clamp(44px,6vw,76px) 0 clamp(36px,5vw,56px);position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),0 100%)}
.cp-stage::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.03) 40px,rgba(255,255,255,.03) 41px);pointer-events:none}
.cp-stage-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,48px);align-items:center;position:relative;z-index:1}
.cp-stage-copy .cp-eyebrow{color:#67e8f9;margin-bottom:12px}
.cp-stage h1{font-size:clamp(30px,4.8vw,52px);font-weight:800;line-height:1.06;letter-spacing:-.4px;color:#fff;margin-top:0}
.cp-stage h1 em{font-style:normal;color:#67e8f9}
.cp-stage .lead{font-size:clamp(14px,1.5vw,17px);color:#cbd5e1;max-width:520px;margin-top:16px;line-height:1.7}
.cp-stage .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.cp-stage .cp-btn-line{color:#fff;border-color:rgba(255,255,255,.4)}.cp-stage .cp-btn-line:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.cp-compare{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--cp-r);padding:20px 22px;backdrop-filter:blur(8px)}
.cp-compare-h{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#67e8f9;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.cp-compare-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.cp-compare-row:last-child{border-bottom:none}
.cp-compare-row .k{color:#94a3b8;font-weight:600}
.cp-compare-row .v{color:#f1f5f9;font-weight:500}
/* 分类目录:横向工业卡(无空图框/线框占位) */
.cp-sec-hex{padding-top:clamp(8px,1.5vw,16px);margin-top:-32px;position:relative;z-index:2}
.cp-sec-hex .cp-head{margin-bottom:clamp(16px,2.5vw,24px)}
.cp-hexgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:cphex}
.cp-hex-i{display:grid;grid-template-columns:32px 52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);transition:.22s;min-width:0;counter-increment:cphex;box-shadow:var(--cp-sh-s)}
.cp-hex-i:hover{border-color:var(--cp-cyan);box-shadow:var(--cp-sh);transform:translateY(-2px);background:linear-gradient(90deg,var(--cp-cyan-l) 0%,var(--cp-surface) 28%)}
.cp-hex-i .ix{font-size:12px;font-weight:800;color:var(--cp-cyan);line-height:1;text-align:center}
.cp-hex-i .ix::before{content:counter(cphex,decimal-leading-zero)}
.cp-hex-i .mark{width:52px;height:52px;border-radius:var(--cp-rs);background:linear-gradient(155deg,#1e293b 0%,#334155 100%);position:relative;flex-shrink:0;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.cp-hex-i .mark::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);width:30px;height:16px;border:2px solid rgba(103,232,249,.45);border-radius:2px 2px 10px 10px;background:rgba(8,145,178,.18)}
.cp-hex-i .mark::after{content:"";position:absolute;left:50%;bottom:11px;transform:translateX(-50%);width:24px;height:4px;border-radius:2px;background:rgba(255,255,255,.22)}
.cp-hex-i .tx{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}
.cp-hex-i .tx b{font-size:15px;font-weight:800;color:var(--cp-ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-hex-i .st{font-size:11px;font-weight:600;color:var(--cp-ink3);letter-spacing:.2px}
.cp-hex-i .ar{font-size:20px;font-weight:700;color:var(--cp-cyan);opacity:.35;line-height:1;transition:.2s}
.cp-hex-i:hover .ar{opacity:1;transform:translateX(4px)}
/* 产品目录卡 */
.cp-catgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cp-catile{display:flex;flex-direction:column;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden;transition:.22s;min-width:0;height:100%}
.cp-catile:hover{border-color:var(--cp-cyan);box-shadow:var(--cp-sh-s)}
.cp-catile .im{display:block;aspect-ratio:4/3;background:var(--cp-bg2);overflow:hidden}
.cp-catile .im img{width:100%;height:100%;object-fit:cover;transition:.35s}
.cp-catile:hover .im img{transform:scale(1.04)}
.cp-catile .bd{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.cp-catile .tg{font-size:10px;font-weight:700;color:var(--cp-cyan);text-transform:uppercase;letter-spacing:.5px}
.cp-catile h3{font-size:14px;font-weight:800;color:var(--cp-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-catile p{font-size:12px;color:var(--cp-ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-catile .sku{margin-top:auto;font-size:10px;font-weight:700;color:var(--cp-slate)}
/* FAQ 手风琴 */
.cp-accord{display:flex;flex-direction:column;gap:8px;max-width:760px}
.cp-accord-i{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden}
.cp-accord-i summary{padding:16px 20px;font-size:15px;font-weight:700;color:var(--cp-ink);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.cp-accord-i summary::-webkit-details-marker{display:none}
.cp-accord-i summary::after{content:"+";font-size:20px;color:var(--cp-cyan);font-weight:400}
.cp-accord-i[open] summary::after{content:"\2013"}
.cp-accord-i p{padding:0 20px 16px;font-size:14px;color:var(--cp-ink2);line-height:1.6}
/* 文章编号列表 */
.cp-jlist{display:flex;flex-direction:column;gap:0;border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden;background:var(--cp-surface);counter-reset:cpj}
.cp-jrow{display:grid;grid-template-columns:48px 100px minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--cp-line);transition:.18s;min-width:0;counter-increment:cpj}
.cp-jrow:last-child{border-bottom:none}
.cp-jrow:hover{background:var(--cp-cyan-l)}
.cp-jrow .n{font-size:14px;font-weight:800;color:var(--cp-cyan);text-align:center}
.cp-jrow .n::before{content:counter(cpj,decimal-leading-zero)}
.cp-jrow .thumb{display:block;width:100px;height:68px;border-radius:var(--cp-rs);overflow:hidden;background:var(--cp-bg2);flex-shrink:0}
.cp-jrow .thumb img{width:100%;height:100%;object-fit:cover}
.cp-jrow .bd{display:flex;flex-direction:column;gap:4px;min-width:0}
.cp-jrow .dt{font-size:11px;font-weight:600;color:var(--cp-ink3)}
.cp-jrow h3{font-size:15px;font-weight:800;color:var(--cp-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-jrow p{font-size:12px;color:var(--cp-ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-jrow .meta{font-size:11px;color:var(--cp-slate)}
/* 视频网格 + 字幕条 */
.cp-vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-vcap{display:flex;flex-direction:column;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden;transition:.22s;min-width:0;height:100%}
.cp-vcap:hover{border-color:var(--cp-cyan);box-shadow:var(--cp-sh-s)}
.cp-vcap .im{display:block;aspect-ratio:16/9;background:var(--cp-ink);overflow:hidden;position:relative}
.cp-vcap .im img{width:100%;height:100%;object-fit:cover}
.cp-vcap .du{position:absolute;bottom:8px;right:8px;font-size:11px;font-weight:700;color:#fff;background:rgba(15,23,42,.75);padding:3px 8px;border-radius:var(--cp-rs)}
.cp-vcap .pl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cp-vcap .pl::after{content:"";width:44px;height:44px;background:rgba(255,255,255,.92);border-radius:50%;clip-path:polygon(38% 28%,38% 72%,68% 50%)}
.cp-vcap .cap{padding:14px 16px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--cp-cyan);flex:1}
.cp-vcap .cap h3{font-size:14px;font-weight:800;color:var(--cp-ink);line-height:1.3}
.cp-vcap .cap p{font-size:12px;color:var(--cp-ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 内页头 */
.cp-inhead{background:var(--cp-surface);border-bottom:1px solid var(--cp-line);padding:clamp(28px,4vw,44px) 0}
.cp-inhead-sm{padding:clamp(18px,3vw,28px) 0}
.cp-inhead h1{font-size:clamp(26px,3.5vw,38px);font-weight:800;color:var(--cp-ink);margin-top:10px;line-height:1.15}
.cp-inhead p{margin-top:10px;font-size:15px;color:var(--cp-ink3);max-width:640px}
.cp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--cp-ink3)}
.cp-crumb a{color:var(--cp-cyan);font-weight:600}.cp-crumb a:hover{text-decoration:underline}
.cp-crumb .s{color:var(--cp-line2)}
/* 产品列表 */
.cp-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.cp-chip{display:inline-flex;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;color:var(--cp-ink2);background:var(--cp-surface);border:1px solid var(--cp-line);transition:.18s}
.cp-chip:hover{border-color:var(--cp-cyan);color:var(--cp-cyan-d);background:var(--cp-cyan-l)}
.cp-densegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cp-dense-i{display:flex;flex-direction:column;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden;transition:.2s;min-width:0;height:100%}
.cp-dense-i:hover{border-color:var(--cp-cyan);transform:translateY(-2px)}
.cp-dense-i .im{display:block;aspect-ratio:1/1;background:var(--cp-bg2);overflow:hidden}
.cp-dense-i .im img{width:100%;height:100%;object-fit:cover}
.cp-dense-i .bd{padding:12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.cp-dense-i h3{font-size:13px;font-weight:800;color:var(--cp-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-dense-i .sum{font-size:11px;color:var(--cp-ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-dense-i .tg{font-size:10px;color:var(--cp-cyan);font-weight:600}
.cp-dense-i .sku{font-size:10px;font-weight:700;color:var(--cp-slate);margin-top:auto}
.cp-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:32px}
.cp-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--cp-rs);font-size:13px;font-weight:600;color:var(--cp-ink2);background:var(--cp-surface);border:1px solid var(--cp-line);transition:.18s}
.cp-pager a:hover,.cp-pager a.active{border-color:var(--cp-cyan);color:var(--cp-cyan-d);background:var(--cp-cyan-l)}
/* 产品详情:全宽图 + 三列信息 */
.cp-pdgal{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;margin-bottom:28px;max-width:720px}
.cp-pdgal-main{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:16px;display:flex;align-items:center;justify-content:center;min-width:0}
.cp-pdgal-main img{width:100%;height:auto;object-fit:contain;max-height:480px}
.cp-gal-th{display:flex;flex-direction:column;gap:8px;min-width:0}
.cp-gal-th img{width:88px;height:88px;object-fit:cover;border-radius:var(--cp-rs);border:2px solid var(--cp-line);cursor:pointer;transition:.18s}
.cp-gal-th img.on,.cp-gal-th img:hover{border-color:var(--cp-cyan)}
.cp-pdcolumns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.cp-pdcol{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:20px;min-width:0}
.cp-pdcol-buy h1{font-size:clamp(20px,2.5vw,26px);font-weight:800;color:var(--cp-ink);line-height:1.2;margin-bottom:10px}
.cp-pdcol-buy .sum{font-size:14px;color:var(--cp-ink2);margin-bottom:14px;line-height:1.6}
.cp-pdcol-buy .meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--cp-ink3);margin-bottom:18px}
.cp-pdcol-buy .acts{display:flex;flex-wrap:wrap;gap:10px}
.cp-keyspec{display:grid;grid-template-columns:1fr;gap:10px}
.cp-keyspec>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--cp-line);font-size:13px}
.cp-keyspec>div:last-child{border-bottom:none}
.cp-keyspec .k{color:var(--cp-ink3);font-weight:600}
.cp-keyspec .v{color:var(--cp-ink);font-weight:500;word-break:break-word}
.cp-specgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cp-spec-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--cp-bg);border-radius:var(--cp-rs);font-size:12px;min-width:0}
.cp-spec-item .k{color:var(--cp-ink3);font-weight:600}
.cp-spec-item .v{color:var(--cp-ink);font-weight:500;word-break:break-word}
.cp-pdblock{margin-top:28px;padding-top:24px;border-top:1px solid var(--cp-line);min-width:0;max-width:100%}
.cp-pdblock .bt{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--cp-cyan);margin-bottom:16px}
.cp-pdblock-desc{min-width:0;max-width:100%}
.cp-rich-box{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cp-rich{font-size:15px;line-height:1.75;color:var(--cp-ink2);overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;width:100%;min-width:0;box-sizing:border-box}
.cp-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}
.cp-rich p{margin:0 0 12px}
.cp-rich img,.cp-rich video,.cp-rich iframe{max-width:100%!important;height:auto!important;display:block;border-radius:var(--cp-rs);margin:12px 0}
.cp-rich pre,.cp-rich pre *{max-width:100%!important;overflow-x:auto;white-space:pre-wrap!important;word-break:break-word!important}
.cp-rich table{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse}
.cp-rich td,.cp-rich th{padding:8px 10px;border:1px solid var(--cp-line);overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
.cp-tablescroll{overflow-x:auto;max-width:100%;width:100%;-webkit-overflow-scrolling:touch;margin:12px 0}
/* 文章列表 */
.cp-listdock{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:16px 18px;margin-bottom:24px}
.cp-listdock-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--cp-line)}
.cp-listdock-row:last-child{border-bottom:none}
.cp-listdock-row .lb{font-size:12px;font-weight:800;color:var(--cp-ink);text-transform:uppercase;letter-spacing:.5px;padding-top:6px}
.cp-listdock-tags,.cp-tagcloud{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.cp-tagcloud a{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--cp-ink2);background:var(--cp-bg);border:1px solid var(--cp-line);transition:.18s}
.cp-tagcloud a:hover{border-color:var(--cp-cyan);color:var(--cp-cyan-d)}
.cp-newsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.cp-news-i{display:flex;flex-direction:column;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden;transition:.2s;min-width:0;height:100%}
.cp-news-i:hover{border-color:var(--cp-cyan);box-shadow:var(--cp-sh-s)}
.cp-news-i .im{display:block;aspect-ratio:16/10;background:var(--cp-bg2);overflow:hidden}
.cp-news-i .im img{width:100%;height:100%;object-fit:cover}
.cp-news-i .bd{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.cp-news-i .dt{font-size:11px;font-weight:600;color:var(--cp-ink3)}
.cp-news-i h3{font-size:15px;font-weight:800;color:var(--cp-ink);line-height:1.3}
.cp-news-i p{font-size:12px;color:var(--cp-ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-news-i .meta{font-size:11px;color:var(--cp-slate);margin-top:auto}
.cp-hotstrip{margin-top:24px;padding:16px 18px;background:var(--cp-bg2);border-radius:var(--cp-r);border:1px solid var(--cp-line)}
.cp-hotstrip h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--cp-cyan);margin-bottom:10px}
.cp-hotstrip a{display:block;padding:8px 0;font-size:13px;font-weight:600;color:var(--cp-ink2);border-bottom:1px solid var(--cp-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-hotstrip a:last-child{border-bottom:none}
.cp-hotstrip a:hover{color:var(--cp-cyan)}
.cp-metarow{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--cp-ink3);margin-top:10px}
.cp-lead{font-size:17px;color:var(--cp-ink2);line-height:1.7;margin-bottom:20px;font-weight:500}
.cp-figure{margin:20px 0;border-radius:var(--cp-r);overflow:hidden;border:1px solid var(--cp-line)}
.cp-prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.cp-prevnext a{padding:16px 18px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);transition:.18s;min-width:0}
.cp-prevnext a:hover{border-color:var(--cp-cyan);background:var(--cp-cyan-l)}
.cp-prevnext .l{font-size:11px;font-weight:700;color:var(--cp-cyan);margin-bottom:6px}
.cp-prevnext .t{font-size:14px;font-weight:700;color:var(--cp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 标签 */
.cp-tagbanner{background:linear-gradient(120deg,var(--cp-ink),var(--cp-cyan-d));color:#fff;padding:clamp(32px,4vw,48px) 0}
.cp-tagbanner h1{color:#fff;margin-top:10px}
.cp-tagbanner p{color:#cbd5e1;margin-top:8px}
.cp-tagbanner .cp-crumb a{color:#67e8f9}
.cp-tagwall{padding:20px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r)}
.cp-taglist{display:flex;flex-wrap:wrap;gap:10px}
.cp-taglist a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:var(--cp-r);font-size:13px;font-weight:600;color:var(--cp-ink2);transition:.18s}
.cp-taglist a:hover{border-color:var(--cp-cyan);background:var(--cp-cyan-l)}
.cp-taglist a b{font-size:11px;color:var(--cp-cyan);background:var(--cp-cyan-l);padding:2px 8px;border-radius:999px}
/* 下载 */
.cp-dlsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,40px);align-items:start}
.cp-dlstack{display:flex;flex-direction:column;gap:12px}
.cp-file{padding:20px 22px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);border-left:4px solid var(--cp-cyan)}
.cp-file .tp{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--cp-cyan);margin-bottom:8px}
.cp-file h3{font-size:16px;font-weight:800;color:var(--cp-ink);margin-bottom:6px}
.cp-file p{font-size:13px;color:var(--cp-ink3);margin-bottom:10px}
.cp-file a{font-size:13px;font-weight:700;color:var(--cp-cyan)}
.cp-form{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:24px 26px}
.cp-form label{display:block;font-size:12px;font-weight:700;color:var(--cp-ink);margin-bottom:6px}
.cp-form input,.cp-form select,.cp-form textarea{width:100%;padding:11px 14px;border:1px solid var(--cp-line);border-radius:var(--cp-rs);font-size:14px;background:var(--cp-bg);transition:.18s}
.cp-form input:focus,.cp-form select:focus,.cp-form textarea:focus{outline:none;border-color:var(--cp-cyan);background:#fff}
.cp-form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.cp-form .full{margin-bottom:14px}
.cp-form .act{margin-top:8px}
/* 关于 */
.cp-aboutgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-aboutcard{padding:24px 26px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);border-top:4px solid var(--cp-cyan)}
.cp-aboutcard h3{font-size:17px;font-weight:800;color:var(--cp-ink);margin-bottom:10px}
.cp-aboutcard p{font-size:14px;color:var(--cp-ink2);line-height:1.65}
.cp-legal .upd{font-size:13px;color:var(--cp-ink3);margin-bottom:16px}
.cp-legal h3{font-size:17px;font-weight:800;color:var(--cp-ink);margin:24px 0 10px}
.cp-legal ul{padding-left:20px;margin-bottom:12px}
.cp-legal li{font-size:14px;margin-bottom:6px;list-style:disc}
.cp-legal blockquote{padding:16px 20px;background:var(--cp-bg2);border-left:4px solid var(--cp-cyan);border-radius:0 var(--cp-rs) var(--cp-rs) 0;margin:16px 0;font-size:14px}
.cp-rich .policy-note,.cp-policy-card .policy-note{margin:16px 0;padding:14px 18px;background:var(--cp-cyan-l);border-left:4px solid var(--cp-cyan);border-radius:0 var(--cp-rs) var(--cp-rs) 0;font-size:14px;line-height:1.65}
/* Policy pages */
.cp-policy-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 55%,#0891b2 100%);color:#fff;padding:clamp(28px,4vw,44px) 0 clamp(32px,4vw,48px)}
.cp-policy-hero .lead{font-size:15px;line-height:1.65;max-width:680px;color:rgba(255,255,255,.78)}
.cp-policy-hero .cp-btn-line{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.cp-policy-hero .cp-btn-line:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.cp-policy-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cp-policy-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;max-width:680px}
.cp-policy-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--cp-rs);padding:14px}
.cp-policy-stats strong{display:block;font-size:16px;color:#fff;margin-bottom:4px}
.cp-policy-stats span{font-size:11px;color:rgba(255,255,255,.65)}
.cp-policy-sec{padding-top:clamp(24px,3vw,36px)!important}
.cp-policy-card{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:clamp(24px,4vw,40px);box-shadow:var(--cp-sh-s)}
@media(max-width:640px){.cp-policy-stats{grid-template-columns:1fr 1fr}.cp-policy-stats div:last-child{grid-column:span 2}}
/* 视频列表/详情 */
.cp-vtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.cp-vtabs a{display:inline-flex;padding:9px 16px;border-radius:var(--cp-rs);font-size:13px;font-weight:600;color:var(--cp-ink2);background:var(--cp-surface);border:1px solid var(--cp-line);transition:.18s}
.cp-vtabs a:hover{border-color:var(--cp-cyan);color:var(--cp-cyan-d);background:var(--cp-cyan-l)}
.cp-vlist{display:flex;flex-direction:column;gap:0;border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden;background:var(--cp-surface)}
.cp-vlist-i{display:grid;grid-template-columns:140px minmax(0,1fr) 40px;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--cp-line);transition:.18s;min-width:0}
.cp-vlist-i:last-child{border-bottom:none}
.cp-vlist-i:hover{background:var(--cp-cyan-l)}
.cp-vlist-i .thumb{display:block;width:140px;height:80px;border-radius:var(--cp-rs);overflow:hidden;background:var(--cp-bg2);position:relative;flex-shrink:0}
.cp-vlist-i .thumb img{width:100%;height:100%;object-fit:cover}
.cp-vlist-i .du{position:absolute;bottom:4px;right:4px;font-size:10px;font-weight:700;color:#fff;background:rgba(15,23,42,.75);padding:2px 6px;border-radius:4px}
.cp-vlist-i .bd{min-width:0}
.cp-vlist-i h3{font-size:15px;font-weight:800;color:var(--cp-ink);line-height:1.3;margin-bottom:4px}
.cp-vlist-i p{font-size:12px;color:var(--cp-ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cp-vlist-i .go{font-size:22px;font-weight:700;color:var(--cp-cyan);text-align:center}
.cp-vtheater{padding:clamp(28px,4vw,44px) 0}
.cp-vplayer{border-radius:var(--cp-r);overflow:hidden;background:var(--cp-ink);margin-bottom:20px;border:1px solid var(--cp-line)}
.cp-vplayer iframe,.cp-vplayer video{width:100%;aspect-ratio:16/9;border:none;display:block}
.cp-vmeta h1{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--cp-ink);margin-bottom:10px}
.cp-vmeta .tags{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--cp-ink3);margin-bottom:20px}
/* 404 */
.cp-404{text-align:center;padding:clamp(48px,8vw,96px) 0;max-width:480px;margin:0 auto}
.cp-404 .code{font-size:clamp(72px,12vw,120px);font-weight:900;color:var(--cp-cyan);line-height:1;opacity:.35}
.cp-404 h1{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--cp-ink);margin:12px 0}
.cp-404 p{font-size:15px;color:var(--cp-ink3);margin-bottom:24px}
.cp-404 .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* 页脚 */
.cp-footcta{background:var(--cp-ink);color:#fff;padding:clamp(32px,4vw,48px) clamp(16px,4vw,36px)}
.cp-footcta-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:0 clamp(0px,0vw,0px)}
.cp-footcta h2{font-size:clamp(20px,2.5vw,28px);font-weight:800;color:#fff}
.cp-footcta p{font-size:14px;color:#94a3b8;margin-top:6px}
.cp-foot{background:var(--cp-surface);border-top:1px solid var(--cp-line);padding:clamp(36px,5vw,56px) 0 0}
.cp-foot-bar{display:flex;flex-wrap:wrap;gap:12px 20px;padding:0 clamp(16px,4vw,36px) 24px;max-width:1180px;margin:0 auto;border-bottom:1px solid var(--cp-line);font-size:13px;font-weight:600}
.cp-foot-bar a{color:var(--cp-ink2);transition:.18s}.cp-foot-bar a:hover{color:var(--cp-cyan)}
.cp-footgrid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px);padding:clamp(28px,4vw,40px) clamp(16px,4vw,36px);max-width:1180px;margin:0 auto}
.cp-foot .lg{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cp-foot .lg img{width:32px;height:32px;border-radius:var(--cp-rs);object-fit:contain}
.cp-foot .lg b{font-size:16px;font-weight:800;color:var(--cp-ink)}
.cp-foot-desc{font-size:13px;color:var(--cp-ink3);line-height:1.65;margin-bottom:14px}
.cp-foot .ct{font-size:13px;color:var(--cp-ink2);line-height:1.8}
.cp-foot h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--cp-ink);margin-bottom:12px}
.cp-foot-links li{margin-bottom:8px}
.cp-foot-links a{font-size:13px;color:var(--cp-ink3);transition:.18s}.cp-foot-links a:hover{color:var(--cp-cyan)}
.cp-foot-bot{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;padding:18px clamp(16px,4vw,36px);max-width:1180px;margin:0 auto;border-top:1px solid var(--cp-line);font-size:12px;color:var(--cp-ink3)}
/* 响应式 */
@media(max-width:980px){
  .cp-stage-in{grid-template-columns:1fr}
  .cp-hexgrid{grid-template-columns:1fr}
  .cp-hex-i{grid-template-columns:28px 48px minmax(0,1fr) auto;gap:12px;padding:14px 16px}
  .cp-hex-i .mark{width:48px;height:48px}
  .cp-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-densegrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-pdcolumns{grid-template-columns:1fr}
  .cp-pdgal{grid-template-columns:1fr;max-width:100%}
  .cp-gal-th{flex-direction:row;flex-wrap:wrap}
  .cp-gal-th img{width:72px;height:72px}
  .cp-jrow{grid-template-columns:36px 80px minmax(0,1fr);gap:10px;padding:12px 14px}
  .cp-jrow .thumb{width:80px;height:54px}
  .cp-vgrid{grid-template-columns:1fr}
  .cp-newsgrid{grid-template-columns:1fr}
  .cp-dlsplit{grid-template-columns:1fr}
  .cp-aboutgrid{grid-template-columns:1fr}
  .cp-footgrid{grid-template-columns:1fr 1fr}
  .cp-vlist{gap:14px;border:none;border-radius:0;background:transparent;overflow:visible}
  .cp-vlist-i{display:flex;flex-direction:column;align-items:stretch;grid-template-columns:none;gap:0;padding:0;border:1px solid var(--cp-line);border-radius:var(--cp-r);overflow:hidden;background:var(--cp-surface);box-shadow:var(--cp-sh-s)}
  .cp-vlist-i:last-child{border-bottom:1px solid var(--cp-line)}
  .cp-vlist-i .thumb{width:100%;height:auto;aspect-ratio:16/9;border-radius:0}
  .cp-vlist-i .bd{padding:14px 16px 18px;min-width:0}
  .cp-vlist-i .go{display:none}
}
@media(max-width:600px){
  .cp-catgrid,.cp-densegrid{grid-template-columns:1fr}
  .cp-jrow{grid-template-columns:1fr;gap:8px}
  .cp-jrow .n{text-align:left}
  .cp-jrow .thumb{width:100%;height:auto;aspect-ratio:16/10}
  .cp-footgrid{grid-template-columns:1fr}
  .cp-footcta-in{flex-direction:column;align-items:flex-start}
  .cp-form .row{grid-template-columns:1fr}
  .cp-prevnext{grid-template-columns:1fr}
  .cp-specgrid{grid-template-columns:1fr}
  .cp-listdock-row{grid-template-columns:1fr;gap:8px}
}
@media(max-width:920px){.cp-specgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.cp-reveal{opacity:1;transform:none}}