:root{
  --arp-bg:#0A0F1C;
  --arp-bg-2:#0E1526;
  --arp-surface:#121A2E;
  --arp-surface-2:#172139;
  --arp-line:#2A3550;
  --arp-line-soft:#1E293F;
  --arp-text:#E6ECF5;
  --arp-text-dim:#8A97AD;
  --arp-cyan:#19C9D6;
  --arp-orange:#FF8A3D;
  --arp-cyan-dim:rgba(25,201,214,.14);
  --arp-orange-dim:rgba(255,138,61,.14);
  --arp-header-h:64px;
  --arp-container:1180px;
  --arp-h2-inset:16px;
  --arp-radius:14px;
  --arp-shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--arp-bg);color:var(--arp-text);
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{color:var(--arp-cyan);text-decoration:none;}
a:hover{color:var(--arp-orange);}
img{max-width:100%;}
h1,h2,h3,h4{line-height:1.3;font-weight:700;color:#fff;}
.arp-container{max-width:var(--arp-container);margin:0 auto;padding:0 24px;}

/* ===== Header ===== */
.arp-header{position:fixed;top:0;left:0;right:0;height:var(--arp-header-h);z-index:50;
  background:rgba(10,15,28,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--arp-line);}
.arp-header-inner{max-width:var(--arp-container);margin:0 auto;height:100%;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;}
.arp-logo{font-weight:800;font-size:18px;color:#fff;letter-spacing:.3px;}
.arp-logo:hover{color:var(--arp-cyan);}
.arp-nav-toggle{display:none;background:none;border:1px solid var(--arp-line);color:var(--arp-text);
  border-radius:8px;width:42px;height:38px;font-size:18px;cursor:pointer;}
.arp-nav-list{display:flex;gap:6px;list-style:none;margin:0;padding:0;align-items:center;}
.arp-nav-item{position:relative;}
.arp-nav-item>a{display:block;padding:10px 14px;border-radius:8px;color:var(--arp-text-dim);font-size:15px;}
.arp-nav-item>a:hover,.arp-nav-item>a.active{color:#fff;background:var(--arp-surface);}
.arp-has-sub>.arp-nav-sub{position:absolute;top:100%;left:0;min-width:180px;
  background:var(--arp-surface);border:1px solid var(--arp-line);border-radius:10px;
  box-shadow:var(--arp-shadow);padding:8px;display:none;flex-direction:column;gap:2px;}
.arp-has-sub:hover>.arp-nav-sub,.arp-has-sub:focus-within>.arp-nav-sub{display:flex;}
.arp-nav-sub a{padding:8px 12px;border-radius:8px;color:var(--arp-text-dim);font-size:14px;white-space:nowrap;}
.arp-nav-sub a:hover{background:var(--arp-surface-2);color:#fff;}

/* ===== Main / breadcrumb ===== */
.arp-main{padding-top:var(--arp-header-h);min-height:60vh;}
.arp-breadcrumb{padding:18px 0 6px;padding-left:var(--arp-h2-inset);}
.arp-crumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--arp-text-dim);}
.arp-crumb-list li{display:flex;align-items:center;}
.arp-crumb-list li+li::before{content:"›";margin-right:8px;color:var(--arp-line);}
.arp-crumb-list a{color:var(--arp-text-dim);}
.arp-crumb-list a:hover{color:var(--arp-cyan);}
.arp-crumb-list span{color:var(--arp-text);}

/* ===== Article / Product layout ===== */
.arp-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;
  max-width:var(--arp-container);margin:0 auto;padding:8px 24px 60px;}
.arp-content-main{background:var(--arp-surface);border:1px solid var(--arp-line-soft);
  border-radius:var(--arp-radius);padding:36px 40px;min-width:0;}
.arp-content-main h1{font-size:30px;margin:0 0 18px;}
.arp-content-main h2{font-size:22px;margin:34px 0 14px;padding-left:12px;border-left:4px solid var(--arp-cyan);}
.arp-content-main h3{font-size:18px;margin:24px 0 10px;color:var(--arp-cyan);}
.arp-content-main p{margin:0 0 16px;color:var(--arp-text);}
.arp-content-main ul,.arp-content-main ol{margin:0 0 16px;padding-left:24px;color:var(--arp-text);}
.arp-content-main li{margin:6px 0;}
.arp-content-main blockquote{margin:0 0 18px;padding:14px 18px;background:var(--arp-cyan-dim);
  border-left:4px solid var(--arp-cyan);border-radius:8px;color:var(--arp-text);}
.arp-content-main strong{color:#fff;}
.arp-tag-line{margin:0 0 16px;color:var(--arp-text-dim);font-size:14px;}
.arp-tag-text{display:inline-block;background:var(--arp-surface-2);border:1px solid var(--arp-line);
  color:var(--arp-cyan);border-radius:999px;padding:3px 12px;margin:0 6px 6px 0;font-size:13px;}
.arp-update-time{font-size:13px;color:var(--arp-text-dim);margin:0 0 18px;}

/* ===== Tables (M26) ===== */
.arp-content-main table,table.arp-spec{border-collapse:collapse;width:100%;margin:0 0 20px;
  font-size:14.5px;background:var(--arp-surface-2);border:1px solid #cbd5e1;}
.arp-content-main th,.arp-content-main td,table.arp-spec th,table.arp-spec td{
  border:1px solid #cbd5e1;padding:10px 14px;text-align:left;color:var(--arp-text);}
.arp-content-main th,table.arp-spec th{background:#13233f;color:#fff;font-weight:600;}
.arp-content-main tbody tr:nth-child(even),table.arp-spec tbody tr:nth-child(even){background:rgba(255,255,255,.03);}

/* ===== FAQ ===== */
.arp-faq-block{margin-top:34px;padding-top:24px;border-top:1px solid var(--arp-line);}
.arp-faq-title{font-size:22px;margin:0 0 16px;padding-left:12px;border-left:4px solid var(--arp-orange);}
.arp-faq-item{border:1px solid var(--arp-line);border-radius:10px;margin:0 0 10px;background:var(--arp-surface-2);}
.arp-faq-item>summary{cursor:pointer;padding:14px 18px;font-weight:600;color:#fff;list-style:none;}
.arp-faq-item>summary::-webkit-details-marker{display:none;}
.arp-faq-item>summary::after{content:"+";float:right;color:var(--arp-cyan);font-size:20px;line-height:1;}
.arp-faq-item[open]>summary::after{content:"−";}
.arp-faq-a{padding:0 18px 16px;color:var(--arp-text);}

/* ===== TOC aside ===== */
.arp-toc-aside{position:sticky;top:calc(var(--arp-header-h) + 16px);align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;}
.arp-toc-panel{border:1px solid var(--arp-line);border-radius:12px;background:var(--arp-surface);padding:14px 16px;}
.arp-toc-panel>summary{cursor:pointer;font-weight:700;color:#fff;margin-bottom:8px;list-style:none;}
.arp-toc-panel>summary::-webkit-details-marker{display:none;}
.arp-toc-panel>summary::after{content:"▾";float:right;color:var(--arp-cyan);}
.arp-toc-nav a{display:block;padding:6px 0;color:var(--arp-text-dim);font-size:14px;border-bottom:1px solid var(--arp-line-soft);}
.arp-toc-nav a:hover{color:var(--arp-cyan);}

/* ===== List / Category layout (M27) ===== */
.arp-list-layout{max-width:var(--arp-container);margin:0 auto;padding:8px 24px 60px;}
.arp-list-layout .arp-list-grid,.arp-list-layout>.arp-cat-side,.arp-list-layout>.arp-cat-content{}
.arp-list-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;}
.arp-cat-side{position:sticky;top:calc(var(--arp-header-h) + 16px);align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;}
.arp-cat-panel{border:1px solid var(--arp-line);border-radius:12px;background:var(--arp-surface);padding:14px 16px;}
.arp-cat-panel>summary{cursor:pointer;font-weight:700;color:#fff;list-style:none;}
.arp-cat-panel>summary::-webkit-details-marker{display:none;}
.arp-cat-panel>summary::after{content:"▾";float:right;color:var(--arp-cyan);}
.arp-category-list{list-style:none;margin:10px 0 0;padding:0;}
.arp-category-list li{margin:2px 0;}
.arp-category-list a{display:block;padding:9px 12px;border-radius:8px;color:var(--arp-text-dim);font-size:14.5px;}
.arp-category-list a:hover,.arp-category-list a.active{background:var(--arp-surface-2);color:#fff;}
.arp-list-title{font-size:28px;margin:0 0 8px;}
.arp-list-desc{color:var(--arp-text-dim);margin:0 0 24px;}
.arp-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.arp-card{display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:var(--arp-surface);border:1px solid var(--arp-line-soft);border-radius:12px;padding:20px;
  transition:transform .15s ease,border-color .15s ease;}
.arp-card:hover{transform:translateY(-3px);border-color:var(--arp-cyan);}
.arp-card-title{font-size:17px;margin:0 0 8px;color:#fff;}
.arp-card-desc{font-size:14px;color:var(--arp-text-dim);margin:0;}
.arp-card-arrow{color:var(--arp-cyan);font-size:20px;}

/* ===== Page (leaf) ===== */
.arp-page-wrap{max-width:880px;margin:0 auto;padding:8px 24px 60px;}
.arp-page-main{padding-left:32px;}
.arp-page-main h1{font-size:30px;margin:0 0 20px;}
.arp-page-main h2{font-size:22px;margin:30px 0 12px;padding-left:12px;border-left:4px solid var(--arp-cyan);}
.arp-page-main h3{font-size:18px;margin:22px 0 10px;color:var(--arp-cyan);}

/* ===== Home ===== */
.arp-hero{background:radial-gradient(1200px 500px at 70% -10%,rgba(25,201,214,.18),transparent),linear-gradient(180deg,var(--arp-bg-2),var(--arp-bg));
  padding:70px 0 56px;border-bottom:1px solid var(--arp-line);}
.arp-hero-inner{max-width:var(--arp-container);margin:0 auto;padding:0 24px;}
.arp-hero-eyebrow{color:var(--arp-cyan);font-weight:700;letter-spacing:1px;margin:0 0 10px;font-size:13px;text-transform:uppercase;}
.arp-hero-title{font-size:42px;margin:0 0 16px;line-height:1.2;}
.arp-hero-sub{font-size:18px;color:var(--arp-text-dim);max-width:760px;margin:0 0 26px;}
.arp-hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.arp-btn{display:inline-block;padding:13px 26px;border-radius:10px;font-weight:700;font-size:15px;}
.arp-btn-primary{background:var(--arp-cyan);color:#06222a;}
.arp-btn-primary:hover{background:var(--arp-orange);color:#1a0e04;}
.arp-btn-ghost{border:1px solid var(--arp-line);color:var(--arp-text);}
.arp-btn-ghost:hover{border-color:var(--arp-cyan);color:var(--arp-cyan);}
.arp-section{padding:56px 0;}
.arp-section-alt{background:var(--arp-bg-2);border-top:1px solid var(--arp-line-soft);border-bottom:1px solid var(--arp-line-soft);}
.arp-section-title{font-size:28px;margin:0 0 10px;}
.arp-section-lead{color:var(--arp-text-dim);max-width:760px;margin:0 0 30px;}
.arp-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;}
.arp-prod-card{background:var(--arp-surface);border:1px solid var(--arp-line-soft);border-radius:14px;padding:24px;transition:transform .15s,border-color .15s;}
.arp-prod-card:hover{transform:translateY(-4px);border-color:var(--arp-cyan);}
.arp-prod-card-top{margin-bottom:12px;}
.arp-prod-tag{font-size:12px;color:var(--arp-cyan);background:var(--arp-cyan-dim);border-radius:999px;padding:3px 12px;}
.arp-prod-name{font-size:19px;margin:0 0 10px;color:#fff;}
.arp-prod-desc{font-size:14.5px;color:var(--arp-text-dim);margin:0 0 14px;}
.arp-prod-link{color:var(--arp-orange);font-weight:600;font-size:14px;}
.arp-kw-cloud{display:flex;flex-wrap:wrap;gap:12px;}
.arp-kw{background:var(--arp-surface);border:1px solid var(--arp-line);border-radius:999px;padding:9px 18px;color:var(--arp-text);font-size:15px;}
.arp-baseline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;}
.arp-baseline-item{background:var(--arp-surface);border:1px solid var(--arp-line-soft);border-radius:12px;padding:18px;}
.arp-baseline-k{color:var(--arp-text-dim);font-size:13px;margin-bottom:6px;}
.arp-baseline-v{color:#fff;font-size:17px;font-weight:700;}
.arp-scen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;}
.arp-scen-card{background:var(--arp-surface);border:1px solid var(--arp-line-soft);border-radius:12px;padding:20px;}
.arp-scen-name{font-size:17px;margin:0 0 8px;color:#fff;}
.arp-scen-desc{font-size:14px;color:var(--arp-text-dim);margin:0;}
.arp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.arp-feat-list{list-style:none;margin:0;padding:0;}
.arp-feat-list li{padding:11px 0;border-bottom:1px solid var(--arp-line-soft);}
.arp-cta-band{background:linear-gradient(120deg,var(--arp-cyan-dim),var(--arp-orange-dim));border-top:1px solid var(--arp-line);padding:54px 0;text-align:center;}
.arp-cta-title{font-size:28px;margin:0 0 10px;}
.arp-cta-sub{color:var(--arp-text);max-width:680px;margin:0 auto 22px;}

/* ===== Footer ===== */
.arp-footer{background:var(--arp-bg-2);border-top:1px solid var(--arp-line);padding:44px 0 0;}
.arp-footer-inner{max-width:var(--arp-container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;}
.arp-foot-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 14px;}
.arp-foot-desc{color:var(--arp-text-dim);font-size:14px;max-width:340px;}
.arp-foot-links{list-style:none;margin:0;padding:0;}
.arp-foot-links li{margin:8px 0;}
.arp-foot-links a{color:var(--arp-text-dim);font-size:14px;}
.arp-foot-links a:hover{color:var(--arp-cyan);}
.arp-footer-bottom{max-width:var(--arp-container);margin:30px auto 0;padding:18px 24px;border-top:1px solid var(--arp-line-soft);
  color:var(--arp-text-dim);font-size:13px;text-align:center;}

/* ===== Float capsule + card modal ===== */
.arp-float{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:60;
  display:flex;flex-direction:column;gap:10px;}
.arp-float-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--arp-cyan),var(--arp-orange));
  color:#06121a;border:none;border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer;
  box-shadow:var(--arp-shadow);}
.arp-float-btn:hover{filter:brightness(1.08);}
.arp-float-ico{font-size:16px;}
.arp-card-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;}
.arp-card-modal[hidden]{display:none;}
.arp-card-mask{position:absolute;inset:0;background:rgba(4,8,16,.78);}
.arp-card-box{position:relative;z-index:1;max-height:92vh;}
.arp-card-img{max-height:92vh;width:auto;border-radius:10px;box-shadow:var(--arp-shadow);}
.arp-card-close{position:absolute;top:-14px;right:-14px;width:38px;height:38px;border-radius:50%;
  background:#fff;color:#0A0F1C;border:none;font-size:22px;cursor:pointer;box-shadow:var(--arp-shadow);}

/* ===== 404 ===== */
.arp-notfound{text-align:center;padding:90px 24px;}
.arp-notfound-code{font-size:96px;margin:0;color:var(--arp-cyan);}
.arp-notfound-text{color:var(--arp-text-dim);margin:0 0 24px;}
.arp-notfound-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ===== Archive ===== */
.arp-archive-title{font-size:30px;margin:0 0 8px;}
.arp-archive-lead{color:var(--arp-text-dim);margin:0 0 28px;}
.arp-archive-groups{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.arp-archive-h{font-size:22px;margin:0 0 14px;}
.arp-archive-group{margin-bottom:18px;}
.arp-archive-cat{font-size:16px;color:var(--arp-cyan);margin:0 0 8px;}
.arp-archive-list{list-style:none;margin:0;padding:0;}
.arp-archive-list li{padding:7px 0;border-bottom:1px solid var(--arp-line-soft);}
.arp-archive-list a{color:var(--arp-text);font-size:14.5px;}
.arp-archive-list a:hover{color:var(--arp-cyan);}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .arp-article-layout{grid-template-columns:1fr;gap:0;}
  .arp-toc-aside{position:static;max-height:none;margin:0 0 24px;}
  .arp-list-layout{grid-template-columns:1fr;}
  .arp-cat-side{position:static;max-height:none;margin:0 0 24px;}
  .arp-two-col{grid-template-columns:1fr;gap:24px;}
  .arp-archive-groups{grid-template-columns:1fr;}
  .arp-footer-inner{grid-template-columns:1fr 1fr;}
  .arp-nav-toggle{display:block;}
  .arp-nav{position:absolute;top:var(--arp-header-h);left:0;right:0;background:var(--arp-surface);
    border-bottom:1px solid var(--arp-line);display:none;flex-direction:column;padding:10px 16px;}
  .arp-nav.arp-nav-open{display:flex;}
  .arp-nav-list{flex-direction:column;align-items:stretch;gap:0;}
  .arp-has-sub>.arp-nav-sub{position:static;display:flex;box-shadow:none;border:none;background:transparent;padding:0 0 0 12px;}
  .arp-float{right:12px;}
}
@media (max-width:600px){
  .arp-hero-title{font-size:30px;}
  .arp-content-main{padding:24px 18px;}
  .arp-footer-inner{grid-template-columns:1fr;}
  .arp-section-title{font-size:24px;}
}