/* 隐藏浅蓝色条 */
div[class*="bg-[#c9e1e9]"][class*="top-0"][class*="h-0.5"] {
  display: none !important;
}

/* 隐藏浅粉色条 */
div[class*="bg-[#F1CBCB]"][class*="top-0"][class*="h-0.5"] {
  display: none !important;
}

.group .bg-gray-100\/90 {

background: #faf6f0 !important;

border: 3px double #8b5e3c !important;

outline: 1px solid #d9cbb8;
outline-offset: -6px;
border-radius: 8px !important;

box-shadow:
0 2px 4px rgba(61, 43, 31, 0.12),
0 6px 14px rgba(61, 43, 31, 0.08) !important;

color: #3d2b1f !important;

padding: 14px 16px !important;
}

.flex.items-center.gap-2.pb-2 > button {

background: #f5f0e8 !important;

color: #3d2b1f !important;

border: 2px double #8b5e3c !important;
border-radius: 4px !important;

box-shadow:
0 1px 3px rgba(61, 43, 31, 0.15),
0 2px 6px rgba(61, 43, 31, 0.08) !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0.04em !important;
transition: all 0.2s ease-in-out !important;
padding: 6px 16px !important;
}

.flex.items-center.gap-2.pb-2 > button:hover {
background: #ede3d4 !important;
color: #3d2b1f !important;
border-color: #6b3f22 !important;
box-shadow:
0 1px 2px rgba(61, 43, 31, 0.2) !important;
transform: translateY(1px) !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
 
}

#ai-chat-input {

background-color: #fefcf8 !important;

border: 2px double #8b5e3c !important;
border-radius: 6px !important;

color: #3d2b1f !important;

box-shadow: inset 1px 1px 3px rgba(61, 43, 31, 0.1) !important;

--placeholder-color: #b8a590;
}
#ai-chat-input::placeholder {
color: #b8a590 !important;
opacity: 1 !important;
}

#ai-chat-bottom-input {
background: #f5f0e8 !important;
backdrop-filter: none !important;
}

@media (prefers-color-scheme: dark) {
.group .bg-gray-100\/90 {
color: #faf6f0 !important;
background: #3d2b1f !important;
border-color: #c9a87c !important;
outline-color: #6b4f3c;
}
.flex.items-center.gap-2.pb-2 > button {
color: #faf6f0 !important;
background: #5c3d2e !important;
border-color: #c9a87c !important;
}
.flex.items-center.gap-2.pb-2 > button:hover {
background: #4a2e20 !important;
color: #faf6f0 !important;
}
#ai-chat-input {
color: #faf6f0 !important;
background-color: #3d2b1f !important;
border-color: #c9a87c !important;
}
#ai-chat-input::placeholder {
color: #c9a87c !important;
}
#ai-chat-bottom-input {
background: #2a1a1a !important;
}
}


details {
display: block;
margin: 1em 0;
padding: 0.8em 1em;

background: #faf6f0;

border: 2px double #c9a87c;
border-radius: 8px;

box-shadow: 0 2px 6px rgba(61, 43, 31, 0.1),
0 1px 2px rgba(61, 43, 31, 0.08);

font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
font-size: 0.95em;
color: #3d2b1f;
transition: all 0.2s ease;
}

details[open] {
box-shadow: 0 4px 12px rgba(61, 43, 31, 0.15),
0 2px 4px rgba(61, 43, 31, 0.1);
background: #fdfcf8;
}

summary {
display: block;
position: relative;
padding: 0.2em 0;
cursor: pointer;
font-weight: 600;
font-size: 1em;
letter-spacing: 0.04em;
color: #5c3d2e;
outline: none;
user-select: none;

list-style: none;
}
summary::-webkit-details-marker {
display: none;
}

summary:hover {
color: #8b5e3c;
}

table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;

background: #ffffff;
color: #2c2c2c;
border: 1px solid #d0c8b8;
font-size: 0.9em;
letter-spacing: 0.03em;

display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}

th, td {
padding: 0.65em 0.9em;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #e0d6c5;
white-space: nowrap;
}

th {
background: #f5efe2;
color: #4a3620;
font-weight: 700;
font-size: 0.95em;
border-bottom: 2px solid #c9a87c;
}

tr:nth-child(even) td {
background: #fcfaf5;
}
tr:hover td {
background: #f8f2e8;
}

@media (prefers-color-scheme: dark) {
details {
background: #2a1e1a;
border-color: #7a5a3a;
color: #f0e0c8;
box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
details[open] {
background: #332621;
box-shadow: 0 4px 14px rgba(0,0,0,0.5);
}
summary {
color: #e0c8a0;
}
summary:hover {
color: #f5d8b0;
}

table {
background: #2c2420;
color: #f0e0c8;
border-color: #5c402c;
}
th {
background: #3e2e22;
color: #f5d8b0;
border-bottom-color: #8b6d4b;
}
td {
border-bottom-color: #4a3828;
}
tr:nth-child(even) td {
background: #32261f;
}
tr:hover td {
background: #3d2e24;
}
}

@media (max-width: 768px) {
details {
font-size: 0.9em;
padding: 0.6em 0.8em;
}
summary {
font-size: 1em;
}
th, td {
padding: 0.5em 0.7em;
font-size: 0.85em;
}
}


/* ========== 平台星星评分替换为🥺 ========== */
.MuiRating-root,
.MuiRating-root .MuiRating-icon,
.MuiRating-root .MuiRating-iconFilled,
.MuiRating-root .MuiRating-iconEmpty,
.MuiRating-root .MuiRating-iconHover {
    font-size: 24px !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
}

.MuiRating-root .MuiRating-icon svg {
    display: none !important;
}

.MuiRating-root .MuiRating-icon::before {
    content: "🥺" !important;
    display: block !important;
    line-height: 1 !important;
}

.MuiRating-root .MuiRating-iconEmpty::before {
    filter: grayscale(0.7) opacity(0.35) !important;
}

.MuiRating-root .MuiRating-iconFilled::before {
    filter: none !important;
    opacity: 1 !important;
}

.MuiRating-root .MuiRating-iconHover::before {
    filter: grayscale(0.3) opacity(0.7) !important;
}