/* 念念生活助手 - 心情/陪伴类模块样式（电脑端与手机端共用同一份视觉）
 * 这些类由 assets/js/nn-mood.js 渲染，PC 端此前缺样式，这里补齐，实现双端一致。 */
.nn-mood{max-width:880px;margin:0 auto;padding:18px 16px 40px;}

/* 分段控件（共享） */
.seg{display:flex;background:#f1ece6;border-radius:12px;padding:4px;gap:4px;flex-wrap:wrap;}
.seg button{flex:1;border:none;background:transparent;padding:9px 4px;border-radius:9px;font-size:13px;color:#8a8a8a;cursor:pointer;min-width:64px;}
.seg button.active,.seg-btn.on{background:#fff;color:#ff7a3d;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.seg-btn{flex:1;border:none;background:transparent;padding:9px 4px;border-radius:9px;font-size:13px;color:#8a8a8a;cursor:pointer;}
.seg-btn.on{background:#fff;color:#ff7a3d;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.06);}

/* 内容设计 chips */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.chip{display:inline-block;padding:7px 13px;border:1px solid #ebedf0;border-radius:20px;font-size:13px;color:#8a8a8a;background:#fff;cursor:pointer;}
.chip.active{border-color:#ff7a3d;color:#ff7a3d;background:#fff4ec;font-weight:700;}

/* 消息中心 */
.msg-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0;}
.msg-item.read{opacity:.6;}
.mi-icon{font-size:22px;}
.mi-body{flex:1;min-width:0;}
.mi-title{font-weight:700;}
.mi-text{color:#666;font-size:13px;margin:2px 0;word-break:break-word;}
.mi-time{color:#999;font-size:11px;}

/* 念回壁 / 树洞 共鸣卡 */
.reso-card{margin-top:12px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#f4f1ff,#eaf3ff);border:1px solid #e2e8f0;}
.reso-type{display:inline-block;font-size:12px;color:#6d5dd3;background:#ece8ff;padding:2px 10px;border-radius:99px;margin-bottom:8px;}
.reso-text{font-size:16px;line-height:1.7;color:#2b2b3a;}

/* 念力皮肤 */
.skin-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.skin-chip{flex:1 1 120px;border:1px solid #d6dbe3;border-radius:12px;padding:12px;cursor:pointer;background:#fff;text-align:center;transition:.15s;}
.skin-chip.on{border-color:var(--c,#22a06b);box-shadow:0 0 0 2px var(--c,#22a06b) inset;}
.skin-chip .skin-dot{display:inline-block;width:18px;height:18px;border-radius:50%;margin-bottom:6px;}
.skin-chip b{display:block;font-size:15px;}
.skin-chip small{color:#9ca3af;font-size:12px;}

/* 今日手账 */
.hb-book{margin-top:8px;padding:14px;border-radius:12px;background:var(--nn-skin-bg,#e8f7ee);border:1px solid #e2e8f0;}
.hb-book-h{font-weight:700;color:var(--nn-accent,#22a06b);margin-bottom:8px;}
.hb-book-row{margin-bottom:8px;}
.hb-book-row .muted{font-size:12px;color:#6b7280;}
.hb-book-row p{margin:2px 0 0;line-height:1.6;color:#374151;}
.hb-week{display:flex;gap:6px;flex-wrap:wrap;font-size:22px;}

/* 沉浸场景 */
.nn-scene{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
.nn-scene-dawn{background:linear-gradient(160deg,#ffd9a0,#ff9bb3);}
.nn-scene-rain{background:linear-gradient(160deg,#5b7a99,#2c3e50);}
.nn-scene-forest{background:linear-gradient(160deg,#2f6b4f,#173a2a);}
.nn-scene-star{background:linear-gradient(160deg,#2a2350,#0d0b1f);}
.nn-scene-sea{background:linear-gradient(160deg,#1f7ec2,#0b3a5e);}
.nn-breath{width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.6);animation:nnBreath 10s ease-in-out infinite;}
.nn-scene-tip{margin-top:24px;font-size:15px;opacity:.9;}
.nn-scene-close{position:absolute;top:18px;right:18px;padding:8px 16px;border:none;border-radius:99px;background:rgba(255,255,255,.25);color:#fff;cursor:pointer;}
@keyframes nnBreath{0%,100%{transform:scale(.7);}40%{transform:scale(1.1);}}

/* 会员 / 按钮小尺寸补齐 */
.btn.small{padding:9px 16px;font-size:13px;width:auto;display:inline-block;margin-top:0;}
.btn.blue{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;}
.benefits{margin-top:12px;}
.benefits .sub{font-weight:700;margin-bottom:6px;}
.benefits ul{margin:0;padding-left:18px;color:#555;}
.benefits li{margin:4px 0;font-size:13.5px;}
.warn{background:#fff7e6;border:1px solid #ffd591;color:#ad6800;padding:10px 12px;border-radius:10px;font-size:13px;margin-top:10px;}
.empty{color:#9ca3af;text-align:center;padding:24px 0;font-size:14px;}