/* 容器整体样式 - 暖白与蜜桃粉微光 */
.fy-container {
    background-color: #fffafb;
    border: 1.5px solid #ffe3e8;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 8px 24px rgba(255, 182, 193, 0.15);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 10px auto;
    max-width: 100%;
}

/* 正文美化 - 温暖深可可色，极度护眼且高级 */
.fy-story-body {
    font-size: 16px;
    line-height: 1.85;
    color: #4a3538; /* 温暖的深巧克力色，比死黑高级太多 */
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 2px dashed #ffd1dc;
}

.fy-story-body p {
    text-indent: 2em;
    margin-bottom: 14px;
    letter-spacing: 0.5px;
}

/* 状态栏容器 */
.fy-status-bar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 折叠卡片基础样式 */
.fy-status-bar details {
    background-color: #ffffff;
    border: 1px solid #ffe3e8;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 展开时的卡片样式 - 玫瑰金微光 */
.fy-status-bar details[open] {
    border-color: #ff85a2;
    box-shadow: 0 4px 15px rgba(255, 133, 162, 0.12);
}

/* 栏目标题栏 - 渐变樱花粉 */
.fy-status-bar summary {
    padding: 12px 16px;
    background: linear-gradient(135deg, #fff0f3 0%, #ffe5ec 100%);
    color: #d63384;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    outline: none;
    list-style: none; /* 隐藏默认箭头 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

/* 隐藏部分浏览器默认的折叠箭头 */
.fy-status-bar summary::-webkit-details-marker {
    display: none;
}

/* 悬停标题栏变色 */
.fy-status-bar summary:hover {
    background: linear-gradient(135deg, #ffe5ec 0%, #ffc2d1 100%);
    color: #dc3545;
}

/* 自定义右侧樱花小图标及动画 */
.fy-status-bar summary::after {
    content: '🌸';
    font-size: 14px;
    transition: transform 0.3s ease;
}

.fy-status-bar details[open] summary::after {
    transform: rotate(45deg) scale(1.1);
}

/* 折叠展开后的内容区域 */
.fy-status-bar details > p,
.fy-status-bar details > ul,
.fy-status-bar details > ol,
.fy-status-bar details {
    padding: 14px 16px;
    color: #5c4749;
    font-size: 14px;
    line-height: 1.6;
    background-color: #ffffff;
}

/* 列表样式优化 */
.fy-status-bar details ul {
    margin: 0;
    padding-left: 20px;
}

.fy-status-bar details li {
    margin-bottom: 6px;
}

/* 记忆区表格美化 - 优雅粉白相间 */
.fy-status-bar table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 13px;
}

.fy-status-bar th {
    background-color: #ffe5ec;
    color: #d63384;
    font-weight: 600;
    padding: 8px;
    border: 1px solid #ffd1dc;
}

.fy-status-bar td {
    padding: 8px;
    border: 1px solid #ffe5ec;
    text-align: left;
}

.fy-status-bar tr:nth-child(even) {
    background-color: #fff0f3;
}

/* 强调字体的粉金配色 */
.fy-status-bar strong {
    color: #ff4d6d;
}

.fy-status-bar em {
    color: #b5838d;
    font-style: normal;
    font-weight: 600;
}
/* 远程控制APP面板专属样式 */
.app-control-panel {
    margin-top: 10px;
    padding: 12px;
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%); /* 优雅的魅惑紫渐变 */
    border: 1.5px solid #ba68c8;
    border-radius: 8px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}

.app-control-panel p {
    margin: 4px 0 !important;
    font-size: 13px !important;
    color: #4a148c !important; /* 深紫色字体 */
}

.app-control-panel strong {
    color: #8e24aa !important;
}
/* 动态衣橱面板专属样式 */
.wardrobe-status-box {
    margin-top: 12px;
    padding: 14px;
    background: linear-gradient(135deg, #2b1b1d 0%, #4a1525 50%, #1f050c 100%); /* 奢华暗玫瑰渐变 */
    border: 1.5px double #ff1493; /* 双线深粉边框 */
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(255, 20, 147, 0.25);
}

.wardrobe-status-box p {
    margin: 4px 0 !important;
    font-size: 13px !important;
    color: #ffb7c5 !important; /* 樱花粉 */
    text-shadow: 0 0 4px rgba(255, 183, 197, 0.5);
}

.wardrobe-status-box ul {
    margin: 6px 0 !important;
    padding-left: 18px !important;
}

.wardrobe-status-box li {
    font-size: 12px !important;
    color: #f5f5f5 !important;
    margin-bottom: 5px !important;
    list-style-type: circle !important;
}

.wardrobe-status-box strong {
    color: #ff69b4 !important; /* 热粉色 */
}

.wardrobe-status-box em {
    color: #ffc0cb !important; /* 浅粉色视觉描述 */
    font-style: italic;
    font-weight: normal;
}