/* TODO: uglify compress */

@font-face {
	font-family: Sarasa Mono SC;
	src: url("/font/SarasaMonoSC-Regular.ttf") format("truetype");
}

* {
    font-family: "Sarasa Mono SC", "Courier New", Courier, monospace;
}

html {
    width: 100vw;
    height: 100vh;
}

body {
    margin: 30px auto;
    width: 40%;
    padding-bottom: 2rem;
}

a {
    text-decoration: none;
}

a:visited {
    color: #CC0000;
}

a:link {
    color: #990000
}

a:hover {
    color: #000099;
}

blockquote {
    background: #f8f9fa;
    border-left: 4px solid #3498db;
    margin: 1.5rem 0;
    padding: 0.8rem 1rem;
    border-radius: 0 8px 8px 0;
    position: relative;
}

blockquote p {
    margin-bottom: 1rem;
    line-height: 1.6;
}

img {
    margin: 10px 0;
    max-width: 100%; /* 确保图片不会溢出 */
    height: auto;
}

@media (max-width: 768px) {
    body {
        width: 90%;
        margin: 15px auto;
    }
    
    blockquote {
        margin: 1rem 0;
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    body {
        width: 95%;
        margin: 10px auto;
    }
    
    blockquote {
        padding: 0.8rem;
        margin: 0.8rem 0;
    }
}

/* 平板设备优化 */
@media (min-width: 769px) and (max-width: 1024px) {
    body {
        width: 60%;
    }
}

ul li, ol li {
    margin-bottom: 10px;
}

p {
    line-height: 1.5rem;
}