/* 安静风换肤 —— 只在 时生效，不动原皮。v1，可迭代。 */
.skin-calm{
--c-bg:#F3F1EC;
--c-ink:#2B2723; --c-ink-soft:#5C554B; --c-muted:#A69F93;
--c-hair:rgba(60,50,40,0.10);
--c-field:rgba(255,255,255,0.55);
--c-bub-yan:rgba(255,255,255,0.55);
--c-bub-me:rgba(216,199,201,0.66);
--c-shadow:0 6px 22px rgba(60,50,40,0.07);
}
/* 背景：去掉照片，换暖白 */
.skin-calm body{
background:
radial-gradient(120% 55% at 50% -8%, #FBFAF7 0%, transparent 58%),
radial-gradient(90% 40% at 85% 6%, rgba(184,122,107,0.06) 0%, transparent 55%),
var(--c-bg) !important;
}
.skin-calm .bg-photo,.skin-calm .bg-overlay{ display:none !important; }
/* 顶栏：去掉底栏，功能键磨砂浮起 */
.skin-calm .topbar{
background:transparent !important;
-webkit-backdrop-filter:none !important; backdrop-filter:none !important;
border:none !important; box-shadow:none !important;
}
.skin-calm .navcircle,.skin-calm .navpill{
background:var(--c-field) !important;
border:0.5px solid var(--c-hair) !important;
-webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
box-shadow:var(--c-shadow) !important;
color:var(--c-ink-soft) !important;
}
/* 晏 = 左边一颗浮起的磨砂胶囊（像预览），图标推到右边 */
.skin-calm .navtitle{
flex:0 0 auto !important; text-align:left !important;
display:inline-flex; align-items:center; height:38px; padding:0 16px;
border-radius:19px; color:var(--c-ink) !important; font-weight:600;
background:var(--c-field);
-webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
border:0.5px solid var(--c-hair); box-shadow:var(--c-shadow);
}
.skin-calm .navside{ margin-left:auto; }
/* 气泡 */
.skin-calm .msg{ font-size:15px !important; }
.skin-calm .row.assistant .msg{
background:var(--c-bub-yan) !important; color:#2F2B27 !important;
border:1px solid rgba(255,255,255,0.5) !important;
}
.skin-calm .row.user .msg{
background:var(--c-bub-me) !important; color:#5A4142 !important;
border:1px solid rgba(255,255,255,0.28) !important;
}
/* 时间戳分隔 */
.skin-calm .grouptime{ color:var(--c-muted) !important; }
/* 输入区：不要白底栏，做成浮在背景上的圆角小面板 */
.skin-calm .inputwrap{
background:var(--c-field) !important;
-webkit-backdrop-filter:blur(20px) saturate(1.4); backdrop-filter:blur(20px) saturate(1.4);
border:0.5px solid var(--c-hair) !important;
border-radius:24px !important;
margin:0 12px calc(12px + env(safe-area-inset-bottom,0px)) !important;
box-shadow:var(--c-shadow) !important;
}
.skin-calm .inputrow1 input,.skin-calm #input{ font-size:15.5px !important; color:var(--c-ink) !important; }
.skin-calm .iconbtn{ color:var(--c-ink-soft) !important; }
.skin-calm .modelPicker{
background:color-mix(in srgb, #B87A6B 15%, transparent) !important;
color:#B87A6B !important;
}
/* 桌宠给输入面板留点上方空间不被挡（clawd 挂 body，这里只是保险） */
.skin-calm .messages{ scroll-padding-bottom:40px; }