/* =========================================================
   水墨 · 宣纸山居
   适配现有 <ai>...</ai> 模板
   安全原则：
   1. 全部以 ai 为根
   2. 不使用 inset
   3. 不使用 backdrop-filter
   ========================================================= */


/* =========================
   01. 全局色板 / 宣纸底
   ========================= */

ai {
    --paper: #f3f0e6;
    --paper-deep: #e8e2d2;
    --paper-light: #faf8f1;

    --ink: #272a28;
    --ink-soft: #505650;
    --ink-fade: #7d837b;
    --ink-pale: #a9ada5;

    --mountain: #73847b;
    --jade: #6f8b80;
    --jade-light: #aabbb1;

    --seal: #9c4b42;
    --seal-dark: #773832;

    --line: rgba(45, 53, 48, 0.14);
    --line-deep: rgba(38, 47, 42, 0.22);

    display: block;
    position: relative;
    box-sizing: border-box;

    margin: 8px 0;
    padding: 22px 18px 28px;

    color: var(--ink);
    font-family:
        "STKaiti",
        "KaiTi",
        "Kaiti SC",
        "Noto Serif SC",
        "Songti SC",
        serif;

    font-size: 15px;
    line-height: 1.85;

    border: 1px solid rgba(65, 70, 63, 0.13);
    border-radius: 6px;

    background:
        radial-gradient(
            circle at 92% 4%,
            rgba(92, 118, 105, 0.12) 0,
            rgba(92, 118, 105, 0.05) 13%,
            rgba(92, 118, 105, 0) 31%
        ),
        radial-gradient(
            circle at 3% 96%,
            rgba(48, 55, 51, 0.09) 0,
            rgba(48, 55, 51, 0.03) 17%,
            rgba(48, 55, 51, 0) 35%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,0.55),
            rgba(238,234,222,0.58)
        ),
        var(--paper);

    box-shadow:
        0 3px 14px rgba(32, 38, 34, 0.07),
        0 15px 42px rgba(32, 38, 34, 0.05);

    overflow: hidden;
}


/* 水墨晕染 · 右上 */

ai::before {
    content: "";
    position: absolute;

    top: -72px;
    right: -66px;

    width: 230px;
    height: 190px;

    border-radius: 48% 52% 58% 42%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(50, 65, 57, 0.12) 0,
            rgba(78, 98, 87, 0.07) 34%,
            rgba(78, 98, 87, 0.025) 55%,
            rgba(78, 98, 87, 0) 72%
        );

    transform: rotate(-13deg);
    pointer-events: none;
}


/* 淡山影 · 左下 */

ai::after {
    content: "山水有清音";

    position: absolute;

    left: 12px;
    bottom: 3px;

    color: rgba(58, 68, 62, 0.13);

    font-family:
        "STKaiti",
        "KaiTi",
        serif;

    font-size: 10px;
    letter-spacing: 7px;

    writing-mode: vertical-rl;

    pointer-events: none;
}


/* =========================
   02. 思维链 · 开局隐藏
   ========================= */

/*
   你的 HTML 本身没有：
   <details class="cot" open>

   因此浏览器开局就是收起状态。

   这里再强制保证：
   未 open 时只显示 summary，
   推演内容不会露出。
*/

ai details.cot:not([open]) > :not(summary) {
    display: none;
}

ai details.cot {
    position: relative;

    margin: 0 0 14px;
    padding: 0;

    border: 0;
    background: transparent;

    box-shadow: none;
}


/* 思维链入口做得很轻 */

ai details.cot > summary {
    display: inline-flex;
    align-items: center;

    min-height: 26px;

    padding: 2px 9px 2px 7px;

    color: rgba(67, 76, 70, 0.48);

    font-size: 11px;
    letter-spacing: 2px;

    border: 0;
    border-bottom: 1px solid rgba(61, 72, 65, 0.10);
    border-radius: 0;

    background: transparent;

    cursor: pointer;

    list-style: none;

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

ai details.cot > summary::-webkit-details-marker {
    display: none;
}

ai details.cot > summary::before {
    content: "◌";

    margin-right: 5px;

    color: rgba(85, 102, 92, 0.44);

    font-size: 10px;
}

ai details.cot > summary:hover {
    color: var(--mountain);
    border-bottom-color: rgba(78, 98, 86, 0.3);
}


/* 展开后的推演链保持低饱和 */

ai details.cot[open] {
    padding: 8px 11px 11px;

    border-left: 2px solid rgba(91, 111, 99, 0.18);

    background:
        linear-gradient(
            90deg,
            rgba(85, 104, 93, 0.045),
            rgba(255,255,255,0)
        );
}

ai details.cot[open] > summary {
    margin-bottom: 7px;

    color: rgba(67, 82, 73, 0.64);
}


/* =========================
   03. 顶部 HUD
   ========================= */

ai hd {
    display: flex;
    position: relative;

    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin: 4px 0 20px;
    padding: 12px 15px 11px;

    color: #3e4943;

    font-size: 13px;
    letter-spacing: 0.6px;

    border-top: 1px solid rgba(53, 65, 58, 0.12);
    border-bottom: 1px solid rgba(53, 65, 58, 0.18);

    background:
        linear-gradient(
            90deg,
            rgba(111, 139, 128, 0.08),
            rgba(255,255,255,0.24) 45%,
            rgba(111, 139, 128, 0.04)
        );
}


/* 顶部标题左侧墨线 */

ai hd::before {
    content: "";

    position: absolute;

    left: 0;
    top: 7px;
    bottom: 7px;

    width: 3px;

    border-radius: 2px;

    background:
        linear-gradient(
            to bottom,
            rgba(57, 70, 62, 0.18),
            rgba(57, 70, 62, 0.72),
            rgba(57, 70, 62, 0.13)
        );
}

ai hd sp {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-left: 3px;

    color: var(--mountain);

    font-size: 14px;
}


/* =========================
   04. 正文
   ========================= */

ai > p {
    position: relative;

    margin: 11px 2px;
    padding: 0 3px;

    color: #303632;

    font-size: 15px;
    line-height: 1.95;

    text-align: justify;
}


/* 第一段首字稍有古籍感 */

ai > hd + p::first-letter,
ai > hd + * + p::first-letter {
    color: #34463c;

    font-size: 1.34em;
    font-weight: 600;
}


/* 正文选择感 */

ai > p:hover {
    color: #242a26;
}


/* =========================
   05. 通用折叠面板
   ========================= */

ai details:not(.cot) {
    position: relative;

    margin: 12px 0;

    border: 1px solid rgba(64, 74, 68, 0.13);
    border-radius: 4px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.34),
            rgba(231,228,216,0.24)
        );

    box-shadow:
        0 2px 9px rgba(38, 44, 40, 0.035);

    overflow: hidden;
}


/* 一级折叠标题 */

ai details:not(.cot) > summary {
    position: relative;

    padding: 10px 38px 10px 14px;

    color: #34443b;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.3px;

    background:
        linear-gradient(
            90deg,
            rgba(99, 123, 110, 0.10),
            rgba(255,255,255,0.22) 58%,
            rgba(99, 123, 110, 0.025)
        );

    border-bottom: 1px solid transparent;

    cursor: pointer;

    list-style: none;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}

ai details:not(.cot) > summary::-webkit-details-marker {
    display: none;
}


/* 自制开合符号 */

ai details:not(.cot) > summary::after {
    content: "＋";

    position: absolute;

    right: 14px;
    top: 50%;

    color: rgba(54, 72, 62, 0.55);

    font-size: 14px;
    font-weight: 400;

    transform: translateY(-50%);

    transition: transform 0.2s ease;
}

ai details:not(.cot)[open] > summary::after {
    content: "一";
}

ai details:not(.cot)[open] > summary {
    color: #293a31;

    border-bottom-color: rgba(59, 69, 63, 0.10);

    background:
        linear-gradient(
            90deg,
            rgba(93, 119, 104, 0.13),
            rgba(255,255,255,0.24) 60%,
            rgba(93, 119, 104, 0.03)
        );
}

ai details:not(.cot) > summary:hover {
    color: #263b30;

    background:
        linear-gradient(
            90deg,
            rgba(91, 119, 103, 0.16),
            rgba(255,255,255,0.28)
        );
}


/* 展开内容留白 */

ai details:not(.cot)[open] {
    padding-bottom: 8px;
}


/* =========================
   06. 嵌套 details
   ========================= */

ai details details {
    margin: 8px 10px;

    border-color: rgba(66, 76, 69, 0.10);

    background: rgba(255,255,255,0.20);

    box-shadow: none;
}

ai details details > summary {
    padding-top: 7px;
    padding-bottom: 7px;

    font-size: 12px;
}


/* =========================
   07. 信息行 p[t]
   ========================= */

ai p[t] {
    display: block;

    margin: 8px 10px;
    padding: 9px 11px;

    border-left: 2px solid rgba(93, 117, 104, 0.18);

    background:
        linear-gradient(
            90deg,
            rgba(104, 126, 114, 0.05),
            rgba(255,255,255,0.16)
        );
}


/* 属性小标题 */

ai p[t]::before {
    content: attr(t);

    display: block;

    margin-bottom: 5px;

    color: var(--ink-fade);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
}


/* =========================
   08. f · 姓名 / 重点标题
   ========================= */

ai f {
    display: inline-block;

    margin-right: 9px;

    color: #26392f;

    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
}


/* 姓名旁的小朱印 */

ai f::after {
    content: "印";

    display: inline-flex;

    width: 18px;
    height: 18px;

    margin-left: 8px;

    align-items: center;
    justify-content: center;

    color: rgba(129, 58, 51, 0.76);

    font-size: 8px;
    font-weight: 400;
    line-height: 1;

    border: 1px solid rgba(140, 65, 58, 0.53);
    border-radius: 2px;

    transform: rotate(-5deg);
}


/* =========================
   09. d · 数据条目
   ========================= */

ai d {
    display: block;

    margin: 4px 0;

    color: #505851;

    font-size: 13px;
    line-height: 1.7;
}

ai d:hover {
    color: #323a35;
}


/* =========================
   10. 财务压力等级
   ========================= */

ai d[lv] {
    display: inline-block;

    padding: 2px 9px;

    border-radius: 2px;

    font-size: 12px;

    background: rgba(255,255,255,0.35);
}

ai d[lv="g"] {
    color: #547363;
    border-left: 3px solid #748f80;
}

ai d[lv="y"] {
    color: #846f45;
    border-left: 3px solid #aa915a;
}

ai d[lv="o"] {
    color: #8b6345;
    border-left: 3px solid #ad7653;
}

ai d[lv="r"] {
    color: #864c48;
    border-left: 3px solid #a85e58;
}


/* =========================
   11. NPC 内心 q
   ========================= */

ai q {
    display: block;
    position: relative;

    margin: 7px 1px 2px;
    padding: 10px 13px 10px 16px;

    color: #5e6861;

    font-size: 13px;
    font-style: italic;
    line-height: 1.8;

    border-left: 2px solid rgba(88, 111, 98, 0.27);

    background:
        linear-gradient(
            90deg,
            rgba(103, 128, 113, 0.055),
            rgba(255,255,255,0)
        );
}

ai q::before {
    content: "「";

    position: absolute;

    left: 4px;
    top: 1px;

    color: rgba(92, 111, 101, 0.25);

    font-size: 19px;
}

ai q::after {
    content: "」";

    color: rgba(92, 111, 101, 0.25);
}


/* =========================
   12. 记忆 m
   ========================= */

ai m {
    display: block;

    margin: 8px 10px;
    padding: 9px 11px;

    color: #525b55;

    font-size: 12px;
    line-height: 1.75;

    border-left: 2px solid rgba(100, 117, 107, 0.20);

    background:
        rgba(255,255,255,0.21);
}

ai m::before {
    content: "墨记";

    display: inline-block;

    margin-right: 8px;
    padding: 0 4px;

    color: rgba(115, 62, 56, 0.64);

    font-size: 9px;
    letter-spacing: 1px;

    border: 1px solid rgba(130, 68, 61, 0.24);
    border-radius: 2px;
}


/* =========================
   13. 表格 tb
   ========================= */

ai tb {
    display: table;

    width: 100%;

    margin-top: 7px;

    border-collapse: collapse;

    color: #505751;

    font-size: 11px;

    background: rgba(255,255,255,0.18);
}

ai tb tr {
    display: table-row;
}

ai tb th,
ai tb td {
    display: table-cell;

    padding: 6px 7px;

    border-bottom: 1px solid rgba(55, 65, 59, 0.10);

    text-align: left;
    vertical-align: middle;
}

ai tb th {
    color: #3c4b42;

    font-weight: 600;
    letter-spacing: 1px;

    background:
        rgba(93, 116, 103, 0.07);
}

ai tb tr:last-child td {
    border-bottom: 0;
}

ai tb tr:hover td {
    background:
        rgba(101, 122, 111, 0.045);
}


/* =========================
   14. 社交 / 通知类稍现代一点
   ========================= */

ai p[t="微信"],
ai p[t="来电"],
ai p[t="APP"] {
    border-left-color: rgba(82, 114, 96, 0.24);

    background:
        linear-gradient(
            90deg,
            rgba(94, 123, 106, 0.06),
            rgba(255,255,255,0.18)
        );
}


/* =========================
   15. 财务区
   ========================= */

ai p[t="资金"] d,
ai p[t="负债"] d,
ai p[t="收入"] d {
    padding: 2px 0;
}


/* 金额视觉强调但不过度现代 */

ai p[t="资金"] {
    color: #344c3f;
}


/* =========================
   16. 主角 / NPC 卡片区别
   ========================= */

/* 主角档案 */
ai > details:nth-of-type(2) {
    border-left: 3px solid rgba(75, 105, 89, 0.34);
}


/* NPC区增加淡墨感 */
ai details summary + p[t="基础"] {
    margin-top: 10px;
}


/* =========================
   17. 行动推荐
   ========================= */

/* 最后一个顶层 details 通常就是行动推荐 */

ai > details:last-child {
    margin-top: 18px;

    border-color: rgba(82, 104, 92, 0.20);

    background:
        linear-gradient(
            135deg,
            rgba(107, 132, 117, 0.075),
            rgba(255,255,255,0.30)
        );
}

ai > details:last-child > summary {
    color: #30483b;

    background:
        linear-gradient(
            90deg,
            rgba(86, 115, 98, 0.14),
            rgba(255,255,255,0.22)
        );
}

ai > details:last-child d {
    position: relative;

    margin: 5px 10px;
    padding: 7px 10px 7px 13px;

    color: #465049;

    border-left: 2px solid rgba(85, 111, 96, 0.18);

    background: rgba(255,255,255,0.18);

    cursor: default;

    transition:
        padding-left 0.18s ease,
        color 0.18s ease,
        background 0.18s ease;
}

ai > details:last-child d:hover {
    padding-left: 17px;

    color: #273b31;

    background:
        rgba(104, 130, 115, 0.08);
}


/* =========================
   18. 锁定 / 系统状态文字
   ========================= */

ai d:first-child {
    letter-spacing: 0.2px;
}


/* =========================
   19. 强调展开层次
   ========================= */

ai details[open] {
    border-color: rgba(66, 82, 72, 0.18);
}

ai details details[open] {
    border-color: rgba(76, 92, 82, 0.13);
}


/* =========================
   20. 小屏优化
   ========================= */

@media (max-width: 600px) {

    ai {
        padding: 17px 11px 23px;

        font-size: 14px;
        line-height: 1.82;
    }

    ai hd {
        gap: 5px;

        margin-bottom: 15px;
        padding: 9px 10px;

        font-size: 12px;
    }

    ai > p {
        font-size: 14px;
        line-height: 1.88;
    }

    ai details:not(.cot) > summary {
        padding-left: 11px;

        font-size: 12px;
    }

    ai p[t] {
        margin-left: 7px;
        margin-right: 7px;
        padding: 8px 9px;
    }

    ai tb {
        font-size: 10px;
    }

    ai tb th,
    ai tb td {
        padding: 5px 4px;
    }
}
/* =========================================================
   水墨校园 · 女大学生扮演游戏
   第二版覆盖补丁
   直接追加到旧CSS最末尾
   ========================================================= */


/* =========================
   01. 整体：字体放大 + 色彩加深
   ========================= */

ai {
    --paper: #f4eee3;
    --paper-deep: #e7d9c8;
    --paper-light: #fffaf3;

    --ink: #252321;
    --ink-soft: #494440;
    --ink-fade: #746b66;

    --jade: #527266;
    --jade-deep: #37594d;

    --rose: #a64f59;
    --rose-deep: #7f3943;
    --rose-light: #d8a6a8;

    --seal: #a84442;

    font-size: 17px;
    line-height: 1.9;

    color: var(--ink);

    background:
        radial-gradient(
            circle at 94% 3%,
            rgba(166, 79, 89, 0.14) 0,
            rgba(166, 79, 89, 0.06) 14%,
            rgba(166, 79, 89, 0) 31%
        ),
        radial-gradient(
            circle at 4% 95%,
            rgba(55, 89, 77, 0.13) 0,
            rgba(55, 89, 77, 0.05) 19%,
            rgba(55, 89, 77, 0) 37%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,0.68),
            rgba(239,225,211,0.64)
        ),
        var(--paper);

    border-color: rgba(84, 63, 58, 0.22);

    box-shadow:
        0 4px 16px rgba(54, 42, 39, 0.09),
        0 18px 45px rgba(54, 42, 39, 0.07);
}


/* =========================
   02. 正文字体明显放大
   ========================= */

ai > p {
    font-size: 17px;
    line-height: 2;

    color: #2c2927;
}

ai d {
    font-size: 14.5px;
    line-height: 1.8;

    color: #48423f;
}

ai q {
    font-size: 14.5px;
}

ai m {
    font-size: 14px;
}

ai p[t] {
    font-size: 15px;
}


/* =========================
   03. HUD：校园日记感
   ========================= */

ai hd {
    margin-bottom: 22px;
    padding: 13px 16px;

    color: #312e2c;

    font-size: 14.5px;
    font-weight: 600;

    border-top: 1px solid rgba(127, 57, 67, 0.25);
    border-bottom: 1px solid rgba(127, 57, 67, 0.28);

    background:
        linear-gradient(
            90deg,
            rgba(166, 79, 89, 0.13),
            rgba(255,250,243,0.58) 48%,
            rgba(55,89,77,0.08)
        );
}

ai hd::before {
    width: 4px;

    background:
        linear-gradient(
            to bottom,
            rgba(166,79,89,0.30),
            rgba(127,57,67,0.90),
            rgba(166,79,89,0.22)
        );
}

ai hd sp {
    color: var(--rose-deep);
}


/* =========================
   04. 折叠卡片：不再过度淡雅
   ========================= */

ai details:not(.cot) {
    border: 1px solid rgba(91, 67, 62, 0.20);

    background:
        linear-gradient(
            135deg,
            rgba(255,251,245,0.72),
            rgba(232,218,204,0.48)
        );

    box-shadow:
        0 3px 10px rgba(65, 48, 45, 0.06);
}

ai details:not(.cot) > summary {
    padding: 12px 40px 12px 15px;

    color: #382f2f;

    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;

    background:
        linear-gradient(
            90deg,
            rgba(166,79,89,0.17),
            rgba(255,250,243,0.54) 60%,
            rgba(55,89,77,0.07)
        );
}

ai details:not(.cot)[open] > summary {
    color: #632f38;

    background:
        linear-gradient(
            90deg,
            rgba(166,79,89,0.22),
            rgba(255,250,243,0.61) 63%,
            rgba(55,89,77,0.09)
        );
}

ai details:not(.cot) > summary::after {
    color: var(--rose-deep);

    font-size: 16px;
}


/* =========================
   05. 信息区：像角色游戏状态卡
   ========================= */

ai p[t] {
    margin: 9px 11px;
    padding: 11px 13px;

    border-left: 3px solid rgba(166,79,89,0.42);

    background:
        linear-gradient(
            90deg,
            rgba(166,79,89,0.075),
            rgba(255,255,255,0.32)
        );
}

ai p[t]::before {
    margin-bottom: 7px;

    color: var(--rose-deep);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}


/* 让不同属性有一点校园手账色差 */

ai p[t="基础"] {
    border-left-color: rgba(127,57,67,0.55);
}

ai p[t="穿搭"] {
    border-left-color: rgba(170,105,114,0.62);
}

ai p[t="状态"] {
    border-left-color: rgba(76,112,94,0.58);
}

ai p[t="资产"] {
    border-left-color: rgba(128,105,68,0.55);
}

ai p[t="微信"],
ai p[t="来电"],
ai p[t="APP"] {
    border-left-color: rgba(166,79,89,0.50);

    background:
        linear-gradient(
            90deg,
            rgba(166,79,89,0.09),
            rgba(255,255,255,0.33)
        );
}


/* =========================
   06. 姓名更加醒目
   ========================= */

ai f {
    color: #572f36;

    font-size: 20px;
    font-weight: 800;
}

ai f::after {
    content: "印";

    color: #8d3438;

    border-color: rgba(141,52,56,0.65);

    background: rgba(255,244,239,0.46);
}


/* =========================
   07. 财务表格：真正做成四列表格
   ========================= */

ai p[t="本月收支"] {
    overflow-x: auto;

    padding: 12px;

    border-left: 3px solid rgba(128, 105, 68, 0.62);

    background:
        linear-gradient(
            90deg,
            rgba(154,126,77,0.08),
            rgba(255,255,255,0.38)
        );
}


/* 自定义 tb 强制使用 table 布局 */

ai p[t="本月收支"] tb {
    display: table;

    width: 100%;
    min-width: 520px;

    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;

    margin-top: 9px;

    font-size: 13.5px;

    color: #3d3936;

    border: 1px solid rgba(84,67,60,0.20);
    border-radius: 4px;

    background: rgba(255,252,247,0.72);

    overflow: hidden;
}

ai p[t="本月收支"] tr {
    display: table-row;
}

ai p[t="本月收支"] th,
ai p[t="本月收支"] td {
    display: table-cell;

    box-sizing: border-box;

    padding: 9px 10px;

    border-right: 1px solid rgba(84,67,60,0.13);
    border-bottom: 1px solid rgba(84,67,60,0.13);

    vertical-align: middle;
}


/* 日期 */

ai p[t="本月收支"] th:nth-child(1),
ai p[t="本月收支"] td:nth-child(1) {
    width: 22%;

    text-align: center;
}


/* 项目 */

ai p[t="本月收支"] th:nth-child(2),
ai p[t="本月收支"] td:nth-child(2) {
    width: 25%;

    text-align: left;
}


/* 金额 */

ai p[t="本月收支"] th:nth-child(3),
ai p[t="本月收支"] td:nth-child(3) {
    width: 20%;

    text-align: right;

    white-space: nowrap;
}


/* 备注 */

ai p[t="本月收支"] th:nth-child(4),
ai p[t="本月收支"] td:nth-child(4) {
    width: 33%;

    text-align: left;
}


/* 表头 */

ai p[t="本月收支"] th {
    color: #59363a;

    font-weight: 700;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            rgba(166,79,89,0.16),
            rgba(166,79,89,0.08)
        );
}


/* 去掉最右边框 */

ai p[t="本月收支"] th:last-child,
ai p[t="本月收支"] td:last-child {
    border-right: 0;
}


/* 最后一行不要底边 */

ai p[t="本月收支"] tr:last-child td {
    border-bottom: 0;
}


/* 鼠标经过 */

ai p[t="本月收支"] tr:hover td {
    background: rgba(166,79,89,0.055);
}


/* =========================
   08. 财务数字更有游戏感
   ========================= */

ai p[t="资金"] d {
    color: #384b42;

    font-weight: 600;
}

ai p[t="负债"] d {
    color: #7b4445;
}

ai p[t="收入"] d {
    color: #456557;
}


/* =========================
   09. NPC内心：胭脂墨批注
   ========================= */

ai q {
    color: #51484a;

    border-left: 3px solid rgba(166,79,89,0.36);

    background:
        linear-gradient(
            90deg,
            rgba(166,79,89,0.075),
            rgba(255,255,255,0)
        );
}

ai q::before,
ai q::after {
    color: rgba(127,57,67,0.40);
}


/* =========================
   10. 记忆区：像大学生日记册
   ========================= */

ai m {
    padding: 10px 12px;

    color: #494340;

    border-left: 3px solid rgba(76,112,94,0.34);

    background:
        linear-gradient(
            90deg,
            rgba(76,112,94,0.07),
            rgba(255,255,255,0.31)
        );
}

ai m::before {
    color: #843d42;

    border-color: rgba(132,61,66,0.42);

    background: rgba(255,245,240,0.40);
}


/* =========================
   11. 行动推荐：更像游戏选项
   ========================= */

ai > details:last-child {
    border: 1px solid rgba(127,57,67,0.27);

    background:
        linear-gradient(
            135deg,
            rgba(166,79,89,0.11),
            rgba(255,250,243,0.54)
        );
}

ai > details:last-child > summary {
    color: #64323a;

    background:
        linear-gradient(
            90deg,
            rgba(166,79,89,0.20),
            rgba(255,250,243,0.55)
        );
}

ai > details:last-child d {
    margin: 7px 11px;
    padding: 9px 12px 9px 14px;

    color: #443c3d;

    font-size: 14.5px;

    border-left: 3px solid rgba(166,79,89,0.35);

    background:
        rgba(255,251,247,0.47);

    transition:
        padding-left 0.18s ease,
        color 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease;
}

ai > details:last-child d:hover {
    padding-left: 20px;

    color: #6d303a;

    border-left-color: rgba(127,57,67,0.75);

    background:
        rgba(166,79,89,0.10);
}


/* =========================
   12. 思维链继续保持低存在感
   ========================= */

ai details.cot > summary {
    color: rgba(74,61,61,0.42);

    font-size: 11px;
}

ai details.cot > summary:hover {
    color: var(--rose-deep);
}

ai details.cot[open] {
    border-left-color: rgba(127,57,67,0.20);

    background:
        linear-gradient(
            90deg,
            rgba(166,79,89,0.05),
            rgba(255,255,255,0)
        );
}


/* =========================
   13. 手机端
   ========================= */

@media (max-width: 600px) {

    ai {
        padding: 18px 12px 25px;

        font-size: 16px;
    }

    ai > p {
        font-size: 16px;
        line-height: 1.95;
    }

    ai d {
        font-size: 14px;
    }

    ai hd {
        font-size: 13.5px;
    }

    ai details:not(.cot) > summary {
        font-size: 14px;
    }

    ai p[t="本月收支"] tb {
        min-width: 500px;

        font-size: 13px;
    }
}