:root{
  --ml-bg:#0B1622;
  --ml-bg-2:#122236;
  --ml-surface:#FFFFFF;
  --ml-surface-2:#F4F7F9;
  --ml-ink:#16222E;
  --ml-ink-2:#4A5A6A;
  --ml-line:#D6DEE6;
  --ml-accent:#F5871F;
  --ml-accent-2:#19B5C4;
  --ml-radius:12px;
  --ml-header-h:64px;
  --h2-inset:0px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  color:var(--ml-ink);
  background:var(--ml-surface-2);
  line-height:1.75;
  padding-top:var(--ml-header-h);
}
a{color:var(--ml-accent-2);text-decoration:none;}
a:hover{text-decoration:underline;}

/* ===== Header ===== */
.ml-header{
  position:fixed;top:0;left:0;right:0;height:var(--ml-header-h);
  background:linear-gradient(90deg,var(--ml-bg),var(--ml-bg-2));
  color:#fff;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.25);
}
.ml-header-inner{
  max-width:1200px;margin:0 auto;height:100%;padding:0 16px;
  display:flex;align-items:center;gap:20px;
}
.ml-logo{font-weight:800;font-size:18px;color:#fff;white-space:nowrap;letter-spacing:.5px;}
.ml-logo:hover{text-decoration:none;}
.ml-nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;}
.ml-nav a{color:#cfe0ec;font-size:14px;}
.ml-nav a:hover{color:var(--ml-accent);}
.ml-nav-toggle{display:none;background:transparent;border:1px solid #3a4d63;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;}

/* ===== Layout ===== */
.ml-main{min-height:60vh;}
.ml-container{max-width:1200px;margin:0 auto;padding:0 16px;}
.ml-layout{
  display:grid;grid-template-columns:minmax(0, 1fr) 240px;gap:32px;
  align-items:start;padding:24px 0;
}
.ml-content-main{min-width:0;}
.ml-toc-aside{position:sticky;top:calc(var(--ml-header-h) + 16px);max-height:calc(100vh - var(--ml-header-h) - 32px);overflow-y:auto;}

/* list layout: sidebar 240 left, content 1fr */
.ml-list-layout{
  display:grid;grid-template-columns:240px minmax(0, 1fr);gap:32px;
  align-items:start;padding:24px 0;
}
.ml-cat-side{min-width:0;}
.ml-cat-content{min-width:0;}

/* ===== Breadcrumb (aligned with H2 left edge) ===== */
.ml-breadcrumb{margin:0 0 16px;font-size:13px;color:var(--ml-ink-2);}
.ml-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;}
.ml-breadcrumb li{display:flex;align-items:center;gap:6px;}
.ml-breadcrumb a{color:var(--ml-ink-2);}
.ml-breadcrumb .ml-sep{color:#9fb0c0;}

/* ===== Content typography ===== */
.ml-content-main h1,.ml-page-main h1{font-size:28px;line-height:1.35;margin:0 0 14px;color:var(--ml-bg);}
.ml-content-main h2,.ml-page-main h2{font-size:22px;margin:34px 0 12px;color:var(--ml-bg);border-left:4px solid var(--ml-accent);padding-left:12px;}
.ml-content-main h3,.ml-page-main h3{font-size:18px;margin:24px 0 10px;color:var(--ml-bg-2);}
.ml-content-main p,.ml-page-main p{margin:0 0 14px;}
.ml-content-main ul,.ml-page-main ul,.ml-archive-list{margin:0 0 14px;padding-left:22px;}
.ml-content-main li,.ml-page-main li{margin:4px 0;}
.ml-summary-block{
  background:var(--ml-surface);border:1px solid var(--ml-line);border-left:4px solid var(--ml-accent-2);
  border-radius:var(--ml-radius);padding:14px 16px;margin:0 0 20px;color:var(--ml-ink-2);
}
.ml-keywords{font-size:13px;color:var(--ml-ink-2);margin:0 0 18px;}
.ml-keywords b{color:var(--ml-accent);}
.ml-update-time{font-size:13px;color:var(--ml-ink-2);margin:0 0 18px;}
.ml-conclusion{
  background:linear-gradient(90deg,rgba(245,135,31,.08),rgba(25,181,196,.08));
  border:1px solid var(--ml-line);border-radius:var(--ml-radius);padding:14px 16px;margin:18px 0;
}
.ml-conclusion b{color:var(--ml-accent);}
.ml-case{
  border:1px dashed var(--ml-accent-2);border-radius:var(--ml-radius);padding:12px 16px;margin:18px 0;
  background:rgba(25,181,196,.06);
}
.ml-related{margin-top:26px;border-top:1px solid var(--ml-line);padding-top:16px;}
.ml-related h2{font-size:18px;border:none;padding:0;color:var(--ml-bg);}
.ml-related ul{padding-left:20px;}

/* ===== Tables (covers bare markdown <table> too) ===== */
.ml-content-main table,.ml-page-main table,table.ml-spec{
  border-collapse:collapse;width:100%;margin:16px 0;font-size:14px;
  border:1px solid #cbd5e1;
}
.ml-content-main table th,.ml-page-main table th,table.ml-spec th{
  background:var(--ml-bg);color:#fff;border:1px solid #cbd5e1;padding:9px 12px;text-align:left;
}
.ml-content-main table td,.ml-page-main table td,table.ml-spec td{
  border:1px solid #cbd5e1;padding:9px 12px;
}
.ml-content-main table tbody tr:nth-child(even),.ml-page-main table tbody tr:nth-child(even),table.ml-spec tbody tr:nth-child(even){
  background:#eef3f7;
}

/* ===== TOC / Category panels (native details) ===== */
.ml-toc-panel,.ml-cat-panel{
  background:var(--ml-surface);border:1px solid var(--ml-line);border-radius:var(--ml-radius);padding:12px 14px;
}
.ml-toc-panel summary,.ml-cat-panel summary{
  cursor:pointer;font-weight:700;color:var(--ml-bg);list-style:none;display:flex;align-items:center;gap:8px;
}
.ml-toc-panel summary::after{content:"▾";margin-left:auto;transition:transform .2s;}
.ml-toc-panel:not([open]) summary::after{transform:rotate(-90deg);}
.ml-cat-panel summary::after{content:"▾";margin-left:auto;transition:transform .2s;}
.ml-cat-panel:not([open]) summary::after{transform:rotate(-90deg);}
.ml-toc-list{list-style:none;margin:10px 0 0;padding:0;}
.ml-toc-list li{margin:6px 0;}
.ml-toc-list a{color:var(--ml-ink-2);font-size:14px;}
.ml-toc-l3{padding-left:16px;}
.ml-category-list{list-style:none;margin:10px 0 0;padding:0;}
.ml-category-list li{margin:4px 0;}
.ml-category-list a{display:block;padding:7px 10px;border-radius:8px;color:var(--ml-ink);font-size:14px;}
.ml-category-list li.active a,.ml-category-list a:hover{background:rgba(245,135,31,.12);color:var(--ml-accent);text-decoration:none;}

/* ===== FAQ ===== */
.ml-faq{margin-top:28px;border-top:1px solid var(--ml-line);padding-top:16px;}
.ml-faq h2{font-size:20px;border:none;padding:0;color:var(--ml-bg);}
.ml-faq-item{border:1px solid var(--ml-line);border-radius:10px;margin:10px 0;background:var(--ml-surface);}
.ml-faq-item summary{cursor:pointer;padding:12px 14px;font-weight:600;color:var(--ml-bg);}
.ml-faq-item p{margin:0;padding:0 14px 12px;color:var(--ml-ink-2);}

/* ===== Lists / Cards ===== */
.ml-entry-list{list-style:none;margin:0;padding:0;}
.ml-entry{border-bottom:1px solid var(--ml-line);padding:16px 0;}
.ml-entry-title{font-size:18px;font-weight:700;color:var(--ml-bg);}
.ml-entry-summary{margin:6px 0 0;color:var(--ml-ink-2);}
.ml-entry-meta{font-size:13px;color:#8a99a8;margin:4px 0 0;}
.ml-list-title{font-size:26px;color:var(--ml-bg);margin:0 0 8px;}
.ml-list-desc{color:var(--ml-ink-2);margin:0 0 18px;}

.ml-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;}
.ml-cat-card{display:flex;flex-direction:column;gap:6px;background:var(--ml-surface);border:1px solid var(--ml-line);border-radius:var(--ml-radius);padding:16px;color:var(--ml-ink);}
.ml-cat-card:hover{text-decoration:none;border-color:var(--ml-accent);box-shadow:0 6px 18px rgba(11,22,34,.12);transform:translateY(-2px);transition:.15s;}
.ml-cat-card-name{font-weight:700;font-size:16px;color:var(--ml-bg);}
.ml-cat-card-count{font-size:13px;color:var(--ml-ink-2);}

.ml-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.ml-prod-card{display:flex;flex-direction:column;gap:8px;background:var(--ml-surface);border:1px solid var(--ml-line);border-radius:var(--ml-radius);padding:18px;color:var(--ml-ink);}
.ml-prod-card:hover{text-decoration:none;border-color:var(--ml-accent-2);box-shadow:0 6px 18px rgba(11,22,34,.12);transform:translateY(-2px);transition:.15s;}
.ml-prod-card-cat{font-size:12px;color:var(--ml-accent);letter-spacing:1px;}
.ml-prod-card-title{font-weight:700;font-size:16px;color:var(--ml-bg);}
.ml-prod-card-desc{font-size:13px;color:var(--ml-ink-2);}

/* ===== Home ===== */
.ml-hero{background:radial-gradient(1200px 400px at 20% -10%,rgba(245,135,31,.25),transparent),linear-gradient(135deg,var(--ml-bg),var(--ml-bg-2));color:#fff;padding:54px 0 40px;}
.ml-hero-kicker{letter-spacing:3px;color:var(--ml-accent);font-size:13px;margin:0 0 10px;}
.ml-hero-title{font-size:40px;margin:0 0 14px;color:#fff;}
.ml-hero-sub{max-width:760px;color:#cfe0ec;font-size:16px;margin:0 0 22px;}
.ml-hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.ml-btn{display:inline-block;padding:11px 22px;border-radius:30px;font-weight:700;font-size:14px;}
.ml-btn-primary{background:var(--ml-accent);color:#1a1206;}
.ml-btn-ghost{border:1px solid rgba(255,255,255,.4);color:#fff;}
.ml-btn:hover{text-decoration:none;opacity:.92;}
.ml-hero-flow{list-style:none;display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 0;padding:0;}
.ml-hero-flow li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:8px 16px;font-size:14px;}
.ml-flow-dot{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:var(--ml-accent);color:#1a1206;border-radius:50%;font-size:12px;font-weight:800;}
.ml-section{padding:36px 0;}
.ml-section-title{font-size:24px;color:var(--ml-bg);margin:0 0 18px;border-left:4px solid var(--ml-accent);padding-left:12px;}

/* ===== Pages ===== */
.ml-page-wrap{max-width:860px;margin:0 auto;padding:24px 0;}
.ml-page-main{background:var(--ml-surface);border:1px solid var(--ml-line);border-radius:var(--ml-radius);padding:24px 32px;}

/* ===== Archive ===== */
.ml-archive-title{font-size:26px;color:var(--ml-bg);margin:0 0 16px;}
.ml-archive-block{margin:18px 0;}
.ml-archive-cat{font-size:18px;color:var(--ml-accent);margin:14px 0 6px;}
.ml-archive-list{columns:2;column-gap:28px;}

/* ===== Pagination ===== */
.ml-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}
.ml-pagination a{padding:7px 13px;border:1px solid var(--ml-line);border-radius:8px;color:var(--ml-ink);font-size:14px;background:var(--ml-surface);}
.ml-pagination a.current{background:var(--ml-accent);color:#1a1206;border-color:var(--ml-accent);}

/* ===== Footer ===== */
.ml-footer{background:var(--ml-bg);color:#cfe0ec;margin-top:40px;}
.ml-footer-inner{max-width:1200px;margin:0 auto;padding:30px 16px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;}
.ml-footer-logo{font-weight:800;color:#fff;font-size:17px;}
.ml-footer-brand p{font-size:13px;color:#9fb0c0;max-width:480px;}
.ml-footer-nav{display:flex;flex-direction:column;gap:8px;flex-wrap:wrap;}
.ml-footer-nav a{color:#cfe0ec;font-size:14px;}
.ml-footer-bottom{border-top:1px solid #20324a;text-align:center;padding:14px;font-size:13px;color:#8a99a8;}

/* ===== Floating capsule ===== */
.ml-fab{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:900;}
.ml-fab-btn{
  width:52px;height:52px;border-radius:30px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--ml-accent),var(--ml-accent-2));color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;
  box-shadow:0 6px 18px rgba(11,22,34,.3);gap:2px;
}
.ml-fab-btn span{font-size:10px;}
.ml-fab-btn:hover{filter:brightness(1.08);}
.ml-card-mask{position:fixed;inset:0;background:rgba(8,14,22,.7);display:flex;align-items:center;justify-content:center;z-index:1100;}
.ml-card-mask[hidden]{display:none;}
.ml-card-dialog{position:relative;background:#fff;border-radius:14px;padding:10px;}
.ml-card-img{display:block;width:300px;height:500px;object-fit:contain;border-radius:8px;}
.ml-card-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;border:none;background:#fff;color:#16222E;font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);}

/* ===== Responsive (≤1024px): panels collapse, never display:none ===== */
@media (max-width: 1024px){
  .ml-layout{grid-template-columns:1fr;gap:0;}
  .ml-toc-aside{position:static;max-height:none;margin:18px 0;}
  .ml-list-layout{grid-template-columns:1fr;gap:0;}
  .ml-cat-side{margin-bottom:18px;}
  .ml-nav-toggle{display:block;}
  .ml-nav{display:none;position:absolute;top:var(--ml-header-h);left:0;right:0;background:var(--ml-bg);padding:12px 16px;}
  .ml-nav.open{display:block;}
  .ml-nav ul{flex-direction:column;gap:10px;}
  .ml-footer-inner{grid-template-columns:1fr;}
  .ml-archive-list{columns:1;}
  .ml-page-main{padding:18px 16px;}
}