:root{
  --vrad-bg:#07101F;
  --vrad-bg-2:#0B1830;
  --vrad-panel:#10213c;
  --vrad-panel-2:#15294a;
  --vrad-line:#24395f;
  --vrad-cyan:#1FC8D6;
  --vrad-cyan-soft:#0e6f7a;
  --vrad-orange:#FF6A2C;
  --vrad-silver:#C8D4E0;
  --vrad-mist:#E8EEF5;
  --vrad-muted:#8aa0bd;
  --vrad-maxw:1180px;
  --h2-inset:16px;
  --panel-pad:36px;
  --header-h:64px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body.vrad-body{
  background:var(--vrad-bg);
  color:var(--vrad-silver);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:16px;line-height:1.75;
  padding-top:var(--header-h);
}
a{color:var(--vrad-cyan);text-decoration:none;}
a:hover{color:var(--vrad-orange);}
.vrad-container{max-width:var(--vrad-maxw);margin:0 auto;padding:0 24px;}

/* ---------- Header ---------- */
.vrad-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:100;
  background:rgba(7,16,31,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--vrad-line);}
.vrad-header-inner{max-width:var(--vrad-maxw);margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;}
.vrad-logo{font-weight:800;color:var(--vrad-mist);font-size:18px;letter-spacing:.5px;}
.vrad-logo:hover{color:var(--vrad-mist);}
.vrad-nav{display:flex;align-items:center;gap:6px;}
.vrad-nav>a,.vrad-nav-btn{color:var(--vrad-silver);padding:10px 12px;font-size:15px;background:none;border:none;cursor:pointer;font-family:inherit;}
.vrad-nav>a:hover,.vrad-nav-btn:hover{color:var(--vrad-cyan);}
.vrad-nav-item{position:relative;}
.vrad-nav-sub{position:absolute;top:100%;left:0;background:var(--vrad-panel);border:1px solid var(--vrad-line);border-radius:10px;padding:8px;min-width:160px;display:none;flex-direction:column;}
.vrad-nav-item:hover .vrad-nav-sub,.vrad-nav-item:focus-within .vrad-nav-sub{display:flex;}
.vrad-nav-sub a{padding:8px 10px;border-radius:6px;color:var(--vrad-silver);}
.vrad-nav-sub a:hover{background:var(--vrad-panel-2);color:var(--vrad-cyan);}
.vrad-caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--vrad-muted);margin-left:6px;display:inline-block;}
.vrad-nav-toggle{display:none;background:none;border:1px solid var(--vrad-line);color:var(--vrad-mist);font-size:22px;border-radius:8px;width:42px;height:38px;cursor:pointer;}

/* ---------- Breadcrumb ---------- */
.vrad-crumb{padding:18px 0 0 calc(var(--panel-pad) + var(--h2-inset));max-width:none;margin:0;}
.vrad-crumb-ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:13px;color:var(--vrad-muted);}
.vrad-crumb-ol li{display:flex;align-items:center;}
.vrad-crumb-ol li:not(:last-child)::after{content:"›";margin-left:8px;color:var(--vrad-line);}
.vrad-crumb-ol a{color:var(--vrad-muted);}
.vrad-crumb-ol a:hover{color:var(--vrad-cyan);}

/* ---------- Layout grids ---------- */
.vrad-main{min-height:60vh;}
.vrad-article-layout,.vrad-product-layout,.vrad-page-wrap{
  display:flex;flex-direction:column;gap:14px;
  max-width:var(--vrad-maxw);margin:0 auto;padding:8px 24px 60px;}
.vrad-article-grid,.vrad-product-grid,.vrad-page-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:start;}
.vrad-content-main,.vrad-page-main{min-width:0;background:var(--vrad-panel);border:1px solid var(--vrad-line);border-radius:14px;padding:var(--panel-pad);}
.vrad-container > .vrad-crumb{padding-left:0;}

/* TOC */
.vrad-toc-aside{position:sticky;top:calc(var(--header-h) + 16px);align-self:start;max-height:calc(100vh - 100px);overflow:auto;}
.vrad-toc-panel{background:var(--vrad-panel-2);border:1px solid var(--vrad-line);border-radius:12px;padding:14px 16px;}
.vrad-toc-panel summary{cursor:pointer;font-weight:700;color:var(--vrad-mist);list-style:none;}
.vrad-toc-panel summary::-webkit-details-marker{display:none;}
.vrad-toc-panel summary::after{content:"▾";float:right;color:var(--vrad-cyan);}
.vrad-toc-panel[open] summary::after{content:"▴";}
.vrad-toc ol{list-style:none;margin:10px 0 0;padding-left:14px;border-left:2px solid var(--vrad-line);}
.vrad-toc li{margin:6px 0;font-size:14px;}
.vrad-toc li a{color:var(--vrad-silver);}
.vrad-toc li a:hover{color:var(--vrad-cyan);}

/* ---------- Content typography ---------- */
.vrad-article-title,.vrad-product-title,.vrad-page-title{margin:2px 0 4px;padding-left:calc(var(--panel-pad) + var(--h2-inset));font-size:28px;color:var(--vrad-mist);line-height:1.3;border-left:3px solid var(--vrad-cyan);}
.vrad-content-main h2,.vrad-page-main h2{font-size:22px;color:var(--vrad-mist);margin:34px 0 14px;padding-left:var(--h2-inset);border-left:3px solid var(--vrad-cyan);}
.vrad-content-main h3,.vrad-page-main h3{font-size:18px;color:var(--vrad-mist);margin:24px 0 10px;padding-left:var(--h2-inset);}
.vrad-content-main p,.vrad-page-main p{margin:0 0 16px;padding-left:var(--h2-inset);color:var(--vrad-silver);}
.vrad-content-main ul,.vrad-content-main ol,.vrad-page-main ul,.vrad-page-main ol{margin:0 0 16px;padding-left:calc(var(--h2-inset) + 22px);}
.vrad-content-main li,.vrad-page-main li{margin:8px 0;}
.vrad-content-main blockquote,.vrad-page-main blockquote{margin:0 0 16px;padding:14px 18px 14px calc(var(--h2-inset) + 8px);border-left:3px solid var(--vrad-orange);background:var(--vrad-panel-2);border-radius:0 8px 8px 0;color:var(--vrad-mist);}
.vrad-update{font-size:13px;color:var(--vrad-muted) !important;padding-left:var(--h2-inset);}
.vrad-update time{color:var(--vrad-cyan);}

/* Tables (M26 覆盖全部正文 table) */
.vrad-content-main table,.vrad-page-main table,table.vrad-spec{border-collapse:collapse;width:calc(100% - var(--h2-inset));margin:0 0 18px var(--h2-inset);border:1px solid #cbd5e1;font-size:14px;}
.vrad-content-main th,.vrad-content-main td,table.vrad-spec th,table.vrad-spec td{border:1px solid #cbd5e1;padding:9px 12px;text-align:left;color:var(--vrad-silver);}
.vrad-content-main thead th,table.vrad-spec thead th{background:#13325c;color:#fff;font-weight:700;}
.vrad-content-main tbody tr:nth-child(even),table.vrad-spec tbody tr:nth-child(even){background:rgba(31,200,214,.06);}

/* FAQ (裸 details) */
.vrad-faq{margin:28px 0 0;padding-left:var(--h2-inset);}
.vrad-faq-head{font-size:22px;color:var(--vrad-mist);border-left:3px solid var(--vrad-cyan);padding-left:var(--h2-inset);margin-bottom:14px;}
.vrad-faq details{border:1px solid var(--vrad-line);border-radius:10px;margin:10px 0;background:var(--vrad-panel-2);}
.vrad-faq details summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--vrad-mist);list-style:none;}
.vrad-faq details summary::-webkit-details-marker{display:none;}
.vrad-faq details summary::after{content:"+";float:right;color:var(--vrad-cyan);font-size:18px;}
.vrad-faq details[open] summary::after{content:"−";}
.vrad-faq-a{padding:0 16px 14px;color:var(--vrad-silver);}

/* case study */
.vrad-case{margin:24px 0 0 var(--h2-inset);padding:16px 18px;background:linear-gradient(135deg,rgba(255,106,44,.12),rgba(31,200,214,.08));border:1px solid var(--vrad-line);border-radius:12px;}
.vrad-case h3{margin:0 0 8px;color:var(--vrad-orange);font-size:17px;}
.vrad-case p{margin:0;color:var(--vrad-mist);}

/* ---------- List / category ---------- */
.vrad-list-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;max-width:var(--vrad-maxw);margin:0 auto;padding:8px 24px 60px;}
.vrad-cat-side{position:sticky;top:calc(var(--header-h) + 16px);align-self:start;height:fit-content;}
.vrad-cat-panel{background:var(--vrad-panel);border:1px solid var(--vrad-line);border-radius:12px;padding:14px 16px;}
.vrad-cat-panel summary{cursor:pointer;font-weight:700;color:var(--vrad-mist);list-style:none;}
.vrad-cat-panel summary::-webkit-details-marker{display:none;}
.vrad-cat-panel summary::after{content:"▾";float:right;color:var(--vrad-cyan);}
.vrad-cat-panel[open] summary::after{content:"▴";}
.vrad-category-list{list-style:none;margin:12px 0 0;padding:0;}
.vrad-category-list li{margin:4px 0;}
.vrad-category-list a{display:block;padding:9px 12px;border-radius:8px;color:var(--vrad-silver);}
.vrad-category-list a:hover,.vrad-category-list a.active{background:var(--vrad-panel-2);color:var(--vrad-cyan);}
.vrad-cat-content{min-width:0;}
.vrad-list-title{font-size:26px;color:var(--vrad-mist);margin:6px 0 8px;}
.vrad-list-desc{color:var(--vrad-muted);margin:0 0 22px;}
.vrad-item-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.vrad-item{background:var(--vrad-panel);border:1px solid var(--vrad-line);border-radius:12px;padding:18px 22px;transition:.18s;}
.vrad-item:hover{border-color:var(--vrad-cyan);transform:translateY(-2px);}
.vrad-item-title{font-size:18px;font-weight:700;color:var(--vrad-mist);}
.vrad-item-cat{display:inline-block;margin:6px 0;font-size:12px;color:var(--vrad-cyan);background:var(--vrad-panel-2);padding:2px 10px;border-radius:20px;}
.vrad-item-sum{margin:6px 0 0;color:var(--vrad-muted);font-size:14px;}

/* ---------- Home ---------- */
.vrad-hero{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 70% 0%,#0e2a4d 0%,var(--vrad-bg) 60%);border-bottom:1px solid var(--vrad-line);}
.vrad-hero-sweep{position:absolute;right:-10%;top:-30%;width:520px;height:520px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(31,200,214,.28) 40deg,transparent 90deg,rgba(255,106,44,.18) 200deg,transparent 280deg);
  filter:blur(2px);animation:vrad-spin 14s linear infinite;}
@keyframes vrad-spin{to{transform:rotate(360deg);}}
.vrad-hero-inner{position:relative;padding:72px 0 64px;}
.vrad-hero-title{font-size:40px;color:var(--vrad-mist);margin:0 0 10px;letter-spacing:1px;}
.vrad-hero-sub{font-size:18px;color:var(--vrad-cyan);margin:0 0 16px;font-weight:600;}
.vrad-hero-desc{max-width:760px;color:var(--vrad-silver);margin:0 0 26px;}
.vrad-hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.vrad-btn{display:inline-block;padding:11px 22px;border-radius:10px;border:1px solid var(--vrad-line);color:var(--vrad-silver);background:var(--vrad-panel);}
.vrad-btn:hover{color:var(--vrad-cyan);border-color:var(--vrad-cyan);}
.vrad-btn-primary{background:var(--vrad-cyan);color:#04222a;border-color:var(--vrad-cyan);font-weight:700;}
.vrad-btn-primary:hover{background:var(--vrad-orange);border-color:var(--vrad-orange);color:#1a0c04;}
.vrad-block{padding:54px 0;}
.vrad-alt{background:var(--vrad-bg-2);border-top:1px solid var(--vrad-line);border-bottom:1px solid var(--vrad-line);}
.vrad-block-title{font-size:24px;color:var(--vrad-mist);margin:0 0 22px;}
.vrad-block-lead{max-width:880px;color:var(--vrad-silver);margin:0 0 22px;}
.vrad-grid{display:grid;gap:18px;}
.vrad-grid-2{grid-template-columns:1fr 1fr;}
.vrad-grid-3{grid-template-columns:repeat(3,1fr);}
.vrad-grid-4{grid-template-columns:repeat(4,1fr);}
.vrad-card{position:relative;background:var(--vrad-panel);border:1px solid var(--vrad-line);border-radius:14px;padding:22px 22px 22px 24px;color:var(--vrad-silver);overflow:hidden;}
.vrad-card:hover{border-color:var(--vrad-cyan);transform:translateY(-3px);transition:.18s;}
.vrad-card-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--vrad-cyan),var(--vrad-orange));}
.vrad-card h3{margin:0 0 8px;color:var(--vrad-mist);font-size:18px;}
.vrad-card-soft{background:var(--vrad-panel-2);}
.vrad-mini{background:var(--vrad-panel);border:1px solid var(--vrad-line);border-radius:12px;padding:16px 18px;}
.vrad-mini h4{margin:0 0 6px;color:var(--vrad-cyan);font-size:16px;}
.vrad-mini p{margin:0;color:var(--vrad-muted);font-size:14px;}
.vrad-tags{display:flex;flex-wrap:wrap;gap:10px;}
.vrad-tag{background:var(--vrad-panel-2);border:1px solid var(--vrad-line);color:var(--vrad-silver);padding:8px 16px;border-radius:20px;font-size:14px;}
.vrad-sub{color:var(--vrad-mist);font-size:18px;margin:0 0 12px;}
.vrad-linklist{list-style:none;margin:0;padding:0;}
.vrad-linklist li{margin:8px 0;padding-left:14px;border-left:2px solid var(--vrad-line);}
.vrad-linklist a{color:var(--vrad-silver);}
.vrad-linklist a:hover{color:var(--vrad-cyan);}

/* Archive / 404 */
.vrad-archive,.vrad-404{padding:40px 0 60px;}
.vrad-archive-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;}
.vrad-archive-list a{color:var(--vrad-silver);}
.vrad-404 p{color:var(--vrad-muted);}

/* ---------- Footer ---------- */
.vrad-footer{background:var(--vrad-bg-2);border-top:1px solid var(--vrad-line);margin-top:40px;}
.vrad-footer-inner{max-width:var(--vrad-maxw);margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1.4fr 2fr;gap:30px;}
.vrad-foot-title{font-size:18px;color:var(--vrad-mist);font-weight:800;margin-bottom:10px;}
.vrad-foot-brand p{color:var(--vrad-muted);font-size:14px;max-width:420px;}
.vrad-foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.vrad-foot-col h4{color:var(--vrad-cyan);font-size:14px;margin:0 0 10px;}
.vrad-foot-col a{display:block;color:var(--vrad-muted);font-size:14px;padding:4px 0;}
.vrad-foot-col a:hover{color:var(--vrad-cyan);}
.vrad-footer-bottom{text-align:center;color:var(--vrad-muted);font-size:13px;padding:16px;border-top:1px solid var(--vrad-line);}

/* ---------- Floating capsule ---------- */
.vrad-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:120;display:flex;flex-direction:column;gap:10px;}
.vrad-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;border-radius:28px;border:1px solid var(--vrad-line);
  background:linear-gradient(135deg,var(--vrad-cyan),#0e6f7a);color:#04222a;font-size:20px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:.15s;}
.vrad-cap span{font-size:10px;margin-top:1px;font-weight:700;}
.vrad-cap:hover{transform:scale(1.06);background:linear-gradient(135deg,var(--vrad-orange),#c44a16);color:#1a0c04;}
.vrad-cap-mail{background:linear-gradient(135deg,#FF6A2C,#c44a16);color:#1a0c04;}
.vrad-card-pop{position:fixed;inset:0;z-index:200;background:rgba(3,8,18,.72);display:flex;align-items:center;justify-content:center;}
.vrad-card-pop[hidden]{display:none;}
.vrad-card-pop-inner{position:relative;background:#fff;border-radius:12px;padding:8px;max-height:92vh;}
.vrad-card-pop-inner img{max-height:84vh;width:auto;display:block;border-radius:8px;}
.vrad-card-close{position:absolute;right:-12px;top:-12px;width:34px;height:34px;border-radius:50%;border:none;background:var(--vrad-orange);color:#fff;font-size:20px;cursor:pointer;}

/* ---------- Responsive (断点 1024，原生 details 折叠，禁 display:none 隐藏导航) ---------- */
@media (max-width:1024px){
  .vrad-nav{display:none;}
  .vrad-nav.open{display:flex;position:absolute;top:100%;right:12px;flex-direction:column;align-items:stretch;
    gap:2px;background:rgba(7,16,31,.98);border:1px solid #24395f;border-radius:12px;padding:10px;
    min-width:190px;max-width:calc(100vw - 24px);max-height:calc(100vh - var(--header-h) - 16px);overflow:auto;
    z-index:150;box-shadow:0 10px 30px rgba(0,0,0,.45);}
  .vrad-nav.open>a,.vrad-nav.open .vrad-nav-btn{padding:12px 14px;text-align:left;font-size:15px;}
  /* 移动端子菜单：静态展开（点击按钮切换），禁用桌面 absolute 定位 */
  .vrad-nav.open .vrad-nav-sub{position:static;display:none;min-width:0;border:none;background:transparent;
    padding:0 0 0 14px;box-shadow:none;}
  .vrad-nav-item.open .vrad-nav-sub{display:flex;}
  .vrad-nav-item.open .vrad-caret{transform:rotate(180deg);}
  .vrad-caret{transition:transform .15s;}
  .vrad-nav-toggle{display:block;}
  .vrad-nav-toggle[aria-expanded="true"]{color:var(--vrad-cyan);border-color:var(--vrad-cyan);}
  .vrad-article-layout,.vrad-product-layout,.vrad-page-wrap,.vrad-list-layout{grid-template-columns:1fr;gap:24px;}
  .vrad-article-grid,.vrad-product-grid,.vrad-page-grid{grid-template-columns:1fr;gap:24px;}
  .vrad-article-grid .vrad-toc-aside,.vrad-product-grid .vrad-toc-aside,.vrad-page-grid .vrad-toc-aside{order:-1;}
  .vrad-toc-aside,.vrad-cat-side{position:static;max-height:none;}
  .vrad-content-main,.vrad-page-main{padding:24px 18px;}
  .vrad-content-main h2,.vrad-content-main h3,.vrad-content-main p,.vrad-content-main blockquote,
  .vrad-page-main h2,.vrad-page-main h3,.vrad-page-main p,.vrad-page-main blockquote,
  .vrad-faq,.vrad-case,.vrad-content-main table,.vrad-page-main table,.vrad-faq-head{padding-left:8px;}
  .vrad-content-main table,.vrad-page-main table,table.vrad-spec{width:100%;margin-left:0;}
  .vrad-grid-3,.vrad-grid-4{grid-template-columns:1fr 1fr;}
  .vrad-footer-inner{grid-template-columns:1fr;}
  .vrad-archive-list{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .vrad-grid-2,.vrad-grid-3,.vrad-grid-4{grid-template-columns:1fr;}
  .vrad-article-title,.vrad-product-title,.vrad-page-title{padding-left:12px;}
  .vrad-crumb{padding-left:12px;}
  .vrad-hero-title{font-size:30px;}
  .vrad-float{right:10px;}
  .vrad-cap{width:48px;height:48px;font-size:18px;}
}