:root{--brand:#d9a441;--accent:#ef4444;--ink:#f8f0df;--paper:#171411;--muted:#c4b9a3;--line:rgba(130,115,95,.22);--white:#fff;--radius:5px;--hero:linear-gradient(115deg, rgba(20,15,11,.96), rgba(117,78,17,.42)), url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=82')}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.72}a{text-decoration:none;color:inherit}img{display:block;width:100%}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topline,.nav,.wrap,.footer-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topline{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}.topline strong{color:var(--brand)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius);background:var(--brand);color:#fff}.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{padding:9px 11px;border-radius:var(--radius);font-weight:800;font-size:15px}.nav-links a:hover,.nav-links a.active{background:var(--brand);color:#fff}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--ink)}.nav-toggle i{display:block;width:18px;height:2px;margin:4px auto;background:currentColor}.hero{position:relative;min-height:520px;display:grid;align-items:end;color:#fff;background:var(--hero);background-size:cover;background-position:center}.hero .wrap{display:grid;grid-template-columns:1.08fr .72fr;gap:30px;padding:74px 0 54px}.kicker{display:inline-flex;color:var(--accent);font-weight:900;font-size:13px}.hero h1{max-width:850px;margin:10px 0 16px;font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:0}.hero p{max-width:680px;margin:0;color:rgba(255,255,255,.88);font-size:18px}.hero-box{align-self:end;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius);background:rgba(0,0,0,.24);box-shadow:0 18px 42px rgba(0,0,0,.2)}.hero-box a{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.18)}.hero-box a:last-child{border-bottom:0}.hero-box b{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:var(--accent);color:#15110c}.hero-box em{font-style:normal;color:var(--accent);font-weight:900}.section{padding:58px 0}.section.alt{background:color-mix(in srgb,var(--brand) 7%,var(--paper))}.title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.title h2{margin:0;font-size:clamp(27px,3vw,42px);line-height:1.18}.title p{max-width:540px;margin:0;color:var(--muted)}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:minmax(0,1fr) 340px}.card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--paper) 88%,#fff);box-shadow:0 14px 32px rgba(0,0,0,.08)}.card img{height:210px;object-fit:cover}.card div{padding:18px}.card em,.pill{display:inline-flex;padding:4px 8px;border-radius:5px;background:var(--brand);color:#fff;font-size:12px;font-style:normal;font-weight:900}.card h3{margin:10px 0 8px;font-size:21px;line-height:1.35}.card p,.side p,.article p{color:var(--muted);margin:0}.card span{display:block;margin-top:12px;color:var(--brand);font-weight:900;font-size:13px}.rank{display:grid;gap:12px}.rank a{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--paper) 85%,#fff)}.rank b{display:grid;place-items:center;width:34px;height:34px;border-radius:5px;background:var(--brand);color:#fff}.rank strong{line-height:1.35}.rank span{color:var(--accent);font-weight:900}.side{display:grid;gap:16px;align-content:start}.box{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--paper) 88%,#fff)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a,.chips span{padding:7px 10px;border-radius:5px;background:color-mix(in srgb,var(--accent) 20%,var(--paper));font-weight:800;font-size:13px}.feature{display:grid;grid-template-columns:42% 1fr;gap:0;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,#fff)}.feature img{height:100%;min-height:320px;object-fit:cover}.feature div{padding:30px}.feature h2{font-size:34px;line-height:1.18;margin:10px 0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery a{position:relative;overflow:hidden;border-radius:var(--radius);background:#ddd}.gallery img{aspect-ratio:4/3;height:100%;object-fit:cover}.gallery span{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 9px;border-radius:5px;background:rgba(0,0,0,.58);color:#fff;font-weight:900}.page-hero{padding:55px 0 44px;color:#fff;background:var(--hero);background-size:cover;background-position:center}.page-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:8px 0 12px}.page-hero p{max-width:720px;color:rgba(255,255,255,.86)}.list{display:grid;gap:16px}.row{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--paper) 88%,#fff)}.row img{height:165px;object-fit:cover;border-radius:calc(var(--radius) - 1px)}.row h2{font-size:24px;line-height:1.32;margin:8px 0}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.article{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--paper) 88%,#fff)}.article>img{aspect-ratio:16/8;object-fit:cover}.article-body{padding:clamp(22px,4vw,42px)}.article h1{font-size:clamp(30px,4vw,50px);line-height:1.16;margin:10px 0 14px}.article h2{margin-top:32px}.timeline{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.timeline li{padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 9%,var(--paper))}.quote{margin:22px 0;padding:16px 18px;border-left:4px solid var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--paper));font-weight:900}.site-footer{background:color-mix(in srgb,var(--ink) 88%,#000);color:rgba(255,255,255,.78)}.footer-wrap{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;padding:42px 0}.site-footer h2,.site-footer h3{margin:0 0 12px;color:#fff}.site-footer a{display:inline-block;margin:0 14px 8px 0}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:14px 0 18px;color:rgba(255,255,255,.56);font-size:13px}.layout-dark .card,.layout-dark .box,.layout-dark .rank a,.layout-dark .article,.layout-dark .row,.layout-dark .feature{background:#1d2230}.layout-gallery .cards{grid-template-columns:1.2fr .9fr .9fr}.layout-rank .hero .wrap{grid-template-columns:.82fr 1fr}.layout-columns .cards{grid-template-columns:repeat(4,1fr)}.layout-columns .card img{height:170px}.layout-daily .feature{grid-template-columns:1fr 1fr}.layout-focus .title{border-left:6px solid var(--brand);padding-left:18px}@media(max-width:900px){.topline{display:block}.nav-toggle{display:block}.nav-links{position:absolute;left:16px;right:16px;top:112px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 18px 42px rgba(0,0,0,.18)}.nav-links.open{display:flex}.hero .wrap,.two,.feature,.article-wrap,.footer-wrap{grid-template-columns:1fr}.hero{min-height:auto}.hero .wrap{padding:55px 0 38px}.cards,.layout-columns .cards,.gallery{grid-template-columns:repeat(2,1fr)}.feature div{padding:22px}}@media(max-width:640px){.section{padding:42px 0}.title{display:block}.cards,.layout-gallery .cards,.gallery,.row{grid-template-columns:1fr}.row img{height:auto;aspect-ratio:16/10}.rank a{grid-template-columns:34px 1fr}.rank span{grid-column:2}.hero h1{font-size:40px}}