/* =========================================================================
   云服务主题 — 奶油猫窝皮肤（与 cart/neko_cute 同一套设计语言）
   奶白 × 焦糖 × 樱花粉 × 抹茶绿，圆角 + 猫耳 + 爪印 + 虚线分隔
   - 只在本主题生效：全部规则锁在 body.neko-body 下，不改共享 nav.php / bottom-nav.php
   - 覆盖链：style.css → neko.css → home.css → 本文件（最后加载，同权重必胜）
   - 结构标记（.cs-cat[data-tab] / .cs-data[data-panel] / data-jump-tab / #mod-*）一律不动，
     猫耳、爪印、点纹、光晕全部由伪元素与 CSS 渐变补足，不新增图片请求
   ========================================================================= */

/* ------------------------------ 01 设计令牌 ------------------------------ */
/* 直接改写 home.css / style.css 用的 --nc-* 令牌，组件本体不必逐条重写；
   再补一组 --cute-* 命名，保持与购物车主题一致的书写习惯。 */
body.neko-body{
  --nc-bg:#fff8ee;
  --nc-paper:#fffdf9;
  --nc-cream:#fff6ea;
  --nc-ink:#4a342b;
  --nc-ink2:#6b5449;
  --nc-ink3:#9a8072;
  --nc-muted:#b6a396;
  --nc-brand:#e08b4c;
  --nc-brand2:#c96f3b;
  --nc-brand-soft:#fdeedd;
  --nc-brand-grad:linear-gradient(135deg,#f7b877 0%,#e08b4c 62%,#d97a3c 100%);
  --nc-line:#f3e3d1;
  --nc-line2:#fbf1e5;
  --nc-green:#6ea884;
  --nc-amber:#b4712a;
  --nc-pink:#f7b8c4;
  --nc-pink-soft:#fdeaf0;
  --nc-matcha:#a9c49b;
  --nc-radius:22px;
  --nc-radius-sm:14px;
  --nc-shadow:0 22px 44px -26px rgba(176,124,80,.45);
  --nc-shadow-sm:0 2px 0 rgba(214,166,120,.08),0 6px 18px rgba(196,146,99,.08);
  --cs-mist:#fff6ea;

  --cute-milk:#fff8ee;
  --cute-paper:#fffdf9;
  --cute-cocoa:#4a342b;
  --cute-caramel:#e08b4c;
  --cute-caramel-2:#d97a3c;
  --cute-deep:#b4622a;
  --cute-pink:#f7b8c4;
  --cute-pink-soft:#fdeaf0;
  --cute-matcha:#a9c49b;
  --cute-shadow-sm:0 2px 0 rgba(214,166,120,.08),0 6px 18px rgba(196,146,99,.08);
  --cute-shadow:0 22px 44px -26px rgba(176,124,80,.45);

  /* 共享 nav.php 里用到的旧变量名，一并对齐奶油色 */
  --brand:#e08b4c;
  --brand2:#c96f3b;
  --ink:#4a342b;
  --ink2:#6b5449;
  --ink3:#9a8072;
  --line:#f3e3d1;
  --radius:22px;
  --radius-sm:14px;

  /* 纯 CSS 猫爪：肉垫 + 三枚脚趾，随元素尺寸缩放 */
  --cute-paw:
    radial-gradient(ellipse 34% 30% at 50% 76%,#e3c3a6 96%,transparent 100%),
    radial-gradient(ellipse 16% 15% at 15% 38%,#f2dac6 96%,transparent 100%),
    radial-gradient(ellipse 16% 15% at 50% 17%,#f2dac6 96%,transparent 100%),
    radial-gradient(ellipse 16% 15% at 85% 38%,#f2dac6 96%,transparent 100%);
  --cute-paw-on:
    radial-gradient(ellipse 34% 30% at 50% 76%,#e08b4c 96%,transparent 100%),
    radial-gradient(ellipse 16% 15% at 15% 38%,#f7b8c4 96%,transparent 100%),
    radial-gradient(ellipse 16% 15% at 50% 17%,#f7b8c4 96%,transparent 100%),
    radial-gradient(ellipse 16% 15% at 85% 38%,#f7b8c4 96%,transparent 100%);

  --nk-nav-h:66px;
  color:var(--nc-ink2);
  background:transparent;
}
body.neko-body ::selection{background:rgba(247,184,196,.55);color:var(--cute-cocoa)}
body.neko-body a{color:inherit}
body.neko-body button{color:inherit}

/* 标题：圆润的 800 字重 + 正字距，替掉原来偏冷静的负字距 */
body.neko-body h1,
body.neko-body h2,
body.neko-body h3,
body.neko-body h4{color:var(--nc-ink);font-weight:800;letter-spacing:.2px}

/* ------------------------------ 02 底色与猫爪背景 ------------------------------ */
/* 底色留在 html，body 透明，固定定位的爪印层落在正文下面缓慢飘移 */
/* 整站一个奶油底色，不铺任何彩色晕染：渐变在大页面上会被浏览器分块绘制，
   滚动时出现深浅色带（分界区域），不如纯色稳定。 */
html{
  height:100%;
  background:#fff8ee;
}
/* body 透明必须带 !important：前台「HTML 源码保护」(HtmlGuard) 会给 <body> 打内联
   style="margin:0;background:#fff"，内联样式优先级高于任何普通选择器，会把 html 的奶油底
   和下面 z-index:-1 的爪印层整层盖掉（整站变成纯白）。与会员中心 acct.css 的处理保持一致。 */
body.neko-body{background:transparent !important}
body.neko-body::before{
  content:"";position:fixed;inset:-360px;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 132 132'%3E%3Cg fill='%23c96f3b' fill-opacity='.06'%3E%3Cellipse cx='66' cy='82' rx='17' ry='14'/%3E%3Ccircle cx='46' cy='59' r='7.5'/%3E%3Ccircle cx='66' cy='50' r='7.5'/%3E%3Ccircle cx='86' cy='59' r='7.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size:150px 150px;background-repeat:repeat;opacity:.95;
  animation:nekoPawDrift 60s linear infinite;will-change:transform;
}
@keyframes nekoPawDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-150px,-300px,0)}
}
body.neko-body :focus-visible{outline:2px solid var(--nc-brand);outline-offset:2px}

/* ------------------------------ 03 通用元件 ------------------------------ */
/* 通用按钮：一律圆滚滚，主按钮用焦糖渐变 */
body.neko-body .btn{border-radius:999px;font-weight:700}
body.neko-body .btn-primary{background:var(--nc-brand-grad);color:#fff;
  box-shadow:0 8px 18px -10px rgba(224,139,76,.9)}
body.neko-body .btn-primary:hover{opacity:1;filter:brightness(1.03);
  box-shadow:0 12px 24px -12px rgba(224,139,76,.95)}
body.neko-body .btn-ghost{background:var(--nc-paper);color:var(--nc-ink2);border:1.5px solid var(--nc-line)}
body.neko-body .btn-ghost:hover{border-color:#f2c79f;color:var(--cute-caramel-2);background:#fffaf3}

body.neko-body .nc-btn{border-radius:999px;font-weight:700}
body.neko-body .nc-btn-main{background:var(--nc-brand-grad);color:#fff;
  box-shadow:0 10px 20px -14px rgba(224,139,76,1)}
body.neko-body .nc-btn-main:hover{background:var(--nc-brand-grad);filter:brightness(1.04);
  box-shadow:0 14px 24px -14px rgba(224,139,76,1)}
body.neko-body .nc-btn-ghost{background:var(--nc-paper);color:var(--nc-ink2);border:1.5px solid var(--nc-line)}
body.neko-body .nc-btn-ghost:hover{border-color:#f2c79f;color:var(--cute-deep);background:#fffaf3}

/* 首屏 / 产品区 / 活动区按钮 */
body.neko-body .cs-btn{border-radius:999px;font-weight:700;min-height:44px;padding:0 22px}
body.neko-body .cs-btn-primary{background:var(--nc-brand-grad);color:#fff;
  box-shadow:0 12px 22px -14px rgba(224,139,76,1)}
body.neko-body .cs-btn-primary:hover{background:var(--nc-brand-grad);filter:brightness(1.04);
  box-shadow:0 16px 26px -14px rgba(224,139,76,1);transform:translateY(-1px)}
body.neko-body .cs-btn-ghost{background:var(--nc-paper);color:var(--nc-ink2);border:1.5px solid var(--nc-line);
  box-shadow:var(--cute-shadow-sm)}
body.neko-body .cs-btn-ghost:hover{border-color:#f2c79f;color:var(--cute-deep);background:#fff6ea}
body.neko-body .cs-btn-light{background:#fffdf9;color:var(--cute-deep);
  box-shadow:0 14px 26px -18px rgba(46,30,22,.75)}
body.neko-body .cs-btn-light:hover{background:#fff6ea;color:#a4531c}
body.neko-body .cs-btn-outline{background:rgba(255,246,234,.06);color:#fff8ee;border:1.5px solid rgba(255,246,234,.42)}
body.neko-body .cs-btn-outline:hover{background:rgba(255,246,234,.14);border-color:rgba(255,246,234,.7)}

body.neko-body .cs-textlink{color:var(--cute-deep);font-weight:700}
body.neko-body .cs-textlink:hover{color:#a4531c}

/* 小标：从「一根横线 + 小字」改成奶咖胶囊，前面一枚猫爪 */
body.neko-body .cs-eyebrow{
  gap:7px;padding:4px 13px;margin-bottom:14px;
  background:#fffdf9;border:1.5px solid #f7dfc9;border-radius:999px;
  color:#bf7736;font-size:12px;font-weight:700;letter-spacing:.4px;
  box-shadow:0 6px 14px -12px rgba(180,110,60,.9);
}
body.neko-body .cs-eyebrow::before{
  content:"";width:14px;height:14px;flex:none;border-radius:0;
  background-color:transparent;background-image:var(--cute-paw)
}
body.neko-body .cs-eyebrow.is-light{color:#bf7736;background:#fffdf9;border-color:#f7dfc9}

/* 分块之间不画线：整页同一底色，靠留白分段 */
body.neko-body .cs-sec-shelf,
body.neko-body .cs-sec-faq{border-top:0}

/* ------------------------------ 04 顶栏：品牌 / 胶囊菜单 / 购物车 ------------------------------ */
/* 导航只留三块：品牌 / 菜单 / (购物车 + 登录·注册 或 控制台)。
   共享 nav.php 自带的登录、注册、退出、头像由 neko.css 隐藏，这里再锁一次，避免两套入口。 */
body.neko-body .nk-actions{display:flex;align-items:center;gap:9px;order:9;margin-left:2px}
body.neko-body .nk-cart{
  display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;
  border-radius:999px;background:#fffdf9;border:1.5px solid var(--nc-line);color:var(--nc-ink2);
  font-size:13px;font-weight:700;white-space:nowrap;
  transition:border-color .18s,background .18s,color .18s,transform .18s;
}
body.neko-body .nk-cart svg{width:17px;height:17px;flex:none;color:var(--cute-caramel-2)}
body.neko-body .nk-cart:hover{border-color:#f2c79f;background:#fff6ea;color:var(--cute-deep);transform:translateY(-1px)}
body.neko-body .nk-auth{
  display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;
  border-radius:999px;background:var(--nc-brand-grad);color:#fff;
  font-size:13.5px;font-weight:800;white-space:nowrap;
  box-shadow:0 10px 22px -12px rgba(224,139,76,.95);
  transition:filter .18s,box-shadow .18s,transform .18s;
}
body.neko-body .nk-auth:hover{filter:brightness(1.04);box-shadow:0 14px 26px -14px rgba(224,139,76,1);transform:translateY(-1px)}

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}

/* 三段式：≥901 两侧等分让胶囊菜单真正落在中线；681~900 紧跟品牌；≤680 交给汉堡抽屉 */
@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:5px;
    border:1.5px solid #f4e3d0;border-radius:999px;overflow:visible;
    background:linear-gradient(180deg,#fffdfa,#fff7ee);
    box-shadow:inset 0 1px 0 #fff,0 10px 22px -20px rgba(150,105,70,.9);
  }
  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 26px;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 26px;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 16px;gap:9px}
  body.neko-body .nav-inner .brand{gap:8px}
  body.neko-body .nav-inner .brand .logo{width:32px;height:32px;border-radius:10px}
  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:4px;gap:0}
  body.neko-body .nav-inner .nav-menu>a,
  body.neko-body .nav-inner .nav-drop>.nav-drop-toggle{height:34px;padding:0 10px;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:10px}
  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 14px;font-size:12.5px}
}
@media(max-width:430px){
  body.neko-body .nk-cart{padding:0 10px}
  body.neko-body .nk-cart span{display:none}
}

/* 顶栏本体：奶油半透明 + 发丝虚线边 + 焦糖投影 */
body.neko-body .nav{--nk-nav-h:66px;background:rgba(255,252,246,.9);
  border-bottom:1.5px solid var(--nc-line);
  box-shadow:0 10px 24px -22px rgba(150,105,70,.85);
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}
body.neko-body .nav.is-scrolled{box-shadow:0 12px 28px -22px rgba(150,105,70,.95)}
body.neko-body .nav-inner .brand{color:var(--nc-ink)}
body.neko-body .nav-inner .brand .logo{background:var(--nc-brand-grad);border-radius:12px;
  box-shadow:0 6px 14px -8px rgba(224,139,76,.95)}
body.neko-body .brand-logo-img{border-radius:12px}
body.neko-body .miao-brand-txt{display:flex;flex-direction:column;line-height:1.08;min-width:0}
body.neko-body .miao-brand-txt b{font-size:16px;font-weight:800;color:var(--nc-ink);letter-spacing:.2px}
body.neko-body .miao-brand-txt small{font-size:9px;font-weight:700;letter-spacing:2.4px;color:#c3a48d}
@media(max-width:680px){body.neko-body .miao-brand-txt small{display:none}}

body.neko-body .nav-menu a,
body.neko-body .nav-drop>a{color:var(--nc-ink2);border-radius:999px;font-size:14.5px}

/* 一级菜单：胶囊里的一枚枚小圆牌。
   官方那条渐变下划线整条拆掉，当前页 / 展开中改成白牌 + 两只焦糖猫耳；悬停只铺奶咖底。 */
@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 14px;border-radius:999px;
    color:var(--nc-ink2);font-size:14px;font-weight:600;letter-spacing:.2px;
    background:transparent;transition:color .18s,background .18s,box-shadow .18s;
  }
  body.neko-body .nav-menu>a::after,
  body.neko-body .nav-drop>.nav-drop-toggle::after{
    content:"";display:block;position:absolute;left:50%;right:auto;top:-4px;bottom:auto;
    width:24px;height:9px;border-radius:0;transform:translateX(-50%);
    background:linear-gradient(180deg,#f7bd94,#e08b4c);
    clip-path:polygon(0 100%,26% 0,52% 100%,76% 0,100% 100%);
    opacity:0;transition:opacity .16s,transform .16s;pointer-events:none;
  }
  body.neko-body .nav-menu>a:hover,
  body.neko-body .nav-drop:hover>.nav-drop-toggle{
    color:var(--cute-deep);background:#fff6ea;
    box-shadow:0 6px 14px -12px rgba(180,110,60,.9);
  }
  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(--cute-deep);font-weight:700;background:#fffdf9;
    box-shadow:inset 0 0 0 1.5px #f6d3b2,0 10px 18px -14px rgba(180,110,60,.85);
  }
  body.neko-body .nav-menu>a:hover::after,
  body.neko-body .nav-drop:hover>.nav-drop-toggle::after{
    opacity:.85;transform:translateX(-50%) translateY(-1px) scale(.84);
  }
  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;transform:translateX(-50%) scale(1);
  }
  /* 品牌方块：左上 / 右上各一只小耳朵，猫爪 LOGO 变成猫头 */
  body.neko-body .nav-inner .brand .logo{position:relative}
  body.neko-body .nav-inner .brand .logo::before,
  body.neko-body .nav-inner .brand .logo::after{
    content:"";position:absolute;top:-5px;width:11px;height:9px;pointer-events:none;
    background:linear-gradient(180deg,#f7b877,#e79a5f);
    clip-path:polygon(50% 0,100% 100%,0 100%);
  }
  body.neko-body .nav-inner .brand .logo::before{left:2px;transform:rotate(-8deg)}
  body.neko-body .nav-inner .brand .logo::after{right:2px;transform:rotate(8deg)}
}

/* 二级下拉 / 账户菜单 / 汉堡 / 新闻按钮 */
body.neko-body .nav-drop-menu{border:1.5px solid var(--nc-line);border-radius:18px;
  background:var(--nc-paper);box-shadow:0 22px 48px -28px rgba(150,105,70,.55)}
body.neko-body .nav-drop-menu a{color:var(--nc-ink2);border-radius:12px}
body.neko-body .nav-drop-menu a:hover{color:var(--cute-caramel-2);background:#fff4e7}
body.neko-body .link-user{color:var(--nc-ink2)}
body.neko-body .link-user .nav-console{background:var(--nc-brand-grad);color:#fff;border-radius:999px;
  border-color:transparent;box-shadow:0 8px 18px -12px rgba(224,139,76,.95)}
body.neko-body .link-user:hover .nav-console{filter:brightness(1.04);box-shadow:0 10px 22px -12px rgba(224,139,76,1)}
body.neko-body .avatar{background:linear-gradient(135deg,#f7b8c4,#e08b4c);color:#fff}
body.neko-body .nav-burger{background:#fdf2e6;border:1.5px solid var(--nc-line);color:var(--nc-ink2);border-radius:12px}
body.neko-body .nav-burger:hover,
body.neko-body .nav.menu-open .nav-burger{background:#fde7d4;border-color:#f2c79f;color:var(--cute-caramel-2)}
body.neko-body .nu-menu{border:1.5px solid var(--nc-line);border-radius:16px;background:var(--nc-paper);
  box-shadow:0 18px 40px -22px rgba(150,105,70,.55)}
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:#fff4e7;color:var(--cute-caramel-2)}
body.neko-body .nu-item.nu-out,
body.neko-body .nu-item.nu-out svg{color:#c76a6a}
body.neko-body .nu-badge{background:var(--cute-pink);color:#7a3543;border-radius:999px}
body.neko-body .tn-btn{background:var(--nc-paper);border:1.5px solid var(--nc-line);color:var(--nc-ink2);border-radius:999px;
  height:38px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;gap:6px}
body.neko-body .tn-btn:hover{border-color:#f2c79f;color:var(--cute-caramel-2)}
/* nav.php 里的 .fx-ring 无任何尺寸规则，会给按钮留出 300×150 的空白，窄屏下把整条顶栏撑出横向滚动 */
body.neko-body .tn-btn .fx-ring{display:none}
body.neko-body .top-news{background:var(--nc-paper);border-bottom:1px solid var(--nc-line)}
body.neko-body .top-news .an-head{color:var(--cute-deep)}
body.neko-body .top-news .an-item{color:var(--nc-ink2)}

/* ------------------------------ 05 商品目录：三层悬浮面板 ------------------------------ */
/* 版式沿用购物车主题：面板相对视口固定居中，三列各自滚动；分组 = 猫爪圆牌，
   商品 = 猫爪小卡，右下角压一枚淡水印。只换表皮，不动 nav.php 的结构与交互。 */
body.neko-body .nav-drop-menu.nav-mega{border:1.5px solid var(--nc-line);border-radius:24px;
  background:linear-gradient(166deg,#fffdfa 0%,#fff9f1 58%,#fff4e7 100%);
  box-shadow:0 40px 80px -40px rgba(150,105,70,.66),0 12px 28px -18px rgba(150,105,70,.30)}
body.neko-body .nav-drop-menu.nav-mega:before{background:linear-gradient(90deg,#f7b8c4,#f7b877 52%,#a9c49b);
  height:4px;border-radius:0 0 4px 4px}
body.neko-body .nm-l1{background:linear-gradient(180deg,rgba(255,251,245,.96),rgba(255,245,234,.96));
  border-right:1px solid var(--nc-line2)}
body.neko-body .nm-l2{border-right:1px solid var(--nc-line2)}
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:#f2dcc6;border-radius:999px;
  border:2px solid transparent;background-clip:content-box}
body.neko-body .nm-col::-webkit-scrollbar-track{background:transparent}

body.neko-body .nm-hd{display:flex;align-items:center;gap:7px;margin:0 2px 9px;padding:0 4px 9px;
  border-bottom:1px dashed #f1ddc7;color:#bda58f;font-size:11px;font-weight:700;letter-spacing:1.6px}
body.neko-body .nm-hd:before{content:"";flex:none;width:14px;height:14px;border-radius:0;
  background-color:transparent;background-image:var(--cute-paw)}

/* 一级 / 二级分组：猫爪圆牌 + 描边选中态 */
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:12px;
  color:var(--nc-ink2);font-size:13px;line-height:1.35;box-shadow:none;
  transition:color .16s,background .16s,box-shadow .16s;
}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:before{
  content:"";flex:none;width:14px;height:14px;border-radius:0!important;
  background-color:transparent;background-image:var(--cute-paw);
  transition:opacity .16s;
}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:hover{color:var(--cute-deep);background:#fff5e9;box-shadow:none}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:hover:before{background-image:var(--cute-paw-on)}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on{color:var(--cute-deep);font-weight:700;
  background:linear-gradient(90deg,#fdeedd,#fffaf4);box-shadow:inset 0 0 0 1.5px #f4d2b1}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on:before{background-image:var(--cute-paw-on)}
body.neko-body .nm-count{flex:none;font-style:normal;font-size:10.5px;line-height:17px;min-width:19px;
  padding:0 6px;text-align:center;border-radius:999px;background:#fbeedf;color:#b98a5e}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on .nm-count{background:#fbd9bd;color:#b04f17}
body.neko-body .nm-arrow{flex:none;font-size:0;width:6px;height:6px;margin-right:2px;
  border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;
  color:#dcc0a8;transform:rotate(45deg);transition:transform .16s,color .16s}
body.neko-body .nm-arrow::before,
body.neko-body .nm-arrow::after{content:none}
body.neko-body .nav-drop-cat .nav-mega a.nm-item:hover .nm-arrow{color:#c98a56;
  transform:rotate(45deg) translate(1px,-1px)}
body.neko-body .nav-drop-cat .nav-mega a.nm-item.on .nm-arrow{color:var(--cute-caramel-2)}

/* 商品卡：两列猫爪小卡，右下角淡水印 + 悬停抬起 */
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:1.5px solid #f6e7d6;border-radius:14px;
  color:var(--nc-ink2);font-size:12.5px;line-height:1.45;
  background:linear-gradient(180deg,#fffefb,#fff8ef);
  box-shadow:inset 0 1px 0 #fff;overflow:hidden;
  transition:transform .16s,border-color .16s,background .16s,box-shadow .16s,color .16s;
}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:before{
  content:"";flex:none;width:15px;height:15px;border-radius:0!important;
  background-color:transparent;background-image:var(--cute-paw);
}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod.has-flag:before{display:none}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod .nm-flag{width:19px;height:14px;border-radius:3px;
  box-shadow:0 0 0 1px rgba(160,120,85,.16)}
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:after{
  content:"";position:absolute;right:-7px;bottom:-9px;width:38px;height:38px;pointer-events:none;
  background-repeat:no-repeat;opacity:.6;transform:rotate(-10deg);
  background-image:var(--cute-paw);transition:opacity .16s,transform .16s;
}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:hover{border-color:#efbd92;background:#fff;color:var(--cute-deep);
  transform:translateY(-2px);box-shadow:0 14px 24px -18px rgba(180,110,60,.9)}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:hover:before{background-image:var(--cute-paw-on)}
body.neko-body .nav-drop-cat .nav-mega a.nm-prod:hover:after{opacity:.9;transform:rotate(-4deg) scale(1.06)}
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:1.5px dashed var(--nc-line);border-radius:14px;background:#fffaf4;color:var(--nc-muted)}
body.neko-body .nm-ft{border-top:1px dashed #f0ddc7;background:linear-gradient(180deg,#fffdf9,#fff6ec)}
body.neko-body .nm-ft-tip{display:inline-flex;align-items:center;gap:7px;color:#bda48e;font-size:12px}
body.neko-body .nm-ft-tip:before{content:"";flex:none;width:15px;height:15px;
  background-color:transparent;background-image:var(--cute-paw)}
body.neko-body .nav-drop-cat .nav-mega .nm-ft a{display:inline-flex;align-items:center;gap:5px;
  height:30px;padding:0 13px;border:1.5px solid #f4dfc8;border-radius:999px;background:#fff;
  color:var(--cute-deep);font-size:12px;font-weight:700;
  box-shadow:0 8px 16px -14px rgba(180,110,60,.9);
  transition:background .18s,border-color .18s,color .18s}
body.neko-body .nav-drop-cat .nav-mega .nm-ft a:hover{background:#fdeedd;border-color:#eeb984;color:#a4531c}

@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;
  }
  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:nkMegaFade .18s ease}
  @keyframes nkMegaFade{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}
  body.neko-body .nav-drop-menu.nav-mega:after{content:"";position:absolute;inset:-16% -8%;z-index:0;pointer-events:none;
    background:
      radial-gradient(closest-side,rgba(247,184,196,.42),transparent 72%) 12% 12%/360px 360px no-repeat,
      radial-gradient(closest-side,rgba(247,183,119,.38),transparent 72%) 88% 8%/420px 420px no-repeat,
      radial-gradient(closest-side,rgba(169,196,155,.30),transparent 72%) 66% 96%/380px 380px no-repeat;
    animation:nkGlow 20s ease-in-out infinite alternate}
  @keyframes nkGlow{
    from{transform:translate3d(-4%,-3%,0) rotate(-2.5deg) scale(.97)}
    to{transform:translate3d(5%,4%,0) rotate(2.5deg) scale(1.08)}
  }
  body.neko-body .nav-drop-menu.nav-mega .nm-body,
  body.neko-body .nav-drop-menu.nav-mega .nm-ft{position:relative;z-index:1}
}
@media(min-width:681px) and (max-width:980px){
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega{width:calc(100vw - 24px)}
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega .nm-l1{width:190px}
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega .nm-l2{width:202px}
}

/* ------------------------------ 06 手机端抽屉 + 底部导航 ------------------------------ */
@media(max-width:680px){
  body.neko-body .nav.menu-open .nav-menu{left:10px;right:10px;margin:6px 0 0;padding:8px;
    border:1.5px solid var(--nc-line);border-radius:18px;background:var(--nc-paper);
    box-shadow:0 24px 50px -26px rgba(150,105,70,.6)}
  body.neko-body .nav.menu-open .nav-menu>a,
  body.neko-body .nav.menu-open .nav-drop>.nav-drop-toggle{border-radius:12px;font-weight:600}
  body.neko-body .nav.menu-open .nav-menu>a.active,
  body.neko-body .nav.menu-open .nav-drop.open>.nav-drop-toggle{background:#fff5e9;color:var(--cute-deep)}
  body.neko-body .nav-drop-cat .nav-drop-menu.nav-mega{border-radius:16px;box-shadow:none;
    border:1px solid #f6e7d7;background:linear-gradient(180deg,#fffdfa,#fff8ef)}
  body.neko-body .nav.menu-open .nm-l1{display:flex;flex-wrap:wrap;align-items:center;gap:6px;
    padding:8px 9px 10px;background:transparent;border-right:0;border-bottom:1px dashed #f3e2d0}
  body.neko-body .nav.menu-open .nm-l1 .nm-hd{flex:1 1 100%;margin:0 2px 4px}
  body.neko-body .nav.menu-open .nm-l1 .nm-item{flex:0 0 auto;min-height:32px;padding:5px 9px;margin:0;
    border:1.5px solid #f6e7d7;background:#fff}
  body.neko-body .nav.menu-open .nm-l1 .nm-item.on{border-color:#f2c79f;background:#fff5e9;box-shadow:none}
  body.neko-body .nav.menu-open .nm-l1 .nm-arrow{display:none}
  body.neko-body .nav.menu-open .nm-l2,
  body.neko-body .nav.menu-open .nm-l3{border-right:0;border-bottom:1px dashed #f3e2d0}
  body.neko-body .nav.menu-open .nm-ft{flex-wrap:wrap;gap:8px}
  body.neko-body .nav.menu-open .nm-ft-tip{font-size:11.5px}
}

@media(max-width:680px){
  body.neko-body{padding-bottom:74px}
  body.neko-body .bt-nav{background:rgba(255,252,246,.96);border-top:1.5px dashed var(--nc-line);
    box-shadow:0 -12px 26px -20px rgba(150,105,70,.8)}
  body.neko-body .bt-item{color:#c0a99a;border-radius:12px}
  body.neko-body .bt-item.on{color:var(--cute-caramel-2);font-weight:700}
  body.neko-body .bt-item.on .bt-ic{background:linear-gradient(135deg,#fdeedd,#fbd9bd);border-radius:999px}
  body.neko-body .bt-item.on:before{background:linear-gradient(90deg,#f7b8c4,#e08b4c);border-radius:0 0 4px 4px}
}

/* ------------------------------ 07 首屏 ------------------------------ */
/* 爪子层在正文之下，所以整块首页底必须透明，否则猫爪与奶油底会被 .cs-main 盖掉 */
body.neko-body .cs-main{background:transparent}
body.neko-body .cs-sec-ledger{background:transparent}

/* 分块自己不铺色：整页共用 body 的一层奶油底，交接处没有任何色块或线条 */
body.neko-body .cs-sec-cover{background:none}
/* 首屏不再单独打光：避免只有第一屏有模糊、其余分块是纯色 */
body.neko-body .cs-hero::before{content:none}
/* 右上角细点纹理持续上浮（纯 CSS，无图片） */
body.neko-body .cs-sec-cover::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(201,111,59,.20) 1.15px,transparent 1.3px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(115% 105% at 84% 4%,#000 0%,rgba(0,0,0,.35) 46%,transparent 72%);
  mask-image:radial-gradient(115% 105% at 84% 4%,#000 0%,rgba(0,0,0,.35) 46%,transparent 72%);
  animation:nekoDots 22s linear infinite;
}
@keyframes nekoDots{from{background-position:0 0}to{background-position:22px -88px}}
body.neko-body .cs-hero{position:relative;z-index:1}
body.neko-body .cs-hero-grid{position:relative;z-index:1}
body.neko-body .cs-hero-stats{position:relative;z-index:1;
  border-top:0;background:transparent}

body.neko-body .cs-hero-title{color:var(--nc-ink)}
body.neko-body .cs-hero-title em{color:var(--cute-caramel-2);font-style:normal}
body.neko-body .cs-hero-lead{color:var(--nc-ink3)}
body.neko-body .cs-hero-assure svg{color:var(--nc-green)}

/* 右侧轮播：纸卡描边 + 大圆角，和其余卡片同一套奶油质感 */
body.neko-body .cs-banner{border:1.5px solid var(--nc-line);border-radius:24px;
  background:#f7ece0;
  box-shadow:0 28px 54px -38px rgba(176,124,80,.55),inset 0 1px 0 #fff}
body.neko-body .cs-banner-media{background:#f7ece0}
body.neko-body .cs-banner-kicker{background:rgba(255,250,244,.28);color:#fff;font-weight:700}
body.neko-body .cs-banner-btn{border-radius:999px;font-weight:700;color:#7a4a24;
  background:linear-gradient(135deg,#fff7ec,#fbe3c9);box-shadow:0 2px 0 rgba(176,124,80,.12)}
body.neko-body .cs-banner-dots button{background:rgba(255,250,244,.55)}
body.neko-body .cs-banner-dots button[aria-current="true"]{background:#fff}

/* 分类入口卡 */
body.neko-body .cs-catcard{border:1.5px solid var(--nc-line);border-radius:20px;background:rgba(255,253,249,.9);
  box-shadow:0 2px 0 rgba(214,166,120,.06)}
body.neko-body .cs-catcard:hover{background:#fff;border-color:#f2c79f;transform:translateY(-2px);
  box-shadow:0 18px 34px -26px rgba(176,124,80,.8)}
body.neko-body .cs-catcard-ic{border-radius:14px;background:linear-gradient(135deg,#fdeedd,#fbdccd);color:var(--cute-deep)}
body.neko-body .cs-catcard-txt b{color:var(--nc-ink);font-weight:700}
body.neko-body .cs-catcard-txt em{color:var(--nc-ink3)}
body.neko-body .cs-catcard-go{color:var(--nc-muted)}
body.neko-body .cs-catcard:hover .cs-catcard-go{color:var(--cute-caramel-2)}

/* 数据带 */
body.neko-body .cs-stat{border-left:1px dashed var(--nc-line)}
body.neko-body .cs-stat b{color:#a25f24;font-weight:800}
body.neko-body .cs-stat b em{color:var(--nc-muted)}
body.neko-body .cs-stat span{color:var(--nc-ink3)}

/* ------------------------------ 08 价值主张 ------------------------------ */
body.neko-body .cs-why-item{
  position:relative;overflow:hidden;
  padding:22px 20px 24px;border:1.5px solid #f6e7d6;border-radius:24px;
  background:linear-gradient(180deg,#fffefb,#fff8ef);
  box-shadow:inset 0 1px 0 #fff;
  transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;
}
body.neko-body .cs-why-item::after{
  content:"";position:absolute;right:-8px;bottom:-10px;width:52px;height:52px;pointer-events:none;
  background-repeat:no-repeat;background-image:var(--cute-paw);opacity:.5;transform:rotate(-10deg);
  transition:opacity .22s,transform .22s;
}
body.neko-body .cs-why-item:hover{background:#fff;border-color:#f2cfa8;transform:translateY(-4px);
  box-shadow:0 26px 40px -30px rgba(176,124,80,.7)}
body.neko-body .cs-why-item:hover::after{opacity:.85;transform:rotate(-4deg) scale(1.06)}
body.neko-body .cs-why-ic{border-radius:14px;background:linear-gradient(135deg,#fdeedd,#fbdccd);color:var(--cute-deep)}
body.neko-body .cs-why-val{color:var(--cute-caramel-2);font-weight:800}
body.neko-body .cs-why-item h3{color:var(--nc-ink);font-weight:700}
body.neko-body .cs-why-item p{color:var(--nc-ink3)}
body.neko-body .cs-why-aside p{color:var(--nc-ink3)}

/* ------------------------------ 09 产品与价格 ------------------------------ */
body.neko-body .cs-sec-shelf{background:none}
body.neko-body .cs-shelf-lead p{color:var(--nc-ink3)}
body.neko-body .cs-count b{color:var(--nc-ink);font-weight:800}

/* 分段式分类条：奶咖轨道 + 焦糖胶囊选中项 */
body.neko-body .cs-cats{padding:5px;border-radius:999px;background:#fbeedf;
  box-shadow:inset 0 1px 0 #fff}
body.neko-body .cs-cat{height:36px;padding:0 16px;border-radius:999px;color:#8a7060;
  font-weight:700;font-size:13.5px}
body.neko-body .cs-cat em{background:#f6e2cd;color:#a9846a;border-radius:999px}
body.neko-body .cs-cat:hover{background:#fff8ef;color:var(--cute-deep)}
body.neko-body .cs-cat.on{background:var(--nc-brand-grad);color:#fff;
  box-shadow:0 10px 20px -14px rgba(224,139,76,1)}
body.neko-body .cs-cat.on em{background:rgba(255,255,255,.28);color:#fff}

body.neko-body .cs-data-head h3{color:var(--nc-ink2);font-weight:700}
body.neko-body .cs-data-head span{color:var(--nc-muted)}
body.neko-body .cs-data-head span i{background:var(--nc-green);box-shadow:0 0 0 3px rgba(110,168,132,.16)}

/* 商品卡：纸卡 + 猫耳 + 虚线价区 */
body.neko-body .cs-grid{gap:26px 20px}
body.neko-body .cs-card{
  position:relative;padding:20px;border:1.5px solid var(--nc-line);border-radius:24px;
  background:var(--nc-paper);box-shadow:var(--cute-shadow-sm);
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
body.neko-body .cs-card::before{
  content:"";position:absolute;left:24px;top:-11px;width:40px;height:12px;pointer-events:none;
  background:linear-gradient(180deg,#f8dfc2,#efc79f);
  clip-path:polygon(0 100%,12% 0,26% 100%,74% 100%,88% 0,100% 100%);
  transition:background .22s;
}
body.neko-body .cs-card:hover{border-color:#f2cfa8;transform:translateY(-4px);
  box-shadow:0 26px 40px -30px rgba(176,124,80,.7)}
body.neko-body .cs-card:hover::before{background:linear-gradient(180deg,#f7cfa6,#eeb98a)}
body.neko-body .cs-card.is-soldout{background:#fffaf2;opacity:.86}
body.neko-body .cs-card-name{color:var(--nc-ink);font-weight:800}
body.neko-body .cs-stock{font-weight:700}
body.neko-body .cs-stock.is-ok{background:#eef6ec;color:#4d7f5f}
body.neko-body .cs-stock.is-low{background:#fdf1e2;color:#b4712a}
body.neko-body .cs-stock.is-out{background:#fdeaea;color:#bf5a5a}
body.neko-body .cs-card-desc{color:var(--nc-ink3)}
body.neko-body .cs-spec>div{border-top:1.5px dashed var(--nc-line2)}
body.neko-body .cs-spec dt{color:var(--nc-muted)}
body.neko-body .cs-spec dd{color:var(--nc-ink2);font-weight:700}
body.neko-body .cs-card-buy{border-top:1.5px dashed var(--nc-line)}
body.neko-body .cs-price b{color:var(--cute-caramel-2);font-weight:800}
body.neko-body .cs-price b i{color:var(--cute-deep)}
body.neko-body .cs-price b.cs-free{color:var(--nc-green)}
body.neko-body .cs-price-meta{color:var(--nc-muted)}
body.neko-body .cs-price-meta s{color:#c9b3a1}
body.neko-body .cs-price-tag{background:var(--cute-pink-soft);color:#ab4c63;border-radius:999px;
  padding:2px 8px;font-weight:700}
body.neko-body .cs-buy{height:40px;padding:0 16px;border-radius:999px;background:var(--nc-brand-grad);
  color:#fff;font-weight:700;box-shadow:0 10px 20px -14px rgba(224,139,76,1);
  transition:transform .18s,box-shadow .18s,filter .18s}
body.neko-body .cs-buy:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.04);
  box-shadow:0 14px 24px -14px rgba(224,139,76,1)}
body.neko-body .cs-buy.is-off{background:#f5ece2;color:#bda897;box-shadow:none;transform:none}

/* 优惠卡：粉边小卡 + 猫耳 */
body.neko-body .cs-deals{border-top:0}
body.neko-body .cs-deals-head h3{color:var(--nc-ink)}
body.neko-body .cs-deals-head p{color:var(--nc-muted)}
body.neko-body .cs-promo{
  position:relative;padding:18px;border:1.5px solid #f7e0cb;border-radius:24px;
  background:var(--nc-paper);box-shadow:var(--cute-shadow-sm);
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
body.neko-body .cs-promo::before{
  content:"";position:absolute;left:24px;top:-11px;width:40px;height:12px;pointer-events:none;
  background:linear-gradient(180deg,#f8dfc2,#efc79f);
  clip-path:polygon(0 100%,12% 0,26% 100%,74% 100%,88% 0,100% 100%);
}
body.neko-body .cs-promo:hover{border-color:#f2cfa8;transform:translateY(-4px);
  box-shadow:0 26px 40px -30px rgba(176,124,80,.7)}
body.neko-body .cs-promo-tag{padding:3px 9px;border-radius:999px;background:var(--cute-pink-soft);color:#ab4c63;
  font-weight:700}
body.neko-body .cs-promo-cat{color:var(--nc-muted)}
body.neko-body .cs-promo-name{color:var(--nc-ink);font-weight:800}
body.neko-body .cs-promo-desc{color:var(--nc-ink3)}
body.neko-body .cs-promo-price{border-top:1.5px dashed var(--nc-line)}
body.neko-body .cs-promo-price b{color:var(--cute-caramel-2);font-weight:800}
body.neko-body .cs-promo-price b i{color:var(--cute-deep)}
body.neko-body .cs-promo-price s{color:#c9b3a1}
body.neko-body .cs-promo-meta{color:var(--nc-muted)}
body.neko-body .cs-promo-btn{height:40px;border-radius:999px;background:var(--nc-brand-soft);
  color:var(--cute-deep);font-weight:700}
body.neko-body .cs-promo-btn:hover{background:var(--nc-brand-grad);color:#fff}
body.neko-body .cs-shelf-note{color:var(--nc-muted)}

body.neko-body .cs-empty{padding:26px 28px;background:var(--nc-paper);
  border:1.5px dashed var(--nc-line);border-radius:26px}
body.neko-body .cs-empty-ic{border-radius:14px;background:linear-gradient(135deg,#fdeedd,#fbdccd);color:var(--cute-deep)}
body.neko-body .cs-empty h3{color:var(--nc-ink);font-weight:800}
body.neko-body .cs-empty p{color:var(--nc-ink3)}

/* ------------------------------ 10 常见问题 ------------------------------ */
body.neko-body .cs-sec-faq{background:transparent}
body.neko-body .cs-faq-lead>p{color:var(--nc-ink3)}
body.neko-body .cs-faq-card{margin-top:24px;padding:14px 16px;background:var(--nc-paper);
  border:1.5px solid var(--nc-line);border-radius:22px;box-shadow:var(--cute-shadow-sm);
  transition:border-color .18s,box-shadow .18s,transform .18s}
body.neko-body .cs-faq-card:hover{border-color:#f2c79f;transform:translateY(-2px);
  box-shadow:0 18px 34px -26px rgba(176,124,80,.8)}
body.neko-body .cs-faq-card-ic{width:36px;height:36px;border-radius:14px;
  background:linear-gradient(135deg,#fdeedd,#fbdccd);color:var(--cute-deep)}
body.neko-body .cs-faq-card-txt b{color:var(--nc-ink);font-weight:700}
body.neko-body .cs-faq-card-txt em{color:var(--nc-ink3)}
body.neko-body .cs-faq-card-go{color:var(--nc-muted)}
body.neko-body .cs-faq-hint{color:var(--nc-muted)}
body.neko-body .cs-faq-item{border-top:1.5px dashed var(--nc-line)}
body.neko-body .cs-faq-item:last-child{border-bottom:1.5px dashed var(--nc-line)}
body.neko-body .cs-faq-q{color:var(--nc-ink);font-weight:700}
body.neko-body .cs-faq-ind{width:24px;height:24px;border:1.5px dashed #eccfb4;background:var(--nc-paper)}
body.neko-body .cs-faq-ind::before,
body.neko-body .cs-faq-ind::after{background:#b99a82}
body.neko-body .cs-faq-item[open] .cs-faq-ind,
body.neko-body .cs-faq-item[open] .cs-faq-ind{background:var(--nc-brand-grad);border-color:transparent;
  border-style:solid;box-shadow:0 8px 16px -12px rgba(224,139,76,1)}
body.neko-body .cs-faq-item[open] .cs-faq-ind::before,
body.neko-body .cs-faq-item[open] .cs-faq-ind::after{background:#fff}
body.neko-body .cs-faq-a p{color:var(--nc-ink3)}
body.neko-body .cs-faq-empty{color:var(--nc-ink3)}

/* ------------------------------ 11 页脚 / 通栏 CTA / 提示 / 弹窗 ------------------------------ */
body.neko-body .footer{
  background:
    radial-gradient(600px 240px at 8% 0,rgba(247,184,196,.18),transparent 70%),
    linear-gradient(180deg,#fffdf9,#fff6ea);
  border-top:1.5px dashed #f0dcc6;color:var(--nc-ink3);
}
/* 首页页脚与上面同底同色、不画线：整页看不到分块与衔接 */
body.neko-body.nc-home .footer{background:#fff8ee;border-top:0}
body.neko-body.nc-home .copyright{border-top:0}
body.neko-body .footer-grid h4{color:var(--nc-ink);font-weight:800;letter-spacing:.4px}
/* 首页正文走宽栅格，页脚容器跟着同宽同边距，避免页脚比正文窄一截 */
body.neko-body .cs-main ~ .footer>.container{max-width:var(--cs-max,1680px);padding-inline:var(--cs-pad,clamp(20px,3vw,64px))}
body.neko-body .footer-grid a{color:var(--nc-ink3)}
body.neko-body .footer-grid a:hover{color:var(--cute-caramel-2)}
body.neko-body .footer .about p{color:var(--nc-ink3)}
body.neko-body .footer .about h4{color:var(--nc-ink)}
body.neko-body .footer .ft-site{color:var(--cute-deep);font-weight:700}
body.neko-body .footer .ft-site:hover{color:#a4531c}
body.neko-body .copyright{border-top:1.5px dashed var(--nc-line);color:var(--nc-muted)}
body.neko-body .copyright a{color:var(--nc-ink3)}
body.neko-body .copyright a:hover{color:var(--cute-caramel-2)}

body.neko-body .nc-cta-inner{padding:30px 34px;border:1.5px solid var(--nc-line);border-radius:24px;
  background:var(--nc-paper);box-shadow:var(--cute-shadow-sm)}
body.neko-body .nc-cta-kicker,
body.neko-body .nc-kicker{color:var(--cute-caramel-2);font-family:inherit;font-weight:700;
  letter-spacing:1.2px;text-transform:none}
body.neko-body .nc-cta h3{color:var(--nc-ink);font-weight:800}
body.neko-body .nc-cta p{color:var(--nc-ink3)}

body.neko-body .toast{background:rgba(74,52,43,.96);border-radius:16px;color:#fff8ee;
  box-shadow:0 18px 36px -18px rgba(74,52,43,.8)}
body.neko-body .toast.ok{background:rgba(84,135,106,.97)}
body.neko-body .toast.err{background:rgba(170,75,75,.97)}

body.neko-body .mfp-root{background:rgba(74,52,43,.5)}
body.neko-body .mfp-dialog{background:var(--nc-paper);border-radius:24px;
  box-shadow:0 30px 90px rgba(74,52,43,.32),0 0 0 1px var(--nc-line)}
body.neko-body .mfp-close{background:#fffdf9;color:var(--nc-ink3);box-shadow:0 2px 8px rgba(74,52,43,.14)}
body.neko-body .mfp-close:hover{color:#c76a6a;background:#fff;transform:rotate(90deg)}
body.neko-body .mfp-head{background:var(--nc-brand-grad);color:#fff}
body.neko-body .mfp-head .hd-glow.g1{background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%)}
body.neko-body .mfp-head .hd-glow.g2{background:radial-gradient(circle,rgba(247,184,196,.45),transparent 70%)}
body.neko-body .mfp-head .hd-tag{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);border-radius:999px}
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(--cute-caramel-2)}
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-grad);color:#fff;border-radius:999px;box-shadow:none;font-weight:700}
body.neko-body .mfp-btn:hover{filter:brightness(1.04);box-shadow:0 12px 24px -16px rgba(224,139,76,.9)}
body.neko-body .mfp-float{background:var(--nc-brand-grad);border-radius:999px;
  box-shadow:0 12px 30px rgba(120,80,50,.3)}
body.neko-body .mfp-float:hover{box-shadow:0 16px 36px rgba(120,80,50,.36)}
body.neko-body .mfp-float .fl-ring{border-color:rgba(224,139,76,.5);border-radius:999px}
body.neko-body .mfp-img-mask{background:linear-gradient(transparent,rgba(74,52,43,.72))}
body.neko-body .mfp-img-cap{text-shadow:0 2px 10px rgba(74,52,43,.45)}

/* ------------------------------ 12 响应式收口 ------------------------------ */
@media(max-width:760px){
  body.neko-body .cs-card,
  body.neko-body .cs-promo{border-radius:20px}
  body.neko-body .cs-card::before,
  body.neko-body .cs-promo::before{width:34px;height:10px;top:-9px;left:20px}
}
@media(max-width:680px){
  body.neko-body .cs-cats{padding:4px}
  body.neko-body .cs-cat{height:34px;padding:0 13px;font-size:13px}
  body.neko-body .cs-card{padding:18px 16px 16px}
  body.neko-body .cs-faq-card{padding:12px 14px;border-radius:18px}
  body.neko-body .nc-cta-inner{padding:22px 18px;border-radius:20px}
}
@media(max-width:560px){
  body.neko-body .cs-catcards{gap:10px}
  body.neko-body .cs-catcard{min-height:62px;gap:10px;padding:12px;border-radius:18px}
  body.neko-body .cs-catcard-ic{width:32px;height:32px;border-radius:12px}
  body.neko-body .cs-banner{border-radius:20px}
  body.neko-body .cs-empty{padding:22px 20px;border-radius:22px}
}

/* ------------------------------ 13 减少动态 ------------------------------ */
@media(prefers-reduced-motion:reduce){
  body.neko-body::before{animation:none}
  body.neko-body .cs-sec-cover::after,
  body.neko-body .nav-drop-menu.nav-mega:after{animation:none}
  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 .nav-drop-cat .nav-mega a.nm-prod:hover{transform:none}
  body.neko-body .cs-card,
  body.neko-body .cs-promo,
  body.neko-body .cs-why-item,
  body.neko-body .cs-catcard,
  body.neko-body .cs-btn,
  body.neko-body .cs-buy,
  body.neko-body .cs-banner-slide,
  body.neko-body .nk-cart,
  body.neko-body .nk-auth,
  body.neko-body .cs-faq-card{transition:none}
  body.neko-body .cs-card:hover,
  body.neko-body .cs-promo:hover,
  body.neko-body .cs-why-item:hover,
  body.neko-body .cs-catcard:hover,
  body.neko-body .cs-btn-primary:hover,
  body.neko-body .cs-buy:hover,
  body.neko-body .nk-cart:hover,
  body.neko-body .nk-auth:hover,
  body.neko-body .cs-faq-card:hover{transform:none}
  body.neko-body .cs-data.on{animation:none}
}