.wiki-vpc{--bg:var(--wiki-bg);--bg2:var(--wiki-bg-2);--bg3:var(--wiki-bg-3);--surface:var(--wiki-surface);--surface2:var(--wiki-surface-2);--border:var(--wiki-border);--text:var(--wiki-text);--text2:var(--wiki-text-2);--text3:var(--wiki-text-3);--green:var(--wiki-ok);--red:var(--wiki-err);--yellow:var(--wiki-warn);--code-bg:var(--wiki-code-bg);--accent:#ff9900;--accent2:#0088ff;--accent3:#10b981;--accent4:#a78bfa;--wiki-accent:var(--accent);font-family:var(--wiki-font-body);background:var(--bg);color:var(--text);line-height:1.7;font-size:15px}#progress-bar{position:fixed;top:0;left:0;height:2px;z-index:999;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0;transition:width .1s}.wiki-vpc .sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;z-index:100;padding-bottom:40px}.wiki-vpc .sidebar.wiki-vpc ::-webkit-scrollbar{width:4px}.wiki-vpc .sidebar.wiki-vpc ::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.wiki-vpc .sidebar-logo{padding:22px 20px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.wiki-vpc .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#ff6600);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#000;flex-shrink:0}.wiki-vpc .logo-text{font-size:14px;font-weight:700;color:var(--text);line-height:1.2}.wiki-vpc .logo-sub{font-size:10px;color:var(--text3);font-weight:400}.wiki-vpc .nav-section{padding:16px 12px 4px;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px}.wiki-vpc .nav-item{display:block;padding:8px 20px;color:var(--text2);text-decoration:none;font-size:13px;border-left:3px solid transparent;transition:all .2s;cursor:pointer}.nav-item.active,.wiki-vpc .nav-item:hover{color:var(--accent);border-left-color:var(--accent);background:rgba(255,153,0,.06)}.wiki-vpc .nav-item.sub{padding-left:34px;font-size:12px}.wiki-vpc .main{margin-left:260px;min-height:100vh}.wiki-vpc .hero{background:linear-gradient(135deg,#0a0e1a,#0f1520 50%,#0a1010);border-bottom:1px solid var(--border);padding:72px 60px 52px;position:relative;overflow:hidden}.wiki-vpc .hero:before{top:-80px;right:-80px;width:480px;height:480px;background:radial-gradient(circle,rgba(255,153,0,.07) 0,transparent 70%)}.wiki-vpc .hero:after,.wiki-vpc .hero:before{content:"";position:absolute;pointer-events:none}.wiki-vpc .hero:after{bottom:-60px;left:160px;width:360px;height:360px;background:radial-gradient(circle,rgba(0,136,255,.05) 0,transparent 70%)}.wiki-vpc .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,153,0,.1);border:1px solid rgba(255,153,0,.25);color:var(--accent);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;margin-bottom:20px}.wiki-vpc .hero h1{font-size:48px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff 0,var(--accent) 55%,#ff6600 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:18px}.wiki-vpc .hero p{font-size:15px;color:var(--text2);max-width:580px;line-height:1.8;margin-bottom:32px}.wiki-vpc .hero-stats{display:flex;gap:36px;flex-wrap:wrap}.wiki-vpc .stat-num{font-size:26px;font-weight:800;color:var(--accent)}.wiki-vpc .stat-label{font-size:11px;color:var(--text3);margin-top:2px}.wiki-vpc .content{padding:0 60px 80px}.wiki-vpc .section{padding-top:60px}.wiki-vpc .section-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:18px;border-bottom:1px solid var(--border)}.wiki-vpc .section-num{width:42px;height:42px;flex-shrink:0;background:linear-gradient(135deg,#ff6600,var(--accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#000}.wiki-vpc .section-title{font-size:26px;font-weight:800;color:var(--text)}.wiki-vpc .section-subtitle{font-size:13px;color:var(--text3);margin-top:3px}.wiki-vpc h2{font-size:19px;font-weight:700;color:var(--text);margin:28px 0 12px}.wiki-vpc h3{font-size:15px;font-weight:700;color:var(--accent);margin:20px 0 8px}.wiki-vpc p{color:var(--text2);font-size:14px;line-height:1.8;margin-bottom:10px}.wiki-vpc .card-grid{display:grid;gap:14px}.wiki-vpc .card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.wiki-vpc .card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.wiki-vpc .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;transition:border-color .2s}.wiki-vpc .card:hover{border-color:var(--accent)}.wiki-vpc .card-icon{font-size:26px;margin-bottom:10px}.wiki-vpc .card-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.wiki-vpc .card- .wiki-vpc .highlight{border-radius:10px;padding:18px 22px;margin:18px 0;display:flex;gap:14px;align-items:flex-start}.wiki-vpc .highlight.info{background:rgba(0,136,255,.08);border:1px solid rgba(0,136,255,.2)}.wiki-vpc .highlight.success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2)}.wiki-vpc .highlight.warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2)}.wiki-vpc .highlight.danger{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}.wiki-vpc .highlight-icon{font-size:18px;flex-shrink:0;margin-top:2px}.wiki-vpc .highlight-title{font-size:13px;font-weight:700;margin-bottom:5px}.wiki-vpc .highlight.info .highlight-title{color:var(--accent2)}.wiki-vpc .highlight.success .highlight-title{color:var(--green)}.wiki-vpc .highlight.warning .highlight-title{color:var(--yellow)}.wiki-vpc .highlight.danger .highlight-title{color:var(--red)}.wiki-vpc .highlight- .wiki-vpc .code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;margin:14px 0;overflow:hidden}.wiki-vpc .code-header{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border)}.wiki-vpc .code-lang{font-weight:600;color:var(--accent)}.wiki-vpc .code-filename,.wiki-vpc .code-lang{font-size:11px;font-family:var(--wiki-font-mono)}.wiki-vpc .code-filename{color:var(--text3)}.wiki-vpc .copy-btn{font-size:11px;color:var(--text3);background:none;border:1px solid var(--border);padding:3px 9px;border-radius:4px;cursor:pointer;font-family:var(--wiki-font-body);transition:all .2s}.wiki-vpc .copy-btn:hover{color:var(--accent);border-color:var(--accent)}.wiki-vpc pre{padding:18px;overflow-x:auto;font-family:var(--wiki-font-mono);font-size:12.5px;line-height:1.75;tab-size:2}.wiki-vpc .kw{color:#ff79c6}.str{color:#f1fa8c}.cm{color:#6272a4;font-style:italic}.num{color:#bd93f9}.fn{color:#50fa7b}.var{color:#8be9fd}.op{color:var(--accent)}.dir{color:#ffb86c}.wiki-vpc .table-wrap{overflow-x:auto;margin:18px 0}.wiki-vpc table{width:100%;border-collapse:collapse;font-size:13px}.wiki-vpc th{background:var(--surface2);color:var(--accent);padding:11px 15px;text-align:left;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.wiki-vpc td{padding:11px 15px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}.wiki-vpc tr:hover td{background:rgba(255,255,255,.02)}.wiki-vpc .badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.wiki-vpc .badge.green{background:rgba(16,185,129,.15);color:var(--green)}.wiki-vpc .badge.blue{background:rgba(0,136,255,.15);color:var(--accent2)}.wiki-vpc .badge.orange{background:rgba(255,153,0,.15);color:var(--accent)}.wiki-vpc .badge.red{background:rgba(239,68,68,.15);color:var(--red)}.wiki-vpc .badge.purple{background:rgba(167,139,250,.15);color:var(--accent4)}.wiki-vpc .diagram-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;margin:18px 0;overflow-x:auto}.wiki-vpc .diagram-title{font-size:12px;font-weight:700;color:var(--text3);margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}.wiki-vpc .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.wiki-vpc .compare-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.wiki-vpc .compare-panel-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.wiki-vpc .compare-panel-
.wiki-vpc .compare-label{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.wiki-vpc .label-bad{background:rgba(239,68,68,.12);color:var(--red)}.wiki-vpc .label-good{background:rgba(16,185,129,.12);color:var(--green)}.wiki-vpc .sim-container{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:18px 0}.wiki-vpc .sim-header{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:gap}.wiki-vpc .sim-title{font-size:15px;font-weight:700;color:var(--text)}.wiki-vpc .sim-subtitle{font-size:12px;color:var(--text3);margin-top:2px}.wiki-vpc .sim-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--bg3)}.wiki-vpc .sim-tab{padding:7px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);color:var(--text2);background:transparent;font-family:var(--wiki-font-body);transition:all .2s}.wiki-vpc .sim-tab:hover{border-color:var(--accent);color:var(--accent)}.wiki-vpc .sim-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.wiki-vpc .sim- .wiki-vpc .sim-canvas{position:relative;background:var(--bg3);border:1px solid var(--border);border-radius:10px;height:360px;overflow:hidden;margin-bottom:16px}.wiki-vpc .vpc-box{position:absolute;border:2px dashed;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px}.wiki-vpc .vpc-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.wiki-vpc .svc-node{position:absolute;background:var(--surface);border:2px solid var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 12px;cursor:pointer;transition:all .25s;user-select:none}.wiki-vpc .svc-node:hover{transform:scale(1.06);border-color:var(--accent)}.wiki-vpc .svc-icon{font-size:20px;line-height:1}.wiki-vpc .svc-name{font-size:10px;font-weight:600;color:var(--text2);text-align:center;line-height:1.2}.wiki-vpc .svc-port{font-size:9px;color:var(--text3);font-family:var(--wiki-font-mono)}.wiki-vpc .packet{position:absolute;width:12px;height:12px;border-radius:50%;pointer-events:none;z-index:50;display:none}.wiki-vpc .sim-log{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-family:var(--wiki-font-mono);font-size:11.5px;line-height:1.8;max-height:140px;overflow-y:auto;color:var(--text2)}.wiki-vpc .sim-log.wiki-vpc ::-webkit-scrollbar{width:4px}.wiki-vpc .sim-log.wiki-vpc ::-webkit-scrollbar-thumb{background:var(--border)}.wiki-vpc .log-line{margin-bottom:2px}.wiki-vpc .log-ts{color:var(--text3)}.wiki-vpc .log-ok{color:var(--green)}.wiki-vpc .log-err{color:var(--red)}.wiki-vpc .log-info{color:var(--accent2)}.wiki-vpc .log-warn{color:var(--yellow)}.wiki-vpc .log-path{color:var(--accent)}.wiki-vpc .sim-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.wiki-vpc .btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--wiki-font-body);transition:all .2s;border:1px solid}.wiki-vpc .btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.wiki-vpc .btn-primary:hover{background:#e68a00}.wiki-vpc .btn-outline{background:transparent;color:var(--text2);border-color:var(--border)}.wiki-vpc .btn-outline:hover{border-color:var(--accent);color:var(--accent)}.wiki-vpc .btn-danger{background:transparent;color:var(--red);border-color:rgba(239,68,68,.4)}.wiki-vpc .btn-danger:hover{background:rgba(239,68,68,.1)}.wiki-vpc .flow-selector{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:7px 12px;color:var(--text);font-size:13px;font-family:var(--wiki-font-body);cursor:pointer}.wiki-vpc .status-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.wiki-vpc .status-chip{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:12px;color:var(--text2)}.wiki-vpc .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wiki-vpc .dot-green{background:var(--green)}.wiki-vpc .dot-red{background:var(--red)}.wiki-vpc .dot-yellow{background:var(--yellow);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3};}.wiki-vpc .arch-compare{display:grid;grid-template-columns:1fr 1fr;gap:2px;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:18px 0}.wiki-vpc .arch-col{background:var(--surface)}.wiki-vpc .arch-col-header{padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700}.wiki-vpc .arch-col-
.wiki-vpc .arch-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:13px;color:var(--text2)}.wiki-vpc .arch-row-icon{flex-shrink:0;margin-top:2px;font-size:14px}.wiki-vpc .wiki-vpc ::-webkit-scrollbar{width:6px;height:6px}.wiki-vpc .wiki-vpc ::-webkit-scrollbar-track{background:var(--bg)}.wiki-vpc .wiki-vpc ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:1100px){.sidebar{display:none}.main{margin-left:0}.hero{padding:40px 28px 36px}.content{padding:0 28px 60px}.hero h1{font-size:32px}.card-grid.cols-3{grid-template-columns:1fr 1fr}.arch-compare,.compare-grid{grid-template-columns:1fr}}