.vnb{border:1px solid #dbe4f0;border-radius:14px;background:#f8fafc;overflow:hidden;margin-bottom:14px}.vnb-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;background:#fff;border-bottom:1px solid #e5e7eb}.vnb-top b{display:block;font-size:16px}.vnb-top span{font-size:12px;color:#64748b}.vnb-actions{display:flex;gap:6px;flex-wrap:wrap}.vnb-actions button,.vnb-left button{border:1px solid #dbe4f0;background:#fff;border-radius:8px;padding:7px 10px;font-weight:800;color:#334155}.vnb-actions button:hover,.vnb-left button:hover{border-color:#2563eb;color:#2563eb}.vnb-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 280px;min-height:520px}.vnb-left,.vnb-right{padding:12px;background:#fff}.vnb-left{border-right:1px solid #e5e7eb}.vnb-right{border-left:1px solid #e5e7eb}.vnb-search{width:100%;border:1px solid #dbe4f0;border-radius:8px;padding:9px 10px;margin-bottom:10px}.vnb-left h6{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:14px 0 8px}.vnb-blocks,.vnb-templates,.vnb-vars{display:grid;gap:7px}.vnb-vars{grid-template-columns:1fr 1fr}.vnb-vars button{font-size:11px;padding:6px}.vnb-canvas-wrap{padding:16px;overflow:auto}.vnb-canvas{max-width:980px;margin:auto;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;min-height:480px;padding:14px}.vnb[data-preview=tablet] .vnb-canvas{max-width:760px}.vnb[data-preview=mobile] .vnb-canvas{max-width:390px}.vnb-empty{display:grid;place-items:center;min-height:420px;color:#94a3b8;font-weight:900}.vnb-item{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;background:#fff;overflow:hidden}.vnb-item.active{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.vnb-item-bar{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:8px 10px;cursor:grab}.vnb-item-bar button{border:0;background:#e2e8f0;border-radius:6px;min-width:28px;height:28px}.vnb-render{padding:14px}.vnb-panel{display:grid;gap:10px}.vnb-panel h5{font-size:16px;margin:0 0 4px}.vnb-panel label{display:grid;gap:5px;font-weight:800;color:#334155}.vnb-check{display:flex!important;align-items:center;gap:8px}.vnb-panel-empty{color:#94a3b8;font-weight:800;padding:18px;text-align:center}.vnb-raw{background:#fff;border-top:1px solid #e5e7eb;padding:12px}.vnb-raw summary{cursor:pointer;font-weight:900;color:#475569}.vnb-status{padding:8px 14px;color:#64748b;font-size:12px;background:#fff}.vnb.fullscreen{position:fixed;inset:12px;z-index:5000;box-shadow:0 30px 80px rgba(15,23,42,.35)}.vnb.fullscreen .vnb-grid{height:calc(100vh - 110px)}.notice-alert{border-radius:10px;padding:13px 15px;margin:10px 0;border-left:5px solid #2563eb;background:#eff6ff;color:#172033}.notice-alert.success{border-color:#10b981;background:#ecfdf5}.notice-alert.warning{border-color:#f59e0b;background:#fffbeb}.notice-alert.danger{border-color:#ef4444;background:#fef2f2}.notice-alert.update{border-color:#8b5cf6;background:#f5f3ff}.notice-alert.hot{border-color:#dc2626;background:#fff1f2}.notice-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--notice-btn,#2563eb);color:#fff!important;text-decoration:none;border-radius:8px;padding:10px 16px;font-weight:900;margin:6px 6px 6px 0}.notice-btn.outline{background:#fff;color:var(--notice-btn,#2563eb)!important;border:1px solid var(--notice-btn,#2563eb)}.notice-btn.rounded{border-radius:999px}.notice-image img{max-width:100%;height:auto;border-radius:10px}.notice-image figcaption{font-size:12px;color:#64748b;margin-top:6px;text-align:center}.notice-video{position:relative;aspect-ratio:16/9;background:#0f172a;border-radius:12px;overflow:hidden;margin:10px 0}.notice-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.notice-table-wrap{overflow:auto}.notice-table{width:100%;border-collapse:collapse}.notice-table td,.notice-table th{border:1px solid #e5e7eb;padding:8px}.notice-bank{display:grid;gap:6px;border:1px dashed #94a3b8;border-radius:12px;padding:14px;background:#f8fafc}.notice-bank img{max-width:220px;border-radius:8px}.notice-contact{display:flex;gap:10px;flex-wrap:wrap}.notice-contact a{background:#eef2ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:900}.notice-countdown{display:flex;justify-content:space-between;gap:12px;background:#111827;color:#fff;border-radius:10px;padding:12px 14px;margin:10px 0}.notice-divider{border:0;border-top:1px solid #dbe4f0}@media(max-width:1100px){.vnb-grid{grid-template-columns:1fr}.vnb-left,.vnb-right{border:0;border-top:1px solid #e5e7eb}.vnb-left{order:1}.vnb-canvas-wrap{order:2}.vnb-right{order:3}.vnb-blocks,.vnb-templates{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.vnb-top{display:block}.vnb-actions{margin-top:10px}.vnb-blocks,.vnb-templates{grid-template-columns:1fr}.notice-countdown{display:block}}