css
/* ☁️ 云端仙境主题 (Celestial Cloud Style) - 极浅蓝、高对比、飘逸 */

/* --- 核心强制重置 --- */
:root {
    color-scheme: light !important; 
}

* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

*:focus, *:active {
    outline: 0 !important;
    box-shadow: none !important;
}

/* --- 容器设计：云雾缭绕的宫殿 --- */
.celestial-ui.relative.inline-block {
    /* 背景：极浅的爱丽丝蓝 + 云纹 */
    background-color: #F0F8FF !important;
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8) 0%, transparent 60%),
        repeating-linear-gradient(45deg, rgba(135, 206, 250, 0.05) 0, rgba(135, 206, 250, 0.05) 1px, transparent 0, transparent 50%) !important;
    background-size: 100% 100%, 20px 20px;
    
    /* 边框：天青与金 */
    border: 2px solid #4682B4 !important;
    border-top: 5px solid #FFD700 !important; /* 金顶 */
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(135, 206, 235, 0.3) !important;
    
    padding: 30px !important;
    margin: 15px auto !important;
    max-width: 100% !important;
    font-family: "KaiTi", "楷体", "Microsoft YaHei", serif !important; /* 衬线体增加古风感 */
}

/* --- 文本区域：清晰的深色字 --- */
.markdown-body {
    background-color: #FFFFFF !important; /* 纯白背景 */
    color: #000000 !important; /* 纯黑文字，严禁灰色 */
    font-size: 17px !important; /* 字体稍大 */
    border-radius: 4px !important;
    padding: 20px !important;
    line-height: 1.9 !important;
    font-weight: 500 !important;
    
    border: 1px solid #87CEEB !important;
    border-left: 4px solid #191970 !important; /* 深蓝侧边 */
}

/* 标题：古韵 */
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #191970 !important; /* 午夜蓝 */
    text-align: center !important;
    margin-top: 1.2em !important;
    margin-bottom: 0.8em !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    font-family: "SimSun", "宋体", serif !important;
    
    border-bottom: 2px solid #FFD700 !important;
    text-shadow: none !important;
}

/* --- 代码块：卷轴风格 --- */
.markdown-body pre, .markdown-body code {
    background-color: #F0FFFF !important; /* 月光蓝底 */
    border: 1px solid #4682B4 !important;
    border-radius: 0px !important;
    color: #000080 !important; /* 海军蓝字 */
    
    font-family: "Consolas", monospace !important;
    font-size: 0.95em !important;
    padding: 10px !important;
    font-weight: bold !important;
}

/* --- 交互面板 (details)：玉简 --- */
details {
    background-color: #FFFFFF !important;
    border: 1px solid #4682B4 !important;
    border-radius: 4px !important;
    margin-bottom: 15px !important;
    padding: 10px !important;
    color: #000000 !important;
    box-shadow: 2px 2px 0px rgba(70, 130, 180, 0.1) !important;
}

/* 摘要 (summary) */
summary {
    color: #00008B !important; /* 深蓝 */
    font-weight: 900 !important;
    cursor: pointer !important;
    padding: 5px !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px dashed #87CEEB !important;
}

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

/* 图标：祥云/月亮 */
summary::before {
    content: '☁️ ' !important;
    margin-right: 8px !important;
}

details[open] summary::before {
    content: '🌙 ' !important;
}

/* --- 按钮与输入框 --- */
textarea, input[type="text"] {
    background: #FFFFFF !important;
    border: 2px solid #4682B4 !important;
    border-radius: 4px !important;
    padding: 12px !important;
    color: #000000 !important;
    font-weight: bold !important;
    font-family: "KaiTi", "楷体", serif !important;
}

textarea:focus, input[type="text"]:focus {
    border-color: #191970 !important;
    background-color: #F0F8FF !important;
    outline: none !important;
}

/* 链接 */
.markdown-body a {
    color: #0000CD !important; /* 中蓝 */
    text-decoration: underline !important;
    font-weight: bold !important;
}

/* 强调文字 */
strong {
    color: #000000 !important;
    background-color: #B0E0E6 !important; /* 粉蓝背景 */
    padding: 0 4px !important;
    border: 1px solid #4682B4 !important;
}