*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Noto Serif SC',serif;line-height:1.8;font-size:18px}
body{color:#333;background-color:#f9f5e9;overflow-x:hidden;padding:0;background-image:url('data:image/svg+xml;utf8,<svg opacity="0.05" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M20,20 Q50,10 80,20 T100,50" stroke="black" fill="none"/></svg>')}
.container{margin:0 auto;padding:0 2rem;max-width:900px}
.site-header{background-color:#8c2f1b;color:#f9f5e9;padding:1.8rem 0;border-bottom:2px solid #5a1a0d}
.logo{font-size:2.5rem;font-weight:400;margin:0 auto;display:flex;justify-content:center;font-family:'Ma Shan Zheng',cursive;text-shadow:2px 2px 4px rgba(0,0,0,.3)}
.content{padding:2.5rem;min-height:70vh;margin:2rem auto;background:#fff;border:1px solid #d9c7b8;box-shadow:5px 5px 15px rgba(0,0,0,.05)}
.content p{margin-bottom:1.8rem;font-size:1.1rem;color:#555;text-align:justify;text-indent:2em;line-height:2}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border:1px solid #d9c7b8;padding:10px;background:#fff;filter:sepia(20%) contrast(110%)}
.site-footer{background-color:#8c2f1b;color:#f9f5e9;padding:2rem 0;display:flex;justify-content:center;border-top:2px solid #5a1a0d}
.links{margin-bottom:1.5rem;font-weight:400;display:flex;gap:1.5rem;font-family:'Ma Shan Zheng',cursive}
.links a{margin:0;text-decoration:none;color:#f9f5e9;font-size:1rem;transition:all .3s ease}
.links a:hover{color:#d9c7b8;text-decoration:underline}
.copyright{opacity:.8;font-size:.85rem;font-style:italic}