/* 🏫 青春方格纸主题 (Graph Paper Youth 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;
}

/* --- 容器设计：整洁的作业本 --- */
.school-ui.relative.inline-block {
    /* 背景：纯白 + 极淡的青色方格 (像数学作业本) */
    background-color: #F0F8FF !important;
    background-image: 
        linear-gradient(rgba(0, 0, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 255, 0.05) 1px, transparent 1px) !important;
    background-size: 20px 20px;
    
    /* 边框：深蓝与黑 */
    border: 2px solid #00008B !important;
    border-radius: 8px !important;
    box-shadow: 6px 6px 0px #87CEEB !important; /* 天空蓝投影 */
    
    padding: 30px !important;
    margin: 15px auto !important;
    max-width: 100% !important;
    font-family: "Arial", "Microsoft YaHei", sans-serif !important;
}

/* --- 文本区域：清晰的黑字 --- */
.markdown-body {
    background-color: #FFFFFF !important; /* 纯白背景 */
    color: #000000 !important; /* 纯黑文字，严禁灰色 */
    font-size: 16px !important;
    border-radius: 4px !important;
    padding: 20px !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
    
    border: 1px solid #1E90FF !important; /* 亮蓝边框 */
    border-left: 5px solid #00008B !important; /* 深蓝侧边 */
}

/* 标题：校园风 */
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #00008B !important; /* 深蓝 */
    text-align: left !important;
    margin-top: 1.2em !important;
    margin-bottom: 0.8em !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    
    border-bottom: 2px solid #87CEEB !important;
    text-shadow: none !important;
}

/* --- 代码块：黑板报风格 --- */
.markdown-body pre, .markdown-body code {
    background-color: #E6F3FF !important; /* 极浅蓝底 */
    border: 1px solid #00008B !important;
    border-radius: 4px !important;
    color: #000000 !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: 2px solid #000000 !important; /* 黑色边框确保清晰 */
    border-radius: 6px !important;
    margin-bottom: 15px !important;
    padding: 10px !important;
    color: #000000 !important;
    box-shadow: 3px 3px 0px rgba(0, 0, 139, 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 #00008B !important;
    border-radius: 4px !important;
    padding: 12px !important;
    color: #000000 !important;
    font-weight: bold !important;
}

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

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

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