:root{
  --pim-bg:#0B1120;
  --pim-surface:#131C30;
  --pim-surface-2:#19243c;
  --pim-signal:#21E6C1;
  --pim-spectrum:#5B8CFF;
  --pim-amber:#E9B949;
  --pim-text:#E8EEF6;
  --pim-muted:#9AA8C0;
  --pim-border:#26324A;
  --pim-radius:14px;
  --pim-header-h:60px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--pim-bg);color:var(--pim-text);
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  line-height:1.7;font-size:16px;padding-top:var(--pim-header-h);
}
a{color:var(--pim-signal);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;}
h1,h2,h3,h4{line-height:1.3;font-weight:700;}
code{background:var(--pim-surface-2);padding:.1em .4em;border-radius:5px;font-size:.92em;color:var(--pim-signal);}

/* ===== Header ===== */
.pim-header{position:fixed;top:0;left:0;right:0;height:var(--pim-header-h);z-index:50;
  background:rgba(11,17,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--pim-border);}
.pim-header-inner{max-width:1180px;margin:0 auto;height:100%;display:flex;align-items:center;
  padding:0 20px;gap:18px;}
.pim-logo{font-weight:800;font-size:18px;color:var(--pim-text);letter-spacing:.5px;
  background:linear-gradient(90deg,var(--pim-signal),var(--pim-spectrum));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;}
.pim-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;}
.pim-nav a{color:var(--pim-muted);font-size:15px;}
.pim-nav a:hover{color:var(--pim-signal);text-decoration:none;}
.pim-nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--pim-border);
  color:var(--pim-text);font-size:20px;border-radius:8px;width:42px;height:38px;cursor:pointer;}

/* ===== Container ===== */
.pim-container{max-width:1180px;margin:0 auto;padding:24px 20px 48px;}

/* ===== Breadcrumb ===== */
.pim-breadcrumb{font-size:13px;color:var(--pim-muted);margin:0 0 18px;}
.pim-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;}
.pim-breadcrumb li:not(:last-child)::after{content:"›";margin-left:6px;color:var(--pim-border);}
.pim-breadcrumb a{color:var(--pim-muted);}
.pim-breadcrumb a:hover{color:var(--pim-signal);}

/* ===== Layout grid (article/product) ===== */
.pim-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:start;}
.pim-main-col{min-width:0;}
.pim-content-main{background:var(--pim-surface);border:1px solid var(--pim-border);border-radius:var(--pim-radius);
  padding:28px 30px;}
.pim-content-main h2{font-size:22px;margin:30px 0 12px;padding-left:12px;border-left:4px solid var(--pim-signal);color:#fff;}
.pim-content-main h3{font-size:18px;margin:22px 0 10px;color:var(--pim-signal);}
.pim-content-main p{margin:12px 0;}
.pim-content-main blockquote{margin:16px 0;padding:12px 18px;background:var(--pim-surface-2);
  border-left:4px solid var(--pim-spectrum);border-radius:8px;color:var(--pim-muted);}
.pim-content-main strong{color:var(--pim-amber);}
.pim-content-main time{display:inline-block;font-size:13px;color:var(--pim-muted);margin:6px 0 14px;}
.pim-content-main ul,.pim-content-main ol{margin:12px 0;padding-left:22px;}
.pim-content-main li{margin:6px 0;}
.pim-content-main table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px;background:var(--pim-surface-2);}
.pim-content-main table,.pim-content-main th,.pim-content-main td{border:1px solid var(--pim-border);}
.pim-content-main th{background:var(--pim-spectrum);color:#06101f;font-weight:700;padding:8px 10px;text-align:left;}
.pim-content-main td{padding:8px 10px;color:var(--pim-text);}
.pim-content-main tbody tr:nth-child(even){background:rgba(255,255,255,.03);}

/* ===== TOC ===== */
.pim-toc-aside{position:sticky;top:calc(var(--pim-header-h) + 16px);max-height:calc(100vh - 90px);overflow:auto;}
.pim-toc-panel{background:var(--pim-surface);border:1px solid var(--pim-border);border-radius:var(--pim-radius);padding:14px 16px;}
.pim-toc-panel summary{cursor:pointer;font-weight:700;color:var(--pim-text);list-style:none;}
.pim-toc-panel summary::-webkit-details-marker{display:none;}
.pim-toc-panel summary::after{content:"▾";float:right;color:var(--pim-signal);}
.pim-toc-panel[open] summary::after{content:"▴";}
.pim-toc{margin-top:10px;}
.pim-toc ol{list-style:none;counter-reset:pimtoc;padding:0;margin:0;}
.pim-toc li{counter-increment:pimtoc;margin:6px 0;}
.pim-toc li a{display:block;padding:4px 8px;border-left:2px solid transparent;color:var(--pim-muted);font-size:14px;}
.pim-toc li a::before{content:counter(pimtoc) ". ";color:var(--pim-signal);}
.pim-toc li a:hover{border-left-color:var(--pim-signal);color:var(--pim-text);text-decoration:none;}

/* ===== List layout ===== */
.pim-list-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;}
.pim-cat-side{position:sticky;top:calc(var(--pim-header-h) + 16px);}
.pim-cat-panel{background:var(--pim-surface);border:1px solid var(--pim-border);border-radius:var(--pim-radius);padding:14px 16px;}
.pim-cat-panel summary{cursor:pointer;font-weight:700;list-style:none;color:var(--pim-text);}
.pim-cat-panel summary::-webkit-details-marker{display:none;}
.pim-cat-panel summary::after{content:"▾";float:right;color:var(--pim-signal);}
.pim-cat-panel[open] summary::after{content:"▴";}
.pim-category-list{list-style:none;padding:0;margin:10px 0 0;}
.pim-category-list li{margin:4px 0;}
.pim-category-list a{display:block;padding:7px 10px;border-radius:8px;color:var(--pim-muted);font-size:14px;}
.pim-category-list a:hover,.pim-category-list a.active{background:var(--pim-surface-2);color:var(--pim-signal);text-decoration:none;}
.pim-cat-content{min-width:0;}
.pim-page-h1{font-size:28px;margin:0 0 8px;color:#fff;}
.pim-lead{color:var(--pim-muted);margin:0 0 22px;}
.pim-cat-group{margin-bottom:30px;}
.pim-cat-group-title{font-size:20px;color:var(--pim-signal);border-left:4px solid var(--pim-signal);padding-left:10px;}

/* ===== Cards ===== */
.pim-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.pim-card{background:var(--pim-surface);border:1px solid var(--pim-border);border-radius:var(--pim-radius);
  padding:18px;transition:transform .15s,border-color .15s;}
.pim-card:hover{transform:translateY(-3px);border-color:var(--pim-signal);}
.pim-card h3{margin:0 0 8px;font-size:17px;}
.pim-card h3 a{color:var(--pim-text);}
.pim-card h3 a:hover{color:var(--pim-signal);}
.pim-card p{margin:0;color:var(--pim-muted);font-size:14px;}

/* ===== Page card ===== */
.pim-page-card{background:var(--pim-surface);border:1px solid var(--pim-border);border-radius:var(--pim-radius);padding:48px 48px;}
.pim-page-main h2{font-size:22px;margin:28px 0 12px;padding-left:12px;border-left:4px solid var(--pim-signal);color:#fff;}
.pim-page-main h3{font-size:18px;margin:20px 0 10px;color:var(--pim-signal);}
.pim-page-main p{margin:12px 0;}
.pim-page-main ul,.pim-page-main ol{margin:12px 0;padding-left:22px;}
.pim-page-main li{margin:6px 0;}
.pim-page-main table,.pim-page-main th,.pim-page-main td{border:1px solid var(--pim-border);}
.pim-page-main table{border-collapse:collapse;width:100%;margin:16px 0;}
.pim-page-main th{background:var(--pim-spectrum);color:#06101f;padding:8px 10px;}
.pim-page-main td{padding:8px 10px;}
.pim-page-main blockquote{background:var(--pim-surface-2);border-left:4px solid var(--pim-spectrum);padding:12px 18px;border-radius:8px;color:var(--pim-muted);}

/* ===== FAQ ===== */
.pim-faq{margin-top:28px;border-top:1px solid var(--pim-border);padding-top:18px;}
.pim-faq-title{font-size:20px;color:var(--pim-signal);margin:0 0 12px;}
.pim-faq details{background:var(--pim-surface-2);border:1px solid var(--pim-border);border-radius:10px;margin:10px 0;padding:12px 16px;}
.pim-faq summary{cursor:pointer;font-weight:600;color:var(--pim-text);}
.pim-faq details p{margin:10px 0 0;color:var(--pim-muted);}

/* ===== Home ===== */
.pim-hero{position:relative;background:linear-gradient(135deg,#0c1730,#102a4a);border:1px solid var(--pim-border);
  border-radius:var(--pim-radius);padding:54px 40px;overflow:hidden;margin-bottom:30px;}
.pim-hero-wave{position:absolute;inset:0;opacity:.5;}
.pim-hero-wave svg{width:100%;height:100%;}
.pim-wave-base{fill:none;stroke:var(--pim-signal);stroke-width:2;}
.pim-wave-base2{fill:none;stroke:var(--pim-spectrum);stroke-width:2;opacity:.7;}
.pim-wave-imd{fill:none;stroke:var(--pim-amber);stroke-width:1.5;stroke-dasharray:4 4;opacity:.8;}
.pim-hero-text{position:relative;z-index:2;}
.pim-hero-title{font-size:38px;margin:0 0 10px;color:#fff;}
.pim-hero-sub{color:var(--pim-muted);font-size:16px;max-width:640px;}
.pim-hero-cta{margin-top:22px;display:flex;gap:14px;}
.pim-btn{display:inline-block;background:linear-gradient(90deg,var(--pim-signal),var(--pim-spectrum));
  color:#06101f;font-weight:700;padding:11px 22px;border-radius:999px;}
.pim-btn:hover{text-decoration:none;filter:brightness(1.08);}
.pim-btn-ghost{background:transparent;border:1px solid var(--pim-signal);color:var(--pim-signal);}
.pim-section{margin:34px 0;}
.pim-section-title{font-size:24px;color:#fff;margin:0 0 16px;padding-left:12px;border-left:4px solid var(--pim-signal);}
.pim-chip-grid{display:flex;flex-wrap:wrap;gap:10px;}
.pim-chip,.pim-chip-solid{display:inline-block;padding:8px 16px;border-radius:999px;font-size:14px;}
.pim-chip{border:1px solid var(--pim-border);color:var(--pim-muted);background:var(--pim-surface);}
.pim-chip-solid{background:linear-gradient(90deg,rgba(33,230,193,.16),rgba(91,140,255,.16));
  border:1px solid var(--pim-signal);color:var(--pim-signal);}
.pim-cat-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.pim-cat-links .pim-chip{background:var(--pim-surface-2);}
.pim-baseline{background:var(--pim-surface);border:1px solid var(--pim-border);border-radius:var(--pim-radius);padding:24px 28px;}
.pim-baseline p{margin:0;color:var(--pim-text);}

/* ===== Archive ===== */
.pim-archive-list{columns:2;column-gap:30px;list-style:none;padding:0;margin:0;}
.pim-archive-list li{break-inside:avoid;margin:6px 0;}
.pim-404{text-align:center;padding:60px 0;}

/* ===== Footer ===== */
.pim-footer{background:var(--pim-surface);border-top:1px solid var(--pim-border);margin-top:40px;}
.pim-footer-inner{max-width:1180px;margin:0 auto;padding:36px 20px;display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px;}
.pim-footer-logo{font-weight:800;font-size:18px;color:#fff;margin-bottom:10px;}
.pim-footer-col h4{color:var(--pim-signal);font-size:15px;margin:0 0 10px;}
.pim-footer-col ul{list-style:none;padding:0;margin:0;}
.pim-footer-col li{margin:6px 0;}
.pim-footer-col a{color:var(--pim-muted);font-size:14px;}
.pim-footer-bottom{border-top:1px solid var(--pim-border);padding:14px 20px;text-align:center;color:var(--pim-muted);font-size:13px;}

/* ===== Float capsule ===== */
.pim-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.pim-float-btn{min-width:92px;height:42px;padding:0 15px;border-radius:999px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--pim-signal),var(--pim-spectrum));color:#06101f;
  font-weight:700;font-size:13px;box-shadow:0 6px 18px rgba(33,230,193,.3);display:flex;align-items:center;justify-content:center;gap:7px;}
.pim-float-ico{width:16px;height:16px;flex:0 0 16px;display:block;}
.pim-float-lbl{line-height:1;white-space:nowrap;}
.pim-float-btn:hover{filter:brightness(1.08);}
.pim-card-overlay{position:fixed;inset:0;background:rgba(4,8,16,.78);z-index:80;display:flex;align-items:center;justify-content:center;}
.pim-card-overlay[hidden]{display:none;}
.pim-card-box{position:relative;}
.pim-card-box img{border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.5);}
.pim-card-close{position:absolute;top:-12px;right:-12px;background:var(--pim-signal);color:#06101f;
  border:none;border-radius:999px;padding:6px 14px;font-weight:700;cursor:pointer;}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .pim-layout-grid{grid-template-columns:1fr;}
  .pim-toc-aside{position:static;max-height:none;margin-top:16px;}
  .pim-list-layout{grid-template-columns:1fr;}
  .pim-cat-side{position:static;margin-bottom:16px;}
  .pim-content-main{padding:22px 18px;}
  .pim-page-card{padding:30px 20px;}
  .pim-nav{display:none;position:absolute;top:var(--pim-header-h);left:0;right:0;
    flex-direction:column;background:var(--pim-surface);border-bottom:1px solid var(--pim-border);padding:10px 20px;gap:4px;}
  .pim-nav.open{display:flex;}
  .pim-nav-toggle{display:block;}
  .pim-archive-list{columns:1;}
}
@media (max-width:640px){
  .pim-hero{padding:36px 22px;}
  .pim-hero-title{font-size:28px;}
  .pim-footer-inner{grid-template-columns:1fr 1fr;}
  .pim-float{right:12px;gap:8px;}
  .pim-float-btn{min-width:auto;height:38px;padding:0 12px;font-size:12px;gap:5px;}
}