*{margin:0;padding:0;box-sizing:border-box;}
  :root{
    --bg:#0a1017;--bg-2:#0c1521;--surface:#0f1c2b;--surface-2:#122336;
    --border:#213a52;--border-soft:#1a2c40;
    --accent:#2b9cb0;--accent-2:#37b0c6;--glow:#0ea5c0;
    --text:#e7eef5;--text-2:#a2b4c6;--text-muted:#647889;
    --mono:'JetBrains Mono',ui-monospace,monospace;--sans:'Exo 2',sans-serif;
    --maxw:820px;
  }
  html{scroll-behavior:smooth;}
  body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100vh;
    background-image:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(14,165,192,.08),transparent 60%);background-attachment:fixed;}
  ::selection{background:rgba(14,165,192,.28);color:#fff;}
  a{color:var(--accent-2);}

  .logo-mark{width:28px;height:32px;flex-shrink:0;overflow:visible;}
  .logo-mark .hex{fill:rgba(14,165,192,.08);stroke:var(--accent);stroke-width:1.3;stroke-opacity:.5;}
  .logo-mark .n{stroke:var(--accent-2);stroke-width:4.6;stroke-linecap:round;}
  .logo-mark .node{fill:var(--accent-2);}
  .logo-mark .core{fill:#dff2f7;fill-opacity:.5;}

  nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
    padding:0 1.5rem;height:64px;background:rgba(10,16,23,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);}
  .nav-logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;}
  .nav-logo .wm{font-weight:300;font-size:1.2rem;letter-spacing:.06em;color:var(--text);}
  .nav-logo .wm b{font-weight:600;color:#fff;}
  .nav-right{display:flex;align-items:center;gap:1.25rem;}
  .nav-back{font-size:.85rem;color:var(--text-2);text-decoration:none;transition:color .2s;}
  .nav-back:hover{color:var(--accent-2);}
  .lang-toggle{display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;overflow:hidden;}
  .lang-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;padding:.32rem .55rem;transition:background .2s,color .2s;}
  .lang-btn:not(.active):hover{color:var(--text);}
  .lang-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121a;}
  .lang-divider{width:1px;height:14px;background:var(--border);}

  .shell{max-width:var(--maxw);margin:0 auto;padding:3.5rem 1.5rem 5rem;}
  .doc-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;}
  .doc-label::before{content:'';width:22px;height:1px;background:var(--accent);}
  h1{font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:200;line-height:1.15;letter-spacing:-.015em;color:#fff;margin-bottom:.7rem;}
  h1 strong{font-weight:600;}
  .updated{font-family:var(--mono);font-size:.76rem;color:var(--text-muted);margin-bottom:2.6rem;}
  .lead{font-size:1.02rem;color:var(--text-2);line-height:1.8;margin-bottom:2.6rem;padding-bottom:2.2rem;border-bottom:1px solid var(--border-soft);}

  h2{font-size:1.2rem;font-weight:500;color:#fff;margin:2.6rem 0 1rem;line-height:1.3;display:flex;gap:.7rem;align-items:baseline;}
  h2 .no{font-family:var(--mono);font-size:.9rem;color:var(--accent-2);font-weight:500;flex-shrink:0;}
  h3{font-size:.98rem;font-weight:500;color:var(--text);margin:1.4rem 0 .5rem;}
  p{color:var(--text-2);margin-bottom:1rem;font-size:.95rem;line-height:1.8;}
  ul{list-style:none;margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.6rem;}
  li{display:flex;gap:.7rem;color:var(--text-2);font-size:.93rem;line-height:1.7;}
  li::before{content:'→';color:var(--accent-2);font-family:var(--mono);flex-shrink:0;}
  strong{color:var(--text);font-weight:500;}
  .fill{color:var(--warn,#e5b567);border-bottom:1px dotted rgba(229,181,103,.5);}
  .box{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;padding:1.3rem 1.5rem;margin:0 0 1.1rem;}
  .box p:last-child{margin-bottom:0;}
  a.inl{text-decoration:underline;text-underline-offset:2px;}

  .lang-block{display:none;}
  .lang-block.active{display:block;animation:fade .35s ease;}
  @keyframes fade{from{opacity:0;}to{opacity:1;}}

  footer{border-top:1px solid var(--border-soft);padding:2rem 1.5rem;text-align:center;background:var(--bg-2);}
  footer .fl{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem;}
  footer .fl .wm{font-size:1rem;font-weight:300;color:var(--text);letter-spacing:.05em;}
  footer .fl .wm b{font-weight:600;color:#fff;}
  footer .ft{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem;}
  footer .fc{font-size:.75rem;color:var(--text-muted);}
  @media(max-width:600px){.shell{padding:2.5rem 1.25rem 4rem;}}
  @media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;}}