/* Shared menu paint tokens. Layout and interaction stay in base.css/site.js. */
body{
  --menu-accent:#ff2f78;--menu-active:#ff2f78;--menu-active-text:#fff;
  --menu-hover:rgba(255,255,255,.1);--menu-panel:#111;--menu-panel-text:#eee;
  --menu-border:rgba(255,255,255,.14);--menu-tile:rgba(255,255,255,.045);
  --menu-mobile:rgba(0,0,0,.3);--menu-radius:9px;--menu-panel-radius:16px;
  --menu-shadow:0 25px 70px rgba(0,0,0,.45);--menu-font:Arial,"Microsoft YaHei",sans-serif;
}
.top .nav-link,.top .nav-dropdown>button{border-radius:var(--menu-radius);font-family:var(--menu-font);transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.top .nav-link:hover,.top .nav-dropdown>button:hover,.top .nav-dropdown.is-open>button{background:var(--menu-hover)}
.top .nav-link.is-current,.top .nav-dropdown.is-current>button{background:var(--menu-active);color:var(--menu-active-text)}
.top .nav-link.is-current:before,.top .nav-dropdown.is-current>button:before{background:var(--menu-active-text)}
.top .nav-random{border-color:var(--menu-border)}
.top .category-menu{box-sizing:border-box;min-width:0;border-color:var(--menu-border);border-radius:var(--menu-panel-radius);background:var(--menu-panel);color:var(--menu-panel-text);box-shadow:var(--menu-shadow)}
.top .category-menu>a{border:1px solid transparent;border-radius:calc(var(--menu-radius) - 2px);color:var(--menu-panel-text)}
.top .category-menu>a:hover{border-color:var(--menu-border);background:var(--menu-hover)}
.top .category-menu>a em{color:var(--menu-accent)}
.top .menu-panel-head{border-color:var(--menu-border)}
.top .category-menu .menu-panel-head a{color:var(--menu-panel-text);opacity:.62}
.top .category-menu .menu-panel-head a:hover{color:var(--menu-accent);opacity:1}
.top .nav-toggle{border-color:var(--menu-border);border-radius:var(--menu-radius)}
.top :is(a,button):focus-visible{outline:2px solid var(--menu-accent);outline-offset:2px}
.top .trend-bar{border-color:var(--menu-border);background:var(--menu-mobile)}
.top .trend-bar strong,.top .trend-more,.top .trend-bar a:hover{color:var(--menu-accent)}

/* Pink dark: glossy pills and a soft pink flyout. */
.template-pink_dark{--menu-accent:#ff2f78;--menu-active:linear-gradient(135deg,#ff2f78,#c90050);--menu-hover:rgba(255,47,120,.14);--menu-panel:#171116;--menu-border:rgba(255,47,120,.25);--menu-mobile:#0e090c;--menu-tile:#171116;--menu-radius:999px;--menu-panel-radius:22px;--menu-shadow:0 28px 70px rgba(255,47,120,.16)}
.template-pink_dark .top .nav-link.is-current,.template-pink_dark .top .nav-dropdown.is-current>button{box-shadow:0 8px 22px rgba(255,47,120,.28)}
.template-pink_dark .top .nav-link.is-current:before,.template-pink_dark .top .nav-dropdown.is-current>button:before{display:none}
.template-pink_dark .top .category-menu>a{border-radius:13px}

/* Gold black: squared, double-lined cinema marquee. */
.template-gold_black{--menu-accent:#f5b342;--menu-active:#d99a22;--menu-active-text:#130d03;--menu-hover:rgba(245,179,66,.12);--menu-panel:#17120c;--menu-panel-text:#f6ead5;--menu-border:rgba(245,179,66,.36);--menu-mobile:#0a0804;--menu-tile:#17120c;--menu-radius:2px;--menu-panel-radius:2px;--menu-shadow:0 28px 70px rgba(0,0,0,.72)}
.template-gold_black .top .nav{padding:4px;border-top:1px solid var(--menu-border);border-bottom:1px solid var(--menu-border)}
.template-gold_black .top .nav-link,.template-gold_black .top .nav-dropdown>button{letter-spacing:.07em}
.template-gold_black .top .category-menu{outline:1px solid #6a491d;outline-offset:4px}
.template-gold_black .top .nav-link.is-current:before,.template-gold_black .top .nav-dropdown.is-current>button:before{display:none}

/* Glass night: floating translucent panes. */
.template-glass_night{--menu-accent:#c4b5fd;--menu-active:rgba(139,92,246,.48);--menu-hover:rgba(255,255,255,.1);--menu-panel:rgba(20,15,48,.84);--menu-panel-text:#f7f4ff;--menu-border:rgba(196,181,253,.3);--menu-mobile:rgba(14,10,38,.78);--menu-tile:rgba(255,255,255,.07);--menu-radius:14px;--menu-panel-radius:28px;--menu-shadow:0 30px 90px rgba(66,45,150,.42)}
.template-glass_night .top .nav-link,.template-glass_night .top .nav-dropdown>button,.template-glass_night .top .category-menu{backdrop-filter:blur(18px)}
.template-glass_night .top .nav-link.is-current,.template-glass_night .top .nav-dropdown.is-current>button{border:1px solid rgba(196,181,253,.36);box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 28px rgba(89,52,190,.24)}

/* Red movie: sharp title tabs. */
.template-red_movie{--menu-accent:#ff3b3b;--menu-active:#d71920;--menu-hover:rgba(215,25,32,.16);--menu-panel:#1e1010;--menu-border:rgba(255,59,59,.3);--menu-mobile:#110606;--menu-tile:#1e1010;--menu-radius:0;--menu-panel-radius:0;--menu-shadow:10px 18px 0 rgba(0,0,0,.42)}
.template-red_movie .top .nav-link,.template-red_movie .top .nav-dropdown>button{border-left:2px solid transparent;text-transform:uppercase}
.template-red_movie .top .nav-link.is-current,.template-red_movie .top .nav-dropdown.is-current>button{border-left-color:#fff;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}
.template-red_movie .top .nav-link.is-current:before,.template-red_movie .top .nav-dropdown.is-current>button:before{display:none}

/* Cinema wide: projection-room ticket buttons. */
.template-cinema_wide{--menu-accent:#ffcc00;--menu-active:#ffcc00;--menu-active-text:#111;--menu-hover:rgba(255,204,0,.12);--menu-panel:#151515;--menu-border:rgba(255,204,0,.32);--menu-mobile:#0c0c0c;--menu-tile:#171717;--menu-radius:4px;--menu-panel-radius:4px;--menu-shadow:0 32px 90px rgba(0,0,0,.72)}
.template-cinema_wide .top .nav-link,.template-cinema_wide .top .nav-dropdown>button{border:1px dashed transparent}
.template-cinema_wide .top .nav-link:hover,.template-cinema_wide .top .nav-dropdown>button:hover{border-color:var(--menu-border)}
.template-cinema_wide .top .nav-link.is-current,.template-cinema_wide .top .nav-dropdown.is-current>button{border-color:#111;box-shadow:0 0 0 1px #ffcc00}
.template-cinema_wide .top .nav-link.is-current:before,.template-cinema_wide .top .nav-dropdown.is-current>button:before{display:none}

/* Luxury card: large jewel-like capsules. */
.template-luxury_card{--menu-accent:#ff7ad9;--menu-active:linear-gradient(135deg,#c746ff,#ff58b7);--menu-hover:rgba(255,122,217,.13);--menu-panel:linear-gradient(155deg,#2a1931,#120d16);--menu-border:rgba(255,122,217,.3);--menu-mobile:rgba(18,10,22,.92);--menu-tile:linear-gradient(155deg,#29172f,#160d1b);--menu-radius:18px;--menu-panel-radius:30px;--menu-shadow:0 35px 90px rgba(199,70,255,.2)}
.template-luxury_card .top .nav-link.is-current,.template-luxury_card .top .nav-dropdown.is-current>button{box-shadow:0 10px 26px rgba(199,70,255,.3)}
.template-luxury_card .top .nav-link.is-current:before,.template-luxury_card .top .nav-dropdown.is-current>button:before{display:none}
.template-luxury_card .top .category-menu{padding:17px}

/* Purple neon: outlined controls with glow. */
.template-purple_neon{--menu-accent:#b15cff;--menu-active:#8e44ff;--menu-hover:rgba(177,92,255,.13);--menu-panel:#1a1029;--menu-border:rgba(177,92,255,.48);--menu-mobile:#10091a;--menu-tile:#1a1029;--menu-radius:8px;--menu-panel-radius:18px;--menu-shadow:0 0 42px rgba(142,68,255,.34)}
.template-purple_neon .top .nav-link,.template-purple_neon .top .nav-dropdown>button{border:1px solid transparent}
.template-purple_neon .top .nav-link.is-current,.template-purple_neon .top .nav-dropdown.is-current>button{border-color:#d5a8ff;box-shadow:0 0 9px #8e44ff,0 0 24px rgba(142,68,255,.55);text-shadow:0 0 8px #fff}
.template-purple_neon .top .category-menu{box-shadow:0 0 0 1px #6d28d9,0 0 42px rgba(142,68,255,.32)}

/* Sunset cards: warm gradient tabs. */
.template-sunset_cards{--menu-accent:#fb923c;--menu-active:linear-gradient(135deg,#fb923c,#ef4444);--menu-hover:rgba(251,146,60,.14);--menu-panel:#1d100c;--menu-border:rgba(251,146,60,.34);--menu-mobile:#160b08;--menu-tile:#27130d;--menu-radius:13px;--menu-panel-radius:24px;--menu-shadow:0 30px 80px rgba(239,68,68,.2)}
.template-sunset_cards .top .nav-link.is-current,.template-sunset_cards .top .nav-dropdown.is-current>button{box-shadow:0 9px 25px rgba(239,68,68,.24);transform:translateY(-1px)}
.template-sunset_cards .top .nav-link.is-current:before,.template-sunset_cards .top .nav-dropdown.is-current>button:before{display:none}

/* Black red: hard segmented controls and left status bars. */
.template-black_red_sidebar{--menu-accent:#ff2020;--menu-active:#ff2020;--menu-hover:rgba(255,32,32,.14);--menu-panel:#150a0a;--menu-border:rgba(255,32,32,.36);--menu-mobile:#100303;--menu-tile:#190909;--menu-radius:0;--menu-panel-radius:2px;--menu-shadow:12px 14px 0 rgba(0,0,0,.55)}
.template-black_red_sidebar .top .nav{gap:0;border:1px solid #521010}
.template-black_red_sidebar .top .nav-link,.template-black_red_sidebar .top .nav-dropdown>button{border-right:1px solid #521010}
.template-black_red_sidebar .top .nav-link.is-current,.template-black_red_sidebar .top .nav-dropdown.is-current>button{box-shadow:inset 4px 0 #fff}
.template-black_red_sidebar .top .nav-link.is-current:before,.template-black_red_sidebar .top .nav-dropdown.is-current>button:before{display:none}

/* Mono magazine: editorial rules and serif labels. */
.template-mono_magazine{--menu-accent:#111;--menu-active:#111;--menu-active-text:#f3f0ea;--menu-hover:rgba(17,17,17,.08);--menu-panel:#fff;--menu-panel-text:#111;--menu-border:#bdb5a8;--menu-mobile:#e9e4da;--menu-tile:#f8f6f1;--menu-radius:0;--menu-panel-radius:0;--menu-shadow:9px 9px 0 rgba(17,17,17,.18);--menu-font:Georgia,"Times New Roman",serif}
.template-mono_magazine .top .nav{border-top:2px solid #111;border-bottom:1px solid #111}
.template-mono_magazine .top .nav-link,.template-mono_magazine .top .nav-dropdown>button{letter-spacing:.04em}
.template-mono_magazine .top .nav-link.is-current:before,.template-mono_magazine .top .nav-dropdown.is-current>button:before{display:none}
.template-mono_magazine .top .category-menu>a{border-bottom:1px solid #ded8ce}

/* Light pink: airy bubble navigation. */
.template-light_pink{--menu-accent:#ff3b86;--menu-active:#ff3b86;--menu-hover:#fff0f5;--menu-panel:#fff;--menu-panel-text:#3b2029;--menu-border:#edcad5;--menu-mobile:#fff5f8;--menu-tile:#fff;--menu-radius:999px;--menu-panel-radius:24px;--menu-shadow:0 24px 60px rgba(255,70,130,.18)}
.template-light_pink .top .nav-link,.template-light_pink .top .nav-dropdown>button{color:#3b2029}
.template-light_pink .top .nav-link.is-current,.template-light_pink .top .nav-dropdown.is-current>button{box-shadow:0 7px 18px rgba(255,59,134,.2)}
.template-light_pink .top .nav-link.is-current:before,.template-light_pink .top .nav-dropdown.is-current>button:before{display:none}
.template-light_pink .top .category-menu>a{border-radius:14px}

/* Asian gold: bronze frames inspired by title seals. */
.template-asian_gold{--menu-accent:#ffb84d;--menu-active:#b8731a;--menu-hover:rgba(255,184,77,.12);--menu-panel:#21150a;--menu-panel-text:#fff4dd;--menu-border:rgba(255,184,77,.38);--menu-mobile:#120b05;--menu-tile:#21150a;--menu-radius:5px;--menu-panel-radius:6px;--menu-shadow:0 28px 70px rgba(0,0,0,.62)}
.template-asian_gold .top .nav-link,.template-asian_gold .top .nav-dropdown>button{border-top:1px solid transparent;border-bottom:1px solid transparent}
.template-asian_gold .top .nav-link.is-current,.template-asian_gold .top .nav-dropdown.is-current>button{border-color:#ffcf84;box-shadow:inset 0 0 0 1px #6e4217}
.template-asian_gold .top .category-menu{outline:1px solid #6e4217;outline-offset:-5px;padding:17px}

/* Midnight blue: streamlined underline tabs. */
.template-blue_midnight{--menu-accent:#4da3ff;--menu-active:transparent;--menu-active-text:#8fc5ff;--menu-hover:rgba(39,124,255,.13);--menu-panel:#0d1b2e;--menu-panel-text:#eaf4ff;--menu-border:rgba(77,163,255,.3);--menu-mobile:#07111f;--menu-tile:#0d1b2e;--menu-radius:3px;--menu-panel-radius:6px;--menu-shadow:0 26px 70px rgba(0,74,160,.24)}
.template-blue_midnight .top .nav-link,.template-blue_midnight .top .nav-dropdown>button{border-bottom:3px solid transparent}
.template-blue_midnight .top .nav-link.is-current,.template-blue_midnight .top .nav-dropdown.is-current>button{border-bottom-color:#277cff;background:linear-gradient(180deg,transparent,rgba(39,124,255,.15))}
.template-blue_midnight .top .nav-link.is-current:before,.template-blue_midnight .top .nav-dropdown.is-current>button:before{display:none}

/* Emerald stream: rounded translucent stream controls. */
.template-emerald_stream{--menu-accent:#34d399;--menu-active:rgba(52,211,153,.92);--menu-active-text:#03201c;--menu-hover:rgba(52,211,153,.12);--menu-panel:rgba(6,45,42,.94);--menu-panel-text:#edfdf9;--menu-border:rgba(52,211,153,.32);--menu-mobile:rgba(3,25,23,.94);--menu-tile:rgba(6,45,42,.8);--menu-radius:12px;--menu-panel-radius:20px;--menu-shadow:0 30px 80px rgba(0,0,0,.35)}
.template-emerald_stream .top .nav-link,.template-emerald_stream .top .nav-dropdown>button,.template-emerald_stream .top .category-menu{backdrop-filter:blur(14px)}
.template-emerald_stream .top .nav-link.is-current,.template-emerald_stream .top .nav-dropdown.is-current>button{box-shadow:0 8px 22px rgba(52,211,153,.2)}
.template-emerald_stream .top .nav-link.is-current:before,.template-emerald_stream .top .nav-dropdown.is-current>button:before{display:none}

/* Compact grid: dense squared dashboard cells. */
.template-compact_grid{--menu-accent:#00e6a8;--menu-active:#00b886;--menu-active-text:#001b14;--menu-hover:rgba(0,230,168,.12);--menu-panel:#181818;--menu-panel-text:#e8e8e8;--menu-border:#293b36;--menu-mobile:#090d0c;--menu-tile:#141a18;--menu-radius:3px;--menu-panel-radius:4px;--menu-shadow:0 22px 50px rgba(0,0,0,.68)}
.template-compact_grid .top .nav{gap:2px}
.template-compact_grid .top .nav-link,.template-compact_grid .top .nav-dropdown>button{padding-top:8px;padding-bottom:8px;border:1px solid #1d2926;font-size:11px}
.template-compact_grid .top .nav-link.is-current:before,.template-compact_grid .top .nav-dropdown.is-current>button:before{display:none}
.template-compact_grid .top .category-menu{gap:2px;padding:7px}

@media(max-width:940px){
  .top .nav{box-sizing:border-box;min-width:0;border-color:var(--menu-border);border-radius:var(--menu-panel-radius);background:var(--menu-mobile)}
  .top .nav-link,.top .nav-dropdown>button{border-color:var(--menu-border);border-radius:var(--menu-radius);background:var(--menu-tile)}
  .top .nav-dropdown:not(.is-open) .category-menu{display:none}
  .top .nav-dropdown.is-open .category-menu,.top .nav-dropdown.is-open .menu-panel-head{background:var(--menu-panel)}
  .template-gold_black .top .nav,.template-mono_magazine .top .nav,.template-black_red_sidebar .top .nav{border-top-color:var(--menu-border);border-bottom-color:var(--menu-border)}
  .template-red_movie .top .nav-link.is-current,.template-red_movie .top .nav-dropdown.is-current>button{clip-path:none}
  .template-compact_grid .top .nav-link,.template-compact_grid .top .nav-dropdown>button{padding:5px 3px}
}