.arch{grid-template-columns:auto 90px auto 90px minmax(0,1fr);align-items:center;gap:0;padding:clamp(24px,3vw,40px);display:grid;overflow-x:auto}.arch__col{display:grid}.arch__node{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--canvas);text-align:center;justify-items:center;gap:6px;min-width:150px;padding:20px 16px;display:grid}.arch__node i{color:var(--ink-2);font-size:22px}.arch__node b{font-size:15px;font-weight:600}.arch__node small{color:var(--ink-4);font-size:12px}.arch__node--cf{border-color:#f5a62359;box-shadow:0 0 40px -16px #f5a62380}.arch__node--cf i{color:#f6a821}.arch__link{justify-items:center;gap:6px;display:grid;position:relative}.arch__link span{color:var(--ink-4);font-family:var(--mono);font-size:11px}.arch__link i{background:var(--line-2);width:100%;height:2px;position:relative;overflow:hidden}.arch__link i:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:40%;height:100%;animation:1.8s linear infinite nvps-flow;position:absolute;top:0;left:-40%}@keyframes nvps-flow{to{left:100%}}.arch__server{border-radius:var(--r-xl);background:radial-gradient(ellipse 80% 80% at 50% 0%, #3b7bff24, transparent 70%), var(--canvas);border:1px solid #3b7bff73;gap:12px;padding:16px;display:grid;box-shadow:0 0 60px -24px #3b7bff99}.arch__server-head{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.arch__procs,.arch__svc{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.arch__proc{border:1px solid var(--line);border-radius:var(--r-md);background:var(--s1);gap:6px;padding:12px;display:grid}.arch__proc b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.arch__proc small{color:var(--ink-4);font-size:11.5px}.arch__proc .tag{width:fit-content}.arch__proc--svc{grid-template-columns:22px 1fr;align-items:center;column-gap:8px}.arch__proc--svc i{color:var(--ink-3);grid-row:span 2;font-size:15px}.infra-defs{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.infra-defs>div{background:var(--s1);gap:6px;padding:22px 24px;display:grid}.infra-defs dt{font-size:16px;font-weight:600}.infra-defs dd{color:var(--ink-3);margin:0;font-size:14.5px;line-height:1.6}@media (max-width:1023px){.arch{grid-template-columns:1fr;gap:10px}.arch__node{min-width:0}.arch__link{height:40px}.arch__link i{width:2px;height:100%}.arch__link i:after{background:linear-gradient(180deg, transparent, var(--cyan), transparent);width:100%;height:40%;animation-name:nvps-flow-v;top:-40%;left:0}@keyframes nvps-flow-v{to{top:100%}}}@media (max-width:640px){.arch__procs,.arch__svc,.infra-defs{grid-template-columns:1fr}}