:root{--bg: #fafaf8;--bg-secondary: #f4f4f2;--text: #1a1a1a;--text-muted: #666;--accent: #c0392b;--accent-hover: #a93226;--border: #e5e5e3;--radius: 6px;--font-sans: "Noto Sans SC", "Inter", system-ui, sans-serif;--font-serif: "Noto Serif SC", "Georgia", serif;--max-width: 900px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text);background:var(--bg);font-size:16px;line-height:1.7}body{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:32px}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:4px;border-radius:4px}.mobile-menu-btn:hover{background:var(--bg-secondary)}.mobile-nav{display:none;flex-direction:column;border-top:1px solid var(--border);background:var(--bg)}.mobile-nav.open{display:flex}.mobile-nav a{padding:14px 24px;border-bottom:1px solid var(--border);font-size:.95rem}.mobile-nav a:hover{color:var(--accent);background:var(--bg-secondary)}.logo{display:flex;flex-direction:column;line-height:1.1;font-weight:700}.logo-zh{font-size:1.1rem;color:var(--accent)}.logo-en{font-size:.65rem;color:var(--text-muted);letter-spacing:.05em}.logo:hover .logo-zh{color:var(--accent-hover)}.main-nav{display:flex;gap:24px;flex:1}.main-nav a{font-size:.9rem;color:var(--text-muted);transition:color .15s}.main-nav a:hover,.main-nav a.active{color:var(--text)}.lang-switch a{font-size:.8rem;color:var(--text-muted);border:1px solid var(--border);padding:3px 10px;border-radius:4px;transition:all .15s}.lang-switch a:hover{border-color:var(--text);color:var(--text)}main{flex:1}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:32px 0}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;text-align:center;color:var(--text-muted);font-size:.85rem}.footer-links{margin-top:8px;display:flex;gap:8px;justify-content:center}.footer-links a:hover{color:var(--text)}.page-header{max-width:var(--max-width);margin:0 auto;padding:64px 24px 48px}.page-header h1{font-family:var(--font-serif);font-size:2.4rem;font-weight:700;line-height:1.2;margin-bottom:12px}.page-header p{color:var(--text-muted);font-size:1.05rem}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 24px 64px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:#fff;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.card p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.card .card-tag{display:inline-block;font-size:.72rem;color:var(--accent);background:#c0392b14;padding:2px 8px;border-radius:3px;margin-bottom:10px}.chapter-list{display:flex;flex-direction:column;gap:12px}.chapter-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:all .15s}.chapter-item:hover{border-color:var(--accent)}.chapter-num{font-family:var(--font-serif);font-size:.8rem;color:var(--text-muted);min-width:60px}.chapter-title{flex:1;font-weight:500;font-size:.95rem}.chapter-versions{display:flex;gap:8px}.chapter-link{font-size:.78rem;color:var(--accent);border:1px solid var(--accent);padding:2px 10px;border-radius:3px;transition:all .15s}.chapter-link:hover{background:var(--accent);color:#fff}.section{margin-bottom:64px}.section-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border)}.cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 28px;border-radius:var(--radius);font-weight:500;font-size:.95rem;transition:background .15s}.cta:hover{background:var(--accent-hover);color:#fff}.cta-outline{display:inline-block;border:1px solid var(--border);color:var(--text);padding:12px 28px;border-radius:var(--radius);font-weight:500;font-size:.95rem;transition:all .15s}.cta-outline:hover{border-color:var(--text);color:var(--text)}@media (max-width: 640px){.main-nav{display:none}.header-inner{gap:16px}.mobile-menu-btn{display:flex}.header-right{gap:8px}.page-header h1{font-size:1.8rem}}