*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f0eb;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#2c2c2c;--text-secondary:#666;--text-muted:#999;--accent:#8b6b4c;--accent-hover:#6f5539;--border:#e8e0d6;--shadow:#00000014;--nav-bg:#ffffffeb;--footer-bg:#2c2c2c;--footer-text:#ccc;--tag-bg:#f0ebe4;--timeline-line:#d4c8b8;--timeline-dot:#8b6b4c;--card-hover-shadow:#0000001f;--quote-bg:#f8f4ef;--quote-border:#8b6b4c}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#1e2a4a;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--text-muted:#777;--accent:#c49a6c;--accent-hover:#d4aa7a;--border:#2a3a5a;--shadow:#0000004d;--nav-bg:#16213ef2;--footer-bg:#0f0f23;--footer-text:#999;--tag-bg:#2a3a5a;--timeline-line:#3a4a6a;--timeline-dot:#c49a6c;--card-hover-shadow:#0006;--quote-bg:#1e2a4a;--quote-border:#c49a6c}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);width:100%;transition:background-color .3s,border-color .3s;position:fixed;top:0;left:0}nav{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex}.nav-brand{color:var(--text-primary);letter-spacing:2px;font-size:1.4rem;font-weight:700}.nav-brand:hover{color:var(--accent)}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-links li a{color:var(--text-secondary);border-radius:6px;padding:8px 16px;font-size:.95rem;transition:all .2s;display:block}.nav-links li a:hover,.nav-links li a.active{color:var(--accent);background:var(--tag-bg)}.theme-toggle{background:var(--tag-bg);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:6px;margin-left:12px;padding:8px 14px;font-size:.9rem;transition:all .3s;display:flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle .icon{font-size:1.1rem;line-height:1}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.nav-toggle-bar{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.nav-toggle.active .nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}main{min-height:calc(100vh - 160px);padding-top:88px;padding-bottom:60px}.page-title{color:var(--text-primary);margin-bottom:8px;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:1.05rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:0 2px 8px var(--shadow);border-radius:12px;padding:24px;transition:all .3s}.card:hover{box-shadow:0 8px 24px var(--card-hover-shadow);transform:translateY(-4px)}.card-title{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:600}.card-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:.85rem;display:flex}.card-meta span{align-items:center;gap:4px;display:inline-flex}.card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.tag{background:var(--tag-bg);color:var(--text-secondary);border-radius:4px;padding:2px 10px;font-size:.8rem;display:inline-block}.timeline{padding:20px 0;position:relative}.timeline:before{content:"";background:var(--timeline-line);width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{align-items:flex-start;margin-bottom:32px;padding:0 40px;display:flex;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{background:var(--timeline-dot);border:3px solid var(--bg-primary);z-index:1;border-radius:50%;width:16px;height:16px;transition:background-color .3s,border-color .3s;position:absolute;top:24px;left:50%;transform:translate(-50%)}.timeline-content{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:calc(50% - 60px);box-shadow:0 2px 8px var(--shadow);border-radius:10px;padding:20px 24px;transition:all .3s}.timeline-content:hover{box-shadow:0 6px 20px var(--card-hover-shadow);transform:translateY(-2px)}.timeline-year{color:var(--accent);margin-bottom:6px;font-size:1.3rem;font-weight:700}.timeline-event{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.quote-list{flex-direction:column;gap:20px;display:flex}.quote-item{background:var(--quote-bg);border-left:4px solid var(--quote-border);border-radius:0 10px 10px 0;padding:24px 28px;transition:all .3s}.quote-item:hover{box-shadow:0 4px 16px var(--shadow);transform:translate(4px)}.quote-text{color:var(--text-primary);margin-bottom:12px;font-size:1.15rem;font-style:italic;line-height:1.8}.quote-source{color:var(--text-muted);font-size:.9rem}.quote-source .author{color:var(--accent);font-weight:500}.detail-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.detail-title{color:var(--text-primary);margin-bottom:12px;font-size:2.2rem;font-weight:700}.detail-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:.95rem;display:flex}.detail-meta strong{color:var(--text-secondary)}.detail-body{color:var(--text-secondary);font-size:1rem;line-height:1.9}.detail-body p{margin-bottom:16px}.detail-section{margin-top:32px}.detail-section h3{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:1.3rem;font-weight:600}.related-list{flex-wrap:wrap;gap:8px;display:flex}.related-list a{background:var(--tag-bg);color:var(--text-secondary);border-radius:6px;padding:6px 14px;font-size:.9rem;transition:all .2s}.related-list a:hover{background:var(--accent);color:#fff}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:24px;font-size:.95rem;display:inline-flex}.back-link:hover{color:var(--accent)}footer{background:var(--footer-bg);color:var(--footer-text);text-align:center;padding:40px 0}footer p{max-width:600px;margin:0 auto;font-size:.9rem;line-height:1.8}.footer-brand{color:#e0e0e0;letter-spacing:2px;margin-bottom:8px;font-size:1.1rem}@media (width<=768px){nav{height:56px;padding:0 16px}.nav-toggle{display:flex}.nav-links{background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);opacity:0;visibility:hidden;z-index:999;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:8px 0;transition:all .3s;position:fixed;top:56px;left:0;transform:translateY(-100%)}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links li a{border-radius:0;margin:0;padding:12px 20px;font-size:1rem}.nav-links li a:hover,.nav-links li a.active{background:var(--tag-bg)}.nav-links-theme{border-top:1px solid var(--border);margin-top:4px;padding:8px 20px}.theme-toggle{justify-content:center;margin-left:0;padding:10px 16px;font-size:.9rem}body.nav-open{overflow:hidden}.page-title{font-size:1.5rem}.card-grid{grid-template-columns:1fr}.timeline-item,.timeline-item:nth-child(2n){flex-direction:column;padding:0 20px 0 40px}.timeline:before,.timeline-dot{left:20px}.timeline-content{width:100%}.detail-title{font-size:1.6rem}}