:root{
    --paper:#fffdf9;
    --ink:#242126;
    --muted:#706a70;
    --wine:#7b1f32;
    --wine-dark:#4d1423;
    --line:#e9e0d9;
    --sand:#f5eee6;
    --poster:#c28a55;
    --shadow:0 20px 60px rgba(36,33,38,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,249,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.top-strip{display:flex;justify-content:space-between;gap:16px;padding:8px clamp(18px,4vw,56px);font-size:13px;color:var(--muted);border-bottom:1px solid rgba(233,224,217,.65)}
.host-pill{padding:2px 10px;background:var(--sand);border-radius:999px;color:var(--wine-dark)}
.main-nav{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,56px);gap:22px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--wine),#1f1c20);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;box-shadow:0 12px 28px rgba(123,31,50,.18)}
.brand strong{display:block;font-size:20px;letter-spacing:.08em}.brand em{display:block;font-size:12px;color:var(--muted);font-style:normal;letter-spacing:.18em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-links a{padding:8px 12px;border-radius:999px;color:#4d464d;font-size:15px}.nav-links a:hover,.nav-links a.active{background:var(--wine);color:#fff}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;color:var(--ink)}
main{overflow:hidden}.magazine-layout,.section-wrap,.page-hero{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:40px;align-items:center;padding:64px 0 44px}.hero-copy{padding:36px 0}.eyebrow,.section-heading p{margin:0 0 10px;color:var(--wine);font-weight:800;letter-spacing:.18em;font-size:13px}.hero h1,.page-hero h1{font-size:clamp(36px,6vw,72px);line-height:1.05;margin:0 0 22px;letter-spacing:-.06em}.lead,.page-hero p:last-child{font-size:18px;color:#5c555c;max-width:720px}.hero-media{background:var(--sand);padding:16px;border-radius:32px;box-shadow:var(--shadow);transform:rotate(1deg)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;font-weight:700}.btn.primary{background:var(--wine);color:#fff}.btn.ghost{border:1px solid var(--wine);color:var(--wine)}
.section-wrap{padding:56px 0}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(26px,3.6vw,44px);line-height:1.15;margin:0;letter-spacing:-.04em}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:34px;align-items:start}.reverse-on-mobile{align-items:center}.news-stack{display:grid;gap:14px}.news-stack article,.info-cards article,.feature-grid>article,.contact-box,.faq-list details,.timeline-list article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 35px rgba(36,33,38,.05)}
.news-stack span,.tag{display:inline-flex;background:#f0d9dc;color:var(--wine-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;letter-spacing:.08em}.news-stack h3,.article-card h3{margin:12px 0 8px;font-size:22px;line-height:1.25}.news-stack p,.article-card p,.rich-text,.info-cards p,.feature-grid p{color:var(--muted);margin:0}.editor-note{background:var(--wine-dark);color:#fff;border-radius:30px;padding:24px;box-shadow:var(--shadow)}.editor-note img{border-radius:22px;margin-bottom:18px}.editor-note p{color:rgba(255,255,255,.78)}.dark-note{position:sticky;top:120px}
.card-grid{display:grid;gap:22px}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 16px 42px rgba(36,33,38,.07)}.article-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--sand)}.card-body{padding:20px}.meta-line{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:#93878e;font-size:13px;border-top:1px solid var(--line);padding-top:12px}.split-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,.9fr);gap:34px;align-items:center;background:linear-gradient(90deg,transparent 0,var(--sand) 100%);border-radius:36px;padding-left:28px;padding-right:28px}.pick-list{display:grid;gap:12px}.pick-list article{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding:14px 0}.pick-list strong{color:var(--wine);font-size:26px}.pick-list h3{margin:0 0 4px}.pick-list p{margin:0;color:var(--muted)}.rank-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.rank-list li{display:grid;gap:5px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.rank-list span{color:var(--wine);font-weight:800}.rank-list b{font-size:22px}.rank-list em{font-style:normal;color:var(--muted)}.rank-list.large li{padding:22px}.ranking-board img{filter:drop-shadow(0 22px 45px rgba(36,33,38,.12))}.card-band{background:#2a252a;color:#fff;border-radius:38px;padding-left:28px;padding-right:28px}.card-band .article-card{color:var(--ink)}.video-zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:32px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:36px;padding:34px;box-shadow:var(--shadow)}.video-zone.full{grid-template-columns:minmax(0,.95fr) minmax(320px,.95fr)}.video-zone p{color:var(--muted)}.text-link{color:var(--wine);font-weight:800;border-bottom:2px solid currentColor}.reader-zone{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quote-grid blockquote{margin:0;background:#fff;border-left:5px solid var(--wine);border-radius:20px;padding:22px;color:#4c464b;box-shadow:0 12px 35px rgba(36,33,38,.05)}.subscribe-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:28px;align-items:center;background:linear-gradient(135deg,#2a252a,var(--wine-dark));color:#fff;border-radius:36px;padding:36px}.subscribe-panel p{color:rgba(255,255,255,.78)}.mini-form{display:grid;gap:12px}.mini-form label{display:grid;gap:8px;font-weight:700}.mini-form input{width:100%;border:0;border-radius:18px;padding:14px 16px}.mini-form button{border:0;background:#fff;color:var(--wine-dark);border-radius:999px;padding:13px 16px;font-weight:800;cursor:pointer}
.page-hero{padding:64px 0 34px}.page-hero.compact{max-width:1040px}.page-hero.wine{background:var(--wine-dark);color:#fff;border-radius:0 0 40px 40px;padding-left:30px;padding-right:30px}.page-hero.wine p{color:rgba(255,255,255,.78)}.rounded-visual{border-radius:32px;box-shadow:var(--shadow);background:var(--sand);padding:10px}.timeline-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.timeline-list span{font-weight:800;color:var(--wine)}.timeline-list h3{margin:8px 0}.score-bars{display:grid;gap:14px;margin-top:22px}.score-bars div{display:grid;gap:8px}.score-bars span{font-weight:800}.score-bars div::after{content:"";height:10px;background:var(--sand);border-radius:99px;grid-row:2}.score-bars b{display:block;height:10px;background:linear-gradient(90deg,var(--wine),var(--poster));border-radius:99px;grid-row:2;z-index:1}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:24px}.lead-news{background:#fff;border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.lead-news div{padding:24px}.lead-news h2{font-size:34px;line-height:1.15;margin:12px 0}.lead-news p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature-main{grid-row:span 3}.feature-main img{border-radius:20px;margin-bottom:18px}.info-strip{display:flex;align-items:center;gap:18px;background:var(--sand);border-radius:28px;padding:24px 28px}.info-strip strong{color:var(--wine);font-size:22px}.info-strip p{margin:0;color:var(--muted)}.faq-list details{margin-bottom:14px}.faq-list summary{cursor:pointer;font-weight:800;font-size:18px}.faq-list p{color:var(--muted)}.site-footer{margin-top:40px;background:#1f1c20;color:#fff;padding:44px clamp(18px,4vw,56px)}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:28px;width:min(1180px,100%);margin:0 auto}.site-footer h2,.site-footer h3{margin:0 0 12px}.site-footer p,.site-footer a{display:block;color:rgba(255,255,255,.72);margin:6px 0}.site-footer a:hover{color:#fff}
@media (max-width:900px){.hero,.two-column,.split-panel,.video-zone,.video-zone.full,.subscribe-panel,.news-layout,.feature-grid{grid-template-columns:1fr}.card-grid.three,.card-grid.two,.quote-grid,.timeline-list{grid-template-columns:1fr 1fr}.split-panel{padding-left:20px;padding-right:20px}.footer-grid{grid-template-columns:1fr}.nav-toggle{display:inline-flex}.nav-links{position:absolute;left:18px;right:18px;top:110px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);display:none}.nav-links.open{display:grid;grid-template-columns:1fr 1fr}.top-strip{flex-direction:column;gap:6px}.hero{padding-top:36px}.dark-note{position:static}}
@media (max-width:560px){.main-nav{padding:12px 18px}.brand strong{font-size:18px}.brand-mark{width:38px;height:38px}.hero h1,.page-hero h1{font-size:36px}.lead,.page-hero p:last-child{font-size:16px}.card-grid.three,.card-grid.two,.quote-grid,.timeline-list{grid-template-columns:1fr}.section-wrap{padding:38px 0}.hero-actions{display:grid}.top-strip{font-size:12px}.nav-links{top:104px;grid-template-columns:1fr}.subscribe-panel,.video-zone{padding:24px}.info-strip{display:grid}.page-hero.wine{border-radius:0 0 28px 28px}}