.year-review-page{max-width:800px;margin:0 auto;padding:1rem 0 3rem}.year-hero{position:relative;overflow:hidden;text-align:center;padding:4rem 1.5rem 3rem;margin-bottom:2.5rem;border-radius:var(--radius);background:var(--gradient-hero);color:#fff}.year-hero-bg-decor{position:absolute;inset:0;pointer-events:none}.year-hero-circle{position:absolute;border-radius:50%;filter:blur(2px)}.year-hero-circle-1{width:220px;height:220px;top:-80px;right:-60px;background:radial-gradient(circle,rgba(139,92,246,.55) 0,transparent 70%)}.year-hero-circle-2{width:260px;height:260px;bottom:-100px;left:-80px;background:radial-gradient(circle,rgba(99,102,241,.5) 0,transparent 70%)}.year-hero-year{position:relative;font-size:5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.year-hero-title{position:relative;font-size:1.75rem;font-weight:700;letter-spacing:.02em}.year-hero-desc{position:relative;margin-top:.75rem;color:hsla(0,0%,100%,.7);font-size:1rem}.year-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2.5rem}.year-stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.year-stat-icon{font-size:1.5rem}.year-stat-number{font-size:1.75rem;font-weight:700;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.year-stat-label{font-size:.8125rem;color:var(--text-muted)}.year-section{margin-bottom:2.5rem}.year-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:1rem}.year-section-icon{font-size:1.25rem}.year-top-posts{display:flex;flex-direction:column;gap:.625rem}.year-top-post{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.year-top-post:hover{border-color:var(--primary-border);transform:translateX(4px);box-shadow:var(--shadow-sm)}.year-top-post-first{border-color:var(--primary-border);background:var(--primary-light)}.year-top-rank{font-size:1.5rem;font-weight:800;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:2.5rem}.year-top-post-body{display:flex;flex-direction:column;gap:.25rem;flex:1 1;min-width:0}.year-top-post-title{font-size:1rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.year-top-post-meta{font-size:.8125rem;color:var(--text-muted)}.year-top-post-arrow{color:var(--text-muted);transition:color var(--transition),transform var(--transition)}.year-top-post:hover .year-top-post-arrow{color:var(--primary);transform:translateX(2px)}.year-cities-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.year-city-card{padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.year-city-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.year-city-name{font-size:1rem;font-weight:700;color:var(--text)}.year-city-region{font-size:.75rem;color:var(--primary);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:999px;padding:.125rem .625rem;white-space:nowrap}.year-city-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.year-post-list{list-style:none;padding:0}.year-post-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-sm);transition:background var(--transition)}.year-post-item:hover{background:var(--bg-card)}.year-post-date{font-size:.8125rem;color:var(--text-muted);min-width:4rem;flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.year-post-link{font-size:.9375rem;color:var(--text);transition:color var(--transition);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.year-post-link:hover{color:var(--primary)}.year-review-footer{margin-top:3rem}.year-review-actions,.year-review-footer{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.year-review-actions{margin-top:1.5rem}@media (max-width:640px){.year-hero{padding:3rem 1rem 2rem}.year-hero-year{font-size:3.5rem}.year-hero-title{font-size:1.375rem}.year-stats-grid{grid-template-columns:repeat(2,1fr)}.year-cities-grid{grid-template-columns:1fr}.year-post-item{flex-direction:column;align-items:flex-start;gap:.25rem}.year-post-link{white-space:normal}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--primary-border:#c7d2fe;--accent:#8b5cf6;--accent-light:#f5f3ff;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-hero:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);--gradient-hero-mesh:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.25) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(56,189,248,.2) 0%,transparent 50%);--glow-primary:0 0 20px rgba(99,102,241,.3),0 0 60px rgba(99,102,241,.1);--glow-accent:0 0 20px rgba(139,92,246,.3),0 0 60px rgba(139,92,246,.1);--bg:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-elevated:#fff;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--radius:14px;--radius-sm:8px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow:0 2px 8px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 20px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--max-width:1200px;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--primary:#818cf8;--primary-hover:#a5b4fc;--primary-light:rgba(99,102,241,.12);--primary-border:#4338ca;--accent:#a78bfa;--accent-light:rgba(139,92,246,.1);--gradient-primary:linear-gradient(135deg,#818cf8,#a78bfa);--gradient-hero:linear-gradient(135deg,#0a0a1a,#1a1040 50%,#0d1b3e);--gradient-hero-mesh:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(56,189,248,.1) 0%,transparent 50%);--glow-primary:0 0 20px rgba(129,140,248,.3),0 0 60px rgba(129,140,248,.1);--glow-accent:0 0 20px rgba(167,139,250,.3),0 0 60px rgba(167,139,250,.1);--bg:#0f172a;--bg-secondary:#0c1322;--bg-card:#1e293b;--bg-elevated:#1e293b;--text:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-light:#1e293b;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 16px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 8px 30px rgba(0,0,0,.5)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";color:var(--text);background:var(--bg-secondary);line-height:1.6;letter-spacing:.01em;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}a{color:inherit}.skip-link,a{text-decoration:none}.skip-link{position:absolute;top:0;left:0;z-index:10000;padding:.75rem 1.25rem;background:#6366f1;color:#fff;font-weight:600;border-radius:0 0 8px 0;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:-4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html{text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}@media (max-width:768px){.pagination button{min-width:44px;min-height:44px}.code-copy-btn,.comment-action-btn,.tag-pill{min-height:44px}}