:root{--bg-color: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--link-color: #3182ce;--border-color: #e2e8f0;--code-bg: #f7fafc;--font-main: "Inter", system-ui, sans-serif;--font-code: "JetBrains Mono", monospace;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;opacity:1!important}a{text-decoration:none;color:var(--text-secondary);transition:color .2s ease}a:hover{color:var(--link-color)}.container{max-width:800px;margin:0 auto;padding:0 var(--spacing-sm)}.site-header{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:600;font-size:1.2rem;color:var(--text-primary)}.logo .highlight{font-weight:400;color:var(--text-secondary)}nav{display:flex;gap:var(--spacing-md)}nav a{font-size:.95rem}nav a.active{color:var(--link-color);font-weight:600}.hero{padding:var(--spacing-md) 0 var(--spacing-lg)}.hero h1{font-size:2.5rem;line-height:1.2;margin-bottom:var(--spacing-sm);color:#1a202c}.hero .subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin-bottom:var(--spacing-md)}.status{display:inline-block;font-size:.9rem;padding:8px 12px;background:var(--code-bg);border-radius:6px;color:var(--text-primary);border:1px solid var(--border-color)}.notes-section{padding-bottom:var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.section-header h2{font-size:1.5rem;color:var(--text-primary)}.notes-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.note-card{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.note-card:last-child{border-bottom:none}.note-date{font-family:var(--font-code);font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.note-card h3{font-size:1.2rem;margin-bottom:.5rem}.note-card h3 a{color:var(--text-primary)}.note-card h3 a:hover{text-decoration:underline;color:var(--link-color)}.note-card p{color:var(--text-secondary);font-size:1rem;margin-bottom:.8rem}.note-tag{font-size:.75rem;color:#a0aec0;font-family:var(--font-code)}.site-footer{padding:var(--spacing-lg) 0;text-align:center;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border-color);margin-top:var(--spacing-lg)}.beian-info{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px;flex-wrap:wrap}.beian-info a{display:flex;align-items:center;gap:5px;color:inherit;text-decoration:none;font-size:.9rem}.beian-info a:hover{color:var(--link-color)}.beian-info img{width:20px;height:20px}