.vn-mega-head{--primary:#3660b3;--primary-600:#2f549e;--accent:#47bbd1;--fg:#111a27;--muted:#5a6b82;--subtle:#94a3b8;--line:#e5e9ef;--canvas:#f7f9fc;--card-bg:#fff;--card-bd:#e8edf4;--cap-bg:#fafbfd;--cap-bd:#eef2f6;--feat-hover:#eef3fb;--ic-bg:rgba(54,96,179,0.1);--head-bg:#fff;--sheet-bg:#fff;--mini-shadow:rgba(17,26,39,0.05);--grad:linear-gradient(120deg,#3660b3,#4e8ad0 55%,#47bbd1);--font-h:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-b:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--head-h:66px;position:fixed;top:0;left:0;right:0;z-index:50;background:var(--head-bg);border-bottom:1px solid var(--line);font-family:var(--font-b);color:var(--fg);transition:border-color .2s,background .25s}.vn-mega-head a{text-decoration:none;color:inherit}.vn-mega-head button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.vn-mega-head.mopen,.vn-mega-head.open{border-bottom-color:transparent}.vn-mega-head .bar{display:flex;align-items:center;gap:4px;max-width:1180px;height:var(--head-h);margin:0 auto;padding:0 32px}.vn-mega-head .brand{display:flex;align-items:center;gap:10px;margin-right:26px}.vn-mega-head .brand-tile{width:32px;height:32px;border-radius:9px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex:none}.vn-mega-head .brand-text{display:flex;flex-direction:column;gap:2px}.vn-mega-head .brand-name{font-family:var(--font-h);font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--fg);line-height:1}.vn-mega-head .brand-by{font-size:10.5px;font-weight:500;color:var(--subtle);letter-spacing:.005em;line-height:1}.vn-mega-head .nav-link{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;color:var(--muted);padding:9px 13px;border-radius:9px;transition:background .15s,color .15s;white-space:nowrap}.vn-mega-head .nav-link:hover{color:var(--fg);background:#f4f6f9}.vn-mega-head .nav-link[aria-expanded=true]{color:var(--fg);background:#f1f5f9}.vn-mega-head .nav-link .caret{transition:transform .2s}.vn-mega-head .nav-link[aria-expanded=true] .caret{transform:rotate(180deg)}.vn-mega-head .actions{margin-left:auto;display:flex;align-items:center;gap:14px}.vn-mega-head .ghost{font-size:14.5px;font-weight:500;color:var(--muted);transition:color .15s;white-space:nowrap}.vn-mega-head .ghost:hover{color:var(--fg)}.vn-mega-head .btn{display:inline-flex;align-items:center;height:38px;padding:0 17px;border-radius:9px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;transition:background .15s;white-space:nowrap}.vn-mega-head .btn:hover{background:var(--primary-600)}.vn-mega-head .act-skel{width:132px;height:38px;border-radius:9px;background:linear-gradient(90deg,#eef1f6,#f6f8fb 50%,#eef1f6);background-size:200% 100%;animation:vn-head-skel 1.3s ease-in-out infinite}@keyframes vn-head-skel{to{background-position:-200% 0}}.vn-mega-head .hamb{display:none;margin-left:auto;width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;color:var(--fg)}.vn-mega-head .hamb:hover{background:#f4f6f9}.vn-mega-head .hamb .ln{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s,opacity .18s}.vn-mega-head .hamb .ln+.ln{margin-top:4px}.vn-mega-head.mopen .hamb .ln:first-child{transform:translateY(6px) rotate(45deg)}.vn-mega-head.mopen .hamb .ln:nth-child(2){opacity:0}.vn-mega-head.mopen .hamb .ln:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.vn-mega-head .scrim{position:fixed;left:0;right:0;top:var(--head-h);bottom:0;z-index:40;background:rgba(15,23,42,.18);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.vn-mega-head .scrim.show{opacity:1;visibility:visible}.vn-mega-head .sheet{position:absolute;left:0;right:0;top:100%;z-index:45;background:var(--sheet-bg);border-radius:0 0 3px 3px;box-shadow:0 16px 30px rgba(17,26,39,.12);border:1px solid var(--line);border-top:0;opacity:0;visibility:hidden;transform:translateY(-10px);transform-origin:top;transition:opacity .2s ease,transform .22s cubic-bezier(.22,.61,.36,1),visibility .22s}.vn-mega-head.open .sheet{opacity:1;visibility:visible;transform:translateY(0)}.vn-mega-head .sheet-wrap{max-width:1180px;margin:0 auto;padding:26px 32px 30px;display:grid;grid-template-columns:300px 1fr;column-gap:34px;row-gap:16px}.vn-mega-head .sheet-head{grid-column:1/-1;display:flex;align-items:baseline;gap:12px}.vn-mega-head .sheet-head h3{margin:0;font-family:var(--font-h);font-weight:700;font-size:20px;letter-spacing:-.02em}.vn-mega-head .sheet-head p{margin:0;font-size:13px;color:var(--muted)}.vn-mega-head .feat-list{display:flex;flex-direction:column;gap:3px}.vn-mega-head .feat{display:flex;gap:13px;align-items:flex-start;padding:13px;border-radius:11px;text-align:left;width:100%;transition:background .15s}.vn-mega-head .feat.active,.vn-mega-head .feat:hover{background:var(--feat-hover)}.vn-mega-head .feat .ic{width:36px;height:36px;border-radius:10px;background:var(--ic-bg);display:flex;align-items:center;justify-content:center;flex:none;transition:background .15s}.vn-mega-head .feat.active .ic{background:var(--primary)}.vn-mega-head .feat.active .ic svg{stroke:#fff}.vn-mega-head .feat .meta{display:flex;flex-direction:column}.vn-mega-head .feat .t{font-size:15px;font-weight:600;color:var(--fg);line-height:1.2}.vn-mega-head .feat.active .t{color:var(--primary)}.vn-mega-head .feat .d{font-size:12.5px;color:var(--subtle);margin-top:3px;line-height:1.45}.vn-mega-head .show{display:flex;flex-direction:column;border:1px solid var(--card-bd);border-radius:14px;overflow:hidden;min-height:330px}.vn-mega-head .show .media{position:relative;flex:1;min-height:250px;background:var(--canvas);overflow:hidden}.vn-mega-head .show .cap{display:flex;align-items:flex-end;gap:20px;padding:20px 22px;background:var(--cap-bg);border-top:1px solid var(--cap-bd)}.vn-mega-head .show .ct{font-family:var(--font-h);font-weight:700;font-size:18px;letter-spacing:-.01em;margin:0 0 6px}.vn-mega-head .show .cd{font-size:13px;color:var(--muted);line-height:1.5;margin:0;max-width:460px}.vn-mega-head .show .cbtn{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;border-radius:9px;background:var(--primary);color:#fff;font-size:13.5px;font-weight:600;transition:background .15s}.vn-mega-head .show .cbtn:hover{background:var(--primary-600)}.vn-mega-head .pv{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .22s ease,transform .22s ease,visibility .22s}.vn-mega-head .pv.active{opacity:1;visibility:visible;transform:none}.vn-mega-head .pv-row{display:flex;align-items:center;gap:9px}.vn-mega-head .chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em}.vn-mega-head .chip-line{border:1px solid var(--card-bd);color:var(--muted);background:var(--card-bg)}.vn-mega-head .chip-soft{background:var(--ic-bg);color:var(--primary)}.vn-mega-head .chip-mono{font-family:var(--mono);font-size:11px;font-weight:500}.vn-mega-head .mini-card{background:var(--card-bg);border:1px solid var(--card-bd);border-radius:12px;box-shadow:0 8px 20px var(--mini-shadow)}.vn-mega-head .av{border-radius:50%;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;line-height:1}.vn-mega-head .stars{color:#f5b544;font-size:12.5px;letter-spacing:1.5px;line-height:1;white-space:nowrap}.vn-mega-head .vid-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:6px;background:var(--ic-bg);color:var(--primary);font-size:11px;font-weight:600}.vn-mega-head .newdot{width:8px;height:8px;border-radius:50%;background:#16a34a;flex:none;box-shadow:0 0 0 0 rgba(22,163,74,.45);animation:vn-head-pulse 1.9s infinite}@keyframes vn-head-pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}to{box-shadow:0 0 0 0 rgba(22,163,74,0)}}.vn-mega-head .tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.vn-mega-head .tag-new{background:var(--ic-bg);color:var(--primary)}.vn-mega-head .tag-ok{background:rgba(22,163,74,.13);color:#16a34a}.vn-mega-head .inbox{flex:1;display:flex;flex-direction:column;justify-content:center}.vn-mega-head .trow{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--cap-bd)}.vn-mega-head .trow:last-child{border-bottom:0}.vn-mega-head .trow .tn{font-size:12.5px;font-weight:600;color:var(--fg);line-height:1.2}.vn-mega-head .trow .ts{font-size:11px;color:var(--subtle);margin-top:1px}.vn-mega-head .wall{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1;align-content:center}.vn-mega-head .wcard{padding:12px 13px;display:flex;flex-direction:column;gap:7px}.vn-mega-head .wcard p{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}.vn-mega-head .wcard .wf{display:flex;align-items:center;gap:7px;margin-top:auto}.vn-mega-head .wcard .wn{font-size:11px;font-weight:600;color:var(--fg)}.vn-mega-head .qcard{border-radius:12px;background:var(--grad);color:#fff;padding:15px 16px;display:flex;flex-direction:column;gap:9px;box-shadow:0 12px 26px rgba(17,26,39,.18)}.vn-mega-head .qcard .qq{margin:0;font-family:var(--font-h);font-weight:600;font-size:13.5px;line-height:1.38;letter-spacing:-.01em}.vn-mega-head .qcard .qm{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500}.vn-mega-head .dest{display:flex;align-items:center;gap:10px;padding:9px 12px}.vn-mega-head .dest .dl{width:30px;height:30px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-weight:700;font-size:12.5px;color:#fff}.vn-mega-head .dest .dn{font-size:12.5px;font-weight:600;color:var(--fg);line-height:1.2}.vn-mega-head .dest .dn span{display:block;font-size:10.5px;font-weight:500;color:var(--subtle);margin-top:1px}.vn-mega-head .dest .dck{margin-left:auto;width:18px;height:18px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--primary)}.vn-mega-head .dest.off .dck{background:#e2e8f1}.vn-mega-head .msheet{display:none;position:absolute;left:0;right:0;top:100%;z-index:45;background:#fff;border-radius:0 0 3px 3px;box-shadow:0 16px 30px rgba(17,26,39,.12);border:1px solid var(--line);border-top:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .22s cubic-bezier(.22,.61,.36,1),visibility .22s;max-height:calc(100vh - var(--head-h));overflow:auto}.vn-mega-head.mopen .msheet{opacity:1;visibility:visible;transform:translateY(0)}.vn-mega-head .mwrap{padding:14px 20px 22px}.vn-mega-head .mlabel{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);padding:10px 8px 6px}.vn-mega-head .mfeat{display:flex;gap:12px;align-items:center;padding:11px 8px;border-radius:11px}.vn-mega-head .mfeat:active,.vn-mega-head .mfeat:hover{background:#f4f6f9}.vn-mega-head .mfeat .ic{width:34px;height:34px;border-radius:9px;background:rgba(54,96,179,.1);display:flex;align-items:center;justify-content:center;flex:none}.vn-mega-head .mfeat .mt{display:block;font-size:14.5px;font-weight:600;color:var(--fg)}.vn-mega-head .mfeat .md{display:block;font-size:12px;color:var(--subtle);margin-top:1px}.vn-mega-head .mdiv{height:1px;background:var(--line);margin:12px 0}.vn-mega-head .mlink{display:block;padding:13px 8px;font-size:15px;font-weight:600;color:var(--fg);border-radius:10px}.vn-mega-head .mlink:hover{background:#f4f6f9}.vn-mega-head .mact{display:flex;flex-direction:column;gap:10px;margin-top:14px}.vn-mega-head .mact .btn,.vn-mega-head .mact .mghost{height:46px;justify-content:center;font-size:15px}.vn-mega-head .mact .mghost{display:flex;align-items:center;border-radius:9px;border:1px solid var(--line);font-weight:600;color:var(--fg);background:none;cursor:pointer}@media (max-width:860px){.vn-mega-head .bar{padding:0 20px}.vn-mega-head .actions,.vn-mega-head .nav-link{display:none}.vn-mega-head .hamb{display:flex}.vn-mega-head .sheet{display:none}.vn-mega-head .msheet{display:block}}@media (prefers-reduced-motion:reduce){.vn-mega-head .act-skel,.vn-mega-head .msheet,.vn-mega-head .nav-link .caret,.vn-mega-head .newdot,.vn-mega-head .pv,.vn-mega-head .scrim,.vn-mega-head .sheet{transition:none;animation:none}}