/* ============================================================
   css/theme-atelier-craft.css
   「花漾·暖调」atelier 专属精修层 —— 把已生成的素材图真正铺出来
   ------------------------------------------------------------
   只在本主题启用时生效（html[data-theme-skin="atelier"]）。

   ★ 设计口径（2026-10-26 宝宝当场纠正后定）：
     她要的是「把她生成的那批漂亮图片铺进界面」，
     不是让我用 CSS 画边框、画三角、画金线。
     本文件第一原则：**先让素材图铺出来，装饰只补图铺不到的地方。**

   ★ 八张素材各自的正确用法（我一张张看过，别再搞混）：
     · cover      无缝平铺的花纹纸（玫瑰 + 小花 + 花瓣 + 金星点）
                  → 唯一适合「当整页背景 / 小卡片底纹」的一张，能 repeat。
     · panel      带四角花与金线花边的相框，1400x1050 横图
                  → 铺满必须用 background-size:100% 100%，用 cover 会把四角的花全裁掉。
     · card       横版左右花束，中间空 → 适合横向大卡。
     · band       横版左右花枝 + 中间细金线 → 分区标题底。
     · paper/bg   竖版大留白（花只在最上和最下）→ 只适合整页，中间本来就是空的。
     · texture    纸纹，只能当极淡底纹。

   ★ theme-skin.css 里这些图本来就铺了，但每处上面都盖了一层
     linear-gradient(var(--skin-highlight), …)，而 --skin-highlight 是
     bg-alt 的 92% 不透明色 —— 图被糊成一片米白，只剩四成花影。
     本文件把遮罩降到 12%~46%，并显式指定 background-size / repeat。
   ============================================================ */

/* ============================================================
   一、整页背景 —— 用「能平铺的花纹纸」，整页每个角落都有花
   ============================================================ */
/* 朋友圈：整页底图改由共享层的「清晰氛围图 + 上方渐隐糊层」接管（见 theme-craft-base.css
   「★ 2026-10-29（第 7 轮）」那一段，宝宝原话：底图要那张正方形氛围图、上面糊下面清楚）。
   这里**不再铺平铺花纹**：那层花是 2026-10-25 之前的做法，宝宝后来两次嫌它不是她要的图。 */
html[data-theme-skin="atelier"] #tab-moments {
    background-color: #F8F1E7;
    background-image: none;
}

/* 收藏：每张卡自己就带花环装饰（右上角）了，底下再铺一层整页花纹 = 两层花互相打架，看着又乱又割裂。
   宝宝 2026-10-25：「里面不要最底下那个纹了，直接除去」。真正的覆盖写在文件最末「收口区」
   —— 因为收藏同时命中下面 `:is(#sub-help, .mysec-page)` 那条，只有最末才能赢。 */

/* 记忆库：一屏几十条卡，整页花纹压一层纯色弱化（宝宝 2026-10-25：「大面积底纹叠一层纯色」） */
html[data-theme-skin="atelier"] #tab-memory {
    background-color: #FAF5EE;
    background-image:
        linear-gradient(rgba(252, 249, 244, 0.76), rgba(250, 245, 238, 0.82)),
        var(--skin-media-cover);
    background-size: cover, 820px auto;
    background-position: center, center top;
    background-repeat: no-repeat, repeat;
    background-attachment: scroll;
}

/* 聊天页：这里最长、最耗，只铺一张不重复的图，绝不平铺（平铺会触发「界面有点卡」提示） */
html[data-theme-skin="atelier"] #chat-view {
    background-color: #F8F1E7;
    background-image:
        linear-gradient(rgba(248, 241, 231, 0.80), rgba(248, 240, 231, 0.90)),
        var(--skin-media-bg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
/* 设置子页：宝宝 2026-10-29「设置界面的那个底图可以微微模糊一点，就很小一点点。不要那么模糊」
   → 换成清晰那张氛围图，只压一层很薄的纸色雾（原来 0.80/0.90 几乎全盖住，等于一张糊墙纸）。
   ★ 不许改这层的定位/层叠、也不许挂伪元素：这些子页是 #tab-my 里的 flex 子面板，一改就会几个子页同时铺开。 */
html[data-theme-skin="atelier"] :is(#sub-help, .mysec-page) {
    background-color: #F8F1E7;
    background-image:
        linear-gradient(rgba(248, 241, 231, 0.28), rgba(248, 240, 231, 0.42)),
        var(--skin-media-atmosphere, var(--skin-media-cover));
    background-size: 100% 100%, cover;
    background-position: center, center top;
    background-repeat: no-repeat, no-repeat;
    background-attachment: scroll;
}

html[data-theme-skin="atelier"] #tab-my {
    background-color: #F8F1E7;
    background-image: none;
}

/* 「我的」页里的子页面自带不透明底色，会把 #tab-my 的花纹整片挡掉 → 让它们透明。
   收藏页除外：它自己就是干净纸面（见上面一、里的 #sub-favorites），透明会把花纹透上来。 */
html[data-theme-skin="atelier"] #sub-home,
html[data-theme-skin="atelier"] #myh-scroll,
html[data-theme-skin="atelier"] #sub-help {
    background-color: transparent;
}

/* ============================================================
   二、面板 / 弹层
   ★ 2026-11（宝宝第三次点名「四边花框依旧被拉伸」）：这里原来把 panel 整框拉伸铺满，
     而且这条在 theme-craft-base.css 之后、还带 !important —— 公共层就算改好了也会被它铺回去，
     她看到的「依旧拉伸」就是这么来的。整框一律不铺，只留纸面；花饰由公共层四角角花负责。
   ============================================================ */
html[data-theme-skin="atelier"] .skin-panel,
html[data-theme-skin="atelier"] .modal-card,
html[data-theme-skin="atelier"] .sheet-panel {
    background-color: #FCF7F0;
    background-image: none;
}

/* ============================================================
   三、朋友圈空态 —— panel 花框当相纸（100% 100% 才看得见四角的花）
   ============================================================ */
html[data-theme-skin="atelier"] #tab-moments .moments-empty {
    position: relative;
    box-sizing: border-box;
    margin: 20px 14px 24px;
    padding: 54px 26px 46px;
    max-height: 64vh;
    border-radius: 16px;
    background-color: #FCF7F0;
    /* 2026-11：空态卡是 360×可变高度，铺整框必被抻 → 只留纸面，花饰走公共层四角角花。 */
    background-image: none;
    border: 1px solid rgba(174, 135, 80, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.70),
        0 14px 30px -18px rgba(132, 86, 60, 0.40);
    overflow: hidden;
}

/* 英文小字：压在花框上沿的空白带里 */
html[data-theme-skin="atelier"] #tab-moments .moments-empty::after {
    content: 'a page waiting to be written';
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    text-align: center;
    font-style: italic;
    font-size: 11.5px;
    letter-spacing: 0.16em;
    color: rgba(158, 116, 56, 0.72);
    pointer-events: none;
}

/* 烫金大字（四层金） */
html[data-theme-skin="atelier"] #tab-moments .moments-empty-deco {
    background: linear-gradient(180deg, #F7E7BE 0%, #D8B576 40%, #A8813F 66%, #EBD5A6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.62));
}

html[data-theme-skin="atelier"] #tab-moments .moments-empty-sub {
    color: rgba(90, 62, 50, 0.88);
    letter-spacing: 0.04em;
}

/* ============================================================
   四、「我的」页 —— 每块都给真素材
   ============================================================ */
/* 身份大卡：panel 花框（拉伸铺满，四角花就落在卡的四个角） */
html[data-theme-skin="atelier"] #tab-my .myh-identity {
    background-color: #FCF7F0;
    /* 2026-11：同上，长条卡不铺整框。 */
    background-image: none;
    border: 1px solid rgba(174, 135, 80, 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 12px 28px -20px rgba(132, 86, 60, 0.40);
}


/* 三张入口卡：用花纹纸平铺，卡上就有细花，而不是一块白 */
html[data-theme-skin="atelier"] #tab-my .myh-space-btn {
    background-color: #FCF7F0;
    background-image:
        linear-gradient(160deg, rgba(255, 253, 250, 0.20) 0%, rgba(252, 246, 238, 0.28) 100%),
        var(--skin-media-cover);
    background-size: auto, 820px auto;
    background-position: center, center top;
    background-repeat: no-repeat, repeat;
    border: 1px solid rgba(174, 135, 80, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        0 10px 24px -16px rgba(132, 86, 60, 0.42);
    transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.24s ease;
}

html[data-theme-skin="atelier"] #tab-my .myh-space-btn:active {
    transform: scale(0.985);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.66),
        0 4px 12px -10px rgba(132, 86, 60, 0.42);
}

/* ============================================================
   五、小窝 —— 白字压照片读不清；宝宝嫌「米色胶囊」丑，
        所以不加任何框，靠白描边把深褐字托出来
   ============================================================ */
html[data-theme-skin="atelier"] #nest-home .nh-title-area {
    text-shadow: 0 1px 12px rgba(86, 56, 42, 0.55), 0 0 2px rgba(86, 56, 42, 0.40);
}

html[data-theme-skin="atelier"] #nest-home .nh-icon-circle {
    border: 1px solid rgba(174, 135, 80, 0.42);
    box-shadow:
        0 8px 20px -10px rgba(120, 80, 60, 0.46),
        inset 0 0 0 2px rgba(255, 255, 255, 0.58);
}

html[data-theme-skin="atelier"] #nest-home .nh-icon-label {
    display: inline-block;
    align-self: center;
    width: fit-content;
    max-width: 98%;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    color: #3E281F;
    font-size: 11.5px;
    line-height: 1.6;
    letter-spacing: 0.06em;
    text-shadow:
        0 0 3px rgba(255, 252, 248, 0.98),
        0 0 8px rgba(255, 252, 248, 0.92),
        0 1px 2px rgba(255, 255, 255, 0.86);
}

/* ============================================================
   六、聊天气泡 —— 便签纸：纸感渐变 + 靠人那边一道烫金书签边
   ============================================================ */
html[data-theme-skin="atelier"][data-skin-bubble] .msg.assistant .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-color: #FCF7F0;
    background-image: linear-gradient(160deg, #FFFDFA 0%, #F8F0E5 60%, #F3E8DA 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: padding-box;
    border: 1px solid rgba(174, 135, 80, 0.30);
    border-left: 3px solid rgba(174, 135, 80, 0.58);
    border-radius: 18px 18px 18px 5px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        inset 0 0 0 1px rgba(255, 255, 255, 0.42),
        0 8px 20px -13px rgba(132, 86, 60, 0.44);
}

html[data-theme-skin="atelier"][data-skin-bubble] .msg.user:not(.msg-failed) .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-color: #E2C4B8;
    background-image: linear-gradient(150deg, #EACFC4 0%, #DBB8A9 55%, #D0A897 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: padding-box;
    border: 1px solid rgba(174, 135, 80, 0.26);
    border-right: 3px solid rgba(174, 135, 80, 0.52);
    border-radius: 18px 18px 5px 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        0 8px 20px -13px rgba(132, 86, 60, 0.46);
}

html[data-theme-skin="atelier"][data-skin-bubble] .msg .bubble:not([class*="-bubble"]):not([class*="-shell"]):hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 10px 24px -12px rgba(132, 86, 60, 0.52),
        0 0 0 1px rgba(174, 135, 80, 0.28);
}

/* ============================================================
   七、「我的」页 · 小红花黑板 —— 冷调灰绿换成同色系暖木托板
   ============================================================ */
html[data-theme-skin="atelier"] .kf-board-frame {
    background: linear-gradient(145deg, #BCA88D, #A18C74 50%, #AC977D);
}

html[data-theme-skin="atelier"] .kf-board {
    background:
        radial-gradient(125% 92% at 50% 0%, #75594A 0%, #5C443B 55%, #4E3831 100%);
}

/* 8. Hard overrides - base layer uses the background shorthand, which resets background-image. */
html[data-theme-skin="atelier"] #tab-my {
    background-color: #F8F1E7 !important;
    /* 2026-10-29 第 7 轮：整页底图改由共享层（清晰氛围图 + 上方渐隐糊层）接管，
       这里不再铺平铺花纹——那层花宝宝两次说不是她要的那张图。 */
    background-image: none !important;
    background-size: auto, 820px auto !important;
    background-position: center, center top !important;
    background-repeat: no-repeat, repeat !important;
}
html[data-theme-skin="atelier"] #tab-my .myh-identity {
    background-color: #FCF7F0 !important;
    /* 2026-11：整框拉伸铺满在这里撤掉（这块是 390×180 的长条，铺整框必被抻）；
       花饰交给公共层四角角花（theme-craft-base.css 二·角花名单已含 .myh-identity）。 */
    background-image: none !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
html[data-theme-skin="atelier"] #tab-my .myh-space-btn {
    background-color: #FCF7F0 !important;
    background-image: linear-gradient(160deg, rgba(255, 253, 250, 0.20) 0%, rgba(252, 246, 238, 0.28) 100%), var(--skin-media-cover) !important;
    background-size: auto, 820px auto !important;
    background-position: center, center top !important;
    background-repeat: no-repeat, repeat !important;
}

/* 9. Fine-tune: keep tiled florals as a whisper so card text stays readable. */
html[data-theme-skin="atelier"] #tab-my .myh-space-zh,
html[data-theme-skin="atelier"] #tab-my .myh-space-tip,
html[data-theme-skin="atelier"] #tab-my .myh-identity-label {
    text-shadow: 0 0 6px rgba(255, 253, 249, 0.98), 0 0 12px rgba(255, 253, 249, 0.86), 0 1px 2px rgba(255, 255, 255, 0.9);
}


/* 11. Moments: the english line sat on the corner roses. Move it into the blank band. */
html[data-theme-skin="atelier"] #tab-moments .moments-empty::after {
    display: none;
}

/* BUBBLE-ORNAMENT-OFF 气泡角上的花结太稚气，去掉；金边气泡本身已经够精致。 */
html[data-theme-skin="atelier"] .msg .bubble::before,
html[data-theme-skin="atelier"] .msg.assistant .bubble::before,
html[data-theme-skin="atelier"] .msg.user .bubble::before {
    content: none !important;
    display: none !important;
}

/* ============================================================
   十二、宝宝 2026-10-28 九条修复
   ============================================================ */
/* 12a 小窝：那层半透明纸纹平铺很怪，去掉，她的房间照片要干净 */
html[data-theme-skin="atelier"] #tab-nest .nh-bg::after,
html[data-theme-skin="atelier"] #tab-nest #nest-home .nh-bg::after {
    display: none !important;
}


/* 12c 「我的」：整页底花比卡片上的花更小更细，两层才有层次 */
html[data-theme-skin="atelier"] #tab-my {
    background-size: auto, 520px auto !important;
}


/* 12e 头像挂件：整个框比头像大一圈，像 QQ 那种包住头的外框
   ★ 2026-10-28 起尺寸交给 --skin-wreath-inset（js/theme-skin.js 按每套内孔算），
     atelier 这一套算出来就是她当初验收的 -8px@44px 观感，而且小头像/大头像自动等比，
     不再在这里写死 px（写死就会在大号封面头像上压住半张脸）。 */

/* 12f 自己那边气泡的蝴蝶结原来悬在半空
   ★ 2026-10-30 起改由「逐套算盒子宽高 + 底边压进气泡上沿固定深度」统一处理
     （见 css/theme-skin.css 气泡那一段的 --skin-bow-w / --skin-bow-push），这里不再单独写死 top。 */

/* 12g（已撤）宝宝 2026-10-25 实锤：这里原来写 transparent !important，本意是「她设过背景就不许主题盖」，
   实际效果是把 inline 那张也一起清掉 —— 聊天页直接全透明、透出下面的列表页。
   让路正确做法是「不带 !important」，见下方 12j-2。 */

/* 12b 朋友圈：上面那块封面+头像资料，跟下面的花纹列表硬切了，接一段柔和渐变 */
html[data-theme-skin="atelier"] #tab-moments .mom-banner {
    position: relative;
}
html[data-theme-skin="atelier"] #tab-moments .mom-banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 120px;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(180deg,
        rgba(246, 238, 229, 0) 0%,
        rgba(246, 238, 229, 0.30) 40%,
        rgba(247, 240, 232, 0.72) 72%,
        rgba(248, 242, 234, 0.94) 100%);
}
html[data-theme-skin="atelier"] #tab-moments .mom-banner-info {
    background: transparent !important;
}

/* 12e-补 头像框被头像自己的 overflow:hidden 裁在圆内了，放开它，框才能包在外面 */
html[data-theme-skin="atelier"] .mom-banner-avatar {
    overflow: visible !important;
}
html[data-theme-skin="atelier"] .mom-banner-avatar img {
    border-radius: 50%;
}

/* 12h 记忆库 / 百科全书：条目卡原来是一块纯白，跟花纹底脱节，现在铺上素材纸
   （收藏页 2026-10-28 移出：宝宝定「每条收藏铺底图太花、顶部大图又大又糊」，
     收藏的美化统一收到 css/theme-skin.css 那一段） */
html[data-theme-skin="atelier"] #tab-memory :is(.ml-card, .ml-today-card, .ml-featured-card, .ml-stat, .ml-persona-card, .ml-persona-map-card, .ml-persona-field-card, .ml-persona-edit-card, .ml-persona-rel-row),
html[data-theme-skin="atelier"] #sub-help :is(.help-tut-card, .help-summary-card) {
    background-color: #FCF7F0 !important;
    background-image:
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-size: auto, 780px auto !important;
    background-position: center, center top !important;
    background-repeat: no-repeat, repeat !important;
    border-color: rgba(174, 135, 80, 0.22) !important;
}

/* 12e-补2 头像外边那个挂件框露出了方块底色，清掉它，只留花环 */
html[data-theme-skin="atelier"] .msg-avatar,
html[data-theme-skin="atelier"] .mom-avatar,
html[data-theme-skin="atelier"] .mom-banner-avatar,
html[data-theme-skin="atelier"] .msg-avatar::after,
html[data-theme-skin="atelier"] .mom-avatar::after,
html[data-theme-skin="atelier"] .mom-banner-avatar::after {
    background-color: transparent !important;
}
html[data-theme-skin="atelier"] .mom-banner-avatar {
    border-radius: 50% !important;
}

/* 12i 记忆库首页（新一代母体语法）：今天卡 / 记忆一览 / 入口卡 / 珍藏卡原来是纯白块 */
html[data-theme-skin="atelier"] #tab-memory :is(.ui3mem-today, .ui3mem-glance-item, .ui3mem-quick-card, .ui3mem-treasure-card, .ui3mem-yearbook, .ui3mem-recent-card) {
    background-color: #FCF7F0 !important;
    background-image:
        linear-gradient(rgba(255, 253, 250, 0.30), rgba(252, 246, 238, 0.36)),
        var(--skin-media-cover) !important;
    background-size: auto, 760px auto !important;
    background-position: center, center top !important;
    background-repeat: no-repeat, repeat !important;
    border-color: rgba(174, 135, 80, 0.22) !important;
    box-shadow: 0 2px 10px rgba(140, 90, 60, 0.06) !important;
}

/* 12e-补3 探针查清：那个淡粉方块是「没设头像图时的占位字块」（它自己没有圆角），
   所以花环是包住头像了，但头像本人是个方块。这里把所有占位字块圆掉。 */
html[data-theme-skin="atelier"] :is(.mom-banner-avatar-placeholder, .mom-avatar-placeholder, .mom-reminder-avatar-placeholder, .tf-avatar-placeholder, .speak-avatar-placeholder) {
    border-radius: 50% !important;
    overflow: hidden !important;
}

/* 12e-补4 大号头像（朋友圈封面那个 68px）花环被头像压掉大半，往外再放一圈才真的"包住" */
html[data-theme-skin="atelier"] .mom-banner-avatar::after {
    inset: -14px !important;
}


/* 12k 宝宝：「我的花园」标题旁边那条横纹图看着像不小心塞进去的，整条去掉 */
html[data-theme-skin="atelier"] #tab-my .myh-section-label {
    background-image: none !important;
    padding: 4px 0 !important;
    border-radius: 0 !important;
}

/* 12l 宝宝：朋友圈每条内容里不要底纹（太花太乱）—— 干净纸面，只在右下角点一个小枝丫 */
html[data-theme-skin="atelier"] #tab-moments .mom-card:not(.mom-card-deleted) {
    background-color: #FDF8F1 !important;
    background-image: none !important;
    background-size: auto !important;
    position: relative;
    border-color: rgba(174, 135, 80, 0.20) !important;
}
html[data-theme-skin="atelier"] #tab-moments .mom-card:not(.mom-card-deleted)::after {
    content: "";
    position: absolute;
    right: 8px;
    bottom: 6px;
    width: 52px;
    height: 52px;
    pointer-events: none;
    opacity: 0.42;
    background: var(--skin-icon-line-stem) center / contain no-repeat;
}

/* 12m 宝宝第一轮：封面和下面割裂 → 加渐变。
   19a 宝宝第二轮：这块渐变太白太厚，反倒在头像下面糊出一道白雾，「割裂」更明显了。
   → 高度砍到 64px、最浓只到 0.22，只在交界线上轻轻收一下，肉眼不再看成一条白带。 */
html[data-theme-skin="atelier"] #tab-moments .mom-banner::after {
    height: 64px !important;
    background: linear-gradient(180deg,
        rgba(246, 238, 229, 0) 0%,
        rgba(246, 238, 229, 0.06) 48%,
        rgba(247, 240, 232, 0.16) 82%,
        rgba(248, 242, 234, 0.22) 100%) !important;
}

/* 12n 宝宝：头像超出那条白线太多看着怪 —— 往下挪，让圆心差不多落在交界线上 */
html[data-theme-skin="atelier"] #tab-moments .mom-banner-avatar {
    margin-top: 16px !important;
}

/* 12o 宝宝：聊天右上角三个点那个「更多」面板完全没美化 —— 卡片铺素材纸 + 图标淡淡金圈 */
html[data-theme-skin="atelier"] #more-menu .more-menu-card {
    background-color: #FDF8F1 !important;
    background-image:
        linear-gradient(rgba(255, 253, 250, 0.50), rgba(252, 246, 238, 0.56)),
        var(--skin-media-cover) !important;
    background-size: auto, 620px auto !important;
    background-position: center, center top !important;
    background-repeat: no-repeat, repeat !important;
    border: 1px solid rgba(174, 135, 80, 0.20) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 10px rgba(140, 90, 60, 0.05) !important;
}
html[data-theme-skin="atelier"] #more-menu .more-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #A97870 !important;
    background: rgba(201, 167, 158, 0.14) !important;
    border: 1px solid rgba(174, 135, 80, 0.22) !important;
}
html[data-theme-skin="atelier"] #more-menu .more-menu-subtitle {
    letter-spacing: 0.18em;
    color: #AE8750 !important;
}
html[data-theme-skin="atelier"] #more-title {
    position: relative;
}
/* 18g 宝宝：+号界面 more 下面那条横线不要了（原来这里是标题下的金色细线） */

/* 12j-2 宝宝：聊天背景不要朦胧、也不要变暗 —— 遮罩的问题其实不在深浅，
   而在原来铺的那张 bg-alt 本身是深色的，一撤遮罩就整页发黑。
   现在换成浅色的那张（四角玫瑰、中间大片留白，本来就是为「垫在文字下面」做的），遮罩只要 6%~10%。
   ★ 2026-10-25 宝宝实锤：这条原来全是 !important，会把她自己设的聊天背景整份盖掉。
     改成不带 !important —— 她设过就由 inline 赢，没设过才轮到这套米色底。
     （原来靠 data-own-bg 让路，但那个标记一旦误判就会整页透明，已经撤掉。） */
html[data-theme-skin="atelier"] #chat-view,
html[data-theme-skin="atelier"] :is(#sub-help, .mysec-page) {
    background-color: #FAF5EE;
}

/* 12p 宝宝：三点面板七张卡的花纹位置一模一样，看着像复制粘贴 —— 按卡序错开一下 */
html[data-theme-skin="atelier"] #more-menu .more-menu-card:nth-child(even) {
    background-position: center, right -50px top !important;
}
html[data-theme-skin="atelier"] #more-menu .more-menu-card:nth-child(3n) {
    background-position: center, left -70px center !important;
}
html[data-theme-skin="atelier"] #more-menu .more-menu-card:active {
    transform: scale(0.985);
    transition: transform 0.16s ease;
}

/* ============================================================
   十三、把闲置的装饰件真铺进界面（宝宝 2026-10-25：火漆/珠串/缎带/金线
   「我都没见到用哪了」——它们原来全挂在记忆库旧版语法 .ml-* 上，
   而记忆库首页早已换成新母体语法 ui3mem-*，那批规则一条都不再生效。
   这里按真实类名重铺。手法统一用「多层 background」而不是伪元素，
   因为 ui3mem-* 各卡自带 ::before/::after 画图标，抢过来会把原图标顶掉。
   ============================================================ */

/* 13a 「珍藏」卡右上盖一枚火漆 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-treasure-card {
    background-image:
        var(--skin-icon-seal),
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-position: right 12px top 10px, center, center top !important;
    background-size: 32px 32px, auto, 760px auto !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
}

/* 13b 记忆一览六格：每格顶上压一条金线，替代原来那片空白 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-glance-item {
    background-image:
        var(--skin-icon-line-gold),
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-position: center top 7px, center, center top !important;
    background-size: 32px 7px, auto, 760px auto !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
}

/* 13c 年轮卡右下压一条横花 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-yearbook {
    background-image:
        var(--skin-icon-line-banner),
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-position: right 12px bottom 8px, center, center top !important;
    background-size: 66px 15px, auto, 760px auto !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
}

/* 13d 「今天」卡顶上压一道拱形花饰 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-today {
    background-image:
        var(--skin-icon-line-arch),
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-position: center top 4px, center, center top !important;
    background-size: 86px 18px, auto, 760px auto !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
}

/* 13e 入口卡右上压一小段花枝 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-quick-card {
    background-image:
        var(--skin-icon-line-stem),
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-position: right 8px top 6px, center, center top !important;
    background-size: 38px 38px, auto, 760px auto !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
}

/* 13f 最近记忆卡：左边缘一条缎带当书脊 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-recent-card {
    background-image:
        var(--skin-icon-line-ribbon),
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-position: left top, center, center top !important;
    background-size: 9px 100%, auto, 760px auto !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
    padding-left: 14px !important;
}

/* 13g 收藏页介绍卡：原来是「右上角一枚小花环 + 780px 平铺大图」→ 宝宝 2026-10-28 实锤太糊太花。
   现在跟其他 12 套统一：干净纸面 + 右侧一张完整方图（方图左边纸色渐变虚化过去），不在 atelier 单独做。 */
html[data-theme-skin="atelier"] #sub-favorites .fav-intro {
    background-color: var(--skin-paper-bright) !important;
    background-image:
        linear-gradient(90deg,
            var(--skin-paper-bright) 0%,
            var(--skin-paper-bright) 34%,
            color-mix(in srgb, var(--skin-paper-bright) 62%, transparent) 62%,
            transparent 84%),
        var(--skin-media-cover) !important;
    background-position: center, right 12px center !important;
    background-size: auto, 112px 112px !important;
    background-repeat: no-repeat !important;
    padding-right: 136px !important;
}

/* 13i-补 宝宝说「完全没见到」—— 13a/13b/13d 那几件按 32x7、86x18 铺上去太小太淡，
   实际渲染出来等于看不见。这里整体放大到看得清的尺寸，并且给六格加一只小花在右下角，
   让「素材真的用上了」是肉眼可验的，而不是写在样式里。 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-treasure-card {
    background-position: right 14px top 12px, center, center top !important;
    background-size: 42px 42px, auto, 760px auto !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-glance-item {
    background-image:
        var(--skin-icon-bloom),
        linear-gradient(rgba(255, 253, 250, 0.26), rgba(252, 246, 238, 0.34)),
        var(--skin-media-cover) !important;
    background-position: right 10px bottom 8px, center, center top !important;
    background-size: 30px 30px, auto, 760px auto !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-today {
    background-position: center top 6px, center, center top !important;
    background-size: 118px 24px, auto, 760px auto !important;
}
/* 六格的花纹位置按格子序号错开，不然六块底纹一模一样 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-glance-item:nth-child(even) {
    background-position: right 10px bottom 8px, center, right -60px top !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-glance-item:nth-child(3n) {
    background-position: right 10px bottom 8px, center, left -80px center !important;
}

/* 13q 宝宝：既然每张卡已经有右下角的装饰了，底纹就不要再叠 —— 记忆库这几张卡全部改纯色纸面，
   只保留一个角上的装饰件。顺带修图一那条：拱形（line-arch）原来是方的，我写成 118x24 横向压扁了 5 倍，
   看着就是一条被压扁的横条。改成按高度等比（auto 26px）。 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-treasure-card {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-seal) !important;
    background-position: right 14px top 12px !important;
    background-size: 42px 42px !important;
    background-repeat: no-repeat !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-glance-item,
html[data-theme-skin="atelier"] #tab-memory .ui3mem-glance-item:nth-child(even),
html[data-theme-skin="atelier"] #tab-memory .ui3mem-glance-item:nth-child(3n) {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-bloom) !important;
    background-position: right 10px bottom 8px !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-yearbook {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-line-banner) !important;
    background-position: right 12px bottom 8px !important;
    background-size: 66px 15px !important;
    background-repeat: no-repeat !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-today {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-line-arch) !important;
    background-position: center top 8px !important;
    background-size: auto 26px !important;
    background-repeat: no-repeat !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-quick-card {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-line-stem) !important;
    background-position: right 8px top 6px !important;
    background-size: 38px 38px !important;
    background-repeat: no-repeat !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-recent-card {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-line-ribbon) !important;
    background-position: left top !important;
    background-size: 9px 100% !important;
    background-repeat: no-repeat !important;
}
html[data-theme-skin="atelier"] #sub-favorites .fav-intro {
    background-color: var(--skin-paper-bright) !important;
    background-image:
        linear-gradient(90deg,
            var(--skin-paper-bright) 0%,
            var(--skin-paper-bright) 34%,
            color-mix(in srgb, var(--skin-paper-bright) 62%, transparent) 62%,
            transparent 84%),
        var(--skin-media-cover) !important;
    background-position: center, right 12px center !important;
    background-size: auto, 112px 112px !important;
    background-repeat: no-repeat !important;
    padding-right: 136px !important;
}

/* 13r 宝宝：那条「被压缩的横条」查实了 —— 就是拱形（line-arch）本身是横向比例，
   我按 118x24 硬塞进去就成了一条细点线。这张卡干脆不要横条装饰了，
   跟下面六格保持一致：干净纸面 + 右下角一朵小花。 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-today {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-bloom) !important;
    background-position: right 10px bottom 8px !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
}

/* 13s 宝宝：那条细点线几次定位都躲过去了（它既不是 dash 边框、也不是 line-* 图片，
   大概率是某个子元素用 repeating-linear-gradient 画的虚线）。这张卡里全是纯文字，
   没有图标底图，所以直接把子元素自带的背景纹样全部清掉，只留卡片本身右下角那朵小花。 */
html[data-theme-skin="atelier"] #tab-memory .ui3mem-today * {
    background-image: none !important;
    border-bottom-style: none !important;
}
html[data-theme-skin="atelier"] #tab-memory .ui3mem-today *::before,
html[data-theme-skin="atelier"] #tab-memory .ui3mem-today *::after {
    background-image: none !important;
    border-bottom-style: none !important;
}

/* ============================================================
   十七、皮肤气泡 × 外观质感（宝宝 2026-10-25：6 档质感在这套皮肤下完全没反应）
   实测六档 computed style 一模一样 —— css/chat/bubble-styles.css 的选择器特异性
   低于本文件第六条那批皮肤气泡规则，于是被整片盖住。
   处理原则：皮肤负责「纸面底色 + 烫金书签边 + 花尾」，质感负责「表面」
   （雾化 / 斜光 / 内圈金线 / 轻薄），两件事正交，叠起来谁也不吃掉谁。
   本文件没有写 backdrop-filter，所以磨砂档直接生效。
   ============================================================ */

/* 磨砂玻璃：纸面雾化 —— 底色让出一点透明度，下层背景才会真的被模糊透出来 */
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="frost"] .msg.assistant .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-color: rgba(252, 247, 240, 0.70) !important;
    background-image: linear-gradient(160deg, rgba(255, 253, 250, 0.62) 0%, rgba(248, 240, 229, 0.70) 100%) !important;
    backdrop-filter: blur(12px) saturate(1.06);
    -webkit-backdrop-filter: blur(12px) saturate(1.06);
}
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="frost"] .msg.user:not(.msg-failed) .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-color: rgba(226, 196, 184, 0.68) !important;
    background-image: linear-gradient(150deg, rgba(234, 207, 196, 0.70) 0%, rgba(219, 184, 169, 0.74) 55%, rgba(208, 168, 151, 0.76) 100%) !important;
    backdrop-filter: blur(12px) saturate(1.06);
    -webkit-backdrop-filter: blur(12px) saturate(1.06);
}

/* 纸感哑光：纸面上再压一层极淡斜光（多层 background，纸面渐变仍然在最底下） */
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="matte"] .msg.assistant .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-image:
        linear-gradient(160deg, rgba(255, 255, 255, 0.16), transparent 58%),
        linear-gradient(160deg, #FFFDFA 0%, #F8F0E5 60%, #F3E8DA 100%) !important;
}
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="matte"] .msg.user:not(.msg-failed) .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-image:
        linear-gradient(160deg, rgba(255, 255, 255, 0.16), transparent 58%),
        linear-gradient(150deg, #EACFC4 0%, #DBB8A9 55%, #D0A897 100%) !important;
}

/* 丝绒：斜向柔影，比哑光更明显一点 */
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="velvet"] .msg.assistant .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-image:
        linear-gradient(145deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 42%, rgba(160, 120, 96, 0.10) 100%),
        linear-gradient(160deg, #FFFDFA 0%, #F8F0E5 60%, #F3E8DA 100%) !important;
}
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="velvet"] .msg.user:not(.msg-failed) .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-image:
        linear-gradient(145deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 42%, rgba(140, 96, 72, 0.14) 100%),
        linear-gradient(150deg, #EACFC4 0%, #DBB8A9 55%, #D0A897 100%) !important;
}

/* 描金细线：沿内圈加一道金线，纸面和书签边都保留 */
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="goldline"] .msg.assistant .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    box-shadow:
        inset 0 0 0 1px rgba(174, 135, 80, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        0 8px 20px -13px rgba(132, 86, 60, 0.44) !important;
}
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="goldline"] .msg.user:not(.msg-failed) .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    box-shadow:
        inset 0 0 0 1px rgba(174, 135, 80, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        0 8px 20px -13px rgba(132, 86, 60, 0.46) !important;
}

/* 透明描边：这套皮肤的纸面本身就是主角，真做成全透明会连花边一起消失，
   所以这一档在本皮肤下解释成「极淡纸面 + 完整花边」 */
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="outline"] .msg.assistant .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-color: rgba(252, 247, 240, 0.55) !important;
    background-image: none !important;
}
html[data-theme-skin="atelier"][data-skin-bubble][data-bubble="outline"] .msg.user:not(.msg-failed) .bubble:not([class*="-bubble"]):not([class*="-shell"]):not(.diary-shell):not(.emoji-bubble) {
    background-color: rgba(226, 196, 184, 0.52) !important;
    background-image: none !important;
}

/* hover：原来这条会把描金档的内圈金线一起冲掉，这里补回来 */
html[data-theme-skin="atelier"][data-skin-bubble] .msg .bubble:not([class*="-bubble"]):not([class*="-shell"]):hover {
    box-shadow:
        inset 0 0 0 1px rgba(174, 135, 80, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 10px 24px -12px rgba(132, 86, 60, 0.52),
        0 0 0 1px rgba(174, 135, 80, 0.28);
}


/* ============================================================
   十八、宝宝 2026-10-25 第二轮：她点名要改的几处
   ============================================================ */

/* 18b 「我的」页那三块入口小方块（收藏 / 百科全书 / 记忆库）不要底纹 ——
   原来是整张花纹纸平铺，她说只要像朋友圈卡片那样角落有个装饰就够。 */
html[data-theme-skin="atelier"] #tab-my .myh-space-btn {
    background-color: #FDF8F1 !important;
    background-image: var(--skin-icon-frame-avatar) !important;
    background-size: 30px 30px !important;
    background-position: right 9px bottom 7px !important;
    background-repeat: no-repeat !important;
    border-color: rgba(174, 135, 80, 0.20) !important;
    box-shadow: 0 2px 10px rgba(140, 90, 60, 0.06) !important;
}
html[data-theme-skin="atelier"] #tab-my .myh-space-btn:active {
    transform: scale(.985);
}

/* 18c 小窝完全回到纯色主题那套 —— 她原话「字效果、图标边框都不好看」。
   19d 宝宝第二轮截图打回来了：我上一版是「把东西全撤成透明」，结果圆形底没了、图标裸奔、
   白色标签字没阴影糊在浅色照片上 —— 比原来更丑。撤 ≠ 透明：她要的是**纯色主题那个样子**，
   所以这里把纯色主题的原值（panels-nest-home.css 里 .nh-icon-circle 那一套）原样搬回来。 */
html[data-theme-skin="atelier"] #tab-nest,
html[data-theme-skin="atelier"] #nest-home,
html[data-theme-skin="atelier"] #nest-home .nh-title-area {
    background-image: none !important;
    text-shadow: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
}
html[data-theme-skin="atelier"] #nest-home .nh-icon-circle {
    background-image: none !important;
    background-color: rgba(255, 252, 249, 0.62) !important;
    border: 1px solid rgba(255, 252, 249, 0.75) !important;
    box-shadow: 0 1px 2px rgba(30, 28, 26, 0.08), 0 4px 14px rgba(30, 28, 26, 0.14) !important;
}
/* 标签字：纯色主题是「白字 + 深色柔影」（压在照片背景上才看得清），我上一版把阴影清了 → 糊成一团 */
html[data-theme-skin="atelier"] #nest-home .nh-icon-label {
    color: #FCFAF6 !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 5px rgba(30, 28, 26, 0.45) !important;
}

/* 18d 朋友圈最下方「写下一段时光」：按钮材质回到纯色主题那套，并且去掉它上面那道横线 */
html[data-theme-skin="atelier"] .moments-post-bar {
    background: none !important;
    border-top: none !important;
    box-shadow: none !important;
}
html[data-theme-skin="atelier"] .moments-post-btn {
    background-image: none !important;
    box-shadow: none !important;
}

/* 18e 聊天列表头像的花环原来缩在头像里面（公共规则只给 -3px，而 12e 只放大了聊天里那几种头像，
   漏了列表的 .cl-avatar-wrap）—— 这里让它跟聊天里一样往外包住，并且再大一圈。 */
html[data-theme-skin="atelier"] #tab-chat #conversation-list .cl-avatar-wrap::after {
    inset: -11px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
html[data-theme-skin="atelier"] #tab-chat #conversation-list .cl-avatar-wrap {
    overflow: visible !important;
}

/* 18f 表情面板最右边那个小花（公共皮肤在 .ep-group-bar 右侧 12px 挂了个 18px 图标），去掉 */
html[data-theme-skin="atelier"] .ep-group-bar::after {
    content: none !important;
    display: none !important;
}

/* 18h 头像花环：列表那种小头像（40px 左右）用 -11px 已经够，聊天里的大头像也统一到更明显的一圈 */
html[data-theme-skin="atelier"] .msg-avatar::after,
html[data-theme-skin="atelier"] .mom-avatar::after {
    inset: -10px !important;
}

/* ============================================================
   19 宝宝第二轮逐条验收（四张截图 · 2026-10-25）
   ============================================================ */

/* 19b 底部栏的「过渡」：纯色主题靠 --surface 半透明 + 毛玻璃，内容滚到栏前会柔和透过去。
   皮肤把 --surface 换成不透明米色、border-top 变成一道实线 → 变成硬切一刀。
   这里把纯色主题那套还回来（半透明 + 模糊 + 不要硬线）。 */
html[data-theme-skin="atelier"] #bottom-nav {
    background: rgba(252, 248, 242, 0.74) !important;
    border-top: none !important;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.42) inset, 0 -10px 26px rgba(160, 130, 100, 0.08) !important;
    backdrop-filter: blur(24px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(128%) !important;
}

/* 19c 各页底部：内容滚到底栏前先柔和收一层。
   纯色主题的这层渐隐是叠在 background-image 里的，皮肤整份重写 background-image 时把它吃掉了。 */
html[data-theme-skin="atelier"] #tab-chat,
html[data-theme-skin="atelier"] #tab-moments,
html[data-theme-skin="atelier"] #tab-my {
    position: relative;
}
html[data-theme-skin="atelier"] #tab-chat::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 66px;
    pointer-events: none;
    z-index: 3;
    background: linear-gradient(180deg,
        rgba(250, 245, 238, 0) 0%,
        rgba(250, 245, 238, 0.42) 52%,
        rgba(251, 247, 240, 0.82) 100%);
}

/* 19d 聊天列表顶栏：原来给了一块不透明的纸色，跟下面的花纹之间就是一道白。
   → 顶栏透明，花纹从顶到底连成一片，那道割裂消失。 */
html[data-theme-skin="atelier"] #tab-chat #conversation-list .cl-header {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 19e 设置页（我的 → 外观与声音等子页）：花纹铺得太满、字压不住 → 叠一层半透明白。
   导语标题的字体：原来只写了 Georgia / Songti SC，手机上俩都没有 → 掉回系统黑体，才显得廉价。
   ★ 收藏页也算 .mysec-page，但它要的是「干净纸面」不是「淡花纹压白雾」→ 这里排除掉，
     否则这条 !important 会把文件最末「收口区」那条 background-image:none 盖掉。 */
html[data-theme-skin="atelier"] :is(#sub-help, .mysec-page):not(#sub-favorites) {
    background-image:
        linear-gradient(rgba(252, 249, 244, 0.32), rgba(250, 245, 238, 0.42)),
        var(--skin-media-atmosphere, var(--skin-media-cover)) !important;
    background-size: 100% 100%, cover !important;
    background-position: center, center top !important;
    background-repeat: no-repeat, no-repeat !important;
}
html[data-theme-skin="atelier"] .ui3-intro .ui3-lead-title {
    font-family: 'Playfair Display', Georgia, 'Noto Serif SC', 'Songti SC', 'STSong', 'PingFang SC', serif !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    letter-spacing: 0.06em !important;
    color: #6E5450 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* 宝宝 2026-10-28：朋友圈那圈色带在 atelier 上也一样（色带和下面的花纹底怎么也配不上，
   永远是一条硬边）→ 12b 那条压到最末改成「把照片自己虚化掉」，13 套同一套做法。 */
html[data-theme-skin="atelier"] #tab-moments .mom-banner::after {
    content: none !important;
    display: none !important;
}
html[data-theme-skin="atelier"] #tab-moments .mom-banner-cover {
    -webkit-mask-image: linear-gradient(180deg, #000 54%, rgba(0, 0, 0, .55) 78%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 54%, rgba(0, 0, 0, .55) 78%, transparent 100%) !important;
}

/* ============================================================
   收口区 —— 必须留在文件最末
   收藏是「我的」的子页，同时命中上面 `:is(#sub-help, .mysec-page)` 那条（同特异性、但更靠前），
   所以「干净纸面」这条只有写在这里才赢。
   宝宝 2026-10-25：「里面不要最底下那个纹了，直接除去，有点重复，不太干净的感觉」
   ============================================================ */
html[data-theme-skin="atelier"] #sub-favorites {
    background-color: #FCF9F4;
    background-image: none;
}