/* ========================================
   轻奢杂志视觉小说风样式表 v3.1 - High-End Visual Novel (整理版)
   适配平台：酒馆/云酒馆/AI风月
   核心：莫兰迪色系 + 衬线体 + 大留白 + 细边框
   ======================================== */

/* ========================================
   [模块一：全局与基础设置]
   ======================================== */

/* 1.1 字体导入 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* 1.2 隐藏平台默认的顶部颜色装饰条 */
.absolute.top-0.left-1\/2.transform.-translate-x-1\/2.w-\[94\%\].h-0\.5.bg-\[\#c9e1e9\].rounded-xl.MuiBox-root.css-0,
.absolute.top-0.right-1\/2.transform.translate-x-1\/2.w-\[94\%\].h-0\.5.bg-\[\#F1CBCB\].rounded-xl.MuiBox-root.css-0 {
    display: none;
}

/* 1.3 修复iframe底部白块问题 (强制撑满高度) */
.w-full.h-full.max-h-\[70vh\] {
    max-height: 100% !important;
    height: 100% !important;
}

/* 1.4 全局斜体标签重置 */
i {
    font-style: normal;
}

/* ========================================
   [模块二：平台顶部栏与开场白 - 纯爱微光动态版]
   ======================================== */

/* 2.1 顶部栏主容器 (纯爱微光动态版 - 繁花落尽与心跳版) */
.sticky.w-full.top-0.flex.items-center {
    position: relative !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(213, 205, 195, 0.8) !important;
    box-shadow: 0 2px 10px rgba(180, 168, 153, 0.15), 
                inset 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
    
    /* 
       终极融合：
       1. 在 <defs> 中同时定义了心电图爱心 (id='h') 和你提供的繁花 (id='f')。
       2. 使用嵌套 <g> 标签完美解决了繁花的等比缩放与自转中心问题。
    */
    background-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='100' viewBox='0 0 400 100'%3E%3Cdefs%3E%3Cg id='h'%3E%3Cpath d='M143.8 500.4h156.5l58.4-120.3 92.9 363.1L494.7 497h48.9l34 86.1 43.6-181.7 59.5 246.5 38.6-154.1h191.9s40.5-167.7-48.9-244.1c-107.7-92.1-204.5-56.6-298.3 38l-50.1 53.5-45.4-46.7S389.1 190 292.6 204.6c-89.1 13.5-205 120.5-148.8 295.8z' fill='%23E08585'/%3E%3Cpath d='M513.7 903.1l-4.3-2.5c-0.3-0.2-39.2-22.4-95.8-63.6-52.2-37.9-130.6-100.3-208-181.8-35.2-37-62.3-75.9-80.7-115.5l13.6-6.3c17.7 38.1 43.9 75.7 77.9 111.5 134.9 142 274.5 227.4 297.2 240.8 22.9-13.6 162.5-99 297.2-240.8 36.7-38.7 64.3-79.2 81.9-120.5 15.8-36.8 23.7-74.3 23.5-111.3-0.2-62.8-24.4-124.2-66.4-168.4-35.9-37.8-83.7-58.6-134.7-58.6s-98.9 20.8-134.7 58.6l-66.8 70.4-66.8-70.4c-35.9-37.8-83.7-58.6-134.7-58.6s-98.9 20.8-134.7 58.6c-25.5 26.8-44.8 60.4-55.8 97.1-12.7 42.3-14 86.3-3.9 131l-14.6 3.3c-10.7-47.2-9.3-93.8 4.2-138.6 11.7-39 32.2-74.6 59.3-103.1 38.7-40.8 90.4-63.2 145.6-63.2s106.9 22.5 145.6 63.2l55.9 58.9 55.9-58.9c38.7-40.8 90.4-63.2 145.6-63.2s106.9 22.5 145.6 63.2c44.5 46.9 70.2 112 70.5 178.6 0.1 39.1-8.2 78.6-24.7 117.3-18.4 42.9-46.9 84.9-84.9 124.9-77.4 81.5-155.9 143.9-208 181.8-56.6 41.2-95.5 63.4-95.9 63.6l-4.1 2.5z' fill='%236A6058'/%3E%3Cpath d='M454.1 769.3l-96.6-377.4-54.7 116.5H76.6v-8h221.1l62.1-132.1 92.6 362L491.3 493h54.9l30.4 76.8 44.5-185.6 59.6 246.9 35.4-141.3h235v8H722.3l-41.8 166.8-59.4-246.2-42.6 177.9-37.7-95.3H498z' fill='%23CE0202'/%3E%3C/g%3E%3Cpath id='f' d='M508.264,191.917c-7.385-22.73-25.313-40.99-50.482-51.416c-24.228-10.037-53.572-12.143-82.624-5.926 c-4.412,0.944-7.223,5.287-6.28,9.698c0.944,4.413,5.286,7.223,9.698,6.28c52.806-11.299,101.877,8.656,114.145,46.414 c6.481,19.946,2.068,42.275-12.425,62.874c-14.999,21.317-38.825,38.115-67.09,47.298c-35.197,11.436-72.727,8.888-98.953-6.521 c-0.812-3.112-2.081-6.145-3.825-9.003c7.399-3.074,13.407-8.609,17.083-15.826c2.828-5.55,4.045-11.632,3.609-17.69l24.254-7.88 c4.291-1.394,6.641-6.003,5.245-10.294c-1.393-4.292-6.009-6.641-10.294-5.245l-24.261,7.883c-2.44-3.922-5.643-7.245-9.364-9.834 c22.609-23.761,35.812-59.423,35.812-98.081c0-33.232-9.774-64.566-27.52-88.226c-18.273-24.364-42.789-37.783-69.03-37.783 c-23.899,0-46.806,11.408-64.5,32.122c-17.033,19.942-28.102,47.197-31.167,76.748c-0.466,4.488,2.795,8.505,7.283,8.97 c4.49,0.465,8.505-2.795,8.97-7.283c5.572-53.711,39.713-94.216,79.415-94.216c44.229,0,80.21,49.197,80.21,109.669 c0,37.017-14.028,71.935-36.799,92.113c-0.647-0.037-1.293-0.077-1.947-0.077c-2.626,0-5.24,0.31-7.797,0.921 c-1.181-14.579-11.653-26.568-25.479-30.017v-25.515c0-4.512-3.657-8.17-8.17-8.17c-4.513,0-8.17,3.658-8.17,8.17v25.515 c-4.496,1.122-8.636,3.145-12.219,5.868c-15.607-28.855-45.45-52.439-82.224-64.388c-31.605-10.27-64.426-10.658-92.413-1.092 c-28.819,9.85-49.156,29.019-57.264,53.976c-7.386,22.73-3.615,48.041,10.618,71.27c13.702,22.362,36.203,41.311,63.361,53.358 c1.076,0.478,2.202,0.704,3.308,0.704c3.132,0,6.12-1.812,7.472-4.859c1.83-4.125-0.03-8.951-4.155-10.781 C34.935,279.745,6.965,234.76,19.232,197.001c6.481-19.946,23.175-35.417,47.009-43.563c24.663-8.43,53.812-8.014,82.079,1.169 c35.197,11.436,64.065,35.558,76.224,63.441c-1.179,3.001-1.939,6.209-2.209,9.556c-2.559-0.61-5.171-0.92-7.798-0.92 c-11.87,0-22.578,6.143-28.639,15.879l-24.26-7.883c-4.287-1.395-8.901,0.954-10.294,5.245c-1.394,4.291,0.954,8.901,5.245,10.295 l24.265,7.885c-0.322,4.619,0.321,9.179,1.802,13.426c-32.26,5.933-63.903,27.023-86.625,58.3 c-19.534,26.885-30.044,57.978-29.594,87.553c0.462,30.452,12.409,55.716,33.638,71.141c13.468,9.785,29.797,14.809,47.419,14.809 c7.678,0,15.604-0.954,23.642-2.883c25.502-6.121,50.477-21.666,70.327-43.77c3.015-3.357,2.738-8.523-0.62-11.537 c-3.359-3.017-8.525-2.736-11.537,0.62c-36.081,40.178-87.51,52.878-119.627,29.544c-35.781-25.997-35.972-86.947-0.429-135.87 c21.746-29.931,53.595-49.928,83.863-52.885c2.495,2.055,5.317,3.772,8.423,5.065c-7.619,12.489-6.194,28.348,2.965,39.267 l-14.998,20.642c-2.653,3.65-1.843,8.759,1.807,11.412c1.45,1.053,3.13,1.561,4.795,1.561c2.525,0,5.018-1.168,6.616-3.368 l14.996-20.639c3.983,1.614,8.247,2.459,12.631,2.459c0.239,0,0.474-0.016,0.711-0.022c-4.32,32.509,5.96,69.114,28.679,100.383 c19.533,26.885,45.856,46.49,74.121,55.202c10.523,3.244,20.861,4.85,30.782,4.849c17.516,0,33.72-5.01,47.273-14.857 c19.336-14.048,31.162-36.742,33.3-63.899c2.06-26.144-5.007-54.702-19.896-80.41c-2.261-3.904-7.258-5.237-11.165-2.975 c-3.904,2.261-5.238,7.261-2.975,11.165c27.063,46.729,23.25,99.565-8.869,122.9c-16.968,12.329-39.567,15.032-63.638,7.612 c-24.908-7.677-48.246-25.146-65.715-49.191c-21.751-29.936-30.928-66.415-24.378-96.12c2.747-1.758,5.245-3.915,7.4-6.423 c6.378,7.418,15.764,11.785,25.633,11.785c4.383,0,8.647-0.844,12.631-2.459l14.996,20.639c1.599,2.2,4.089,3.368,6.616,3.368 c1.665,0,3.345-0.508,4.795-1.561c3.651-2.653,4.46-7.762,1.807-11.412l-14.998-20.642c2.983-3.556,5.145-7.634,6.443-11.952 c16.285,7.794,35.113,11.769,54.888,11.769c16.152,0,32.932-2.647,49.462-8.018c31.606-10.269,58.386-29.247,75.405-53.436 C511.188,244.335,516.374,216.874,508.264,191.917z M255.985,212.919c9.61,0,17.43,7.819,17.43,17.43s-7.819,17.43-17.43,17.43 c-9.61,0-17.43-7.819-17.43-17.43S246.374,212.919,255.985,212.919z M202.2,272.741c-0.157-0.18-0.321-0.35-0.493-0.514 c-4.096-4.484-5.746-10.976-3.741-17.153c2.344-7.21,9.003-12.053,16.573-12.053c1.821,0,3.635,0.29,5.391,0.861 c4.427,1.439,8.03,4.515,10.144,8.664c2.114,4.148,2.485,8.872,1.047,13.299c-2.342,7.208-9.002,12.05-16.572,12.05 c-1.821,0-3.635-0.29-5.391-0.859C206.435,276.151,204.089,274.645,202.2,272.741z M244.474,319.418 c-1.632,2.246-3.765,4.04-6.185,5.275c-0.198,0.084-0.391,0.176-0.582,0.276c-2.278,1.058-4.783,1.636-7.354,1.636 c-3.691,0.001-7.227-1.15-10.225-3.329c-7.776-5.649-9.506-16.571-3.856-24.346c3.27-4.5,8.549-7.188,14.122-7.188 c3.691,0,7.226,1.151,10.225,3.33c3.766,2.736,6.241,6.776,6.97,11.374C248.316,311.045,247.21,315.651,244.474,319.418z M255.992,287.166c-1.693-1.963-3.62-3.75-5.769-5.312c-2.145-1.559-4.434-2.841-6.827-3.844c1.336-2.204,2.442-4.582,3.266-7.116 c0.821-2.527,1.33-5.106,1.545-7.69c2.499,0.591,5.101,0.914,7.779,0.914c2.678,0,5.28-0.322,7.779-0.914 c0.216,2.584,0.724,5.161,1.545,7.69c0.824,2.535,1.93,4.912,3.266,7.116c-2.393,1.003-4.683,2.286-6.827,3.844 C259.581,283.429,257.666,285.218,255.992,287.166z M291.842,323.275c-2.999,2.179-6.534,3.331-10.225,3.331 c-5.573,0-10.852-2.686-14.122-7.186c-5.649-7.776-3.918-18.696,3.856-24.346c2.999-2.179,6.534-3.331,10.225-3.331 c5.573,0,10.852,2.686,14.122,7.188c1.733,2.386,2.765,5.068,3.147,7.803c0.008,0.06,0.021,0.118,0.029,0.176 C299.667,313.034,297.18,319.397,291.842,323.275z M302.811,277.035c-1.756,0.57-3.57,0.859-5.39,0.859 c-7.57,0-14.23-4.842-16.572-12.05c-1.438-4.427-1.066-9.151,1.047-13.299c2.113-4.148,5.716-7.225,10.144-8.664 c1.757-0.572,3.571-0.861,5.391-0.861c7.57,0,14.229,4.843,16.571,12.051c1.438,4.427,1.066,9.15-1.047,13.299 C310.842,272.52,307.239,275.596,302.811,277.035z'/%3E%3C/defs%3E%3Cg opacity='1'%3E%3C!-- 飘落微光 --%3E%3Ccircle cx='40' cy='-20' r='2.5' fill='%23a87676'%3E%3Canimate attributeName='cy' from='-20' to='120' dur='9s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.9;0' dur='9s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='150' cy='-20' r='2' fill='%238a7e72'%3E%3Canimate attributeName='cy' from='-20' to='120' dur='12s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.8;0' dur='12s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='280' cy='-20' r='3' fill='%23b4a899'%3E%3Canimate attributeName='cy' from='-30' to='130' dur='15s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.9;0' dur='15s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='370' cy='-20' r='1.5' fill='%23a87676'%3E%3Canimate attributeName='cy' from='-20' to='120' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.9;0' dur='10s' repeatCount='indefinite'/%3E%3C/circle%3E%3C!-- 召唤繁花 1 (深玫瑰红) --%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' from='80,-40' to='110,140' dur='11s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.8;0' dur='11s' repeatCount='indefinite'/%3E%3Cg transform='scale(0.035)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 256 256' to='360 256 256' dur='7s' repeatCount='indefinite'/%3E%3Cuse href='%23f' fill='%23a87676'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C!-- 召唤繁花 2 (摩卡棕，稍微小一点，反向旋转) --%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' from='280,-50' to='250,150' dur='14s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.7;0' dur='14s' repeatCount='indefinite'/%3E%3Cg transform='scale(0.028)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 256 256' to='-360 256 256' dur='9s' repeatCount='indefinite'/%3E%3Cuse href='%23f' fill='%238a7e72'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C!-- 召唤爱心 1 (主) --%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' from='180,-40' to='200,130' dur='13s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='scale' values='0.018;0.022;0.018' dur='3s' repeatCount='indefinite' additive='sum'/%3E%3Canimate attributeName='opacity' values='0;0.9;0' dur='13s' repeatCount='indefinite'/%3E%3Cuse href='%23h'/%3E%3C/g%3E%3C!-- 召唤爱心 2 (副) --%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' from='330,-50' to='300,140' dur='17s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='scale' values='0.012;0.015;0.012' dur='4s' repeatCount='indefinite' additive='sum'/%3E%3Canimate attributeName='opacity' values='0;0.7;0' dur='17s' repeatCount='indefinite'/%3E%3Cuse href='%23h'/%3E%3C/g%3E%3C!-- 召唤爱心 3 (远景) --%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' from='60,-30' to='40,120' dur='21s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='scale' values='0.009;0.011;0.009' dur='5s' repeatCount='indefinite' additive='sum'/%3E%3Canimate attributeName='opacity' values='0;0.5;0' dur='21s' repeatCount='indefinite'/%3E%3Cuse href='%23h'/%3E%3C/g%3E%3C!-- 召唤爱心 4 (近景) --%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' from='250,-60' to='270,150' dur='10s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='scale' values='0.02;0.025;0.02' dur='2.5s' repeatCount='indefinite' additive='sum'/%3E%3Canimate attributeName='opacity' values='0;0.8;0' dur='10s' repeatCount='indefinite'/%3E%3Cuse href='%23h'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(to right, rgba(246, 244, 241, 0) 0%, rgba(253, 252, 250, 0.85) 50%, rgba(246, 244, 241, 0.85) 100%) !important;
    background-size: 400px 100px, 100% 100% !important;
    background-repeat: repeat-x, no-repeat !important;
    background-position: left top, center !important;
}

/* 2.2 模型选择器 (增加微发光与悬浮感，呼应纯爱主题的温柔触感) */
#ai-model-selector .group.flex.items-center {
    background: rgba(253, 252, 250, 0.85) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(213, 205, 195, 0.8) !important;
    border-radius: 4px !important; /* 轻微圆角，比直角更显温和 */
    padding: 6px 14px !important;
    box-shadow: 0 2px 6px rgba(180, 168, 153, 0.08) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#ai-model-selector .group.flex.items-center:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: #c9a2a2 !important; /* 悬停时透出一丝干枯玫瑰粉 */
    box-shadow: 0 4px 12px rgba(201, 162, 162, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* 发散性提升：让顶部所有的图标在悬停时也带上微弱的干枯玫瑰色光晕 */
#header-setting-button:hover,
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    border-color: #c9a2a2 !important;
    color: #a88484 !important;
    box-shadow: 0 2px 8px rgba(201, 162, 162, 0.12) !important;
}

/* 2.3 模型名称文字 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #4a4540 !important;
    font-weight: 500 !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    letter-spacing: 0.3px !important;
}

/* 2.4 模型选择器下拉箭头 */
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #b4a899 !important;
    transition: color 0.2s ease !important;
}

/* 2.5 顶部设置按钮 */
#header-setting-button {
    background: #fdfcfa !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    color: #5a554f !important;
    transition: all 0.3s ease !important;
}

#header-setting-button:hover {
    border-color: #b4a899 !important;
    background: #f6f4f1 !important;
}

/* 2.6 开场白选择器 */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: #fdfcfa !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    border-color: #b4a899 !important;
}

/* 2.7 开场白选择器图标 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: #b4a899 !important;
}

/* ========================================
   [模块三：平台聊天框与输出内容]
   ======================================== */

/* 3.1 统一聊天气泡背景 (覆盖平台默认UI) */
.group .bg-gray-100\/90 {
    background: rgba(240, 236, 231, 0.9) !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #3b3a38 !important;
    padding: 14px !important;
}

/* 3.2 聊天框时间戳样式 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j {
    border-top: 1px solid #e5dfd8 !important;
    padding-top: 2px !important;
    margin-top: 2px !important;
}

.MuiStack-root.text-purple-500.mt-1.css-1kz283j > .MuiTypography-root {
    color: #8a7e72 !important;
    font-style: italic !important;
    font-size: 0.78rem !important;
    font-family: 'Playfair Display', serif !important;
}

.MuiStack-root.text-purple-500.mt-1.css-1kz283j > .text-orange-500,
.MuiStack-root.text-purple-500.mt-1.css-1kz283j > .text-purple-500 {
    color: #4a4540 !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

/* 3.3 气泡底部操作按钮 (复制/刷新/编辑/删除等) & 结构重塑 */
.bg-gray-100\/90.relative.inline-block .MuiStack-root:not(.text-purple-500) {
    border-top: 1px solid #e5dfd8 !important; /* 用户气泡的顶部分割线 */
    padding-top: 8px !important;
    margin-top: 6px !important;
    gap: 4px !important;
    display: flex !important; 
    flex-wrap: wrap !important;
}

/* 您的完美拟物风按钮样式 */
.bg-gray-100\/90.relative.inline-block .MuiStack-root:not(.text-purple-500) button.MuiButton-root.MuiButton-text {
    background: linear-gradient(to bottom, #fdfcfa 0%, #f4f1ec 100%) !important;
    color: #6b6560 !important;
    border: 1px solid #ddd8d1 !important;
    border-radius: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.72em !important;
    letter-spacing: 0.3px !important;
    padding: 3px 10px !important;
    min-height: unset !important;
    line-height: 1.5 !important;
    transition: all 0.25s ease !important;
}

.bg-gray-100\/90.relative.inline-block .MuiStack-root:not(.text-purple-500) button.MuiButton-root.MuiButton-text:hover {
    background: linear-gradient(to bottom, #f6f4f1 0%, #ebe7e1 100%) !important;
    color: #4a4540 !important;
    border-color: #b4a899 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.bg-gray-100\/90.relative.inline-block .MuiStack-root:not(.text-purple-500) button.MuiButton-root.MuiButton-text svg {
    color: #b4a899 !important;
    font-size: 0.9em !important;
    transition: color 0.2s ease !important;
}

.bg-gray-100\/90.relative.inline-block .MuiStack-root:not(.text-purple-500) button.MuiButton-root.MuiButton-text:hover svg {
    color: #8a7e72 !important;
}

/* 3.4 AI气泡专属：信息层 (模型信息、积分消耗、打折提示) */
#ai-chat-answer .MuiStack-root.text-purple-500 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 12px !important; 
    border-bottom: 1px solid #e5dfd8 !important; /* AI气泡的分割线转移到这里 */
    padding-bottom: 2px !important;
    margin-bottom: 2px !important;

}

/* 消除段落默认边距，默认完全透明隐藏，保留物理占位防闪烁 */
#ai-chat-answer .MuiStack-root.text-purple-500 p {
    margin: 0 !important;
    line-height: 1.5 !important;
    font-size: 0.85em !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
}

/* 智能换行：强制第4个元素（打折权益信息）独占一行 */
#ai-chat-answer .MuiStack-root.text-purple-500 p:nth-of-type(4) {
    flex-basis: 100% !important;
    width: 100% !important;
    margin-top: 2px !important;
}

/* 3.5 AI气泡专属：“查看消耗”伪装按钮与悬停显隐逻辑 */
#ai-chat-answer .MuiStack-root:not(.text-purple-500) {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    pointer-events: none !important; 
}

/* 恢复真实按钮的鼠标交互 */
#ai-chat-answer .MuiStack-root:not(.text-purple-500) > button {
    pointer-events: auto !important; 
}

/* 在 AI气泡最后凭空创造“查看消耗”按钮 */
#ai-chat-answer .MuiStack-root:not(.text-purple-500)::after {
    content: "查看消耗" !important;
    pointer-events: auto !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background: linear-gradient(to bottom, #fdfcfa 0%, #f4f1ec 100%) !important;
    color: #6b6560 !important;
    border: 1px solid #ddd8d1 !important;
    border-radius: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.72em !important;
    letter-spacing: 0.3px !important;
    padding: 3px 10px !important;
    line-height: 1.5 !important;
    transition: all 0.25s ease !important;
}

/* 【严格悬停触发逻辑】只有鼠标停留在伪装按钮上时，才显示上方信息 */
#ai-chat-answer:has(.MuiStack-root:not(.text-purple-500):hover):not(:has(button.MuiButton-root:hover)) .MuiStack-root.text-purple-500 p {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 悬停时：伪装按钮文字变为“隐藏消耗”，并呈现悬停按压样式 */
#ai-chat-answer:has(.MuiStack-root:not(.text-purple-500):hover):not(:has(button.MuiButton-root:hover)) .MuiStack-root:not(.text-purple-500)::after {
    content: "隐藏消耗" !important;
    background: linear-gradient(to bottom, #f6f4f1 0%, #ebe7e1 100%) !important;
    color: #4a4540 !important;
    border-color: #b4a899 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

/* 通用MUI text按钮兜底样式 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
    color: #5a554f !important;
    background: linear-gradient(to bottom, #fdfcfa 0%, #f4f1ec 100%) !important;
    border: 1px solid #ddd8d1 !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
    font-size: 0.78em !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    transition: all 0.25s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
    background: linear-gradient(to bottom, #f6f4f1 0%, #ebe7e1 100%) !important;
    border-color: #b4a899 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

/* 3.6 加载动画重构 (打字机光标) */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 重新定义加载容器并添加自定义动画 */
.flex.items-center.justify-center.w-6.h-5 {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 20px auto !important;
    padding: 12px 24px !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: '.  .  .';
    font-family: 'Playfair Display', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #8a7e72 !important;
    letter-spacing: 3px !important;
    white-space: nowrap !important;
    animation: dots-fade 2.8s ease-in-out infinite;
}

.flex.items-center.justify-center.w-6.h-5::after {
    content: '' !important;
    display: inline-block !important;
    width: 1.5px !important;
    height: 18px !important;
    background: #8a7e72 !important;
    margin-left: 6px !important;
    animation: cursor-blink 1s step-end infinite;
}

@keyframes dots-fade {
    0%, 100% { opacity: 0.35; }
    50% { opacity: 1; }
}

@keyframes cursor-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* ========================================
   [模块四：平台底部栏与输入区]
   ======================================== */

/* 4.1 隐藏底部栏外层渐变主背景 */
.bg-gradient-to-t,
.bg-linear-to-t {
    background: transparent !important;
}

/* 4.2 隐藏输入栏外层圆角外框 */
#ai-chat-bottom-input div.border-\[1\.5px\].rounded-xl,
#ai-chat-bottom-input > div,
div:has(> div > #ai-chat-input) {
    border: none !important;
    border-width: 0px !important;
    border-color: transparent !important;
    border-style: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important; 
}

/* 4.3 底部主输入框 */
#ai-chat-input {
    background: #fdfcfa !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    color: #3b3a38 !important;
    box-shadow: none !important;
    font-family: 'Noto Sans SC', sans-serif !important;
}

#ai-chat-input:focus {
    border-color: #b4a899 !important;
    box-shadow: 0 0 0 1px rgba(180, 168, 153, 0.2) !important;
}

/* 4.4 输入框占位符文字 */
#ai-chat-input::placeholder {
    color: #b4a899 !important;
    font-style: italic !important;
}

/* 4.5 输入框文字选中高亮 */
#ai-chat-input::selection {
    background: rgba(180, 168, 153, 0.3) !important;
    color: #3b3a38 !important;
}

/* 4.6 发送按钮重构 (手绘爱心果冻动画 - 修复版) */

/* 1. 精准隐藏主聊天区和评论区的原生发送图标 SVG */
#ai-send-button svg,
div.flex.flex-col.border-gray-200 div.cursor-pointer.group.flex.items-center.justify-center svg {
    display: none !important;
}

/* 2. 统一重构真实的发送按钮容器 (主聊天区 + 评论区) */
#ai-send-button,
div.flex.flex-col.border-gray-200 div.cursor-pointer.group.flex.items-center.justify-center {
    background-color: transparent !important;
    border: none !important;
    width: 44px !important; 
    height: 44px !important;
    border-radius: 0 !important;
    /* 你的手绘爱心图床链接 */
    background-image: url("https://i.postimg.cc/W4jHpY9k/7LOE6P3(S(X-9-X9MIX4ZX1.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important; 
    /* 基础过渡，用于平滑衔接动画前后的状态 */
    transition: transform 0.2s ease, filter 0.2s ease !important;
    opacity: 1 !important;
    /* 确保作为Flex容器居中，且不干扰点击 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. 悬浮状态：触发果冻动画和光晕 */
#ai-send-button:hover,
div.flex.flex-col.border-gray-200 div.cursor-pointer.group.flex.items-center.justify-center:hover {
    background-color: transparent !important;
    /* 极淡的暖色光晕，增加治愈感 */
    filter: drop-shadow(0px 4px 6px rgba(255, 182, 193, 0.4)) !important;
    animation: jellyHeart 0.8s ease-in-out both !important;
}

/* 4. 点击激活状态：物理按压反馈 */
#ai-send-button:active,
div.flex.flex-col.border-gray-200 div.cursor-pointer.group.flex.items-center.justify-center:active {
    /* 取消悬停动画，强制执行收缩形变 */
    animation: none !important;
    transform: scale(0.75) !important;
    /* 点击时阴影收缩变深，模拟按压下去的物理反馈 */
    filter: drop-shadow(0px 1px 2px rgba(255, 105, 180, 0.6)) !important;
    /* 加快收缩的过渡速度，让点击感更干脆 */
    transition: transform 0.05s ease !important;
}

/* 5. 定义果冻弹跳 (duangduang) 关键帧动画 */
@keyframes jellyHeart {
    0% { transform: scale3d(1, 1, 1); }
    30% { transform: scale3d(1.25, 0.75, 1); } /* 压扁 */
    40% { transform: scale3d(0.75, 1.25, 1); } /* 拉长 */
    50% { transform: scale3d(1.15, 0.85, 1); } /* 再次微压扁 */
    65% { transform: scale3d(0.95, 1.05, 1); } /* 再次微拉长 */
    75% { transform: scale3d(1.05, 0.95, 1); } /* 趋于平静 */
    100% { transform: scale3d(1, 1, 1); }      /* 恢复原状 */
}


/* 4.7 底部输入栏功能按钮 (MOD/评论功能按钮) */
#ai-mod-button2 {
    background: transparent !important;
    gap: 6px !important;
}

#ai-mod-button2 button.MuiButton-root,
#ai-mod-button2 button.MuiButton-outlined.MuiButton-outlinedPrimary {
    background: linear-gradient(to bottom, #fdfcfa 0%, #f4f1ec 100%) !important;
    color: #5a554f !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.75em !important;
    letter-spacing: 0.5px !important;
    transition: all 0.25s ease !important;
    padding: 4px 12px !important;
    min-height: unset !important;
    line-height: 1.6 !important;
}

#ai-mod-button2 button.MuiButton-root:hover,
#ai-mod-button2 button.MuiButton-outlined.MuiButton-outlinedPrimary:hover {
    background: linear-gradient(to bottom, #f6f4f1 0%, #ebe7e1 100%) !important;
    color: #4a4540 !important;
    border-color: #b4a899 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    transform: none !important;
}

#ai-mod-button2 button.MuiButton-root svg {
    color: #b4a899 !important;
    font-size: 0.9em !important;
    transition: color 0.2s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
    color: #8a7e72 !important;
}

/* 4.8突破按钮外部容器宽度限制并居中，不影响输入框，保留原生滚动条 */
/* 仅在屏幕宽度大于等于 768px（电脑端/横屏）时生效 */
@media (min-width: 768px) {
    
    /* 1. 突破父级容器的宽度限制（强行覆盖内联 style="width: 720px;"） */
.bg-gradient-to-t .max-w-\[720px\],
.bg-linear-to-t .max-w-\[720px\] {
        max-width: 100% !important;
        width: 100% !important; 
    }

    /* 2. 按钮栏占满实际可用宽度，并保持安全居中（完美避开侧边栏且左侧不吞按钮） */
    #ai-mod-button2 {
        width: 100% !important;
        justify-content: safe center !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    /* 3. 将紧跟在按钮下方的输入框重新“勒紧”回 720px 并居中 */
    #ai-mod-button2 + div {
        max-width: 720px !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
}


/* ========================================
   [附加模块：截断继续生成按钮 SVG 图标 (适配莫兰迪主题)]
   ======================================== */
   
/* 【终极修改】使用相邻兄弟选择器：选中紧跟在“隐藏按钮”后面的第一个按钮 */
#toggle-sub-buttons + button::before {
    content: '';
    display: inline-block !important;
    flex-shrink: 0 !important; 
    width: 14px !important;           
    height: 14px !important;
    margin-right: 4px !important;     
    
    /* 莫兰迪色同步 */
    background-color: #b4a899 !important; 
    
    /* 引入SVG遮罩 */
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M734 264q-46-46-106-71-62-27-129-27-91 0-168 46-75 44-119 119-46 78-46 168t46 168q44 75 119 119 77 46 168 46 76 0 144-33 65-32 112-88.5T820 582h-86q-26 74-90.5 120.5T499 749q-68 0-125.5-34t-91-91T249 499t33.5-125 91-90.5T499 250q50 0 97 20 44 19 78 54L540 457h291V166z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M734 264q-46-46-106-71-62-27-129-27-91 0-168 46-75 44-119 119-46 78-46 168t46 168q44 75 119 119 77 46 168 46 76 0 144-33 65-32 112-88.5T820 582h-86q-26 74-90.5 120.5T499 749q-68 0-125.5-34t-91-91T249 499t33.5-125 91-90.5T499 250q50 0 97 20 44 19 78 54L540 457h291V166z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    
    transition: all 0.25s ease !important;
}

/* 悬浮时动效 */
#toggle-sub-buttons + button:hover::before {
    background-color: #8a7e72 !important; 
    transform: rotate(-45deg) scale(1.1) !important;
}

/* ========================================
   [附加模块：第二个自定义按钮 (增强性爱) SVG 图标]
   ======================================== */
   
/* 【核心定位】使用连续相邻兄弟选择器：选中“隐藏按钮”后面的第二个按钮 */
#toggle-sub-buttons + button + button::before {
    content: '';
    display: inline-block !important;
    flex-shrink: 0 !important; 
    /* 配合该主题的精致小字体，尺寸调整为 14px 达到最佳比例 */
    width: 14px !important;           
    height: 14px !important;
    margin-right: 4px !important;     
    
    /* 莫兰迪色同步 */
    background-color: #b4a899 !important; 
    
    /* 引入你提供的专属 SVG 遮罩 */
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M958 104h-62V43q0-17-12-29T855 2h-87q-17 0-29 12t-12 29v61h-62q-17 0-29 12t-12 29v4q-81-34-169-34-116 0-217 59-97 57-154 154-58 100-58 216.5T84 761q57 98 154 155 101 58 217.5 58T672 916q97-57 154-155 59-100 59-216 0-88-34-168h4q17 0 29-12t12-29v-62h62q17 0 29-12t12-29v-88q0-17-12-29t-29-12zM644 348q29 0 49.5 20.5t20.5 49-20.5 49T644 487t-49.5-20.5-20.5-49 20.5-49T644 348zm-377 0q29 0 49.5 20.5t20.5 49-20.5 49T267 487t-49.5-20.5-20.5-49 20.5-49T267 348zm473 255q-10 70-50.5 126.5t-102 88.5-132 32-132-32-102-88.5T171 603q-2-16 8.5-27.5T206 564h499q16 0 26.5 11.5T740 603zm218-370H855v103h-87V233H665v-88h103V43h87v102h103v88z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M958 104h-62V43q0-17-12-29T855 2h-87q-17 0-29 12t-12 29v61h-62q-17 0-29 12t-12 29v4q-81-34-169-34-116 0-217 59-97 57-154 154-58 100-58 216.5T84 761q57 98 154 155 101 58 217.5 58T672 916q97-57 154-155 59-100 59-216 0-88-34-168h4q17 0 29-12t12-29v-62h62q17 0 29-12t12-29v-88q0-17-12-29t-29-12zM644 348q29 0 49.5 20.5t20.5 49-20.5 49T644 487t-49.5-20.5-20.5-49 20.5-49T644 348zm-377 0q29 0 49.5 20.5t20.5 49-20.5 49T267 487t-49.5-20.5-20.5-49 20.5-49T267 348zm473 255q-10 70-50.5 126.5t-102 88.5-132 32-132-32-102-88.5T171 603q-2-16 8.5-27.5T206 564h499q16 0 26.5 11.5T740 603zm218-370H855v103h-87V233H665v-88h103V43h87v102h103v88z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    
    transition: all 0.25s ease !important;
}

/* 悬浮时动效 */
#toggle-sub-buttons + button + button:hover::before {
    background-color: #8a7e72 !important; 
    transform: scale(1.15) translateY(-1px) !important;
}

/* ========================================
   [模块五：平台分页栏]
   ======================================== */

/* 5.1 分页按钮基础样式 */
.MuiPaginationItem-root {
    background: linear-gradient(to bottom, #fdfcfa 0%, #f4f1ec 100%) !important;
    color: #4a4540 !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease !important;
}

.MuiPaginationItem-root:hover {
    background: linear-gradient(to bottom, #f6f4f1 0%, #ebe7e1 100%) !important;
    border-color: #b4a899 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

/* 5.2 分页按钮选中状态 */
.MuiPaginationItem-root.Mui-selected {
    background: #4a4540 !important;
    color: #f6f4f1 !important;
    border-color: #4a4540 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
}

/* 5.3 分页按钮禁用状态 */
.MuiPaginationItem-root.Mui-disabled {
    background: #f0ece7 !important;
    color: #c4b5a6 !important;
    border-color: #e5dfd8 !important;
    opacity: 0.6 !important;
    box-shadow: none !important;
}

/* 5.4 分页翻页箭头图标 */
.MuiPaginationItem-icon {
    color: #8a7e72 !important;
}

.MuiPaginationItem-root.Mui-selected .MuiPaginationItem-icon {
    color: #f6f4f1 !important;
}

/* 5.5 跳转输入区域容器 */
.MuiStack-root.css-1uwir8f {
    background: transparent !important;
}

/* 5.6 跳转输入区域文字 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #5a554f !important;
    font-family: 'Noto Sans SC', sans-serif !important;
}

/* 5.7 跳转输入区域输入框外层 */
.MuiInputBase-root.MuiInputBase-colorPrimary {
    background: #fdfcfa !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.MuiInputBase-root.MuiInputBase-colorPrimary:hover {
    border-color: #b4a899 !important;
}

.MuiInputBase-root.MuiInputBase-colorPrimary:focus-within {
    border-color: #8a7e72 !important;
    box-shadow: 0 0 0 1px rgba(138, 126, 114, 0.15) !important;
}

/* 5.8 跳转输入区域输入框内层 */
.MuiInputBase-input {
    background: transparent !important;
    border: none !important;
    color: #3b3a38 !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    padding: 4px 8px !important;
}

.MuiInputBase-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ========================================
   [模块六：平台评论区]
   ======================================== */

/* 6.1 评论区主背景容器 (保留纯色，用于覆盖输入栏和打星区底色) */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: #f6f4f1 !important;
}

/* 6.2 顶部标题 "评论(x)" */
div.text-lg.font-bold {
    font-family: 'Noto Serif SC', serif !important;
    color: #3b3a38 !important;
    letter-spacing: 1px !important;
}

/* 6.3 '个人评分'文字 */
p.MuiTypography-body1.text-grey-600 {
    color: #8a7e72 !important;
    font-family: 'Noto Sans SC', sans-serif !important;
}

/* 6.4 评分星星 (加深粉白色系，提升背景对比度) */
span.MuiRating-iconEmpty svg {
    color: #D6C5C9 !important; /* 未选中状态：带有灰粉调的浅色，比背景深，确保能看清轮廓 */
    transition: color 0.3s ease, transform 0.2s ease !important;
}

span.MuiRating-iconFilled svg {
    color: #ECA8B9 !important; /* 选中状态：更饱满的柔和樱花粉 */
    filter: drop-shadow(0 1px 3px rgba(236, 168, 185, 0.5)) !important; /* 增加粉色阴影，让星星有微微立体的发光感 */
    transition: color 0.3s ease, transform 0.2s ease !important;
}

/* 鼠标悬停时的微微放大互动效果 */
span.MuiRating-icon:hover svg {
    transform: scale(1.15) !important;
}

span.MuiRating-iconEmpty svg,
span.MuiRating-iconFilled svg {
    width: 22px !important; 
    height: 22px !important;
    margin: 0 !important; 
    display: block !important;
}

span.MuiRating-icon {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

span.MuiRating-decimal {
    margin: 0 1px !important; 
}

/* 6.5 评分数字 */
span.text-orange-500 {
    color: #8a7e72 !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 500 !important;
}

/* 6.6 输入框容器与边框 */
div.flex.flex-col.border-gray-200 {
    border-color: #d5cdc3 !important;
}

/* 6.7 评论输入框本体 */
textarea.rc-textarea {
    background: #fdfcfa !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    color: #3b3a38 !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    transition: border-color 0.3s ease !important;
}

textarea.rc-textarea:focus {
    border-color: #b4a899 !important;
    box-shadow: 0 0 0 1px rgba(180, 168, 153, 0.2) !important;
    outline: none !important;
}

/* 6.8 输入字数统计 */
div.bg-gray-100.text-gray-500 {
    background: #f0ece7 !important;
    color: #8a7e72 !important;
}

/* 6.9 发送评论按钮及图标 */
div.cursor-pointer.group.flex.items-center.justify-center {
    color: #8a7e72 !important;
    transition: color 0.3s ease !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
    color: #4a4540 !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
    color: #b4a899 !important;
    transition: color 0.3s ease !important;
}

/* 6.10 分割线 (隐藏官方原生分割线，解决最后一条评论排版不一致与间距缺失的问题) */
div.style_divider__mW0YX {
    display: none !important;
}

/* 6.11 排序按钮容器 */
.MuiStack-root.css-1dmzxoz {
    background: transparent !important;
}

/* 6.12 排序按钮 (已选中) */
button.MuiButton-containedPrimary {
    background: #4a4540 !important;
    color: #f6f4f1 !important;
    border: 1px solid #4a4540 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

/* 6.13 排序按钮 (未选中) */
button.MuiButton-outlinedPrimary {
    background: transparent !important;
    color: #5a554f !important;
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

button.MuiButton-outlinedPrimary:hover {
    background: #f0ece7 !important;
    border-color: #b4a899 !important;
}

/* 6.14 评论列表容器 (★ 新增：专属留言区背景图) */
div.p-3.overflow-y-auto {
    background-image: url('https://catai.wiki/f95e6da2-fa19-4820-95d1-cf3e182fb400/w=3000') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 6.15 单个评论项 (升级为独立毛玻璃卡片样式，统一所有评论的高度与间距) */
/* 1. 评论项基础容器 */
div.group.ml-0 {
    position: relative !important; /* 为伪元素确立定位基准 */
    background: transparent !important; /* 移除主底色，交给伪元素处理 */
    border: none !important; /* 移除原本的边框，避免一条实线横穿人物脸部 */
    padding: 16px !important; 
    margin-bottom: 16px !important; 
    transition: transform 0.3s ease !important;
}

/* 2. 构建“两侧毛玻璃、中间透明”的渐变遮罩层 */
div.group.ml-0::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    /* 基础底色与毛玻璃强度 */
    background: rgba(246, 244, 241, 0.85) !important; 
    border: 1px solid rgba(229, 223, 216, 0.8) !important; 
    backdrop-filter: blur(6px) !important; 
    
    /* 【核心魔法】线性渐变遮罩 */
    /* 0-15%实心，40-60%高度透明(完美露出中心人物)，85-100%实心 */
    -webkit-mask-image: linear-gradient(to right, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 15%, 
        rgba(0,0,0,0.05) 40%, 
        rgba(0,0,0,0.05) 60%, 
        rgba(0,0,0,1) 85%, 
        rgba(0,0,0,1) 100%
    ) !important;
    mask-image: linear-gradient(to right, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 15%, 
        rgba(0,0,0,0.05) 40%, 
        rgba(0,0,0,0.05) 60%, 
        rgba(0,0,0,1) 85%, 
        rgba(0,0,0,1) 100%
    ) !important;
    pointer-events: none !important; /* 确保遮罩不会阻挡鼠标点击 */
    transition: background 0.3s ease !important;
}

/* 3. 悬停时的卡片互动反馈 */
div.group.ml-0:hover::before {
    background: rgba(246, 244, 241, 0.95) !important; 
}
div.group.ml-0:hover {
    transform: translateY(-1px) !important; 
}

/* 4. 提升内容层级，确保内容在渐变背景之上 (巧妙利用DOM顺序替代z-index) */
div.group.ml-0 > * {
    position: relative !important;
}

/* ========================================
   【最高原则保障：强制可读性柔光护盾】
   ======================================== */
/* 当中间透明露出背景图时，为防止深色文字与背景图融为一体，
   强制为所有文字和操作按钮添加主题色(#f6f4f1)的柔和发光描边 */
div.group.ml-0 div.break-all,
div.group.ml-0 div.text-sm,
div.group.ml-0 div.text-xs,
div.group.ml-0 span.cursor-pointer,
div.group.ml-0 button {
    text-shadow: 
        -1px -1px 0 rgba(246, 244, 241, 0.9),
         1px -1px 0 rgba(246, 244, 241, 0.9),
        -1px  1px 0 rgba(246, 244, 241, 0.9),
         1px  1px 0 rgba(246, 244, 241, 0.9),
         0    0   6px rgba(246, 244, 241, 1) !important;
}

/* 6.16 评论用户头像 */
div.group img.rounded-full {
    border: 1px solid #d5cdc3 !important;
}

/* 6.17 评论用户名 */
div.text-sm.text-grey-600 span.font-bold {
    color: #4a4540 !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 600 !important;
}

/* 6.18 "(你)" 标签 */
span.text-\[10px\] {
    color: #b4a899 !important;
    font-size: 10px !important;
}

/* 6.19 评论内容正文 */
div.break-all {
    color: #3b3a38 !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    line-height: 1.7 !important;
}

/* 6.20 评论时间戳 */
div.text-xs.text-grey-600 {
    color: #b4a899 !important;
    font-family: 'Playfair Display', serif !important;
    font-style: italic !important;
}

/* 6.21 点赞按钮 */
button.text-gray-400 {
    color: #c4b5a6 !important;
    transition: color 0.3s ease !important;
}

button.text-gray-400:hover {
    color: #8a7e72 !important;
}

button.text-gray-400 svg {
    color: inherit !important;
}

/* 6.22 评论回复按钮文字 */
span.cursor-pointer {
    color: #8a7e72 !important;
    transition: color 0.3s ease !important;
}

span.cursor-pointer:hover {
    color: #4a4540 !important;
}

/* 6.23 回复区域缩进边框 */
div.ml-8.border-l {
    border-color: #e5dfd8 !important;
}

/* 6.24 作者寄语 */
div.flex.items-center.justify-between.py-3:has(div.text-lg.font-bold) {
    border-bottom: 1px solid rgba(180, 168, 153, 0.35) !important;
    position: relative !important; 
}

div.text-lg.font-bold::after {
    content: "· 谢谢你玩我的卡  ——豚豚鱼 ·" !important; 
    position: absolute !important;
    left: 50% !important;
    top: 50% !important; 
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 16px !important; 
    color: #6b6560 !important; 
    font-family: 'Noto Serif SC', 'Playfair Display', serif !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    white-space: nowrap !important;
    transform: translate(-50%, -50%) !important;
    animation: titleBreathe 4s ease-in-out infinite !important;
    transition: letter-spacing 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s ease !important;
}

@keyframes titleBreathe {
    0%, 100% { 
        opacity: 0.65; 
        text-shadow: 0 0 0 rgba(180, 168, 153, 0);
    }
    50% { 
        opacity: 1; 
        text-shadow: 0 0 8px rgba(180, 168, 153, 0.4);
    }
}

div.text-lg.font-bold:hover::after {
    color: #4a4540 !important;
    letter-spacing: 4px !important;
    animation-play-state: paused !important; 
    opacity: 1 !important; 
}

/* ========================================
   [模块七：自定义组件 - 状态栏与卡片]
   ======================================== */

/* 7.1 正文区域 */
.main-body {
    background: #f6f4f1;
    color: #3b3a38;
    font-family: 'Noto Serif SC', 'Georgia', serif;
    font-size: 1.04em;
    font-weight: 400;
    line-height: 2;
    padding: 36px 40px;
    margin: 0 auto 24px auto;
    max-width: 700px;
    border: none;
    border-left: 3px solid #c4b5a6;
    border-radius: 0;
    box-shadow: none;
    letter-spacing: 0.5px;
}

/* 7.2 核心状态面板容器 */
.status-panel {
    position: relative;
    background: #f6f4f1;
    color: #3b3a38;
    font-family: 'Noto Sans SC', sans-serif;
    border: 1px solid #d5cdc3;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    max-width: 700px;
    margin: 24px auto;
    overflow: hidden;
    transition: box-shadow 0.4s ease;
}

/* 状态面板杂志风内框 */
.status-panel::before {
    content: '';
    position: absolute;
    inset: 12px;
    pointer-events: none;
    z-index: 10;
    border: 1px solid rgba(180, 168, 153, 0.35);
    transition: border-color 0.4s ease;
}

.status-panel:hover::before {
    border-color: rgba(180, 168, 153, 0.6);
}

.status-panel:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* 7.3 折叠式标题栏 (含纹理底色 + 英文副标题) */
.status-details {
    margin-bottom: 0 !important;
}

.status-details > summary {
    font-family: 'Playfair Display', 'Noto Serif SC', serif;
    font-size: 1.5em;
    font-weight: 500;
    color: #4a4540;
    padding: 28px 48px 36px 48px;
    cursor: pointer;
    list-style: none;
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    background: repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(180, 168, 153, 0.06) 8px, rgba(180, 168, 153, 0.06) 9px), #e8e0d6;
    border-top: 2px solid #b4a899;
    border-bottom: 1px solid #d5cdc3;
    letter-spacing: 3px;
    transition: letter-spacing 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.3s ease, color 0.3s ease;
}

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

.status-details > summary:hover {
    background: repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(180, 168, 153, 0.1) 8px, rgba(180, 168, 153, 0.1) 9px), #e2d9ce;
    letter-spacing: 5px;
    color: #3b3a38;
}

/* 英文副标题装饰线 */
.status-details > summary::after {
    content: 'The quiet story between you and me';
    display: block;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 0.38em;
    font-weight: 400;
    color: #a09282;
    letter-spacing: 2.5px;
    margin-top: 8px;
    white-space: nowrap;
    transition: color 0.3s ease, letter-spacing 0.5s ease;
}

.status-details > summary:hover::after {
    color: #7a6e62;
    letter-spacing: 3.5px;
}

.status-details[open] > summary {
    border-bottom-color: #c4b5a6;
}

/* 7.4 面板内容区域基础样式 */
.status-content {
    padding: 20px 32px;
    background-color: transparent;
}

/* 7.5 角色卡片折叠组件 */
.character-details {
    border: 1px solid #d5cdc3;
    border-radius: 0;
    margin-bottom: 16px;
    background: #faf8f5;
    transition: all 0.3s ease;
    box-shadow: none;
}

.character-details[open] {
    border-color: #b4a899;
    background: #fdfcfa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.character-details > summary {
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
    font-size: 0.98em;
    padding: 12px 18px;
    cursor: pointer;
    list-style: none;
    outline: none;
    position: relative;
    color: #4a4540;
    background: transparent;
    border-radius: 0;
    letter-spacing: 0.5px;
    transition: background 0.2s ease, color 0.2s ease;
}

.character-details > summary:hover {
    background: rgba(196, 181, 166, 0.1);
}

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

.character-details > summary::before {
    content: '+';
    margin-right: 12px;
    font-family: 'Playfair Display', serif;
    font-size: 0.85em;
    font-weight: 400;
    transition: transform 0.3s ease;
    display: inline-block;
    color: #b4a899;
}

.character-details[open] > summary::before {
    content: '−';
}

.character-card-content {
    padding: 10px 20px 16px 20px;
    font-size: 0.84em;
    line-height: 1.75;
    border-top: 1px solid #e5dfd8;
    color: #4a4540;
    background: transparent;
}

.character-card-content p {
    margin: 8px 0;
}

.character-card-content strong {
    color: #3b3a38;
    font-weight: 600;
}

/* 7.6 自定义高亮标题 */
.highlight-title {
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 700 !important;
    font-size: 0.95em !important;
    color: #4a4540 !important;
    margin: 18px 0 8px 0 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #d5cdc3;
    letter-spacing: 1px;
    position: relative;
}

.highlight-title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 28px;
    height: 2px;
    background: #b4a899;
}

/* 7.7 信息分区样式 */
.section {
    margin-bottom: 22px;
    padding-top: 20px;
    position: relative;
}

/* 分区杂志风分隔线 */
.section::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background: #d5cdc3;
}

.section::after {
    content: '·';
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #b4a899;
    background: #f6f4f1;
    padding: 0 12px;
    letter-spacing: 0;
}

.section:first-of-type {
    padding-top: 8px;
}

.section:first-of-type::before,
.section:first-of-type::after {
    display: none;
}

.section h3 {
    font-family: 'Noto Serif SC', serif;
    font-weight: 700;
    color: #3b3a38;
    font-size: 1.05em;
    margin-top: 0;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: none;
    letter-spacing: 1.5px;
    position: relative;
}

.section h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background: #b4a899;
    transition: width 0.3s ease;
}

.section:hover h3::after {
    width: 48px;
}

/* 7.8 信息网格布局 */
.info-grid {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 9px 16px;
    font-size: 0.85em;
    line-height: 1.7;
}

.info-key {
    color: #8a7e72;
    font-weight: 500;
    font-size: 0.88em;
    letter-spacing: 0.3px;
}

.info-value {
    color: #3b3a38;
    font-weight: 400;
}

/* 7.9 滚动区域样式 */
.scroll-box {
    max-height: 200px;
    overflow-y: auto;
    padding: 10px;
    background: #faf8f5;
    border-radius: 0;
    border: 1px solid #e5dfd8;
    box-shadow: none;
}

/* 自定义滚动条 */
.scroll-box::-webkit-scrollbar {
    width: 6px;
}

.scroll-box::-webkit-scrollbar-track {
    background: #f0ece7;
}

.scroll-box::-webkit-scrollbar-thumb {
    background: #c4b5a6;
    border-radius: 3px;
    transition: background 0.2s ease;
}

.scroll-box::-webkit-scrollbar-thumb:hover {
    background: #a89b8c;
}

/* 7.10 记忆区域特殊样式 */
.memory-section {
    padding-left: 0;
    padding-right: 0;
}

.memory-section h3 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 1.02em;
}

.memory-details {
    border: none;
    margin-bottom: 0;
    background: transparent;
}

.memory-details > summary {
    font-family: 'Noto Serif SC', serif;
    font-weight: 700;
    color: #3b3a38;
    font-size: 1.05em;
    margin-top: 0;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: none;
    letter-spacing: 1.5px;
    position: relative;
    cursor: pointer;
    list-style: none;
    outline: none;
    transition: color 0.3s ease;
}

.memory-details > summary:hover {
    color: #5a554f;
}

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

.memory-details > summary::before {
    content: '+';
    font-family: 'Playfair Display', serif;
    font-size: 0.75em;
    font-weight: 400;
    margin-right: 10px;
    display: inline-block;
    transition: transform 0.3s ease;
    color: #b4a899;
}

.memory-details[open] > summary::before {
    content: '−';
}

.memory-details > summary::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background: #b4a899;
}

.memory-content {
    padding: 0;
}

.memory-content h4 {
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
    color: #4a4540;
    font-size: 0.92em;
    margin: 16px 0 10px 0;
    padding-left: 14px;
    border-left: 2px solid #b4a899;
    letter-spacing: 0.5px;
}

.memory-rules {
    max-height: 120px;
    margin-bottom: 16px;
    background: #faf8f5;
}

.memory-log p {
    padding: 8px 12px;
    border-bottom: 1px solid #ebe7e1;
    font-size: 0.84em;
    margin: 0;
    background: #fdfcfa;
    border-radius: 0;
    margin-bottom: 0;
    transition: background 0.2s ease;
}

.memory-log p:hover {
    background: #f6f4f1;
}

.memory-log p:last-child {
    border-bottom: none;
}

/* 7.11 记忆表格样式 (已修复溢出问题) */
.memory-log table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.84em;
    background: #fdfcfa;
    table-layout: fixed; /* 强制固定表格布局，防止内容撑破容器 */
}

.memory-log th,
.memory-log td {
    padding: 9px 12px;
    text-align: left;
    border-bottom: 1px solid #e5dfd8;
    line-height: 1.55;
    word-wrap: break-word; /* 允许长单词换行 */
    overflow-wrap: break-word; /* 确保兼容性 */
    white-space: normal; /* 禁止文本强制单行显示 */
}

/* 为表格列分配固定比例宽度，提升视觉美观度 */
.memory-log th:nth-child(1),
.memory-log td:nth-child(1) { 
    width: 12%; 
}
.memory-log th:nth-child(2),
.memory-log td:nth-child(2) { 
    width: 28%; 
}
.memory-log th:nth-child(3),
.memory-log td:nth-child(3) { 
    width: 20%; 
}
.memory-log th:nth-child(4),
.memory-log td:nth-child(4) { 
    width: 40%; 
}

.memory-log thead th {
    background: #f0ece7;
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
    border-bottom: 2px solid #c4b5a6;
    color: #3b3a38;
    letter-spacing: 0.8px;
    font-size: 0.9em;
    text-transform: uppercase;
}

.memory-log tbody tr {
    transition: background 0.2s ease;
}

.memory-log tbody tr:hover {
    background: #f6f4f1;
}

.memory-log tbody tr:nth-child(even) {
    background: rgba(196, 181, 166, 0.06);
}

.memory-log tbody tr:nth-child(even):hover {
    background: #f6f4f1;
}

.memory-log td:first-child {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    text-align: center;
    color: #8a7e72;
    font-size: 0.95em;
}

/* ========================================
   [模块八：Markdown/HTML 原生元素强化]
   ======================================== */

/* 8.1 代码块 (pre/code) 根容器美化 (S1) */
.markdown-body pre {
    background: repeating-linear-gradient(135deg, transparent, transparent 12px, rgba(180, 168, 153, 0.04) 12px, rgba(180, 168, 153, 0.04) 13px), #faf8f5 !important;
    border: 1px solid #e5dfd8 !important;
    border-left: 3px solid #c4b5a6 !important;
    border-radius: 0 !important;
    margin: 16px 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
}

/* 8.2 覆盖平台强制的内联白色背景 (R4 规则) */
.markdown-body pre > div > div[node],
.markdown-body pre > div > div:last-child {
    background: transparent !important;
    padding: 18px 22px !important;
}

/* 8.3 平台自带头部栏美化 (添加适配风格的底色，不影响正文) */
.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
    background: #f0ece7 !important; /* 柔和的纸张质感底色 */
    border-bottom: 1px solid #e5dfd8 !important;
    padding: 4px 18px !important;
}

/* 8.3.1 复制按钮背景联动 (严格遵守UI规范，即便在8.5隐藏了按钮，也需补齐该规则以防错位) */
.markdown-body pre div[data-tooltip-id^="copy-tooltip"],
.markdown-body pre .copy-btn-legacy {
    background: #f0ece7 !important; /* 适配头部背景的按钮底色 */
}
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover,
.markdown-body pre .copy-btn-legacy:hover {
    background-color: #e6e0d8 !important;
}
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > div:hover,
.markdown-body pre .icon-copy-v2:hover {
    background-color: #d5cdc3 !important;
}

/* 8.4 接管平台自带的语言标签 (替代原先违规的 ::before) */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\],
.markdown-body pre > div > div.flex.justify-between > div:first-child {
    font-family: 'Playfair Display', serif !important;
    font-style: italic !important;
    font-size: 13px !important;
    color: #a09282 !important;
    letter-spacing: 1.5px !important;
    text-transform: capitalize !important;
}

/* 8.5 隐藏代码块自带的复制按钮及其悬浮提示容器 */
.markdown-body pre .tooltip-container,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"],
.markdown-body pre .copy-btn-legacy {
    display: none !important;
}

/* 8.6 代码文本排版 */
.markdown-body pre code[class^="language-"],
.markdown-body pre > div > div[node] > code {
    font-family: 'Noto Sans SC', sans-serif !important;
    font-size: 0.84em !important;
    line-height: 1.8 !important;
    color: #4a4540 !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    letter-spacing: 0.3px !important;
    display: block !important;
}

/* 8.7 代码块内滚动条 (指向正确的滚动容器) */
.markdown-body pre > div > div[node]::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-track {
    background: #f0ece7 !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb {
    background: #c4b5a6 !important;
    border-radius: 3px !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb:hover {
    background: #a89b8c !important;
}

/* 8.8 野生 details/summary 美化 (增加平台顶级权重控制) */
.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) {
    border: 1px solid #d5cdc3 !important;
    border-radius: 0 !important;
    margin: 16px 0 !important;
    background: #faf8f5 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.markdown-body details:not(.status-details):not(.character-details):not(.memory-details)[open] {
    border-color: #b4a899 !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
}

.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) > summary {
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 600 !important;
    font-size: 0.95em !important;
    color: #4a4540 !important;
    padding: 14px 20px !important;
    cursor: pointer !important;
    list-style: none !important;
    outline: none !important;
    position: relative !important;
    background: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(180, 168, 153, 0.05) 10px, rgba(180, 168, 153, 0.05) 11px), #ede8e1 !important;
    border-bottom: 1px solid #d5cdc3 !important;
    letter-spacing: 1px !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) > summary:hover {
    background: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(180, 168, 153, 0.08) 10px, rgba(180, 168, 153, 0.08) 11px), #e6e0d8 !important;
    color: #3b3a38 !important;
}

.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) > summary::-webkit-details-marker {
    display: none !important;
}

.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) > summary::before {
    content: '+' !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 0.85em !important;
    font-weight: 400 !important;
    margin-right: 10px !important;
    color: #b4a899 !important;
    display: inline-block !important;
}

.markdown-body details:not(.status-details):not(.character-details):not(.memory-details)[open] > summary::before {
    content: '−' !important;
}

/* 8.9 野生 details 内部内容 */
.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) > *:not(summary) {
    padding: 14px 22px !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-size: 0.84em !important;
    line-height: 1.8 !important;
    color: #4a4540 !important;
}

.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) p {
    margin: 6px 0 !important;
}

/* 8.10 视觉锚点：将加粗文本转化为 UI 标签 */
.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) strong {
    display: inline-block !important;
    background: linear-gradient(135deg, #f0ece7, #e6e0d8) !important;
    color: #6b5d50 !important;
    padding: 2px 10px !important;
    border-radius: 6px !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    margin-right: 8px !important;
    margin-bottom: 4px !important;
    border: 1px solid #d5cdc3 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    letter-spacing: 0.5px !important;
    line-height: 1.6 !important;
}

/* ========================================
   [8.11 表格与记忆区专属美化]
   ======================================== */

/* 限制表格宽度，强制文本换行，根除横向滚动条 */
.markdown-body table {
    width: 100% !important;
    table-layout: fixed !important; /* 强制按比例分配宽度 */
    word-wrap: break-word !important;
    word-break: break-word !important;
    border-collapse: collapse !important;
    margin: 12px 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

/* 允许单元格内长文本自然换行 */
.markdown-body table th,
.markdown-body table td {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    padding: 10px 8px !important;
    border: 1px solid #e5dfd8 !important;
    color: #4a4540 !important;
    font-size: 0.88em !important;
    line-height: 1.6 !important;
}

/* 针对记忆区 4列表格 的列宽自适应分配 (No, Time, Scene, Event) */
.markdown-body details table th:nth-child(1),
.markdown-body details table td:nth-child(1) { width: 8% !important; text-align: center !important; }
.markdown-body details table th:nth-child(2),
.markdown-body details table td:nth-child(2) { width: 25% !important; }
.markdown-body details table th:nth-child(3),
.markdown-body details table td:nth-child(3) { width: 22% !important; }
.markdown-body details table th:nth-child(4),
.markdown-body details table td:nth-child(4) { width: 45% !important; }

/* 表格斑马色背景 (偶数行) */
.markdown-body table tbody tr:nth-child(even) {
    background-color: rgba(180, 168, 153, 0.08) !important;
}

/* 表格 Hover 交互效果 (增强阅读时的焦点跟随) */
.markdown-body table tbody tr:hover {
    background-color: rgba(180, 168, 153, 0.15) !important;
    transition: background-color 0.2s ease !important;
}

/* 表头独立美化，与整体风格保持一致 */
.markdown-body table th {
    background: linear-gradient(135deg, #f0ece7, #e6e0d8) !important;
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #5c5346 !important;
}

/* ========================================
   [模块九：响应式与打印适配]
   ======================================== */

/* 9.1 移动端适配 */
@media (max-width: 768px) {
    /* 状态面板微调 */
    .status-panel {
        font-size: 14px;
        border-radius: 0;
        margin: 0;
        box-shadow: none;
    }

    .status-panel::before {
        inset: 8px;
    }

    .main-body {
        font-size: 1em;
        padding: 24px 22px;
        border-radius: 0;
        line-height: 1.9;
    }

    .status-details > summary {
        font-size: 1.3em;
        padding: 20px 32px 28px 32px;
        letter-spacing: 2px;
    }

    .status-details > summary::after {
        font-size: 0.36em;
        letter-spacing: 1.5px;
        margin-top: 6px;
    }

    .status-details > summary:hover {
        letter-spacing: 3px;
    }

    .status-content {
        padding: 14px 20px;
    }

    .info-grid {
        grid-template-columns: 90px 1fr;
        gap: 7px 12px;
        font-size: 0.82em;
    }

    .scroll-box {
        max-height: 160px;
    }

    .memory-log table {
        font-size: 0.8em;
    }

    .memory-log th,
    .memory-log td {
        padding: 7px 9px;
    }

    .character-card-content {
        padding: 8px 16px 14px 16px;
        font-size: 0.8em;
    }

    .highlight-title {
        font-size: 0.9em !important;
    }

    /* 移动端按钮微调 */
    #ai-mod-button2 button.MuiButton-root {
        font-size: 0.7em !important;
        padding: 3px 8px !important;
    }

    .MuiStack-root.css-1dzoql9 button.MuiButton-root.MuiButton-text {
        font-size: 0.68em !important;
        padding: 2px 8px !important;
    }

    /* 移动端代码块 */
    pre {
        padding: 14px 16px !important;
        margin: 12px 0 !important;
    }

    pre > code[class^="language-"] {
        font-size: 0.8em !important;
        line-height: 1.7 !important;
    }

    /* 移动端野生details */
    details:not(.status-details):not(.character-details):not(.memory-details) > summary {
        font-size: 0.9em;
        padding: 12px 16px;
    }

    details:not(.status-details):not(.character-details):not(.memory-details) > *:not(summary) {
        padding: 10px 16px;
        font-size: 0.8em;
    }

    /* 移动端加载动画 */
    .flex.items-center.justify-center.w-6.h-5::before {
        font-size: 14px !important;
    }

    .flex.items-center.justify-center.w-6.h-5::after {
        height: 15px !important;
    }
}

/* 9.2 打印样式优化 (导出长图或PDF时生效) */
@media print {
    .status-panel {
        box-shadow: none;
        border: 1px solid #000;
    }

    .status-panel::before {
        display: none;
    }

    .scroll-box {
        max-height: none;
        overflow: visible;
    }

    pre {
        border-left-color: #000 !important;
        box-shadow: none !important;
    }
}

/* ========================================
   [模块十：推荐行动区域美化]
   ======================================== */

/* 10.1 容器外框与底色 */
.action-container {
    margin-top: 24px;
    padding: 20px 24px;
    background: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(180, 168, 153, 0.04) 10px, rgba(180, 168, 153, 0.04) 11px), #fdfcfa;
    border: 1px solid #d5cdc3;
    border-top: 3px solid #c4b5a6;
    position: relative;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

/* 10.2 标题样式 */
.action-title {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.05em;
    font-weight: 700;
    color: #4a4540;
    margin-bottom: 16px;
    letter-spacing: 1.5px;
    display: flex;
    align-items: center;
}

.action-title::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 14px;
    background: #b4a899;
    margin-right: 10px;
}

.action-title::after {
    content: 'What will you do next?';
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 0.65em;
    font-weight: 400;
    color: #a09282;
    margin-left: 12px;
    letter-spacing: 1px;
    position: relative;
    top: 2px;
}

/* 10.3 选项网格布局 */
.action-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 10.4 单个选项卡片样式 */
.action-option {
    display: flex;
    align-items: flex-start;
    background: #f6f4f1;
    border: 1px solid #e5dfd8;
    padding: 12px 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.action-option:hover {
    background: #fdfcfa;
    border-color: #c4b5a6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transform: translateX(4px);
}

/* 悬停时的左侧光标指示 */
.action-option::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #b4a899;
    transform: scaleY(0);
    transition: transform 0.3s ease;
    transform-origin: center;
}

.action-option:hover::before {
    transform: scaleY(1);
}

/* 10.5 选项序号样式 */
.action-num {
    font-family: 'Playfair Display', serif;
    font-size: 1.1em;
    font-weight: 600;
    color: #8a7e72;
    min-width: 24px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #d5cdc3;
    padding-right: 12px;
    transition: color 0.3s ease;
}

.action-option:hover .action-num {
    color: #4a4540;
}

/* 10.6 选项文本样式 */
.action-text {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 0.9em;
    color: #5a554f;
    line-height: 1.6;
    transition: color 0.3s ease;
}

.action-option:hover .action-text {
    color: #3b3a38;
}

/* 10.6 补丁：消除状态栏收起时的多余间距 */   
/* 移除原有的固定 margin-top，改为根据 details 的展开状态动态调整 */
.action-container {
    /* 将原本模块十中的 margin-top: 24px; 删掉或覆盖 */
    margin-top: 0; 
}

/* 当状态栏收起时，消除多余间距（如果需要微调，可将 0 改为 8px 等小数值） */
details.status-details:not([open]) + .action-container {
    margin-top: 0;
}

/* ========================================
   [模块十一：自定义光标]
   ======================================== */


/* ===== 1. 默认光标（背景、空白区域） ===== */
/* 全局基础元素 */
html, body, #__next, .h-full, .flex-col, .grow, .overflow-auto,
/* 侧边栏及其内部所有非交互元素（按钮、链接、输入框等除外） */
#sidebar-container,
#sidebar-container *:not(button):not(a):not([role="button"]):not(input):not(textarea),
/* 主聊天容器 */
.chat-container,
/* 消息滚动区域 */
.overflow-y-auto.w-full.h-full,
/* 包含 chat 字样的容器（备用） */
[class*="chat-container"],
/* 消息列表的外层容器（带 pt-24 类） */
.mx-auto.pt-24,
/* 消息容器内非消息气泡的空白区 */
.chat-container > div:not(.group):not([class*="message"]),
/* 分页栏外层容器 */
.py-0.w-full.flex.flex-wrap.justify-center.items-center,
/* 分页导航根元素 */
.MuiPagination-root,
/* 分页右侧“跳至”文本容器 */
.MuiStack-root.text-sm,
/* 底部白色渐变背景容器（绝对定位） */
div[class*="bg-gradient-to-t"][class*="bottom-0"],
div[class*="bg-linear-to-t"][class*="bottom-0"] {
    cursor: url('https://image2url.com/r2/default/files/1772788381277-11e888d3-d64d-4003-b000-78db3ff2f34f.cur'), default !important;
}

/* ===== 2. 指针光标（所有可点击元素） ===== */
/* 原有特定的绝对定位容器 */
div.absolute.left-1\/2.-translate-x-1\/2.z-10.md\:static.md\:left-auto.md\:translate-x-0,
/* 所有原生按钮 */
button,
/* 所有带 href 的链接 */
a[href],
/* 所有带角色 button 的元素 */
[role="button"],
/* MUI 按钮基类 */
.MuiButtonBase-root,
/* MUI 标签页 */
.MuiTab-root,
/* 所有包含 cursor-pointer 类的元素（Tailwind 工具类） */
[class*="cursor-pointer"],
/* 侧边栏菜单项（特定类名） */
.MuiBox-root.css-hjp5m2,
/* 会话列表项（注意类名拼写） */
.MuiStack-root.ursor-pointer,
/* 隐藏/显示按钮 */
#toggle-sub-buttons,
/* 所有带 cursor-pointer 的 span */
span.cursor-pointer,
/* 原生的 summary 元素 */
summary,

/* ========================================== */
/* ===== 下面是高层级强制修复与新增覆盖代码 ===== */
/* ========================================== */

/* 强制覆盖 HTML 状态面板标题栏 */
.status-panel summary,
/* 强制覆盖 即时状态/主角/女友面板 标题栏 */
.status-panel details.status-details > summary,
/* 强制覆盖 女友核心档案 标题栏 */
.status-panel details.character-details > summary,
/* 强制覆盖 记忆回廊 标题栏 */
.status-panel details.memory-details > summary,

/* 强制覆盖 底部流式/Mod 普通按钮 */
#ai-mod-button2 button.MuiButton-root,
/* 强制覆盖 底部流式/Mod 图标按钮 */
#ai-mod-button2 button.MuiIconButton-root,
/* 强制覆盖 底部流式/Mod 基类按钮 */
#ai-mod-button2 .MuiButtonBase-root,

/* 强制覆盖 聊天气泡底部操作按钮（复制、编辑、刷新等 MUI 图标按钮） */
.MuiIconButton-root,
/* 强制覆盖 聊天气泡底部灰字按钮（400色） */
.group button.text-gray-400,
/* 强制覆盖 聊天气泡底部灰字按钮（500色） */
.group button.text-gray-500,

/* 强制覆盖 分页栏的页面选择按钮 */
.MuiPaginationItem-root,

/* 强制覆盖 顶部模型选择器 */
#ai-model-selector .group.flex.items-center,

/* 强制覆盖 重构的主输入栏发送按钮（果冻爱心） */
#ai-send-button,
/* 强制覆盖 评论区的发送按钮（果冻爱心） */
div.flex.flex-col.border-gray-200 div.cursor-pointer.group.flex.items-center.justify-center,
/* 强制覆盖 AI气泡专属：“查看消耗”伪装按钮 (::after伪元素) */
#ai-chat-answer .MuiStack-root:not(.text-purple-500)::after,
/* 强制覆盖 通用MUI text按钮兜底样式 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
    /* 统一替换为你指定的自定义光标 */
    cursor: url('https://image2url.com/r2/default/files/1772788312955-4d8f1f54-ba4c-46bb-bb36-08aa7be7f834.cur'), pointer !important;
    
    /* 强制禁止文字选中，提升按钮和面板的点击体验 */
    -webkit-user-select: none !important; /* Safari */
    -moz-user-select: none !important;    /* Firefox */
    -ms-user-select: none !important;     /* IE10+/Edge */
    user-select: none !important;         /* 标准语法 */
}

/* 底部功能栏按钮内部元素 */
#ai-mod-button2 button *,
/* 状态面板标题栏内部元素 */
.status-panel summary *,
/* 聊天气泡操作按钮内部元素 */
.MuiIconButton-root *,
/* 分页栏按钮内部元素 */
.MuiPaginationItem-root *,
/* 顶部模型选择器内部元素 */
#ai-model-selector .group.flex.items-center *,
/* 主输入栏发送按钮内部元素 */
#ai-send-button *,
/* 评论区发送按钮内部元素 */
div.flex.flex-col.border-gray-200 div.cursor-pointer.group.flex.items-center.justify-center *,
/* 通用MUI text按钮内部元素 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text * {
    /* 确保鼠标指到图标或文字的线条上时，依然继承父级的自定义光标 */
    cursor: inherit !important;
}

/* ===== 3. 文本光标（输入区域及可选中内容） ===== */

/* 所有原生输入框 */
input,
/* 所有多行文本输入框 */
textarea,
/* 可编辑内容区域 */
[contenteditable="true"],
/* 特定类名的输入框（rc-textarea） */
.rc-textarea,
/* MUI 输入框的内部输入元素 */
.MuiInputBase-input,
/* MUI 输入框的外层容器（覆盖边框和内边距区域） */
.MuiInputBase-root,
/* 明确指定 MUI 输入框的内部输入（提高优先级） */
input.MuiInputBase-input,
/* Markdown 正文内容（可选中） */
.markdown-body,
/* 消息内容通用类 */
.message-content,
/* 包含 message-content 字样的类 */
[class*="message-content"],
/* AI 回答容器内的 Markdown */
.chat-answer-container .markdown-body,
/* 消息组内的 Markdown */
.group .markdown-body,

/* ========================================== */
/* ===== 引导用户复制的行动选项区域 ===== */
/* ========================================== */

/* 1. 行动选项容器与具体文字内容（保持文本光标与可选中状态） */
.action-option,
.action-option .action-text {
    cursor: url('https://image2url.com/r2/default/files/1772788430224-6720503e-0f9d-4d8f-8429-61abe2136a44.cur'), text !important;
    /* 显式允许文本选中 */
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* 2. 单独针对行动选项的数字序号（禁止选中，防止复制时误触） */
.action-option .action-num {
    /* 强制禁止选中 */
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    /* 替换为你自定义的默认箭头光标，而不是系统默认光标 */
    cursor: url('https://image2url.com/r2/default/files/1772788381277-11e888d3-d64d-4003-b000-78db3ff2f34f.cur'), default !important; 
}

/* ===== 4. 帮助光标（模型选择器、提示图标等） ===== */
/* 模型选择器区域 */
#ai-model-selector .group,
/* 所有向下箭头图标（数据属性） */
[data-icon="ChevronDown"],
/* 所有滑块图标（数据属性） */
[data-icon="SlidersH"],
/* MUI 选择框的下拉图标 */
.MuiSelect-icon,
/* MUI 菜单列表（悬停时） */
.MuiMenu-list,
/* 类名包含 help 的 SVG 图标 */
svg[class*="help"],
/* 标签包含 help 的元素 */
[aria-label*="help"] {
    cursor: url('https://image2url.com/r2/default/files/1772788397523-fa4c27a5-0e2c-4325-b7f8-67c4d4b425e3.cur'), help !important;
}

/* ===== 5. 垂直滚动区域（仅当无更具体光标时生效） ===== */
/* 所有 overflow-y-auto 容器（滚动区域背景） */
.overflow-y-auto,
/* 类名包含 scroll 的元素（如自定义滚动条区域） */
[class*="scroll"],
/* 类名包含 overflow-auto 的元素 */
[class*="overflow-auto"] {
    cursor: url('https://image2url.com/r2/default/files/1772788414232-766a9763-1e93-48e1-b719-d2813b7aede3.cur'), n-resize !important;
}




/* 修复：强制将 Markdown 正文区的所有野生伸缩栏标题替换为自定义光标 */
.markdown-body details > summary,
.markdown-body details:not(.status-details):not(.character-details):not(.memory-details) > summary {
    cursor: url('https://image2url.com/r2/default/files/1772788312955-4d8f1f54-ba4c-46bb-bb36-08aa7be7f834.cur'), pointer !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}