/* ═══════════════════════════════════════════════════════════
   猫日子生活社区 · 全站视觉规范 v1.0
   来源：美时光H5_Jilly风格版.html 样式提取 + 开发任务书v1.0色板
   规则：所有页面引用本文件；禁止在页面内重定义色值
   风格铁律：近白底+大留白/图片主导/玫瑰粉只点睛不铺满/
            个人博客+精选店铺编辑感/移动端430px居中
   ═══════════════════════════════════════════════════════════ */

/* ── 色板（唯一色值来源）── */
:root{
  --bg-page:#EDE9E4;        /* 页面外底 */
  --bg-card:#FDFDFC;        /* 卡片/内容底,近白 */
  --bg-soft:#F7F0EC;        /* 柔和区块底(订阅/运营区) */
  --bg-tag:#F3EDE9;         /* 标签底 */
  --text-1:#3A3632;         /* 主文字 */
  --text-2:#8A8480;         /* 次要文字 */
  --text-3:#A09A94;         /* 辅助/摘要 */
  --rose:#C98A93;           /* 玫瑰藕粉点缀(标签高亮/按钮/签名/下划线) */
  --rose-eye:#B8938F;       /* eyebrow小字 */
  --dark-btn:#3A3632;
  /* ── 促销/价格色(step4定稿:深红→玫瑰粉;要回深红只改这4行) ── */
  --promo:#C98A93;            /* 原#B83232 价格/CTA主色 */
  --promo-deep:#A8747D;       /* 原#9A2727/#C0392B 深变体 */
  --promo-bg:rgba(201,138,147,.10);   /* 原#fff8f8 浅底 */
  --promo-line:rgba(201,138,147,.35); /* 原#f0c0c0 浅描边 */       /* 深色按钮 */
  /* 派生 */
  --nav-ink:#4A4642;
  --hairline:rgba(0,0,0,.06);
  --glass:rgba(253,253,252,.95);
  /* 字体 */
  --font-serif:Georgia,'Songti SC',serif;
  --font-script:'Brush Script MT','Segoe Script',cursive;
  --font-sans:-apple-system,'PingFang SC',sans-serif;
  /* 图片占位渐变（预留真实照片替换） */
  --ph-parent:linear-gradient(150deg,#D8CCC4,#B8A69A);
  --ph-baylight:linear-gradient(150deg,#DCCFC0,#C2AD98);
  --ph-growth:linear-gradient(150deg,#D6DACA,#B8C2A6);
  --ph-home:linear-gradient(150deg,#E6DCD0,#CEBBA8);
  --ph-food:linear-gradient(150deg,#E2D2C4,#C8AE92);
  --ph-blog:linear-gradient(150deg,#EAD8D6,#D4B4B4);
  --ph-product:linear-gradient(150deg,#EDE3DC,#C9B8AA);
  --ph-selfcare:linear-gradient(150deg,#F1DDD9,#DDB9B8);  /* 自我呵护:柔粉米,与--rose呼应但更淡 */
  --senior-warn:#D9A15C;      /* 养老社区评估page:存疑flag琥珀色(2026-07-25新增) */
  --senior-risk-red:#C0392B;  /* 养老社区评估page:一票否决风险提示强调红(2026-07-25 step2新增，比--senior-warn更强调) */
  --senior-good-green:#5A8F6E; /* 养老社区评估page:清单/对比页flag=good绿色语义(2026-07-24 step3新增) */
  --senior-neutral-gray:#A8A29B; /* 养老社区评估page:待核实/完全未填灰色语义(2026-07-24 step3新增) */
  --bg-welcome:#F3E4DE;      /* 画廊欢迎语区底色(2026-07-26画廊导航新增) */
  --track-bg:#EAE4DE;        /* 画廊进度条底色(2026-07-26画廊导航新增) */
  --gallery-kicker:#F0D8CC;  /* 画廊大图kicker小字色(2026-07-26画廊导航新增) */

  --room-lit-bg:linear-gradient(150deg,#F1DDD9,#D9A8A8);  /* 七个房间:房间已点亮卡片底色(暖玫瑰渐变,2026-08-01 pc_rooms新增) */
  --room-unlit-bg:#F3EDE9;   /* 七个房间:房间未点亮卡片底色(与--bg-tag同色系,冷感留白,2026-08-01新增) */
  --room-lit-glow:0 6px 20px rgba(201,138,147,.35); /* 七个房间:已点亮卡片外发光阴影,2026-08-01新增 */
  --room-lit-ring:rgba(201,138,147,.55); /* 七个房间:已点亮卡片描边/图标高亮色,2026-08-01新增 */
  --room-unlit-text:#B0AAA4; /* 七个房间:未点亮卡片文字/图标弱化色,2026-08-01新增 */

  --text-on-rose:#FDF6F5;    /* 玫瑰/深底上的浅色文字(徽标/toast等),2026-08-01 pc_advisor新增 */
  --text-on-dark:#FDFDFC;    /* 深底(--dark-btn等)上的浅色文字,2026-08-01 pc_advisor新增 */

  --cat-badge-bg:#FDFBF8;    /* 首页CAT徽章:底色,2026-08-16新增(与--bg-card#FDFDFC相近但非同值,徽章原型自带独立色号) */
  --cat-badge-line:#C9A896;  /* 首页CAT徽章:描边/分隔线,2026-08-16新增 */
  --cat-badge-sub:#8A6E60;   /* 首页CAT徽章:EST.2006小字色,2026-08-16新增 */

  --green:#22c55e;     /* 商品标记(Badge)配色,2026-08-18新增，与admin/index.html:root同值——
                           mh_product_badges.color_var存的是变量名字符串("--green"等)，admin和前台
                           是两份独立:root(admin不引maori.css)，前台要渲染badge需要在此补一份同名同值定义 */
  --badge-mao:#C98A93; /* 商品标记"猫姐在用"专用色,2026-08-18新增，同上原因，与admin同值 */

  --rank-gold-bg:linear-gradient(135deg,#F0C46A,#D9A441); /* 食谱页V4对齐:榜单第一名金色徽章,2026-08-18新增，
                                                              渐变整体存一个变量，同--room-lit-bg先例 */
  --rank-gold-shadow:rgba(217,164,65,.5); /* 同上，徽章投影色,2026-08-18新增 */
}

/* ── 基础 ── */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body{background:var(--bg-page);display:flex;justify-content:center;padding:0;font-family:var(--font-sans);}
.fr{width:100%;max-width:430px;min-height:100vh;background:var(--bg-card);position:relative;overflow-x:hidden;}
.sf{font-family:var(--font-serif);font-style:italic;}
.sep{height:.5px;background:rgba(0,0,0,.07);margin:0 30px;}

/* ── 顶部导航（sticky毛玻璃）── */
.tb{position:sticky;top:0;z-index:20;background:var(--glass);backdrop-filter:blur(8px);padding:13px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid rgba(0,0,0,.05);}
.tb-menu{font-size:20px;color:var(--nav-ink);cursor:pointer;}
.tb-logo{font-size:16px;color:var(--text-1);letter-spacing:.02em;text-align:center;}
.tb-ic{display:flex;gap:15px;font-size:16px;color:var(--nav-ink);}
.tb-ic span{cursor:pointer;}

/* ── 博客轮播（首页区块②，横向滚动+圆点）── */
.bcar{position:relative;padding:14px 0 0;}
.bcar-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px;scrollbar-width:none;}
.bcar-track::-webkit-scrollbar{display:none;}
.bcard{flex:0 0 82%;scroll-snap-align:center;border-radius:13px;overflow:hidden;position:relative;height:250px;cursor:pointer;}
.bcard-img{position:absolute;inset:0;}
.bcard-veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.38));}
.bcard-txt{position:absolute;bottom:0;left:0;right:0;padding:18px 18px 16px;}
.bcard-cat{font-size:9px;letter-spacing:.12em;color:#FBF6F2;opacity:.85;margin-bottom:7px;}
.bcard-t{font-size:19px;color:#FDFAF6;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.bcard-pin{position:absolute;top:10px;left:10px;font-size:7.5px;letter-spacing:.08em;padding:2.5px 9px;border-radius:11px;background:rgba(255,255,255,.85);color:#5A5652;font-weight:500;}
.hero-dots{display:flex;gap:5px;justify-content:center;margin-top:13px;}
.hdot{width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,.18);transition:all .3s;}
.hdot.on{background:var(--rose);width:16px;border-radius:3px;}

/* ── 品牌介绍（.intro/.sig-mark）── */
.intro{padding:34px 30px;text-align:center;}
.intro-eye{font-size:10px;letter-spacing:.12em;color:var(--rose-eye);margin-bottom:11px;}
.intro-h{font-size:20px;color:var(--text-1);line-height:1.5;margin-bottom:15px;}
.intro-p{font-size:12px;color:var(--text-2);line-height:1.9;margin-bottom:17px;}
.intro-sig{height:28px;display:flex;justify-content:center;align-items:center;}
.sig-mark{font-size:26px;color:var(--rose);font-family:var(--font-script);}

/* ── 区块标题（eyebrow+衬线标题）── */
.gsec{padding:32px 22px 6px;text-align:center;}
.gsec-eye{font-size:9.5px;letter-spacing:.16em;color:var(--rose-eye);margin-bottom:8px;}
.gsec-h{font-size:20px;color:var(--text-1);}
.gsec-sub{font-size:11px;color:var(--text-3);margin-top:5px;}
.gsec-lead{font-size:12px;color:var(--text-2);line-height:1.7;margin-bottom:8px;} /* 原型多行引导语/商城区眉标承载行,2026-08-17新增 */

/* ── 六宫格（.grid6/.g6）── */
.grid6{padding:18px 20px 6px;display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.g6{cursor:pointer;text-align:center;text-decoration:none;}
.g6-img{aspect-ratio:1;border-radius:9px;position:relative;overflow:hidden;margin-bottom:9px;transition:transform .15s;}
.g6:active .g6-img{transform:scale(.96);}
.g6-veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 55%,rgba(0,0,0,.28));}
.g6-t{font-size:13px;color:var(--text-1);font-weight:500;letter-spacing:.02em;}
.g6-en{position:absolute;bottom:10px;left:0;right:0;font-size:8px;letter-spacing:.14em;color:#FBF6F2;opacity:.9;}

/* ── 标签胶囊（.ptab）── */
.ptabs{display:flex;gap:7px;overflow-x:auto;padding:17px 22px 4px;scrollbar-width:none;}
.ptabs::-webkit-scrollbar{display:none;}
.ptab{flex-shrink:0;padding:7px 14px;border-radius:15px;font-size:11px;color:var(--text-2);background:var(--bg-tag);cursor:pointer;white-space:nowrap;transition:all .2s;}
.ptab.on{background:var(--rose);color:#FDF6F5;}

/* ── 好物专区外层（.psec，2026-07-20 self_care0新增；.ptabs/.pgrid/.pc沿用既有定义）── */
.psec{padding-bottom:4px;}

/* ── 好物专区·近期热荐横滑条（2026-07-26 整站换新版画廊；数据为真实PRODS前4条，非占位）── */
.hot-wrap{padding:2px 22px 4px;}
.hot-label{font-size:10px;letter-spacing:.08em;color:var(--text-2);margin-bottom:2px;display:flex;align-items:center;gap:6px;}
.hot-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--rose);}
.hot-label-en{font-size:9px;letter-spacing:.06em;font-style:italic;color:var(--text-3);margin-bottom:10px;margin-left:11px;} /* 新鲜上架区英文副标,2026-08-18按原型改斜体小写(此前误用uppercase,V5双屏对照发现) */
.hot-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.hot-scroll::-webkit-scrollbar{display:none;}
.hot-card{flex-shrink:0;width:140px;cursor:pointer;}
.hot-img{width:140px;height:140px;border-radius:12px;position:relative;overflow:hidden;margin-bottom:8px;background:var(--ph-product);}
.hot-img img{width:100%;height:100%;object-fit:cover;}
.hot-tag{position:absolute;top:8px;left:8px;font-size:7px;letter-spacing:.06em;padding:3px 8px;border-radius:10px;background:rgba(58,54,50,.85);color:#FDF6F5;font-weight:500;}
.hot-name{font-size:12px;color:var(--text-1);margin-bottom:3px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot-price{font-size:12.5px;color:var(--rose);font-weight:500;}

/* ── 产品卡（.pc）── */
.pgrid{padding:15px 22px 4px;display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.pc{cursor:pointer;}
.pc-img{aspect-ratio:1;border-radius:10px;position:relative;overflow:hidden;margin-bottom:9px;}
.pc-og{position:absolute;top:8px;left:8px;font-size:7px;letter-spacing:.06em;padding:2px 8px;border-radius:11px;background:rgba(255,255,255,.85);color:#5A5652;font-weight:500;}
.pc-link{position:absolute;bottom:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--rose);}
.pc-n{font-size:12px;color:var(--text-1);margin-bottom:3px;}
.pc-p{font-size:11.5px;color:var(--rose-eye);}

/* ── 好物专区·分类网格瓷砖（.pcat，2026-07-27 首页收为静态展示新增；沿用既有veil/文字叠层写法）── */
.pcat{position:relative;border-radius:10px;aspect-ratio:1;overflow:hidden;}
.pcat-veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 45%,rgba(0,0,0,.35));}
.pcat-name{position:absolute;left:12px;bottom:10px;right:12px;font-size:13px;color:#FDFAF6;font-weight:500;letter-spacing:.02em;}

/* ── 柔和运营卡（.news 泛化为 .softcard）── */
.softcard{margin:20px 22px 0;background:var(--bg-soft);border-radius:15px;padding:26px 24px;text-align:center;}
.softcard-eye{font-size:9.5px;letter-spacing:.16em;color:var(--rose-eye);margin-bottom:10px;}
.softcard-h{font-size:17px;color:var(--text-1);margin-bottom:10px;}
.softcard-p{font-size:11px;color:var(--text-2);line-height:1.6;margin-bottom:17px;}
.btn-dark{display:inline-block;background:var(--dark-btn);color:#FDFAF6;font-size:12px;padding:11px 28px;border-radius:22px;cursor:pointer;letter-spacing:.03em;text-decoration:none;}
.btn-ghost{display:inline-block;font-size:11px;color:var(--text-3);padding:9px 20px;border:.5px solid var(--hairline);border-radius:20px;}

/* ── 博客列表（.blist/.bpost）── */
.bsec{padding:38px 22px 4px;}
.bsec-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}
.bsec-h{font-size:20px;color:var(--text-1);}
.bsec-more{font-size:11px;color:var(--rose-eye);cursor:pointer;text-decoration:none;}
.btabs{display:flex;gap:15px;padding:15px 0 4px;overflow-x:auto;scrollbar-width:none;border-bottom:.5px solid var(--hairline);}
.btabs::-webkit-scrollbar{display:none;}
.btab{font-size:11px;color:var(--text-3);white-space:nowrap;padding-bottom:10px;cursor:pointer;transition:all .2s;}
.btab.on{color:var(--text-1);font-weight:500;border-bottom:1.5px solid var(--rose);}
.blist{padding:17px 0 4px;display:flex;flex-direction:column;gap:22px;}
.bpost{display:flex;gap:14px;cursor:pointer;}
.bpost-img{width:96px;height:96px;border-radius:10px;flex-shrink:0;}
.bpost-b{flex:1;padding-top:2px;}
.bpost-cat{font-size:9.5px;letter-spacing:.09em;color:var(--rose-eye);margin-bottom:6px;}
.bpost-t{font-size:14px;color:var(--text-1);line-height:1.4;margin-bottom:6px;}
.bpost-ex{font-size:11px;color:var(--text-3);line-height:1.6;}

/* ── 页脚（信任徽章）── */
.foot{padding:38px 26px 30px;text-align:center;border-top:.5px solid var(--hairline);margin-top:32px;}
.foot-l{font-size:16px;color:var(--text-1);margin-bottom:9px;}
.foot-t{font-size:9.5px;color:var(--text-3);line-height:1.85;margin-bottom:15px;}
.foot-badges{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;}
.fbadge{font-size:7.5px;color:#B0AAA4;border:.5px solid rgba(0,0,0,.1);padding:3px 10px;border-radius:11px;}
.foot-icp{font-size:8px;color:#B0AAA4;margin-top:12px;line-height:1.8;}
.foot-icp a{color:#B0AAA4;text-decoration:none;}

/* ── 底部tab栏 ── */
.tab{position:sticky;bottom:0;z-index:20;background:rgba(253,253,252,.97);backdrop-filter:blur(8px);border-top:.5px solid var(--hairline);display:flex;padding:10px 0 14px;}
.tab a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:9px;color:var(--text-3);text-decoration:none;}
.tab a i{font-size:19px;font-style:normal;}
.tab a.on{color:var(--rose);}

/* ── Toast ── */
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--dark-btn);color:#FDF6F5;font-size:11.5px;padding:10px 20px;border-radius:22px;opacity:0;transition:all .3s;z-index:40;white-space:nowrap;pointer-events:none;max-width:90%;text-overflow:ellipsis;overflow:hidden;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ── 图片展示规则（2026-07-19定稿）──
   场景1 封面图(列表/六宫格/轮播): 统一1:1或固定框, object-fit:cover居中裁剪→列表整齐
   场景2 文章正文图: 宽度撑满内容区, 高度按原图比例自适应不裁剪→完整展示 */
img.bpost-img{object-fit:cover;object-position:center;}
img.bcard-img{object-fit:cover;object-position:center;}
.g6-img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.art-body-img{width:100%;height:auto;display:block;border-radius:10px;margin:12px 0;}


/* ── 画廊式导航（2026-07-26 六宫格→画廊式导航替换；见 首页布局变更_画廊式导航_v1.3衔接版_v1_0.docx）── */
.hero-carousel{position:relative;height:340px;overflow:hidden;background:var(--bg-soft);}
.hc-img{position:absolute;inset:0;}

.welcome{padding:34px 22px 30px;background:var(--bg-welcome);}
.w-card{position:relative;padding:44px 26px 40px;text-align:center;}
.w-card-frame{position:absolute;inset:0;width:100%;height:100%;}
.w-card-inner{position:relative;z-index:2;}
.w-greet{font-size:12px;letter-spacing:.14em;color:var(--rose-eye);margin-bottom:16px;font-weight:500;}
.w-title{font-size:24px;color:var(--text-1);line-height:1.35;margin-bottom:20px;font-weight:500;}
.w-body{font-size:12.5px;color:var(--text-2);line-height:2;margin-bottom:6px;}
.w-sig{margin-top:26px;display:flex;align-items:center;justify-content:center;}
.w-sig-img{width:150px;height:auto;display:block;} /* 原型手写签名图,220x104原始比例,2026-08-18替换CSS花体xo+Yang Mao(原型HTML里.w-sig-xo/.w-sig-mark零使用,那两个类已作废删除) */

/* 轮播左右分栏(gm-split/gm-text-panel/gm-photo-panel)，原型结构，2026-08-17替换旧版图片叠字版式 */
.gallery-main{margin:18px 22px 0;position:relative;border-radius:16px;overflow:hidden;height:340px;background:var(--bg-welcome);}
.gm-split{display:flex;height:100%;}
.gm-text-panel{flex:1;min-width:0;padding:22px 16px;display:flex;flex-direction:column;justify-content:center;}
.gm-welcome{font-size:10px;color:var(--rose-eye);margin-bottom:10px;line-height:1.6;}
.gm-bigtitle{font-size:21px;color:var(--text-1);margin-bottom:10px;line-height:1.3;}
.gm-tagline{font-size:11.5px;color:var(--text-2);line-height:1.7;margin-bottom:16px;}
.gm-photo-panel{flex:1;position:relative;background-size:cover;background-position:center;}
.gm-tap{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#FDFAF6;background:var(--dark-btn);padding:9px 16px;border-radius:20px;cursor:pointer;font-weight:500;text-decoration:none;align-self:flex-start;}
.gm-tap:active{transform:scale(.96);}
.gm-tap svg{width:13px;height:13px;}

.thumbs{display:flex;gap:8px;padding:12px 22px 6px;overflow-x:auto;scrollbar-width:none;}
.thumbs::-webkit-scrollbar{display:none;}
.thumb{flex-shrink:0;width:76px;height:76px;border-radius:11px;position:relative;cursor:pointer;overflow:hidden;border:2px solid transparent;transition:all .2s;opacity:.6;}
.thumb.on{border-color:var(--rose);opacity:1;}
.thumb-img{position:absolute;inset:0;}
.thumb-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:8px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);font-weight:500;}

/* 圆点(mdots/.mdot)替换原进度条(pseg)：原型是圆点联动主图，2026-08-17替换 */
.mdots{padding:14px 22px 4px;display:flex;gap:6px;justify-content:center;}
.mdot{width:6px;height:6px;border-radius:50%;background:var(--track-bg);cursor:pointer;transition:all .3s;}
.mdot.on{background:var(--rose);width:18px;border-radius:3px;}

.hint{text-align:center;padding:10px 22px 30px;font-size:10px;color:var(--text-3);}

/* ── 首页CAT徽章(视口固定悬浮,原型原样提取,2026-08-16新增) ── */
.cat-badge         {position:fixed;top:19px;left:50%;transform:translateX(-50%);
                    width:70px;height:70px;z-index:35;
                    filter:drop-shadow(0 3px 8px rgba(0,0,0,.16));
                    transition:opacity .25s ease;} /* 滚过首屏后渐隐,2026-08-17新增(郭爷截图实证挡住商品名) */
.cat-badge-bg      {fill:var(--cat-badge-bg);stroke:var(--cat-badge-line);stroke-width:1.5;}
.cat-badge-heart   {fill:var(--rose);}
.cat-badge-text    {font-family:var(--font-serif);}
.cat-badge-letters {font-size:36px;font-weight:600;fill:var(--text-1);font-style:italic;}
.cat-badge-line    {stroke:var(--cat-badge-line);stroke-width:1;}
.cat-badge-sub     {font-size:11.5px;fill:var(--cat-badge-sub);letter-spacing:.04em;}