:root{--hunan-ink:#1E1A17;--hunan-rice-paper:#F7F2E8;--hunan-chili-red:#D9381E;--hunan-fermented-green:#5C6B50;--hunan-wood-brown:#8A6545;--hunan-soft-sand:#E7DDCF;--hunan-neutral-50:#F7F2E8;--hunan-neutral-100:#EDE5D8;--hunan-neutral-200:#E7DDCF;--hunan-neutral-300:#D4C8B8;--hunan-neutral-400:#A89B8C;--hunan-neutral-500:#8A7F72;--hunan-neutral-600:#6D6358;--hunan-neutral-700:#504840;--hunan-neutral-800:#3A3430;--hunan-neutral-900:#1E1A17;--hunan-primary-50:#FFF0EE;--hunan-primary-100:#FFDAD4;--hunan-primary-200:#FFB4A9;--hunan-primary-300:#FF8A78;--hunan-primary-400:#FF5446;--hunan-primary-500:#D9381E;--hunan-primary-600:#B52D17;--hunan-primary-700:#8F2212;--hunan-primary-800:#6A190D;--hunan-primary-900:#451009;--hunan-background:var(--hunan-rice-paper);--hunan-foreground:var(--hunan-ink);--hunan-card:var(--hunan-soft-sand);--hunan-card-foreground:var(--hunan-ink);--hunan-popover:#FFFFFF;--hunan-popover-foreground:var(--hunan-ink);--hunan-primary:var(--hunan-chili-red);--hunan-primary-foreground:#FFFFFF;--hunan-muted:var(--hunan-soft-sand);--hunan-muted-foreground:var(--hunan-neutral-600);--hunan-border:var(--hunan-neutral-300);--hunan-input:var(--hunan-neutral-200);--hunan-ring:var(--hunan-chili-red);--hunan-radius-small:4px;--hunan-radius-medium:8px;--hunan-radius-large:12px;--hunan-font-display:'Cormorant Garamond','DM Serif Display',Georgia,serif;--hunan-font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--hunan-font-meta:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--hunan-shadow-sm:0 1px 2px rgba(30, 26, 23, 0.05);--hunan-shadow-md:0 4px 12px rgba(30, 26, 23, 0.05);--hunan-shadow-lg:0 12px 32px rgba(30, 26, 23, 0.08);--bg:var(--hunan-rice-paper);--bg-2:var(--hunan-neutral-100);--bg2:var(--bg-2);--bg-3:var(--hunan-neutral-200);--surface:rgba(30, 26, 23, 0.03);--surface-hover:rgba(30, 26, 23, 0.06);--ink:var(--hunan-ink);--ink-soft:var(--hunan-neutral-700);--muted:var(--hunan-neutral-500);--rule:var(--hunan-neutral-300);--chili:var(--hunan-chili-red);--chili-glow:rgba(217, 56, 30, 0.12);--ember:var(--hunan-wood-brown);--ember-glow:rgba(138, 101, 69, 0.1);--gold:#B8871E;--gold-glow:rgba(184, 135, 30, 0.08);--jade:var(--hunan-fermented-green);--jade-glow:rgba(92, 107, 80, 0.08);--plum:#7d2e3c;--font-display:var(--hunan-font-display);--font-body:var(--hunan-font-ui);--font-accent:var(--hunan-font-display);--max-w:1200px;--max-w-narrow:760px;--radius:12px;--radius-sm:8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--hunan-font-ui);background:var(--hunan-rice-paper);color:var(--hunan-ink);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 0,var(--chili-glow) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 15%,var(--ember-glow) 0,transparent 55%);pointer-events:none;z-index:-1;opacity:.6}img{max-width:100%;display:block}a{color:var(--hunan-chili-red);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}.container{width:min(1200px,92%);margin-inline:auto}h1,h2,h3,h4,h5,h6{font-family:var(--hunan-font-display);font-weight:600;line-height:1.2;color:var(--hunan-ink)}h1{font-size:clamp(2rem, 5vw, 3.5rem)}h2{font-size:clamp(1.6rem, 3.5vw, 2.5rem)}h3{font-size:clamp(1.3rem, 2.5vw, 1.8rem)}p{margin-bottom:1rem}.main-nav{display:flex;gap:1.4rem;align-items:center;padding:1rem 0;background:rgba(247,242,232,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--hunan-border);position:sticky;top:0;z-index:100;flex-wrap:wrap;justify-content:center}.main-nav a{text-decoration:none;color:var(--hunan-neutral-700);font-weight:500;font-size:.95rem;font-family:var(--hunan-font-ui);transition:color .2s;padding:.3rem .5rem}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--hunan-chili-red);text-decoration:none}.main-nav a[aria-current=page]{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:var(--hunan-radius-medium);text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn-primary{background:var(--hunan-chili-red);color:#fff}.btn-primary:hover{background:var(--hunan-primary-600);color:#fff}.btn-outline{background:0 0;color:var(--hunan-chili-red);border:1.5px solid var(--hunan-chili-red)}.btn-outline:hover{background:var(--hunan-primary-50)}.dish-link-card,.recipe-card,.region-card{background:#fff;border-radius:var(--hunan-radius-large);overflow:hidden;box-shadow:var(--hunan-shadow-sm);transition:box-shadow .3s,transform .3s;text-decoration:none;color:inherit;display:block}.dish-link-card:hover,.recipe-card:hover,.region-card:hover{box-shadow:var(--hunan-shadow-lg);transform:translateY(-4px);text-decoration:none}.dish-link-card img,.recipe-card img{width:100%;height:200px;object-fit:cover}.dish-link-card-content,.recipe-card-content{padding:1.2rem}.dish-link-card-content h3,.recipe-card-content h3{font-family:var(--hunan-font-display);font-size:1.3rem;margin-bottom:.5rem;color:var(--hunan-ink)}.dish-link-card-content p,.recipe-card-content p{color:var(--hunan-muted-foreground);font-size:.9rem}.recipe-content{max-width:900px;margin:0 auto;padding:2rem 1rem}.recipe-content h1{font-family:var(--hunan-font-display);font-size:clamp(2rem, 4vw, 3rem);margin-bottom:.5rem;color:var(--hunan-ink)}.recipe-content h2{font-family:var(--hunan-font-display);color:var(--hunan-chili-red);border-bottom:2px solid var(--hunan-neutral-200);padding-bottom:.5rem;margin-top:2rem}.recipe-intro{font-size:1.15rem;color:var(--hunan-neutral-700);line-height:1.7;margin-bottom:1.5rem}.breadcrumb{font-size:.85rem;color:var(--hunan-neutral-500);margin-bottom:1rem}.breadcrumb a{color:var(--hunan-chili-red);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.badge-spicy{background:var(--hunan-primary-50);color:var(--hunan-chili-red)}.badge-mild{background:var(--hunan-neutral-100);color:var(--hunan-neutral-700)}.tag-list{display:flex;gap:.5rem;flex-wrap:wrap}.tag{display:inline-block;padding:.2rem .6rem;background:var(--hunan-neutral-100);border-radius:var(--hunan-radius-small);font-size:.85rem;color:var(--hunan-chili-red);text-decoration:none}.tag:hover{background:var(--hunan-primary-50);text-decoration:none}section{margin-bottom:2rem}section h2{color:var(--hunan-chili-red);border-bottom:2px solid var(--hunan-neutral-200);padding-bottom:.5rem}ol,ul{line-height:1.8;padding-left:1.5rem}li{margin-bottom:.5rem}.dish-grid,.grid,.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.regions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.hero{position:relative;min-height:60vh;display:grid;align-items:end;overflow:hidden;border-radius:var(--hunan-radius-large)}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,26,23,.1) 0,rgba(30,26,23,.7) 100%)}.hero-content{position:relative;z-index:2;padding:4rem 2rem;color:#fff}.hero h1{font-family:var(--hunan-font-display);font-size:clamp(2.5rem, 6vw, 4.5rem);line-height:1.05;margin:0 0 1rem;color:#fff}.hero p{font-size:1.2rem;max-width:640px;color:var(--hunan-soft-sand)}.footer,.site-footer{background:var(--hunan-soft-sand);padding:4rem 0 2rem;border-top:1px solid var(--hunan-border);margin-top:4rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}.footer-brand p{color:var(--hunan-muted-foreground);max-width:320px;margin-top:1rem}.footer-nav{display:flex;flex-direction:column;gap:.6rem}.footer-nav h4{font-family:var(--hunan-font-display);font-size:1.2rem;margin-bottom:.8rem;color:var(--hunan-ink)}.footer-nav a{text-decoration:none;color:var(--hunan-neutral-700)}.footer-nav a:hover{color:var(--hunan-chili-red)}table{width:100%;border-collapse:collapse;margin:1.5rem 0}td,th{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--hunan-border)}th{font-weight:600;color:var(--hunan-ink);background:var(--hunan-neutral-100)}.search-container{max-width:600px;margin:2rem auto;position:relative}.search-input{width:100%;padding:.8rem 1.2rem;font-size:1rem;border:2px solid var(--hunan-border);border-radius:var(--hunan-radius-large);background:#fff;color:var(--hunan-ink);font-family:var(--hunan-font-ui)}.search-input:focus{outline:0;border-color:var(--hunan-chili-red);box-shadow:0 0 0 3px var(--hunan-primary-50)}.search-results{margin-top:1rem}.search-result-item{padding:1rem;border-bottom:1px solid var(--hunan-border)}.search-result-item a{color:var(--hunan-chili-red);font-weight:600;text-decoration:none}.search-result-item p{color:var(--hunan-muted-foreground);font-size:.9rem;margin:.3rem 0 0}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:999}.chat-toggle{width:56px;height:56px;border-radius:50%;background:var(--hunan-chili-red);color:#fff;border:none;cursor:pointer;font-size:1.5rem;box-shadow:var(--hunan-shadow-lg);transition:transform .2s}.chat-toggle:hover{transform:scale(1.1)}.chat-panel{position:absolute;bottom:70px;right:0;width:360px;max-height:500px;background:#fff;border-radius:var(--hunan-radius-large);box-shadow:var(--hunan-shadow-lg);display:none;flex-direction:column;overflow:hidden}.chat-panel.open{display:flex}.chat-header{padding:1rem;background:var(--hunan-chili-red);color:#fff;font-weight:600}.chat-messages{flex:1;padding:1rem;overflow-y:auto;max-height:350px}.chat-message{margin-bottom:.8rem;padding:.6rem 1rem;border-radius:var(--hunan-radius-medium);font-size:.9rem}.chat-message.user{background:var(--hunan-primary-50);color:var(--hunan-ink);margin-left:2rem}.chat-message.bot{background:var(--hunan-neutral-100);color:var(--hunan-ink);margin-right:2rem}.chat-input{padding:.8rem;border-top:1px solid var(--hunan-border);display:flex;gap:.5rem}.chat-input input{flex:1;padding:.5rem;border:1px solid var(--hunan-border);border-radius:var(--hunan-radius-medium);font-family:var(--hunan-font-ui)}.chat-input button{padding:.5rem 1rem;background:var(--hunan-chili-red);color:#fff;border:none;border-radius:var(--hunan-radius-medium);cursor:pointer}.text-center{text-align:center}.text-muted{color:var(--hunan-muted-foreground)}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.hidden{display:none}@media (max-width:768px){.main-nav{flex-direction:column;gap:.5rem;padding:.5rem}.main-nav a{font-size:.85rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.dish-grid,.grid,.recipe-grid{grid-template-columns:1fr}.regions-grid{grid-template-columns:1fr}.hero{min-height:40vh}.hero-content{padding:2rem 1rem}.chat-panel{width:calc(100vw - 40px)}.recipe-content{padding:1rem}}@media (max-width:480px){h1{font-size:1.8rem}h2{font-size:1.4rem}.main-nav a{font-size:.8rem;padding:.2rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--hunan-neutral-100)}::-webkit-scrollbar-thumb{background:var(--hunan-neutral-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--hunan-neutral-500)}::selection{background:var(--hunan-chili-red);color:#fff}.amazon-disclosure{font-size:.8rem;color:var(--hunan-muted-foreground);text-align:center;margin-top:1rem;line-height:1.5;opacity:.7}.amazon-disclosure a{color:var(--hunan-muted-foreground);text-decoration:underline}:root{--hunan-rice-paper:#F7F2E8;--hunan-warm-beige:#EDE4D3;--hunan-ink-black:#2c1810;--hunan-muted-brown:#8a7560;--hunan-warm-border:#e0d5c3;--hunan-chili-red:#D9381E;--hunan-gold:#d4a017;--hunan-success-green:#27ae60;--hunan-spice-orange:#e67e22}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,'Times New Roman',serif;background:var(--hunan-rice-paper);color:var(--hunan-ink-black);line-height:1.7}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.r-hero{text-align:center;padding:3rem 0 2rem;background:linear-gradient(135deg,#2c1810 0,#4a2c1a 100%);color:#fff}.r-hero h1{font-size:2.5rem;margin-bottom:.5rem}.r-hero p{color:#d4a017;font-size:1.1rem;max-width:600px;margin:0 auto}.search-box{max-width:600px;margin:1.5rem auto 0;position:relative}.search-box input{width:100%;padding:1rem 1.5rem;font-size:1.05rem;border:none;border-radius:50px;outline:0}.search-box input:focus{box-shadow:0 0 0 3px rgba(212,160,23,.3)}.hero-cta{display:flex;gap:.8rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.hero-cta a{padding:.6rem 1.2rem;border-radius:50px;font-size:.9rem;font-weight:600;text-decoration:none}.hero-cta a.primary{background:var(--hunan-chili-red);color:#fff}.hero-cta a.secondary{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4)}.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:1.5rem 0;background:var(--hunan-warm-beige);border-bottom:1px solid var(--hunan-warm-border)}.filter-select{padding:.5rem 1rem;border:1px solid var(--hunan-warm-border);border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer;outline:0}.filter-select:focus{border-color:var(--hunan-chili-red)}.results-info{text-align:center;padding:1rem 0;color:var(--hunan-muted-brown);font-size:.9rem}.r-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding:1rem 0 3rem}.r-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s;border:1px solid var(--hunan-warm-border)}.r-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.12);transform:translateY(-2px)}.r-card .card-body{padding:1.5rem}.r-card h3{font-size:1.25rem;color:var(--hunan-chili-red);margin-bottom:.3rem}.r-card .location{font-size:.85rem;color:var(--hunan-muted-brown);margin-bottom:.8rem}.r-card .tagline{font-size:.9rem;line-height:1.5;margin-bottom:1rem;color:var(--hunan-ink-black)}.r-card .badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.r-card .badge{font-size:.75rem;padding:.2rem .7rem;border-radius:12px;font-weight:600}.badge.focus-dedicated{background:#e8f5e9;color:#2e7d32}.badge.focus-strong{background:#fff3e0;color:#e65100}.badge.focus-mixed{background:#fce4ec;color:#c62828}.badge.price{background:var(--hunan-warm-beige);color:var(--hunan-muted-brown)}.badge.spice{background:#fff3e0;color:#e65100}.r-card .specialty{font-size:.85rem;color:var(--hunan-muted-brown);margin-bottom:1rem}.r-card .specialty strong{color:var(--hunan-ink-black)}.r-card .card-cta{display:flex;gap:.8rem}.r-card .card-cta a{flex:1;text-align:center;padding:.7rem;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.r-card .btn-detail{background:var(--hunan-chili-red);color:#fff}.r-card .btn-detail:hover{background:#a93226}.r-card .btn-recipe{background:var(--hunan-warm-beige);color:var(--hunan-ink-black)}.r-card .btn-recipe:hover{background:var(--hunan-warm-border)}.r-card .last-verified{font-size:.75rem;color:var(--hunan-muted-brown);margin-top:.8rem;text-align:right}.no-results{text-align:center;padding:3rem;color:var(--hunan-muted-brown)}.detail-hero{background:linear-gradient(135deg,#2c1810 0,#4a2c1a 100%);color:#fff;padding:3rem 0 2rem}.detail-hero h1{font-size:2.2rem;margin-bottom:.3rem}.detail-hero .tagline{color:#d4a017;font-size:1.1rem;margin-bottom:1rem}.detail-hero .badges{display:flex;flex-wrap:wrap;gap:.4rem}.detail-body{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.detail-section{margin-bottom:2rem}.detail-section h2{font-size:1.3rem;color:var(--hunan-chili-red);border-bottom:2px solid var(--hunan-warm-border);padding-bottom:.5rem;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{padding:.8rem;background:var(--hunan-warm-beige);border-radius:8px}.info-item .label{font-size:.8rem;color:var(--hunan-muted-brown);font-weight:600;text-transform:uppercase}.info-item .value{font-size:1rem;margin-top:.2rem}.dish-card{background:var(--hunan-warm-beige);border-radius:10px;padding:1.2rem;margin-bottom:.8rem}.dish-card h4{color:var(--hunan-chili-red);margin-bottom:.3rem}.dish-card p{font-size:.9rem;color:var(--hunan-ink-black)}.dish-card a{color:var(--hunan-chili-red);font-size:.85rem;text-decoration:none;font-weight:600}.order-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--hunan-warm-border)}.order-item:last-child{border-bottom:none}.order-item .number{font-size:1.5rem;font-weight:700;color:var(--hunan-gold);min-width:2rem}.order-item .text h4{font-size:1rem;margin-bottom:.2rem}.order-item .text p{font-size:.85rem;color:var(--hunan-muted-brown)}.verified-box{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#e8f5e9;border-radius:8px;margin-top:1.5rem}.verified-box .icon{color:var(--hunan-success-green);font-size:1.2rem}.verified-box .text{font-size:.85rem;color:#2e7d32}.report-link{display:inline-block;margin-top:.5rem;font-size:.85rem;color:var(--hunan-muted-brown);text-decoration:underline}.nearby-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.nearby-card{background:var(--hunan-warm-beige);border-radius:8px;padding:1rem;text-decoration:none;color:var(--hunan-ink-black);transition:all .2s}.nearby-card:hover{background:var(--hunan-chili-red);color:#fff}.nearby-card h4{font-size:.95rem;margin-bottom:.2rem}.nearby-card p{font-size:.8rem;color:var(--hunan-muted-brown)}.nearby-card:hover p{color:rgba(255,255,255,.8)}.city-hero{background:linear-gradient(135deg,#2c1810 0,#4a2c1a 100%);color:#fff;padding:3rem 0 2rem;text-align:center}.city-hero h1{font-size:2.2rem;margin-bottom:.5rem}.city-hero p{color:#d4a017;max-width:600px;margin:0 auto;font-size:1.05rem}.city-restaurants{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.other-cities{max-width:900px;margin:0 auto;padding:1rem 1.5rem 3rem}.other-cities h2{font-size:1.3rem;margin-bottom:1rem;color:var(--hunan-chili-red)}.city-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.city-link{display:block;padding:1rem;background:var(--hunan-warm-beige);border-radius:8px;text-decoration:none;color:var(--hunan-ink-black);transition:all .2s}.city-link:hover{background:var(--hunan-chili-red);color:#fff}.city-link h4{font-size:.95rem}.city-link p{font-size:.8rem;color:var(--hunan-muted-brown)}.city-link:hover p{color:rgba(255,255,255,.8)}.breadcrumb{font-size:.85rem;color:var(--hunan-muted-brown);margin-bottom:.5rem}.breadcrumb a{color:var(--hunan-chili-red);text-decoration:none}.map-placeholder{background:var(--hunan-warm-beige);border-radius:12px;padding:3rem;text-align:center;margin:1.5rem 0}.map-placeholder p{color:var(--hunan-muted-brown);font-size:.9rem}.section-cta{text-align:center;padding:2rem;background:var(--hunan-warm-beige);margin:2rem 0}.section-cta h2{color:var(--hunan-chili-red);margin-bottom:.5rem}.section-cta a{display:inline-block;margin-top:1rem;padding:.8rem 2rem;background:var(--hunan-chili-red);color:#fff;border-radius:8px;text-decoration:none;font-weight:600}@media(max-width:768px){.r-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.nearby-list{grid-template-columns:1fr}.city-list{grid-template-columns:1fr}}.dish-link-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.dish-link-card{display:block;padding:1rem;background:#fff;border:1px solid var(--rule);border-radius:8px;text-decoration:none;color:var(--ink);transition:all .2s}.dish-link-card:hover{border-color:var(--accent2);box-shadow:0 2px 8px rgba(0,0,0,.06)}.dish-link-card h4{color:var(--accent);font-size:.95rem;margin-bottom:.1rem}.dish-link-card p{font-size:.8rem;color:var(--muted)}.blog-hero{text-align:center;padding:4rem 1rem 3rem;background:linear-gradient(180deg,var(--hunan-soft-sand) 0,var(--hunan-rice-paper) 100%)}.blog-hero h1{font-family:var(--hunan-font-display);font-size:clamp(2.5rem, 5vw, 4rem);margin:0 0 .8rem;color:var(--hunan-ink)}.blog-hero p{font-size:1.2rem;color:var(--hunan-muted-foreground);max-width:640px;margin:0 auto}.blog-filters{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:1.5rem 1rem;background:var(--hunan-rice-paper);border-bottom:1px solid var(--hunan-border);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}.filter-btn{padding:.5rem 1.1rem;border:1.5px solid var(--hunan-border);background:var(--hunan-popover);color:var(--hunan-neutral-700);border-radius:24px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--hunan-chili-red);color:var(--hunan-chili-red)}.filter-btn.active{background:var(--hunan-chili-red);color:var(--hunan-primary-foreground);border-color:var(--hunan-chili-red)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:2.5rem 0}.blog-card{background:var(--hunan-popover);border-radius:var(--hunan-radius-large);overflow:hidden;box-shadow:var(--hunan-shadow-sm);transition:box-shadow .3s,transform .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column;border:1px solid var(--hunan-border)}.blog-card:hover{box-shadow:var(--hunan-shadow-lg);transform:translateY(-4px);text-decoration:none}.blog-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-cat-tag{display:inline-block;padding:.2rem .7rem;background:var(--hunan-primary-50);color:var(--hunan-chili-red);border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:.8rem;align-self:flex-start}.blog-card h3{font-family:var(--hunan-font-display);font-size:1.35rem;margin:0 0 .6rem;color:var(--hunan-ink);line-height:1.3}.blog-card p{color:var(--hunan-muted-foreground);font-size:.95rem;flex:1}.blog-card-meta{display:flex;gap:1rem;margin-top:1rem;font-size:.85rem;color:var(--hunan-neutral-500)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.related-card{display:block;padding:1.2rem;background:var(--hunan-popover);border-radius:var(--hunan-radius-medium);border:1px solid var(--hunan-border);text-decoration:none;color:inherit;transition:box-shadow .2s}.related-card:hover{box-shadow:var(--hunan-shadow-md);text-decoration:none}.related-card h4{font-size:1.05rem;margin:0 0 .3rem;color:var(--hunan-ink)}.related-cat{font-size:.8rem;color:var(--hunan-chili-red)}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-filters{position:static}}
/* === Unified Navigation === */
.nav{background:#fff;border-bottom:1px solid #e0d5c3;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.nav .nav-inner{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:.65rem;min-height:60px}
.nav .nav-logo{font-weight:700;font-size:1.25rem;text-decoration:none;color:#2c1810;margin-right:auto;display:flex;align-items:center;gap:.15rem;white-space:nowrap}
.nav .nav-logo .pepper{font-size:1.2rem}
.nav .nav-logo .flavor{color:#c0392b}
.nav .nav-links{display:flex;list-style:none;gap:.25rem;margin:0;padding:0;align-items:center}
.nav .nav-links li{display:block}
.nav .nav-links a{text-decoration:none;color:#2c1810;padding:.5rem .7rem;border-radius:6px;font-size:.92rem;transition:background .15s, color .15s;display:flex;align-items:center;min-height:40px}
.nav .nav-links a:hover{background:#f3ede4;color:#c0392b}
.nav .nav-toggle{display:none}

@media(max-width:900px){
.nav .nav-inner{flex-wrap:wrap;min-height:auto;padding:.6rem 1rem}
.nav .nav-logo{font-size:1.1rem}
.nav .nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e0d5c3;background:transparent;border-radius:8px;cursor:pointer;font-size:1.3rem;color:#2c1810;flex:0 0 44px}
.nav .nav-links{display:none!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:120;padding:.5rem;max-height:calc(100vh - 60px);overflow-y:auto}
.nav .nav-links.active{display:flex!important}
.nav .nav-links li{width:100%}
.nav .nav-links a{width:100%;min-height:48px;font-size:1rem;border-radius:8px}
}

@media(max-width:480px){
.nav .nav-inner{padding:.5rem .8rem}
.nav .nav-logo{font-size:1rem}
.nav .nav-logo .pepper{font-size:1rem}
.nav .nav-links a{padding:.6rem .8rem;font-size:.95rem}
}