:root{--font-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-serif: "Noto Serif SC", serif;--color-bg: #fcfaf2;--color-text: #333333;--color-accent: #3498db;--color-border: #eaeaea}body{margin:0;font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);line-height:1.7}main{max-width:720px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-in-out}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700}a{color:var(--color-accent);text-decoration:none;transition:color .3s ease}a:hover{color:#2980b9}.icp-beian{margin-top:.5rem}.icp-beian a{color:#888;text-decoration:none}.icp-beian a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:fadeIn .5s ease-in-out}.hero-section{text-align:center;padding:2rem 0;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.hero-section h1{font-size:2rem;margin-bottom:1rem}.hero-section .subtitle{font-size:1.1rem;color:#666;line-height:1.8}.recent-articles h2{text-align:center;margin-bottom:2rem}.article-preview{background-color:#fff;padding:1.5rem;border-radius:5px;margin-bottom:1.5rem;border:1px solid var(--color-border);transition:box-shadow .3s ease}.article-preview:hover{box-shadow:0 4px 15px #0000000d}.article-preview h3{margin-top:0;font-size:1.4rem}.article-list{margin-top:2rem}.article-item{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.article-item:last-child{border-bottom:none}.article-title{margin:0 0 .5rem;font-size:1.6rem}.article-meta{font-family:var(--font-sans);color:#888;font-size:.9rem;margin-bottom:1rem}.article-summary{font-size:1rem;line-height:1.8}.about-section{margin-bottom:2.5rem}.about-section h2{border-bottom:2px solid var(--color-accent);padding-bottom:.5rem;display:inline-block;margin-bottom:1.5rem}.about-section p{font-size:1.1rem;line-height:1.9}.app-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:#fcfaf2d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.logo a{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none}.app-header nav a{font-family:var(--font-sans);margin-left:2rem;color:#555;text-decoration:none;font-size:1rem;padding-bottom:5px;border-bottom:2px solid transparent;transition:color .3s ease,border-bottom-color .3s ease}.app-header nav a:hover{color:var(--color-text)}.app-header nav a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}