*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:16.5px/1.65 'Nunito Sans',Arial,sans-serif;color:#2f3331;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.i{display:inline-block;flex:none;vertical-align:middle}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.pill{display:inline-flex;align-items:center;gap:8px;background:#b0502c;color:#fff;border:2px solid #b0502c;border-radius:999px;padding:10px 22px;font:700 13.5px/1.2 'Nunito Sans',Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pill:hover,a:hover>.tx .pill{background:#8d3e20;border-color:#8d3e20}
.pill.ol{background:transparent;border-color:#fff;color:#fff}
.pill.ol:hover{background:#fff;color:#a5502d}
.pill.olk{background:transparent;border:1.5px solid #2d211b;color:#2d211b}
.pill.olk:hover{background:#2d211b;color:#fff}
/* ── 页头 ── */
.util{background:#f8f3ef;font-size:13.5px;color:#4a504c}
.util .wrap{display:flex;justify-content:flex-end;align-items:center;gap:22px;min-height:38px}
.util a,.util label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.util a:hover,.util label:hover{color:#b0502c}
.util .sep{width:1px;height:16px;background:#d5d9d6}
.hmain .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:98px}
.logo{display:flex;align-items:center;gap:13px;min-width:0}
.logo .mk{flex:none;width:50px;height:50px}
.logo .nm{display:block;font:700 32.2px/1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;letter-spacing:.2px}
.logo .tg{display:block;font-size:13.5px;color:#68706b;margin-top:5px;line-height:1.3}
.hright{display:flex;align-items:center;gap:16px;flex:none}
.search-form{display:flex;align-items:center;background:#fff;border:1.5px solid #d3d8d4;border-radius:999px;overflow:hidden}
.search-form:focus-within{border-color:#b0502c}
.search-form input{flex:1;min-width:0;width:230px;border:0;background:transparent;padding:10px 4px 10px 18px;font:15px 'Nunito Sans',Arial,sans-serif;color:#222;outline:0}
.search-form button{border:0;background:transparent;color:#2d211b;padding:0 16px;height:42px;cursor:pointer;display:flex;align-items:center}
.search-form button:hover{color:#b0502c}
.hnav{border-top:1px solid #e7eae8;border-bottom:1px solid #e7eae8;background:#fff;position:relative;z-index:40}
.hnav ul{list-style:none;display:flex;align-items:stretch;flex-wrap:wrap}
.hnav li{position:relative}
.hnav li>a{display:flex;align-items:center;gap:9px;padding:14px 16px;font-size:15px;font-weight:600;color:#2d211b;white-space:nowrap}
.hnav li.hm>a{padding-left:4px;padding-right:14px}
.hnav li>a:hover,.hnav li.on>a{color:#b0502c}
.hnav li.on>a{box-shadow:inset 0 -3px 0 #b0502c}
.hnav .cv{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fbf0e9;color:#b0502c}
.hnav .dd{display:none;position:absolute;left:0;top:100%;min-width:290px;background:#fff;border:1px solid #e3e7e4;box-shadow:0 14px 30px rgba(0,0,0,.09);padding:8px 0;z-index:60}
.hnav li:hover>.dd,.hnav li:focus-within>.dd{display:block}
.hnav .dd a{display:block;padding:8px 18px;font-size:14.5px;line-height:1.4;color:#3b403d}
.hnav .dd a:hover{background:#fbf0e9;color:#b0502c}
.hnav .dd a.all{font-weight:700;color:#b0502c;border-top:1px solid #eef0ee;margin-top:6px;padding-top:10px}
.hnav li.xm{display:none}
/* ── 封面通用 ── */
.img{display:block;overflow:hidden;background:#fbf0e9}
.img img,.img .svg-cover{display:block;width:100%;height:100%;object-fit:cover}
.svg-cover svg{display:block;width:100%;height:100%}
.r1610{aspect-ratio:16/10} .r169{aspect-ratio:16/9}
/* ── 首页 ── */
.sec{margin-top:64px}
.shead{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 24px;margin-bottom:24px}
.shead h2{font:700 45.8px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b}
.more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#2d211b}
.more:hover{color:#b0502c}
.mhero{position:relative;height:540px;overflow:hidden;background:#a5502d}
.mhero .bg{position:absolute;inset:0}
.mhero .bg img,.mhero .bg .svg-cover{width:100%;height:100%;object-fit:cover;object-position:72% 40%;display:block}
.mhero .ov{position:absolute;left:0;top:0;bottom:0;width:52%;background:linear-gradient(90deg,#a5502d 0,#a5502df2 68%,#a5502d00 100%)}
.mhero .wrap{position:relative;height:100%;display:flex;align-items:center}
.htx{max-width:520px;color:#fff}
.htx h1{font:700 62.4px/1.04 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.2px;margin-bottom:18px}
.htx p{font-size:18px;line-height:1.6;margin-bottom:28px;opacity:.96}
.bento{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}
.bento.rev{grid-template-columns:1fr 2fr}
.bento.one{grid-template-columns:1fr}
.bento:first-child{margin-top:0}
.tile{position:relative;display:block;height:360px;overflow:hidden;background:#2d211b;color:#fff;isolation:isolate}
.tile>.img{position:absolute;inset:0;z-index:-2;background:#2d211b}
.tile>.img img{transition:transform .5s}
a.tile:hover>.img img{transform:scale(1.03)}
.tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,16,14,.84) 0,rgba(12,16,14,.5) 42%,rgba(12,16,14,.08) 78%)}
.tile .tx{position:absolute;left:0;right:0;bottom:0;padding:30px 32px 32px}
.tile .kick{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;opacity:.92;margin-bottom:8px}
.tile h3{font:700 43.7px/1.08 'Barlow Condensed','Arial Narrow',Arial,sans-serif;margin-bottom:10px;max-width:760px}
.tile.sm h3{font-size:30.2px}
.tile p{font-size:16px;line-height:1.5;margin-bottom:18px;max-width:620px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile .btns{display:flex;flex-wrap:wrap;gap:10px}
.tile .art{position:absolute;right:5%;top:9%;width:36%;max-width:290px;height:auto;color:#fff;opacity:.95;z-index:0}
.tile.arted .tx{padding-right:40%}
.topics{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.tpanel{position:relative;overflow:hidden;background:#f1d8ca;padding:44px 48px 52px;min-height:330px}
.tpanel h2{position:relative;z-index:1;font:700 45.8px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;max-width:620px;margin-bottom:26px}
.chips{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;max-width:calc(100% - 200px)}
.chip{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:10px 18px 10px 20px;font-size:15px;font-weight:600;color:#2d211b;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.chip:hover{background:#2d211b;color:#fff}
.chip .n{font-size:13px;font-weight:500;color:#7a817c}
.chip:hover .n{color:#cfd5d1}
.tpanel .art{position:absolute;right:-6px;bottom:-16px;width:250px;height:250px;color:#fff;opacity:.9}
.tip{position:relative;overflow:hidden;background:#fbf0e9;padding:38px 36px 40px}
.tip .qm{color:#f1d8ca;margin-bottom:18px;display:block}
.tip h3{font:700 25.0px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;margin-bottom:12px}
.tip p{position:relative;z-index:1;font-size:16.5px;line-height:1.65;color:#363b38}
.tip .note{position:relative;z-index:1;display:block;margin-top:14px;font-size:13.5px;font-weight:700;color:#2d211b}
.tip a.note:hover{color:#b0502c}
.tip .art{position:absolute;right:-18px;bottom:-24px;width:150px;height:150px;color:#f1d8ca;opacity:.9}
.cband{background:#fbf3ee;padding:60px 0 54px;margin-top:64px}
.cband+.cband{margin-top:0;padding-top:12px}
.carousel{position:relative}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.track::-webkit-scrollbar{display:none}
.card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;min-width:0}
.card .bd{display:flex;flex-direction:column;gap:6px;padding:16px 18px 22px;flex:1}
.card .lab{font-size:13.5px;color:#5c635f}
.card h3{font-size:17.5px;font-weight:700;line-height:1.32;color:#2d211b;margin-bottom:6px}
.card:hover h3{color:#b0502c}
.mt{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b514d;line-height:1.4}
.mt .i{color:#b0502c}
.cnav{display:flex;justify-content:center;gap:12px;margin-top:28px}
.cnav button{width:38px;height:38px;border-radius:50%;border:1.5px solid #2d211b;background:#2d211b;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cnav button:disabled{background:#fff;border-color:#c8cec9;color:#9aa19c;cursor:default}
.carousel.fits .cnav{display:none}
.split{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}
.split .stx{padding-top:6px}
.split h2{font:700 45.8px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;margin-bottom:16px}
.split .stx p{margin-bottom:14px;color:#3a3f3c}
.split .stx a.ln{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#b0502c}
.split .tile{height:420px}
.split .tile>.img img{object-position:60% 25%}
.news .shead{border-bottom:1px solid #dcdfdd;padding-bottom:18px}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px}
.ncard{display:block}
.ncard .dt{display:block;font-size:14px;color:#59605c;margin:14px 0 4px}
.ncard h3{font-size:24px;font-weight:700;line-height:1.25;color:#2d211b}
.ncard:hover h3{color:#b0502c}
.ncard p{margin-top:8px;font-size:15.5px;line-height:1.55;color:#4a504c}
.loadmore{display:flex;justify-content:center;margin-top:36px}
.pop h2.ph{font:700 45.8px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;margin-bottom:24px}
/* ── 内页 ── */
.aband{background:#fbf3ee;padding:42px 0 40px}
.crumb{font-size:14px;color:#5c635f;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.crumb a:hover{color:#b0502c}
.aband h1{font:700 54.1px/1.08 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b}
.aband .cnt{margin-top:6px;font-size:15px;color:#59605c}
.aband .chips{max-width:none;margin-top:22px}
.aband .chip.on{background:#2d211b;color:#fff}
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin-top:40px}
.lgrid .card{border:1px solid #e6e9e7}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;flex-wrap:wrap}
.pager .pg{font-size:14px;color:#5c635f}
.artwrap{max-width:860px;margin:0 auto;padding:44px 24px 0}
.catpill{display:inline-block;background:#fbf0e9;color:#b0502c;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.catpill:hover{background:#f1d8ca}
.artwrap h1{font:700 52.0px/1.08 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;margin:16px 0 14px}
.pmeta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:26px}
.artwrap .cover{margin-bottom:32px}
.entry{font-size:17px;line-height:1.75;color:#2f3331}
.entry p{margin-bottom:1.25em}
.entry h2{font:700 33.3px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;margin:1.5em 0 .5em}
.entry h3{font:700 26.0px/1.25 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;margin:1.3em 0 .45em}
.entry a{color:#b0502c;text-decoration:underline;text-underline-offset:3px}
.entry ul,.entry ol{margin:0 0 1.25em 1.4em} .entry li{margin-bottom:.45em}
.entry blockquote{margin:1.6em 0;padding:20px 26px;background:#fbf0e9;border-left:4px solid #b0502c;font-size:1.06em;color:#3a3f3c}
.entry table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:15.5px}
.entry td,.entry th{border:1px solid #dfe3e0;padding:9px 11px;text-align:left}
.entry th{background:#fbf0e9}
.entry img{height:auto}
.filed{margin-top:30px;padding-top:18px;border-top:1px solid #e3e6e4;font-size:14.5px;color:#59605c}
.filed a{color:#b0502c;font-weight:700}
.comments-closed{margin-top:8px;font-size:14px;color:#8a918c;font-style:italic}
.authorbox{display:flex;gap:20px;align-items:center;background:#fbf0e9;padding:22px 24px;margin-top:30px}
.authorbox .av{flex:0 0 84px;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#b0502c;color:#fff;display:flex;align-items:center;justify-content:center;font:700 34px 'Barlow Condensed','Arial Narrow',Arial,sans-serif}
.authorbox .av img{width:100%;height:100%;object-fit:cover}
.authorbox h4{font:700 22.9px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#2d211b;margin-bottom:4px}
.authorbox p{font-size:15px;color:#4a504c}
.authorbox a{color:#b0502c;font-weight:700}
.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pagewrap{max-width:860px;margin:0 auto;padding:40px 24px 0}
/* ── 页脚 ── */
.ftr{background:#2b2523;color:#e4e8e5;margin-top:80px}
main:has(>.cband:last-child)+.ftr{margin-top:0}
.fgrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;padding:60px 0 50px}
.fbadge{text-align:center;justify-self:center;max-width:300px}
.fbadge svg{display:block;margin:0 auto 18px;width:156px;height:156px}
.fbadge b{display:block;font-size:15.5px;color:#fff;margin-bottom:6px}
.fbadge a{font-size:15px;text-decoration:underline;text-underline-offset:3px}
.ftr h4{font:700 28.1px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#fff;margin-bottom:16px}
.flinks a{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:15px;color:#e4e8e5}
.flinks a:hover,.flinks a.on{color:#fff;text-decoration:underline;text-underline-offset:3px}
.flinks .i{opacity:.7}
.fcta{margin-top:22px}
.fcta .pill{background:#f1d8ca;border-color:#f1d8ca;color:#2d211b}
.fcta .pill:hover{background:#fff;border-color:#fff}
.fbot{background:#fff;color:#2d211b;border-top:1px solid #e3e6e4}
.fbot .fb{display:flex;justify-content:space-between;align-items:center;gap:10px 24px;flex-wrap:wrap;padding:16px 0 18px;font-size:14px}
.fbot .lg{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
.fbot a:hover{color:#b0502c}
.fbot .cp{color:#6b726e}
.fbot .tt{display:inline-flex;align-items:center;gap:8px;font-weight:600}
@media(max-width:980px){
  .hmain .search-form input{width:170px}
  .htx h1{font-size:49.9px}.mhero{height:480px}.mhero .ov{width:64%}
  .tile h3{font-size:35.4px}.tile.sm h3{font-size:26.0px}.tile .tx{padding:24px}
  .topics{grid-template-columns:1fr}.tpanel .art{width:200px;height:200px}
  .track{grid-auto-columns:calc((100% - 48px)/3)}
  .split{grid-template-columns:1fr;gap:22px}
  .ngrid,.lgrid,.relgrid{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}.fbadge{grid-column:1/-1}
}
@media(max-width:680px){
  .wrap{padding:0 16px}
  .util .wrap{justify-content:center;gap:16px;font-size:13px}.util .ul2{display:none}
  .hmain .wrap{flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding-top:14px;padding-bottom:14px}
  .logo .mk{width:42px;height:42px}.logo .nm{font-size:27.0px}.logo .tg{font-size:13px}
  .hright{flex:auto}.hright .cta{display:none}.hmain .search-form{flex:1}.hmain .search-form input{width:auto}
  .hnav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hnav ul::-webkit-scrollbar{display:none}
  .hnav li>a{padding:12px 12px;font-size:14.5px}.hnav .cv,.hnav .dd,.hnav li.mo{display:none!important}.hnav li.xm{display:block}
  .mhero{height:auto;display:flex;flex-direction:column}
  .mhero .bg{position:relative;inset:auto;height:230px}.mhero .ov{display:none}
  .mhero .wrap{padding-top:26px;padding-bottom:32px}.htx h1{font-size:39.5px}.htx p{font-size:16.5px;margin-bottom:22px}
  .sec{margin-top:44px}.shead h2,.split h2,.pop h2.ph{font-size:35.4px}
  .bento,.bento.rev{grid-template-columns:1fr;gap:16px;margin-top:16px}
  .tile,.split .tile{height:310px}.tile .tx{padding:20px 20px 22px}.tile h3{font-size:30.2px}.tile.sm h3{font-size:27.0px}
  .tile .art{display:none}.tile.arted .tx{padding-right:20px}
  .aband .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.aband .chips::-webkit-scrollbar{display:none}.aband .chip{flex:none}
  .hnav .wrap{position:relative}.hnav .wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:36px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);pointer-events:none}
  .tpanel{padding:30px 22px 120px}.tpanel h2{font-size:33.3px}.chips{max-width:none;gap:10px}.chip{font-size:14.5px;padding:9px 16px}
  .tpanel .art{width:150px;height:150px;bottom:-12px}.tip{padding:30px 22px 34px}
  .cband{padding:44px 0 40px;margin-top:44px}.track{grid-auto-columns:80%;gap:16px}
  .ngrid,.lgrid,.relgrid{grid-template-columns:1fr;gap:28px}.ncard h3{font-size:21px}
  .aband h1{font-size:39.5px}.artwrap,.pagewrap{padding:30px 16px 0}.artwrap h1{font-size:37.4px}
  .authorbox{flex-direction:column;text-align:center}
  .fgrid{grid-template-columns:1fr;gap:30px;padding:46px 0 36px}
  .fbot .fb{justify-content:center;text-align:center}.fbot .lg{justify-content:center}
}