/* =========================
 基础代码卡片
========================= */
pre {
 margin: 12px 0;
 overflow: hidden;
 white-space: pre-wrap;
 word-break: break-word;
 border: 1px solid rgba(224, 137, 185, 0.28);
 border-radius: 14px;
 background: rgba(255, 248, 252, 0.92);
 box-shadow: 0 5px 16px rgba(104, 48, 84, 0.08);
}
pre code,
pre > div {
 color: #5f4557;
 font-family:
 "Microsoft YaHei",
 "PingFang SC",
 sans-serif;
 font-size: 13px;
 line-height: 1.75;
 white-space: pre-wrap;
 word-break: break-word;
 background: transparent;
}
/* =========================
 TIME 场景卡片
========================= */
pre:has(code.language-TIME) {
 color: #c17ccf;
 border-color: rgba(168, 121, 211, 0.45);
 border-left: 4px solid #a879d3;
 background:
 linear-gradient(
 135deg,
 #302736,
 #211a29
 ) !important;
 box-shadow: 0 6px 18px rgba(27, 18, 31, 0.24);
}
/* =========================
 MEMORY 心动轨迹
========================= */
pre:has(code.language-MEMORY) {
 border-left: 4px solid #eb7ead;
 background:
 linear-gradient(
 135deg,
 rgba(255, 238, 246, 0.96),
 rgba(250, 240, 255, 0.96)
 );
}
/* =========================
 STATUS 普通状态
========================= */
pre:has(code.language-STATUS) {
 border-left: 4px solid #cd8bb5;
 background:
 linear-gradient(
 135deg,
 rgba(255, 248, 252, 0.96),
 rgba(246, 241, 252, 0.96)
 );
}
/* =========================
 GROWTH 成长系统
========================= */
pre:has(code.language-GROWTH) {
 border-left: 4px solid #d5a63f;
 background:
 linear-gradient(
 135deg,
 rgba(255, 249, 229, 0.96),
 rgba(255, 238, 247, 0.96)
 );
}
/* =========================
 折叠栏
========================= */
details {
 margin: 14px 0;
 overflow: hidden;
 border: 1px solid rgba(220, 137, 182, 0.3);
 border-radius: 15px;
 background: rgba(255, 250, 253, 0.93);
 box-shadow: 0 5px 16px rgba(104, 48, 84, 0.07);
}
details > summary {
 display: flex;
 align-items: center;
 padding: 12px 15px;
 color: #884967;
 font-size: 14px;
 font-weight: 700;
 cursor: pointer;
 list-style: none;
 user-select: none;
 background:
 linear-gradient(
 90deg,
 rgba(255, 222, 239, 0.9),
 rgba(240, 228, 251, 0.82)
 );
}
details > summary::-webkit-details-marker {
 display: none;
}
details > summary::after {
 content: "▼";
 margin-left: auto;
 color: #a87390;
 font-size: 11px;
 opacity: 0.7;
 transition: transform 0.2s ease;
}
details[open] > summary::after {
 transform: rotate(180deg);
}
/* 折叠栏内部代码块 */
details > pre {
 margin: 10px 12px 12px;
 box-shadow: none;
}
/* =========================
 正文排版
========================= */
 p {
 margin: 0 0 0.95em;
 line-height: 1.85;
}
 p:last-child {
 margin-bottom: 0;
}
/* =========================
 深色模式兼容
========================= */
@media (prefers-color-scheme: dark) {
 pre {
 border-color: rgba(255, 151, 207, 0.23);
 background: rgba(44, 24, 51, 0.9);
 }
 pre code,
 pre > div {
 color: #f7eaf2;
 }
 pre:has(code.language-MEMORY) {
 background:
 linear-gradient(
 135deg,
 rgba(69, 29, 52, 0.94),
 rgba(56, 31, 70, 0.94)
 );
 }
 pre:has(code.language-STATUS) {
 background:
 linear-gradient(
 135deg,
 rgba(50, 28, 58, 0.94),
 rgba(45, 30, 63, 0.94)
 );
 }
 pre:has(code.language-GROWTH) {
 background:
 linear-gradient(
 135deg,
 rgba(68, 53, 27, 0.94),
 rgba(69, 30, 52, 0.94)
 );
 }
 details {
 border-color: rgba(255, 151, 207, 0.22);
 background: rgba(41, 22, 48, 0.92);
 }
 details > summary {
 color: #ffd0e5;
 background:
 linear-gradient(
 90deg,
 rgba(255, 124, 184, 0.13),
 rgba(177, 126, 241, 0.09)
 );
 }
}
/* =========================
 手机适配
========================= */
@media (max-width: 600px) {
 pre {
 margin: 10px 0;
 border-radius: 12px;
 }
 pre code,
 pre > div {
 font-size: 12px;
 line-height: 1.7;
 }
 details {
 margin: 11px 0;
 border-radius: 12px;
 }
 details > summary {
 padding: 11px 13px;
 font-size: 13px;
 }
 details > pre {
 margin: 8px 9px 10px;
 }
}
/* =========================
 心动轨迹簿蓝栏
========================= */
details.hr {
 margin: 14px 0;
 overflow: hidden;
 border: 1px solid rgba(101, 161, 224, 0.38);
 border-radius: 15px;
 background:
 Linear-gradient(
 135deg,
 Rgba(239, 247, 255, 0.97),
 Rgba(244, 240, 255, 0.97)
 );
 box-shadow:
 0 6px 18px rgba(54, 99, 150, 0.1);
}
/* 蓝栏标题 */
details.hr > summary {
 display: flex;
 align-items: center;
 padding: 13px 16px;
 color: #315f96;
 font-size: 14px;
 font-weight: 700;
 cursor: pointer;
 list-style: none;
 user-select: none;
 background:
 Linear-gradient(
 90deg,
 Rgba(205, 230, 255, 0.94),
 Rgba(225, 215, 255, 0.86)
 );
 border-bottom: 1px solid rgba(101, 161, 224, 0.18);
}
details.hr > summary::before {
 content: "💙";
 margin-right: 8px;
 font-size: 14px;
}
details.hr > summary::after {
 content: "▼";
 margin-left: auto;
 color: #7194ba;
 font-size: 11px;
 opacity: 0.8;
 transition: transform 0.2s ease;
}
details.hr[open] > summary::after {
 transform: rotate(180deg);
}
/* 轨迹簿正文 */
details.hr .hc {
 padding: 14px 16px 16px;
 color: #40566e;
}
/* 分类标题 */
details.hr .hc h2 {
 margin: 0 0 9px;
 padding-left: 10px;
 color: #4779ae;
 font-size: 14px;
 font-weight: 700;
 line-height: 1.5;
 border-left: 3px solid #76a9df;
}
details.hr .hc h2:not(:first-child) {
 margin-top: 16px;
 padding-top: 14px;
 border-top: 1px solid rgba(101, 161, 224, 0.16);
 border-left: 0;
}
/* 清除默认列表外观 */
details.hr .hc ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
/* 单条记忆 */
details.hr .hc li {
 position: relative;
 margin: 7px 0;
 padding: 10px 12px 10px 34px;
 color: #435a73;
 font-size: 13px;
 line-height: 1.7;
 word-break: break-word;
 border: 1px solid rgba(101, 161, 224, 0.18);
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.7);
 transition:
 Border-color 0.2s ease,
 Transform 0.2s ease;
}
/* 记忆图标 */
details.hr .hc li::before {
 content: "✦";
 position: absolute;
 top: 10px;
 left: 12px;
 color: #729fd0;
 font-weight: 700;
}
details.hr .hc li:hover {
 border-color: rgba(88, 147, 210, 0.4);
 transform: translateY(-1px);
}
/* 深色模式 */
@media (prefers-color-scheme: dark) {
 details.hr {
 border-color: rgba(111, 174, 238, 0.28);
 background:
 Linear-gradient(
 135deg,
 Rgba(30, 45, 64, 0.96),
 Rgba(44, 36, 66, 0.96)
 );
 }
 details.hr > summary {
 color: #c5e2ff;
 background:
 Linear-gradient(
 90deg,
 Rgba(61, 105, 151, 0.45),
 Rgba(87, 63, 135, 0.38)
 );
 }
 details.hr .hc {
 color: #d7e6f5;
 }
 details.hr .hc h2 {
 color: #aacef1;
 }
 details.hr .hc li {
 color: #d5e2ef;
 border-color: rgba(111, 174, 238, 0.18);
 background: rgba(12, 23, 35, 0.46);
 }
}
/* 手机端 */
@media (max-width: 600px) {
 details.hr {
 margin: 11px 0;
 border-radius: 12px;
 }
 details.hr > summary {
 padding: 11px 13px;
 font-size: 13px;
 }
 details.hr .hc {
 padding: 12px 11px 13px;
 }
 details.hr .hc h2 {
 font-size: 13px;
 }
 details.hr .hc li {
 padding: 9px 10px 9px 30px;
 font-size: 12px;
 line-height: 1.65;
 }
 details.hr .hc li::before {
 left: 10px;
 }
}
/* =========================
 当前状态栏
========================= */
details.status-panel {
 margin: 14px 0;
 overflow: hidden;
 color: #fff4fb !important;
 border: 1px solid rgba(255, 137, 205, 0.38);
 border-radius: 15px;
 background:
 linear-gradient(
 135deg,
 rgba(65, 20, 70, 0.97),
 rgba(43, 18, 61, 0.97)
 );
 box-shadow: 0 6px 18px rgba(80, 26, 86, 0.16);
}
/* 当前状态总标题 */
details.status-panel > summary {
 display: flex;
 align-items: center;
 padding: 13px 16px;
 color: #fff7fc !important;
 font-size: 14px;
 font-weight: 700;
 cursor: pointer;
 list-style: none;
 background:
 linear-gradient(
 90deg,
 rgba(196, 61, 159, 0.78),
 rgba(132, 70, 184, 0.72)
 );
}
details.status-panel > summary::after,
details.status-subpanel > summary::after {
 content: "▼";
 margin-left: auto;
 color: #ffd7eb !important;
 font-size: 11px;
 transition: transform 0.2s ease;
}
details.status-panel[open] > summary::after,
details.status-subpanel[open] > summary::after {
 transform: rotate(180deg);
}
/* 用户与魅魔子状态栏 */
details.status-panel details.status-subpanel {
 margin: 12px;
 overflow: hidden;
 color: #fbeaf4 !important;
 border: 1px solid rgba(255, 148, 210, 0.25);
 border-radius: 13px;
 background: rgba(22, 8, 29, 0.48);
}
details.status-subpanel > summary {
 display: flex;
 align-items: center;
 padding: 12px 15px;
 color: #fff4fb !important;
 font-weight: 700;
 cursor: pointer;
 list-style: none;
 background:
 linear-gradient(
 90deg,
 rgba(183, 54, 151, 0.52),
 rgba(118, 51, 159, 0.42)
 );
}
/* 强制修正状态栏内全部正文颜色 */
details.status-panel h1,
details.status-panel h2,
details.status-panel h3,
details.status-panel h4 {
 color: #ffd1e7 !important;
 opacity: 1 !important;
}
details.status-panel p,
details.status-panel ul,
details.status-panel ol,
details.status-panel li {
 color: #f5e5ef !important;
 opacity: 1 !important;
}
details.status-panel strong,
details.status-panel b {
 color: #ffbdda !important;
 opacity: 1 !important;
}
/* 覆盖平台可能给内部 span 设置的暗色 */
details.status-panel span,
details.status-panel div {
 color: inherit;
 opacity: 1 !important;
}
/* 列表间距 */
details.status-panel ul {
 margin: 7px 0 13px;
 padding-left: 23px;
}
details.status-panel li {
 margin: 5px 0;
 line-height: 1.7;
}
/* 手机适配 */
@media (max-width: 600px) {
 details.status-panel {
 border-radius: 12px;
 }
 details.status-panel > summary,
 details.status-subpanel > summary {
 padding: 11px 13px;
 font-size: 13px;
 }
 details.status-panel details.status-subpanel {
 margin: 9px;
 }
 details.status-panel li {
 font-size: 12px;
 line-height: 1.65;
 }
}
/* =========================
 下一步建议
========================= */
.next-actions {
 margin: 16px 0 8px;
 padding: 0;
 overflow: hidden;
 color: #f8eaf3;
 border: 1px solid rgba(255, 142, 203, 0.3);
 border-radius: 15px;
 background:
 linear-gradient(
 135deg,
 rgba(56, 23, 67, 0.96),
 rgba(38, 18, 55, 0.96)
 );
 box-shadow:
 0 6px 18px rgba(72, 24, 81, 0.15);
}
.next-actions,
.next-actions * {
 box-sizing: border-box;
}
/* 标题栏 */
.next-actions-title {
 padding: 13px 16px;
 color: #fff5fb;
 font-size: 14px;
 font-weight: 700;
 background:
 linear-gradient(
 90deg,
 rgba(196, 61, 159, 0.72),
 rgba(126, 69, 181, 0.68)
 );
 border-bottom: 1px solid rgba(255, 167, 214, 0.18);
}
.next-actions-title::before {
 content: "✦";
 margin-right: 8px;
 color: #ffd66f;
}
/* 选项列表 */
.next-actions ol {
 margin: 0;
 padding: 13px 14px 15px;
 list-style: none;
 counter-reset: next-action;
}
/* 每一条建议 */
.next-actions li {
 counter-increment: next-action;
 position: relative;
 margin: 8px 0;
 padding: 11px 13px 11px 46px;
 color: #f7e8f1;
 font-size: 13px;
 line-height: 1.7;
 border: 1px solid rgba(255, 149, 208, 0.14);
 border-radius: 11px;
 background:
 linear-gradient(
 135deg,
 rgba(255, 255, 255, 0.045),
 rgba(255, 136, 190, 0.025)
 );
 transition:
 transform 0.18s ease,
 border-color 0.18s ease,
 background 0.18s ease;
}
/* 左侧编号 */
.next-actions li::before {
 content: counter(next-action);
 position: absolute;
 top: 50%;
 left: 13px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 24px;
 height: 24px;
 color: #35142f;
 font-size: 12px;
 font-weight: 800;
 border-radius: 50%;
 background:
 linear-gradient(
 135deg,
 #ffd0e6,
 #ba8cff
 );
 transform: translateY(-50%);
}
/* 悬停效果 */
.next-actions li:hover {
 transform: translateY(-1px);
 border-color:
 rgba(255, 149, 208, 0.35);
 background:
 linear-gradient(
 135deg,
 rgba(255, 255, 255, 0.07),
 rgba(255, 136, 190, 0.055)
 );
}
/* "用户自行决定"做成特殊样式 */
.next-actions li:last-child {
 color: #ffe9bb;
 border-color:
 rgba(255, 214, 111, 0.24);
 background:
 linear-gradient(
 135deg,
 rgba(255, 214, 111, 0.07),
 rgba(255, 136, 190, 0.035)
 );
}
.next-actions li:last-child::before {
 content: "∞";
 color: #3e2a12;
 background:
 linear-gradient(
 135deg,
 #ffe59e,
 #ffc273
 );
}
/* 手机端 */
@media (max-width: 600px) {
 .next-actions {
 margin: 13px 0 7px;
 border-radius: 12px;
 }
 .next-actions-title {
 padding: 11px 13px;
 font-size: 13px;
 }
 .next-actions ol {
 padding: 10px 10px 12px;
 }
 .next-actions li {
 margin: 7px 0;
 padding: 10px 10px 10px 42px;
 font-size: 12px;
 line-height: 1.65;
 }
 .next-actions li::before {
 left: 11px;
 width: 22px;
 height: 22px;
 font-size: 11px;
 }
}
pre:has(code.language-TIME),
pre:has(code.language-TIME) code,
pre:has(code.language-TIME) span,
pre:has(code.language-TIME) div {
    color: #e475cb !important;
    opacity: 1 !important;
}