.zacos{--bg:#0a1020;--panel:#111a2e;--line:#273653;--muted:#aab6ca;--accent:#8caaff;max-width:1440px;margin:24px auto;padding:18px;border-radius:24px;background:linear-gradient(180deg,#09111f,#0b1020);color:#f7f9fd;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.zacos *{box-sizing:border-box}.zacos-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.zacos-hero>div{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.zacos-hero small{color:#9ab3ff;font-weight:800;letter-spacing:.14em}.zacos-hero h2{font-size:clamp(30px,4vw,50px);line-height:1;margin:8px 0}.zacos-hero p{color:#b8c4d6}.zacos-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.zacos-stats div{background:#0d1527;border:1px solid var(--line);border-radius:13px;padding:14px}.zacos-stats b{display:block;font-size:24px}.zacos-stats span{font-size:11px;color:#95a3ba}.zacos-how{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;padding:13px 15px;border:1px solid var(--line);background:#111c31;border-radius:13px;color:#ccd6e6}.zacos-how span{border-left:1px solid #3a4968;padding-left:10px}.zacos-controls{display:grid;grid-template-columns:1fr 250px 220px;gap:9px;position:sticky;top:30px;z-index:5;padding:10px 0;background:rgba(10,16,32,.95);backdrop-filter:blur(12px)}.zacos input,.zacos select{width:100%;padding:12px 13px;border:1px solid var(--line);background:#10192c;color:white;border-radius:11px}.zacos-tabs{display:flex;gap:7px;overflow:auto;padding:3px 0 12px}.zacos-tabs button{white-space:nowrap;border:1px solid var(--line);background:#121b2e;color:#e1e8f5;border-radius:999px;padding:8px 11px;cursor:pointer}.zacos-tabs button.active{background:#eff3ff;color:#111827;font-weight:800}.zacos-count{color:#95a2b9;margin:4px 0 12px}.zacos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px}.zacos-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:hidden;display:flex;flex-direction:column}.zacos-card:hover{border-color:#52678f;transform:translateY(-2px);transition:.16s}.zacos-head{padding:16px 16px 8px}.zacos-cmd{font-weight:900;font-size:18px}.zacos-domain{font-size:11px;color:#95b0ff;margin-top:5px}.zacos-type{display:inline-block;margin-top:7px;padding:4px 8px;background:#192742;border-radius:999px;font-size:11px}.zacos-name{font-weight:760;margin-top:8px}.zacos-desc{font-size:13px;color:var(--muted);line-height:1.45}.zacos-ba{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 12px}.zacos-preview{aspect-ratio:1.2;border-radius:11px;border:1px solid #344464;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;background:linear-gradient(145deg,#e9edf5,#cbd5e1);color:#111827;font-size:12px;font-weight:700}.zacos-preview.after{background:linear-gradient(145deg,#dbeafe,#93c5fd)}.zacos-ba small{display:block;color:#8796ad;padding-top:5px;font-size:10px}.zacos-actions{display:flex;gap:7px;flex-wrap:wrap;padding:12px;margin-top:auto}.zacos-actions button{border:1px solid var(--line);background:#0d1526;color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.zacos-actions .primary{background:#eef3ff;color:#111827;border-color:#eef3ff;font-weight:800}.zacos-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:999999;padding:18px}.zacos-modal.open{display:flex}.zacos-dialog{position:relative;max-width:900px;width:100%;max-height:92vh;overflow:auto;background:#10192c;border:1px solid var(--line);border-radius:20px;padding:22px}.zacos-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#0e1728;color:#fff;font-size:22px}.zacos-detail-ba{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.zacos-kv{display:grid;grid-template-columns:165px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.zacos-pill{display:inline-block;padding:5px 8px;border:1px solid var(--line);border-radius:999px;margin:2px;font-size:11px}.zacos-empty{grid-column:1/-1;text-align:center;padding:50px;color:#9aa7bb}
@media(max-width:800px){.zacos{margin:10px auto;padding:11px}.zacos-hero{grid-template-columns:1fr}.zacos-controls{grid-template-columns:1fr;top:0}.zacos-detail-ba,.zacos-kv{grid-template-columns:1fr}}