:root{--bg: #f7f3ea;--bg-raised: #fffbf2;--text: #1d1a14;--text-muted: #6e6559;--hairline: #e6dfcd;--accent: #e62b1e;--accent-soft: #fbe9e5;--max: 1120px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-weight:400;line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.lang-zh{font-family:Noto Sans SC,system-ui,sans-serif}body.lang-en{font-family:Inter,system-ui,sans-serif;line-height:1.65}body.lang-zh .serif{font-family:"Noto Serif SC",serif;font-weight:500;letter-spacing:-.005em}body.lang-en .serif{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em}.container{max-width:var(--max);margin:0 auto;padding:0 40px}.topbar{border-bottom:1px solid var(--hairline);padding:20px 0;position:relative}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{text-decoration:none;color:var(--text);font-weight:500;font-size:20px;letter-spacing:.01em;white-space:nowrap}body.lang-zh .wordmark{font-family:"Noto Serif SC",serif}body.lang-en .wordmark{font-family:Fraunces,serif;font-weight:500}.nav{display:flex;gap:28px;align-items:center;font-size:15px}.nav-links{display:flex;gap:28px;align-items:baseline}.nav-links a{color:var(--text);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;white-space:nowrap}.nav-links a:hover{border-bottom-color:var(--accent);color:var(--accent)}.nav-toggle{display:none;background:none;border:1px solid var(--hairline);border-radius:4px;width:36px;height:32px;padding:0;cursor:pointer;position:relative;transition:border-color .15s ease}.nav-toggle:hover{border-color:var(--accent)}.nav-toggle .bar,.nav-toggle:before,.nav-toggle:after{content:"";position:absolute;left:8px;right:8px;height:1.5px;background:var(--text);transition:transform .2s ease,opacity .2s ease,top .2s ease}.nav-toggle:before{top:9px}.nav-toggle .bar{top:14.5px}.nav-toggle:after{top:20px}body.nav-open .nav-toggle:before{top:14.5px;transform:rotate(45deg)}body.nav-open .nav-toggle .bar{opacity:0}body.nav-open .nav-toggle:after{top:14.5px;transform:rotate(-45deg)}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:6px 16px 7px;border:1px solid var(--hairline);border-radius:999px;background:none;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-size:13px;line-height:1.2;letter-spacing:0;color:var(--text-muted);text-decoration:none;white-space:nowrap;flex-shrink:0;box-sizing:border-box;transition:border-color .15s ease,color .15s ease}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.lang-toggle .zh-label,.lang-toggle .en-label{display:inline-block;line-height:1.2}.lang-toggle .sep{margin:0 8px;color:var(--hairline);line-height:1.2}body.lang-zh .lang-toggle .zh-label,body.lang-en .lang-toggle .en-label{color:var(--text);font-weight:500}.crumbs{padding:28px 0 0;font-size:13px;color:var(--text-muted);font-family:Inter,sans-serif;letter-spacing:.02em}body.lang-zh .crumbs{font-family:Noto Sans SC,sans-serif}.crumbs a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.crumbs a:hover{border-bottom-color:var(--accent);color:var(--accent)}.crumbs .sep{margin:0 8px;color:var(--hairline)}.crumbs .here{color:var(--text)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 32px}.card{text-decoration:none;color:inherit;display:block}.card-thumb{aspect-ratio:16 / 9;background:#ddd;border-radius:2px;overflow:hidden;margin-bottom:12px}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.card:hover .card-thumb img{transform:scale(1.03)}.card-kicker{font-size:12px;color:var(--text-muted);margin-bottom:6px;font-family:Inter,sans-serif;letter-spacing:.02em}body.lang-zh .card-kicker{font-family:Noto Sans SC,sans-serif}.card-title{font-weight:500;font-size:17px;line-height:1.4;margin:0 0 6px}body.lang-zh .card-title{font-family:"Noto Serif SC",serif}body.lang-en .card-title{font-family:Fraunces,serif}.card-speaker{font-size:13px;color:var(--text-muted);margin:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px;border-top:1px solid var(--hairline);padding-top:28px}.section-head h2{font-weight:500;font-size:22px;margin:0;letter-spacing:0}.section-head .head-aside{font-size:13px;color:var(--text-muted)}.topic-pill{display:inline-flex;align-items:baseline;gap:8px;padding:6px 14px;border:1px solid var(--hairline);border-radius:999px;font-size:14px;color:var(--text);text-decoration:none;line-height:1.4;transition:border-color .15s ease,color .15s ease}.topic-pill:hover{border-color:var(--accent);color:var(--accent)}.topic-pill .count{font-size:12px;color:var(--text-muted);font-family:Inter,sans-serif}.topic-pill:hover .count{color:var(--accent)}footer{margin-top:96px;padding:48px 0;border-top:1px solid var(--hairline);color:var(--text-muted);font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-block{display:flex;flex-direction:column;gap:10px}.footer-block strong{font-weight:500;font-size:15px;color:var(--text)}body.lang-zh .footer-block strong{font-family:"Noto Serif SC",serif}body.lang-en .footer-block strong{font-family:Fraunces,serif}.footer-block a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent}.footer-block a:hover{border-bottom-color:var(--accent);color:var(--text)}.footer-block p{margin:0;line-height:1.7}@media(max-width:960px){.card-grid{gap:32px 24px}}@media(max-width:880px){.card-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:760px){.nav-toggle{display:block}.nav{gap:12px}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--bg);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);flex-direction:column;align-items:stretch;gap:0;padding:8px 40px 16px;display:none;z-index:10}body.nav-open .nav-links{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid var(--hairline)}.nav-links a:last-child{border-bottom:none}.nav-links a:hover{border-bottom-color:var(--accent)}}@media(max-width:720px){.container{padding:0 22px}.nav-links{padding-left:22px;padding-right:22px}.card-grid,.footer-grid{grid-template-columns:1fr;gap:28px}.section-head h2{font-size:20px}}@media(max-width:480px){.topbar-inner{gap:14px}.nav{gap:10px}.wordmark{font-size:17px}.lang-toggle{padding:5px 12px 6px}}