/* 基础容器：纯白明亮 */
.phantom-app { background-color: #ffffff; border: 1px solid #eff3f4; border-radius: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; overflow: hidden; margin: 10px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.phantom-nav { display: flex; justify-content: space-around; padding: 12px 0; border-bottom: 1px solid #eff3f4; font-weight: bold; color: #536471; }
.phantom-nav .active { color: #1d9bf0; border-bottom: 4px solid #1d9bf0; padding-bottom: 8px; }

/* 折叠栏美化 */
.phantom-app details { border-bottom: 1px solid #eff3f4; }
.phantom-app summary { padding: 15px; list-style: none; cursor: pointer; display: flex; align-items: center; font-weight: 800; color: #0f1419; font-size: 16px; }
.phantom-app summary::before { content: "📸"; margin-right: 8px; }

/* CG 图片渲染引擎：自动适配 */
.cg-box { margin: 8px 15px; border-radius: 12px; overflow: hidden; border: 1px solid #f0f3f4; background: #f7f9fa; }
.cg-img { width: 100%; height: auto; display: block; object-fit: cover; max-height: 400px; }

/* 消除星号乱码的排版 */
.p-row { padding: 8px 15px; display: flex; flex-direction: column; gap: 2px; }
.p-label { color: #536471; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.p-content { color: #0f1419; font-size: 15px; line-height: 1.5; }
.p-blue { color: #1d9bf0; font-weight: bold; }

/* 模拟推文卡片 */
.t-card { padding: 12px 15px; border-bottom: 1px solid #f7f9fa; }
.t-user { font-weight: 800; color: #0f1419; margin-right: 4px; }
.t-id { color: #536471; font-size: 14px; }
/* 线下基础容器 */
.phantom-app { background-color: #ffffff; border: 1px solid #eff3f4; border-radius: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; overflow: hidden; margin: 10px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }

/* 顶部环境栏 (Time/Loc/Env) */
.p-env-bar { display: flex; justify-content: space-between; padding: 10px 15px; background: #f7f9fa; border-bottom: 1px solid #eff3f4; font-size: 12px; color: #536471; font-weight: bold; }
.p-env-item { display: flex; align-items: center; gap: 4px; }

/* 折叠栏标题 */
.phantom-app summary { padding: 12px 15px; list-style: none; cursor: pointer; display: flex; align-items: center; font-weight: 800; color: #0f1419; font-size: 15px; border-bottom: 1px solid #eff3f4; }
.phantom-app summary::before { content: "▼"; font-size: 10px; margin-right: 8px; color: #1d9bf0; transition: 0.2s; }
.phantom-app details[open] summary::before { transform: rotate(180deg); }

/* 数据行排版 */
.p-row { padding: 8px 15px; display: grid; grid-template-columns: 80px 1fr; gap: 10px; border-bottom: 1px solid #f7f9fa; align-items: start; }
.p-label { color: #536471; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.p-val { color: #0f1419; font-size: 14px; line-height: 1.4; }
.p-blue { color: #1d9bf0; font-weight: bold; }

/* 正文美化容器 */
.p-story-container { padding: 20px 15px; background: #ffffff; line-height: 1.8; color: #0f1419; font-size: 16px; }
.p-story-container p { margin-bottom: 15px; text-indent: 2em; }

/* 标签云样式 (用于性经验/性格) */
.p-tag { display: inline-block; background: #e8f5fe; color: #1d9bf0; padding: 2px 8px; border-radius: 99px; font-size: 11px; margin-right: 4px; margin-bottom: 4px; }