/* 节点库 · 视觉第二步 v3（站长 11-14「关闭暗色设定，全站原有基础上加视觉 SOP」）：叠在复制品原样式之后。
   不动 DOM 骨架、文字、链接；新增的只有内联 SVG 图标（aria-hidden）与 /ranking/ 上 1 张数据图。
   V11：和节点梯子（蓝 / 青绿 / 琥珀 / 玫红、方角图标牌）不同——这里主色用原站的森林绿，辅助 紫 #6d28d9 / 橙 #c2410c / 天蓝 #0369a1，图标牌是圆形。
   对比度（算过）：正文 #1e2a22/白 15.9；次要字 #3f4a42/白 9.4；链接 #1f6b43/白 6.4→正文链接用 #17543a（8.9）；H2 #12301f 在 #e6f4ea 12.6；品牌牌 #5c1d0c 在 #fff1d6 11.5 */
:root{color-scheme:light;
  --vp-c-brand-1:#1f6b43;--vp-c-brand-2:#2e7d52;--vp-c-brand-3:#3a9467;--vp-c-brand-soft:rgba(46,125,82,.14);
  --vp-c-text-1:#1e2a22;--vp-c-text-2:#3f4a42;--vp-c-text-3:#55615a;
  --g1:#2e7d52;--g1d:#17543a;--g1s:#e6f4ea;--a2:#6d28d9;--a2s:#efe7fd;--a3:#c2410c;--a3s:#ffecdc;--a4:#0369a1;--a4s:#e0f1fb;--v-line:#d4e6d9;
  --v-sh:0 1px 1px rgba(20,50,35,.05),0 3px 6px rgba(20,50,35,.05),0 14px 28px -14px rgba(46,125,82,.32);--v-sh2:0 2px 3px rgba(20,50,35,.06),0 18px 34px -14px rgba(46,125,82,.42)}
/* ---------- 图标：圆形彩色牌 ---------- */
.ic{display:inline-block;vertical-align:-.2em;flex:none}
.ib{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex:none;margin-right:.5rem;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(20,50,35,.1),0 3px 6px -3px rgba(20,50,35,.35)}
.ib.c1{background:var(--g1s);color:var(--g1d)}.ib.c2{background:var(--a2s);color:var(--a2)}.ib.c3{background:var(--a3s);color:var(--a3)}.ib.c4{background:var(--a4s);color:var(--a4)}
/* ---------- 顶栏 / 页脚（浅色） ---------- */
.VPNavBar,.VPNav .wrapper,.VPNavBar.has-sidebar .content-body{box-shadow:0 8px 20px -16px rgba(20,50,35,.45)}
.VPFooter{background:linear-gradient(180deg,#f4faf6,#e6f4ea)!important;border-top:1px solid var(--v-line)}
/* ---------- 首屏：原来的深绿大图改浅色；按钮 / 卡片轻拟物 ---------- */
.VPHero .image-container img,.VPHero .VPImage{border-radius:28px;box-shadow:var(--v-sh2)}
.VPHero .name{filter:none}
.VPButton{border-radius:12px!important;transition:transform .15s,box-shadow .15s}
.VPButton:hover{transform:translateY(-2px)}
.VPButton.brand{background:linear-gradient(180deg,#3a9467,#1f6b43)!important;border-color:#17543a!important;color:#fff!important;box-shadow:0 10px 18px -10px rgba(23,84,58,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.VPFeature .box,.forest-node,.group.block,.VPDoc .custom-block,.vp-doc details{border:1px solid var(--v-line)!important;border-radius:14px!important;box-shadow:var(--v-sh);transition:transform .15s,box-shadow .15s,border-color .15s}
.VPFeature .box:hover,.forest-node:hover,.group.block:hover{transform:translateY(-3px);box-shadow:var(--v-sh2);border-color:#7fc59a!important}
.VPFeature:nth-child(3n+2) .box{border-top:3px solid var(--a2)}.VPFeature:nth-child(3n) .box{border-top:3px solid var(--a3)}.VPFeature:nth-child(3n+1) .box{border-top:3px solid var(--g1)}
/* ---------- 正文标题底板（V6）与阅读（V3 / V4 / V16 / V17） ---------- */
.vp-doc{--vp-c-text-1:#1e2a22}
.vp-doc h1{color:#12301f}
.vp-doc h2{display:flex;align-items:center;margin:2.2rem 0 1rem;padding:.65rem 1rem .65rem .8rem;border-top:none!important;border-left:6px solid var(--g1);background:var(--g1s);border-radius:0 16px 16px 0;color:#12301f;box-shadow:0 6px 14px -12px rgba(46,125,82,.7)}
.vp-doc h3{display:inline-block;padding:.25rem .8rem;background:#f1f7f3;border-left:3px solid var(--a2);border-radius:0 10px 10px 0;color:#1e2a22}
.vp-doc a{color:#17543a;text-decoration:underline;text-underline-offset:3px}
.vp-doc strong{color:#12301f}
.vp-doc h2+p{font-weight:500;color:#12301f}
.vp-doc>div>p:nth-of-type(5n+4){background:var(--g1s);border:1px solid #bfe0cb;border-left:5px solid var(--g1);border-radius:12px;padding:.8rem 1rem}
.vp-doc>div>p:nth-of-type(5n+2){border-left:3px solid var(--a3);padding-left:1rem}
.vp-doc li::marker{color:var(--a2)}
.vp-doc code{background:#eef6f1;border-radius:6px}
.vp-doc .custom-block-title{display:flex;align-items:center}
.vp-doc details summary{display:flex;align-items:center;min-height:44px}
/* ---------- 表格 / 数据图（V22） ---------- */
.vp-doc table{border-radius:14px;overflow:hidden;box-shadow:var(--v-sh)}
.vp-doc th{background:linear-gradient(180deg,#e6f4ea,#d4ecdc)!important;color:#12301f!important}
.vp-doc tr:nth-child(2n){background:#f6fbf8!important}.vp-doc tbody tr:hover td{background:#e6f4ea}
figure.vz{margin:1.2rem 0;padding:1rem 1.2rem;background:#fff;border:1px solid var(--v-line);border-radius:14px;box-shadow:var(--v-sh)}
figure.vz figcaption{color:var(--vp-c-text-2);font-size:.9rem;margin-top:.5rem;line-height:1.7}
figure.vz svg{width:100%;height:auto;display:block}
/* ---------- 品牌名（V19）：本站品牌页标题与榜单里的品牌名 ---------- */
.VPSidebarItem .text,.outline-link{overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--a3);outline-offset:2px;border-radius:6px}
@media(max-width:760px){
  .ib{width:26px;height:26px;margin-right:.4rem}
  .vp-doc h2{padding:.55rem .7rem .55rem .6rem}
  .vp-doc table{display:block;overflow-x:auto}
  .VPButton,.forest-node,.VPNavBarMenuLink,.pager-link,.outline-link,a.shrink-0,.edit-link-button,.VPLocalNavOutlineDropdown button{min-height:44px;display:inline-flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- 站标（11-14 站长令）：节点网络图标 + 字标 + 小副标；顶栏搜索已删 ---------- */
.VPNavBarTitle a.title{display:flex;align-items:center;gap:.6rem}
.VPNavBarTitle .logo-mark{width:36px;height:36px;flex:none;filter:drop-shadow(0 4px 6px rgba(20,83,45,.28))}
.brand-wm{display:flex;flex-direction:column;line-height:1.05}
.brand-wm b{font-size:1.18rem;font-weight:800;letter-spacing:.14em;color:#14532d}
.brand-wm i{font-style:normal;font-size:.68rem;font-weight:600;letter-spacing:.2em;color:#6d28d9;margin-top:3px}