:root{--bg: #faf8f6;--panel: #ffffff;--text: #2b2b2b;--muted: #6b7280;--primary: #7c9a92;--accent: #d8a1a1;--ring: rgba(124,154,146,.35);--radius: 16px;--shadow: 0 10px 30px rgba(0,0,0,.06);--container: 1000px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.75}.container{max-width:var(--container);margin:0 auto;padding:24px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header{position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#faf8f6cc;border-bottom:1px solid #eee;z-index:10}.brand{font-weight:700;letter-spacing:.5px;color:var(--text);text-decoration:none}.nav a{color:var(--muted);text-decoration:none;margin-left:16px;padding:8px 10px;border-radius:10px}.nav a.active,.nav a:hover{background:var(--panel);box-shadow:var(--shadow);color:var(--text)}.site-footer{margin-top:48px;padding:24px 0;color:var(--muted);border-top:1px dashed #eaeaea}.app main{min-height:60vh}.lead{color:var(--muted)}.muted{color:var(--muted);font-size:.95em}.hero{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);margin-top:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{background:var(--panel);padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #f1f1f1}.card-title{margin-top:0;margin-bottom:8px}.btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none;background:var(--primary);color:#fff;box-shadow:var(--shadow);transition:transform .05s ease;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--ring)}.post h1{margin-bottom:0}.post .post-content img{max-width:100%;border-radius:12px;box-shadow:var(--shadow)}.post .post-content img{max-width:100%;border-radius:12px}.post .post-content h2,.post .post-content h3{margin-top:1.6em}:focus{outline:none;box-shadow:0 0 0 4px var(--ring);border-radius:8px}