/*
在CSS中如此书写
.alt {display:none;}
如果浏览器不支持CSS
则使用<span class:alt>这个部分将在支持CSS的浏览器中隐藏，而对于不支持CSS浏览器则显示</span>
由此来实现对不支持CSS的文本浏览器的可行性阅读
*/

.alt {display:none;}

/*适应移动设备*/
body, #main ul, #main li, h1 {
padding:0;
}

/* 定义颜色变量 */
:root {
    color-scheme: light;

    --white:#ffffff;
    --light-bg-color: #eeeeee;
    --light-bg-color-2: #f2f2ee;
    --light-color: #3d3d3d;
    --light-color-2: #aaaaaa;
       
    --dark-color: #ffffff;
    --dark-bg-color-2: rgba(65, 21, 38, 0.76);
    --dark-bg-color: rgba(78, 38, 102, 0.76);

    --shadow-color: rgba(0,0,0,0.2);

    --foucs-bg-color: #5293a3;
    --foucs-color: white;

	--hit-div-bg-color: rgba(255, 255, 255, 0.233);
	--hit-div-color: #ff6651;
	--hit-question-color: #8888ff;
	--hit-answer-color: #0CBBFF;
	--hit-btn-color: aliceblue;
	--hit-btn-bg-color: cadetblue;
    
    /* 边栏 */
    --sidebar-expanded-width: 200px;
    --sidebar-collapsed-width: 40px;

    /* 语义化颜色（明暗主题共用） */
    --code-bg: #f5f5f5;
    --code-border: #e0e0e0;
    --input-bg: #ffffff;
    --input-border: #ccc;
    --input-focus: #4a90d9;
    --input-focus-ring: rgba(74,144,217,0.15);
    --pane-header-bg: #f0f0f0;
    --pane-header-color: #666;
    --text-secondary: #888;
    --text-weak: #999;
    --heading-color: #222;
    --heading-color-2: #333;
    --accent: #4a90d9;
    --accent-hover: #357abd;
    --danger: #c0392b;
    --editor-bg: #fafafa;
    --blockquote-bg: #f8f9fa;
    --blockquote-text: #555;
    --table-th-bg: #f5f5f5;
    --divider: #e0e0e0;
    --divider-strong: #ddd;
    --border: #ccc;
    --text-field-bg: #fffef5;
    --toggle-btn-bg: #333;
}

/* 深色主题 */
:root[data-theme="dark"] {
    color-scheme: dark;

    --white: #26262e;
    --light-bg-color: #1b1b22;
    --light-bg-color-2: #2e2e37;
    --light-color: #e6e6ea;
    --light-color-2: #9a9aa6;

    --dark-color: #ffffff;
    --dark-bg-color-2: rgba(80, 30, 48, 0.7);
    --dark-bg-color: rgba(90, 46, 120, 0.7);

    --shadow-color: rgba(0,0,0,0.45);

    --foucs-bg-color: #5aa3b8;
    --foucs-color: #ffffff;

    --hit-div-bg-color: rgba(0, 0, 0, 0.4);
    --hit-div-color: #ff7a66;
    --hit-question-color: #9d9dff;
    --hit-answer-color: #3fc7ff;
    --hit-btn-color: #eeeeee;
    --hit-btn-bg-color: #4e7f92;

    --code-bg: #2d2d35;
    --code-border: #3a3a44;
    --input-bg: #26262e;
    --input-border: #3f3f49;
    --input-focus: #4a90d9;
    --input-focus-ring: rgba(74,144,217,0.25);
    --pane-header-bg: #2a2a33;
    --pane-header-color: #a6a6b0;
    --text-secondary: #9a9aa6;
    --text-weak: #777;
    --heading-color: #eeeeee;
    --heading-color-2: #dddddd;
    --accent: #4a90d9;
    --accent-hover: #357abd;
    --danger: #d05544;
    --editor-bg: #22222a;
    --blockquote-bg: #22222a;
    --blockquote-text: #b0b0b8;
    --table-th-bg: #2a2a33;
    --divider: #3a3a44;
    --divider-strong: #3f3f49;
    --border: #3f3f49;
    --text-field-bg: #2a2a33;
    --toggle-btn-bg: #3a3a44;
}

/* 宫殿水印背景（SVG，随主题取 --light-color） */
.palace-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    color: var(--light-color);
    opacity: 0.16;
    display: block;
}

.palace-bg svg {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -12px;
}

@media only screen and (max-width: 768px) {
    .palace-bg svg {
        margin-top: 24px;
    }
}

/*
 * 灰色吊念使用
 body {
-webkit-filter: grayscale(100%);
-o-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%); 
/*ie5-9  filter:gray;*/
/*FF和IE10+ SVG... Canvas...*
}
* */