:root{--bg: #faf9f6;--surface: #ffffff;--border: #e8e5e0;--text: #1a1a1a;--text-dim: #6b6560;--accent: #c23b22;--accent-light: #fef0ed;--gold: #b8860b;--gold-light: #fdf6e3;--green: #2d7d46;--green-light: #edf7f0;--purple: #6b4c9a;--purple-light: #f3f0f8;--font-display: "Noto Serif SC", "Georgia", serif;--font-body: "Source Sans 3", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 1080px;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo{display:flex;align-items:baseline;gap:10px;text-decoration:none}.site-logo:hover{text-decoration:none}.logo-cn{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--accent)}.logo-en{font-size:13px;color:var(--text-dim);letter-spacing:1px}.site-nav{display:flex;gap:24px;align-items:center}.site-nav a{font-size:14px;color:var(--text-dim);transition:color .2s}.site-nav a:hover{color:var(--accent);text-decoration:none}.site-footer{border-top:1px solid var(--border);padding:40px 24px;text-align:center;font-size:13px;color:var(--text-dim);margin-top:80px}.tag{display:inline-block;font-size:11px;padding:3px 10px;border-radius:20px;letter-spacing:.5px;font-weight:600}.tag-classic{background:var(--purple-light);color:var(--purple)}.tag-popular{background:var(--green-light);color:var(--green)}.tag-fading{background:var(--gold-light);color:var(--gold)}.tag-topic{background:#f0efed;color:var(--text-dim)}.tag-year{background:var(--accent-light);color:var(--accent)}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.classic{background:var(--purple)}.status-dot.popular{background:var(--green)}.status-dot.fading{background:var(--gold)}.search-box{width:100%;max-width:480px;margin:0 auto}.search-box input{width:100%;padding:12px 20px;border:1px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:var(--font-body);background:var(--surface);outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--accent)}.meme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.meme-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit;display:block}.meme-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px);text-decoration:none}.card-cn{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.card-en{font-size:14px;color:var(--accent);font-weight:600;margin-bottom:8px}.card-pinyin{font-size:13px;color:var(--text-dim);font-style:italic;margin-bottom:12px}.card-excerpt{font-size:14px;color:var(--text-dim);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.meme-detail{max-width:720px;margin:0 auto;padding:48px 24px}.meme-header{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--border)}.meme-header .cn-name{font-family:var(--font-display);font-size:42px;font-weight:700;line-height:1.2;margin-bottom:8px}.meme-header .en-name{font-size:20px;color:var(--accent);font-weight:600;margin-bottom:6px}.meme-header .pinyin{font-size:16px;color:var(--text-dim);font-style:italic;margin-bottom:16px}.meme-header .meta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-title{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-weight:700}.meme-section{margin-bottom:32px}.meme-section p{font-size:16px;line-height:1.8}.example-block{background:var(--bg);border-left:3px solid var(--accent);padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:12px}.example-cn{font-family:var(--font-display);font-size:16px;color:var(--text);margin-bottom:6px}.example-en{font-size:14px;color:var(--text-dim);font-style:italic}.cn-explanation{font-family:var(--font-display);color:var(--text-dim);font-size:15px}.year-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;justify-content:center}.year-pill{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);text-decoration:none;transition:all .2s}.year-pill:hover,.year-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);text-decoration:none}.hero{text-align:center;padding:64px 24px 48px}.hero h1{font-family:var(--font-display);font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.2;margin-bottom:16px}.hero h1 .cn-part{color:var(--accent)}.hero p{font-size:18px;color:var(--text-dim);max-width:560px;margin:0 auto 32px}.breadcrumb{font-size:13px;color:var(--text-dim);margin-bottom:24px}.breadcrumb a{color:var(--text-dim)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{margin:0 6px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}@media (max-width: 640px){.header-inner{padding:12px 16px}.logo-cn{font-size:18px}.site-nav{gap:16px}.site-nav a{font-size:13px}.meme-grid{grid-template-columns:1fr}.meme-header .cn-name{font-size:32px}.hero{padding:40px 16px 32px}}