示例：
/* 基础重置与字体 */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Helvetica Neue',sans-serif;}
body{background:#0a0c12;display:flex;justify-content:center;padding:20px 0;min-height:100vh;}
.container{max-width:428px;width:100%;display:flex;flex-direction:column;gap:18px;}

/* 时间卡片 深色半透 */
.time-box{
    background:rgba(15,20,28,0.9);
    border-radius:32px;
    padding:14px 20px;
    box-shadow:0 4px 12px rgba(0,0,0,0.4);
    color:#b0e0ff;
    font-size:0.95rem;
    border-left:6px solid #0cf;
    font-weight:500;
    backdrop-filter:blur(4px);
}
.time-box strong{color:#6cf;font-weight:700;}

/* 正文 — 仅控制间距和字体，颜色交给系统默认 */
.narrative-text{
    margin:10px 0;
    line-height:1.6;
    font-size:1rem;
    background:transparent;
    border:none;
    padding:0 4px;
    box-shadow:none;
    /* 不设置 color，完全使用默认 */
}
.narrative-text strong{
    /* 也不设置颜色，保持与正文一致的系统默认 */
    font-weight:700;
}

/* 所有卡片 深色半透 */
.glass-card{
    background:rgba(10,16,22,0.75);
    backdrop-filter:blur(12px);
    border-radius:38px;
    padding:18px 20px;
    margin-bottom:20px;
    border:1px solid rgba(0,200,255,0.3);
    box-shadow:0 8px 20px rgba(0,0,0,0.4);
}
.content-box{
    background:rgba(15,22,30,0.9);
    backdrop-filter:blur(4px);
    border-radius:28px;
    padding:18px;
    margin-top:12px;
    border:1px solid rgba(0,200,255,0.3);
    color:#c0d8f0;
    line-height:1.6;
}

/* 折叠标题 暗色渐变（青蓝紫系） */
.section-title{
    padding:12px 20px;
    border-radius:36px;
    font-weight:800;
    font-size:1.1rem;
    border-bottom:3px solid;
    margin-bottom:8px;
    color:white;
    cursor:pointer;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-shadow:0 1px 1px rgba(0,0,0,0.3);
    transition:0.2s;
    box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.section-title::after{content:'▼';font-size:0.85rem;opacity:0.8;}
details[open] .section-title::after{content:'▲';}

.title-shop{background:linear-gradient(125deg,#0a6a8a,#1a9aba,#4ac0e8);border-bottom-color:#0af;}
.title-task{background:linear-gradient(125deg,#5a2a7a,#7a4a9a,#a06ac0);border-bottom-color:#90f;}
.title-user{background:linear-gradient(125deg,#1a5a6a,#3a7a8a,#5a9aaa);border-bottom-color:#3af;}
.title-interact{background:linear-gradient(125deg,#6a2a5a,#8a4a7a,#aa6a9a);border-bottom-color:#d6f;}
.title-memory{background:linear-gradient(125deg,#2a4a6a,#4a6a8a,#6a8aaa);border-bottom-color:#6af;}
.title-option{background:linear-gradient(125deg,#8a5a2a,#aa7a4a,#ca9a6a);border-bottom-color:#fc0;}

/* 商店专用 */
.currency-glow{color:#ffd966;font-weight:800;text-shadow:0 0 12px #fd0,0 0 20px #fa0;font-size:1.1rem;margin-left:6px;}
.shop-cat{font-size:1rem;font-weight:700;color:#6cf;margin:12px 0 6px;text-shadow:0 0 6px #0cf;}
.shop-cat:first-of-type{margin-top:0;}
.shop-item{margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #2a6a8a;}
.shop-desc{font-size:0.8rem;color:#8cc;margin-left:12px;}
.shop-notice{margin-top:14px;padding:8px 14px;background:rgba(0,180,200,0.15);border-radius:20px;border-left:4px solid #0cf;color:#b0e0ff;font-size:0.85rem;}

/* 任务专用 */
.phase-bar{display:flex;justify-content:space-between;background:#0a1a2a;border-radius:30px;padding:8px 16px;margin-bottom:14px;}
.phase-tag{color:#c08eff;font-weight:700;text-shadow:0 0 8px #b0f;}
.progress-tag{color:#8cf;}
.glow-cyan{color:#0cf;font-weight:700;text-shadow:0 0 10px #0cf;}
.info-row{margin:12px 0;padding:6px 0;}
.task-card{border-radius:18px;padding:14px;margin-bottom:12px;border-left:5px solid;background:rgba(0,0,0,0.2);}
.task-card.daily{border-left-color:#2af;}
.task-card.force{border-left-color:#f6f;}
.task-card.bonus{border-left-color:#fd0;}
.task-head{font-weight:700;margin-bottom:6px;color:#e0f0ff;display:flex;justify-content:space-between;}
.deadline{font-size:0.8rem;color:#faa;font-weight:400;}

/* 档案通用 */
.content-box br{content:'';display:block;margin:4px 0;}
.favor-glow{color:#ff8ac;font-weight:800;text-shadow:0 0 15px #f6f,0 0 30px #d0f;font-size:1.2rem;}

/* 记忆区 */
.memory-item{padding:8px 0;border-bottom:1px dashed rgba(0,200,255,0.2);color:#b0d0f0;}
.inner-summary{
    background:rgba(20,35,45,0.9);
    border-radius:40px;
    padding:10px 18px;
    cursor:pointer;
    list-style:none;
    color:#b0e0ff;
    display:flex;
    justify-content:space-between;
    margin-bottom:12px;
    border:1px solid #0cf6;
    font-weight:500;
}
.inner-summary::after{content:'▼';font-size:0.8rem;color:#0cf;}
details[open] .inner-summary::after{content:'▲';}
.inner-content{padding:6px 0;}

/* 选项区 */
.option-item{margin:8px 0;color:#c0d8f0;line-height:1.5;}
.option-divider{height:1px;background:linear-gradient(90deg,transparent,#0cf,transparent);margin:6px 0;}

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

/* 响应式 */
@media (max-width:450px){.info-label{min-width:70px;}}