/* =========================================================================
   云服务主题 — 顶栏 / 抽屉 / 底栏 / 弹窗皮肤
   - 只在本主题生效；共享 nav.php / bottom-nav.php 一字不改，全部按 body.neko-body 作用域覆盖
   - 风格：白底 + 发丝边 + 品牌蓝，直角小圆角，无渐变、无图案底纹
   ========================================================================= */

/* ------------------------------ 01 底色与基础 ------------------------------ */
html{background:#f4f7fc}
body.neko-body{
  --nk-nav-h:66px;
  color:var(--nc-ink2);
  background:transparent;
}
body.neko-body ::selection{background:rgba(37,99,235,.16);color:var(--nc-ink)}
body.neko-body a{color:inherit}
body.neko-body button{color:inherit}
body.neko-body .nc-btn-main{color:#fff}
body.neko-body .nc-btn-main:hover{color:#fff}
body.neko-body .nc-btn-ghost{color:var(--nc-ink2)}
body.neko-body .nc-btn-ghost:hover{color:var(--nc-brand)}

/* ------------------------------ 02 顶栏右侧：购物车 + 账户 ------------------------------ */
body.neko-body .nk-actions{display:flex;align-items:center;gap:8px;order:9;margin-left:2px}

body.neko-body .nk-cart{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;
  border-radius:var(--nc-radius-sm);background:var(--nc-paper);border:1px solid var(--nc-line);color:var(--nc-ink2);
  font-size:13px;font-weight:600;white-space:nowrap;
  transition:border-color .18s,background .18s,color .18s}
body.neko-body .nk-cart svg{width:17px;height:17px;flex:none;color:var(--nc-brand)}
body.neko-body .nk-cart:hover{border-color:#b9c9e6;background:#f7faff;color:var(--nc-brand)}

body.neko-body .nk-auth{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;
  border-radius:var(--nc-radius-sm);background:var(--nc-brand);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;
  transition:background .18s}
body.neko-body .nk-auth:hover{background:var(--nc-brand2)}

/* 共享导航自带的账户入口：未登录「登录 + 注册」，登录后头像 + 退出；统一隐藏，只留上面一组 */
body.neko-body .nav-right > a.btn[href*="login"],
body.neko-body .nav-right > a.btn[href*="register"],
body.neko-body .nav-right > a.nu-logout,
body.neko-body .nav-right > .nu-wrap{display:none!important}

/* ------------------------------ 03 顶栏骨架 ------------------------------ */
body.neko-body .nav{--nk-nav-h:66px;background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--nc-line);
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}
body.neko-body .nav.is-scrolled{box-shadow:0 8px 24px -20px rgba(12,21,38,.55)}
body.neko-body .nav-inner .brand{color:var(--nc-ink)}
body.neko-body .nav-inner .brand .logo{background:var(--nc-brand);border-radius:8px}
body.neko-body .brand-logo-img{border-radius:8px}
body.neko-body .miao-brand-txt{display:flex;flex-direction:column;line-height:1.1;min-width:0}
body.neko-body .miao-brand-txt b{font-size:16px;font-weight:700;color:var(--nc-ink);letter-spacing:-.2px}
body.neko-body .miao-brand-txt small{font-size:9px;font-weight:600;letter-spacing:2.2px;color:var(--nc-muted)}
@media(max-width:680px){body.neko-body .miao-brand-txt small{display:none}}

/* 三段式：品牌 / 菜单 / 右侧入口。≥901 两侧等分，让菜单真正落在中线 */
@media(min-width:681px){
  body.neko-body .nav-inner .nav-menu{position:static;transform:none;left:auto;margin:0;
    flex:0 0 auto;min-width:0;justify-content:flex-start;gap:2px;padding:0;
    border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
  body.neko-body .nav-inner .nav-menu>a,
  body.neko-body .nav-inner .nav-drop{flex:none}
}
@media(min-width:901px){
  body.neko-body .nav-inner{padding:0 24px;gap:14px}
  body.neko-body .nav-inner .brand{margin-right:0;min-width:0;flex:1 1 0;justify-content:flex-start;
    pointer-events:none}
  body.neko-body .nav-inner .brand>*{pointer-events:auto}
  body.neko-body .nav-inner .nav-right{margin-left:0;gap:9px;flex:1 1 0;justify-content:flex-end;min-width:0}
}
@media(min-width:681px) and (max-width:900px){
  body.neko-body .nav-inner{padding:0 20px;gap:12px}
  body.neko-body .nav-inner .brand{margin-right:0;flex:0 1 auto;min-width:0;overflow:hidden}
  body.neko-body .nav-inner .brand .miao-brand-txt{min-width:0}
  body.neko-body .nav-inner .brand .miao-brand-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.neko-body .nav-inner .nav-menu{margin-left:0}
  body.neko-body .nav-inner .nav-right{flex:0 0 auto;margin-left:auto}
}
@media(min-width:681px) and (max-width:820px){
  body.neko-body .nav-inner{padding:0 14px;gap:8px}
  body.neko-body .nav-inner .brand{gap:8px}
  body.neko-body .nav-inner .brand .logo{width:32px;height:32px;border-radius:7px}
  body.neko-body .nav-inner .brand .miao-brand-txt small{display:none}
  body.neko-body .nav-inner .brand .miao-brand-txt b{font-size:15px;white-space:nowrap}
  body.neko-body .nav-inner .nav-menu{padding:0;gap:0}
  body.neko-body .nav-inner .nav-menu>a,
  body.neko-body .nav-inner .nav-drop>.nav-drop-toggle{height:34px;padding:0 9px;font-size:13px;gap:4px}
  body.neko-body .nav-inner .nav-right{gap:6px}
  body.neko-body .nav-inner .nk-cart{padding:0 10px}
  body.neko-body .nav-inner .nk-cart span{display:none}
}
@media(max-width:680px){
  body.neko-body .nav-inner .brand{position:static;transform:none;margin-right:auto;min-width:0;max-width:54%;flex-shrink:1;overflow:hidden}
  body.neko-body .nav-inner .brand .logo{width:32px;height:32px;border-radius:7px}
  body.neko-body .miao-brand-txt b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.neko-body .nav-right{gap:7px}
  body.neko-body .nk-actions{gap:7px;margin-left:0}
  body.neko-body .nk-cart,
  body.neko-body .nk-auth{height:34px}
  body.neko-body .nk-cart{padding:0 11px}
  body.neko-body .nk-auth{padding:0 13px;font-size:12.5px}
}
@media(max-width:430px){
  body.neko-body .nk-cart{padding:0 10px}
  body.neko-body .nk-cart span{display:none}
}

/* ------------------------------ 04 一级菜单 ------------------------------ */
body.neko-body .nav-menu a,
body.neko-body .nav-drop>a{color:var(--nc-ink2);border-radius:var(--nc-radius-sm);font-size:14px}
@media(min-width:681px){
  body.neko-body .nav-menu>a,
  body.neko-body .nav-drop>.nav-drop-toggle{
    position:relative;display:inline-flex;align-items:center;gap:5px;
    height:36px;padding:0 13px;border-radius:var(--nc-radius-sm);
    color:var(--nc-ink2);font-size:14px;font-weight:500;letter-spacing:0;
    background:transparent;transition:color .16s,background .16s}
  /* 当前项：底部 2px 品牌蓝下划线，不用胶囊与装饰角 */
  body.neko-body .nav-menu>a::after,
  body.neko-body .nav-drop>.nav-drop-toggle::after{
    content:"";display:block;position:absolute;left:13px;right:13px;bottom:2px;
    height:2px;border-radius:0;transform:none;
    background:var(--nc-brand);opacity:0;transition:opacity .16s}
  body.neko-body .nav-menu>a:hover,
  body.neko-body .nav-drop:hover>.nav-drop-toggle{
    color:var(--nc-ink);background:#f2f6fc}
  body.neko-body .nav-menu>a.active,
  body.neko-body .nav-drop.active>.nav-drop-toggle,
  body.neko-body .nav-drop.open>.nav-drop-toggle{
    color:var(--nc-brand);font-weight:600;background:transparent}
  body.neko-body .nav-menu>a:hover::after,
  body.neko-body .nav-drop:hover>.nav-drop-toggle::after{opacity:.35}
  body.neko-body .nav-menu>a.active::after,
  body.neko-body .nav-drop.active>.nav-drop-toggle::after,
  body.neko-body .nav-drop.open>.nav-drop-toggle::after{opacity:1}
}
body.neko-body .nav-drop-menu{border:1px solid var(--nc-line);border-radius:var(--nc-radius);
  background:var(--nc-paper);box-shadow:0 22px 48px -28px rgba(12,21,38,.45)}
body.neko-body .nav-drop-menu a{color:var(--nc-ink2);border-radius:6px}
body.neko-body .nav-drop-menu a:hover{color:var(--nc-brand);background:#f2f6fc}
body.neko-body .link-user{color:var(--nc-ink2)}
body.neko-body .link-user .nav-console{background:var(--nc-brand);color:#fff;border-radius:var(--nc-radius-sm);
  border-color:transparent}
body.neko-body .avatar{background:#dbe6f8;color:var(--nc-brand2)}
body.neko-body .tn-btn{background:var(--nc-paper);border-color:var(--nc-line);color:var(--nc-ink2)}
body.neko-body .tn-btn:hover{border-color:#b9c9e6;color:var(--nc-brand)}
body.neko-body .nu-menu{border:1px solid var(--nc-line);border-radius:var(--nc-radius);background:var(--nc-paper);
  box-shadow:0 22px 48px -28px rgba(12,21,38,.45)}
body.neko-body .nu-item{color:var(--nc-ink2)}
body.neko-body .nu-item svg{color:var(--nc-ink3)}
body.neko-body .nu-item:hover{background:#f2f6fc;color:var(--nc-brand)}
body.neko-body .nu-item.nu-out,body.neko-body .nu-item.nu-out svg{color:#c0392b}
body.neko-body .nu-badge{background:var(--nc-brand);color:#fff;border-radius:4px}
body.neko-body .nav-burger{background:var(--nc-paper);border:1px solid var(--nc-line);color:var(--nc-ink2);border-radius:8px}
body.neko-body .nav-burger:hover,
body.neko-body .nav.menu-open .nav-burger{background:#f2f6fc;border-color:#b9c9e6;color:var(--nc-brand)}

/* ------------------------------ 05 三层商品目录 ------------------------------ */
body.neko-body .nav-drop-menu.nav-mega{border:1px solid var(--nc-line);border-radius:12px;
  background:var(--nc-paper);
  box-shadow:0 36px 72px -40px rgba(12,21,38,.5),0 10px 24px -20px rgba(12,21,38,.28)}
body.neko-body .nav-drop-menu.nav-mega:before{background:var(--nc-brand);height:2px;border-radius:0}
body.neko-body .nm-l1{background:#fafbfe;border-right:1px solid var(--nc-line)}
body.neko-body .nm-l2{border-right:1px solid var(--nc-line)}
body.neko-body .nm-col{padding:10px 9px 12px}
body.neko-body .nm-col::-webkit-scrollbar{width:8px}
body.neko-body .nm-col::-webkit-scrollbar-thumb{background:#dbe3ee;border-radius:999px;border:2px solid transparent;background-clip:content-box}
body.neko-body .nm-col::-webkit-scrollbar-track{background:transparent}

/* 目录小图标：统一换成 4px 方块 / 圆点，不用爪印 */
body.neko-body .nm-hd:before,
body.neko-body .nav-drop-cat .nav-mega a.nm-item:before,
body.neko-body .nm-ft-tip:before{
  content:"";flex:none;width:5px;height:5px;border-radius:1px;
  background:#c3cfe2;background-image:none}
body.neko-body .nm-hd{display:flex;align-items:center;gap:7px;margin:0 2px 9px;padding:0 4px 9px;
  border-bottom:1px solid var(--nc-line);color:var(--nc-muted);font-size:10.5px;font-weight:700;letter-spacing:1.4px}
body.neko-body .nm-hd:before{background:var(--nc-brand)}

body.neko-body .nav-drop-cat .nav-mega a.nm-item{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;
  min-height:34px;padding:6px 8px;margin-bottom:2px;border-radius:6px;
  color:var(--nc-ink2);font-size:13px;line-height:1.35;box-shadow:none;
  transition:color .16s,background .16s}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:before{border-radius:50%;transition:background .16s}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:hover{color:var(--nc-brand);background:#f2f6fc}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:hover:before{background:var(--nc-brand)}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on{color:var(--nc-brand);font-weight:600;
  background:#eef3fd;box-shadow:none}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on:before{background:var(--nc-brand)}
body.neko-body .nm-count{flex:none;font-style:normal;font-size:10.5px;line-height:17px;min-width:19px;
  padding:0 5px;text-align:center;border-radius:4px;background:#eff3f9;color:var(--nc-ink3)}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on .nm-count{background:#dbe7fd;color:var(--nc-brand2)}
body.neko-body .nm-arrow{flex:none;font-size:0;width:5px;height:5px;margin-right:2px;
  border-top:1px solid currentColor;border-right:1px solid currentColor;
  color:#c3cfe2;transform:rotate(45deg);transition:transform .16s,color .16s}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:hover .nm-arrow{color:var(--nc-brand)}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on .nm-arrow{color:var(--nc-brand)}

body.neko-body .nm-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod{
  position:relative;display:flex;align-items:center;gap:8px;
  min-height:48px;padding:8px 10px;border:1px solid var(--nc-line);border-radius:8px;
  color:var(--nc-ink2);font-size:12.5px;line-height:1.45;background:var(--nc-paper);overflow:hidden;
  transition:border-color .16s,background .16s,color .16s}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:before,
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:after{display:none}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod .nm-flag{width:18px;height:13px;border-radius:2px;
  box-shadow:0 0 0 1px rgba(12,21,38,.08)}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod>span{flex:1 1 auto;min-width:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  white-space:normal;word-break:break-word}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod .nm-count{margin-left:auto;align-self:flex-start;margin-top:1px}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:hover{border-color:#b9c9e6;background:#f7faff;color:var(--nc-brand)}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:focus-visible{outline:2px solid var(--nc-brand);outline-offset:2px}

body.neko-body .nm-none{border:1px dashed var(--nc-line);border-radius:8px;background:#fafbfe;color:var(--nc-muted)}
body.neko-body .nm-ft{border-top:1px solid var(--nc-line);background:#fafbfe}
body.neko-body .nm-ft-tip{display:inline-flex;align-items:center;gap:7px;color:var(--nc-muted);font-size:12px}
body.neko-body .nav-drop-cat .nav-mega .nm-ft a{display:inline-flex;align-items:center;gap:5px;
  height:30px;padding:0 12px;border:1px solid var(--nc-line);border-radius:6px;background:var(--nc-paper);
  color:var(--nc-brand);font-size:12px;font-weight:600;transition:background .16s,border-color .16s}
body.neko-body .nav-drop-cat .nav-mega .nm-ft a:hover{background:#eef3fd;border-color:#b9c9e6}

@media(min-width:681px){
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega{
    position:fixed;left:50%;top:calc(var(--nk-nav-h,66px) + 8px);transform:translateX(-50%);
    width:min(980px,calc(100vw - 32px));height:min(568px,calc(100vh - 96px));
    display:none;flex-direction:column;overflow:hidden;animation:none}
  /* 只做淡入：动 transform 会让量测/截图停在偏移位置 */
  body.neko-body .nav-drop:hover>.nav-drop-menu.nav-mega,
  body.neko-body .nav-drop.open>.nav-drop-menu.nav-mega{display:flex;animation:ncMegaFade .18s ease}
  @keyframes ncMegaFade{from{opacity:0}to{opacity:1}}
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega .nm-body{height:auto;min-height:0;flex:1 1 auto;padding-top:4px}
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega .nm-l1{width:220px;flex:none}
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega .nm-l2{width:232px;flex:none}
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega .nm-l3{width:auto;flex:1 1 auto;min-width:0}
  body.neko-body .nav-drop-cat::after{top:100%;height:26px}
}

/* 手机端抽屉：白底 + 深字 */
@media(max-width:680px){
  body.neko-body .nav.menu-open .nav-menu{background:var(--nc-paper);border-top:1px solid var(--nc-line);
    box-shadow:0 20px 44px -20px rgba(12,21,38,.30)}
  body.neko-body .nav.menu-open .nav-drop-menu,
  body.neko-body .nav.menu-open .nav-drop-menu.nav-mega{background:#fafbfe}
  body.neko-body .nav.menu-open .nav-menu>a,
  body.neko-body .nav.menu-open .nav-drop>.nav-drop-toggle{color:var(--nc-ink2)}
  body.neko-body .nav.menu-open .nav-menu>a.active,
  body.neko-body .nav.menu-open .nav-drop.active>.nav-drop-toggle{color:var(--nc-brand)}
  body.neko-body .nav.menu-open .nm-l1,
  body.neko-body .nav.menu-open .nm-l2,
  body.neko-body .nav.menu-open .nm-l3{border-bottom:1px solid var(--nc-line)}
}

/* ------------------------------ 06 手机端底部导航 ------------------------------ */
@media(max-width:680px){
  body.neko-body{padding-bottom:74px}
  body.neko-body .bt-nav{background:rgba(255,255,255,.97);border-top:1px solid var(--nc-line);
    box-shadow:0 -8px 26px rgba(12,21,38,.08)}
  body.neko-body .bt-item{color:#8595ad}
  body.neko-body .bt-item.on{color:var(--nc-brand);font-weight:600}
  body.neko-body .bt-item.on .bt-ic{background:#eaf1ff}
  body.neko-body .bt-item.on:before{background:var(--nc-brand);border-radius:0}
}

/* ------------------------------ 07 弹窗公告 ------------------------------ */
body.neko-body .mfp-root{background:rgba(12,21,38,.52)}
body.neko-body .mfp-dialog{background:var(--nc-paper);border-radius:12px;
  box-shadow:0 30px 90px rgba(12,21,38,.32),0 0 0 1px var(--nc-line)}
body.neko-body .mfp-close{background:#fff;color:var(--nc-ink3);
  box-shadow:0 2px 8px rgba(12,21,38,.12)}
body.neko-body .mfp-close:hover{color:#c0392b;background:#fff;transform:rotate(90deg)}
body.neko-body .mfp-head{background:var(--nc-ink);color:#fff}
body.neko-body .mfp-head .hd-glow.g1{background:radial-gradient(circle,rgba(37,99,235,.55),transparent 70%)}
body.neko-body .mfp-head .hd-glow.g2{background:radial-gradient(circle,rgba(96,165,250,.32),transparent 70%)}
body.neko-body .mfp-head .hd-tag{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
body.neko-body .mfp-head .hd-title{text-shadow:none}
body.neko-body .mfp-body{color:var(--nc-ink2)}
body.neko-body .mfp-html .mfp-body a{color:var(--nc-brand)}
body.neko-body .mfp-foot label{color:var(--nc-ink3)}
body.neko-body .mfp-foot label input{accent-color:var(--nc-brand)}
body.neko-body .mfp-btn{background:var(--nc-brand);color:#fff;box-shadow:none}
body.neko-body .mfp-btn:hover{background:var(--nc-brand2);box-shadow:0 12px 24px -16px rgba(37,99,235,.9)}
body.neko-body .mfp-float{background:var(--nc-brand);box-shadow:0 12px 30px rgba(12,21,38,.28)}
body.neko-body .mfp-float:hover{box-shadow:0 16px 36px rgba(12,21,38,.34)}
body.neko-body .mfp-float .fl-ring{border-color:rgba(37,99,235,.5)}
body.neko-body .mfp-img-mask{background:linear-gradient(transparent,rgba(12,21,38,.72))}
body.neko-body .mfp-img-cap{text-shadow:0 2px 10px rgba(12,21,38,.45)}

/* ------------------------------ 08 减少动态 ------------------------------ */
@media(prefers-reduced-motion:reduce){
  body.neko-body .nav-drop-menu.nav-mega,
  body.neko-body .nav-drop:hover>.nav-drop-menu.nav-mega,
  body.neko-body .nav-drop.open>.nav-drop-menu.nav-mega{animation:none}
  body.neko-body .nk-cart,
  body.neko-body .nk-auth{transition:none}
}