*{box-sizing:border-box}html{scroll-behavior:smooth}img{max-width:100%}
a:focus,button:focus,input:focus,dt:focus,a:focus-visible,button:focus-visible,input:focus-visible,dt:focus-visible{outline:3px solid #dd8e36;outline-offset:4px}
button,a{touch-action:manipulation}body{overflow-wrap:break-word}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

body{background:#f4f3ef;color:#252d35;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.container{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;display:flex;align-items:center;gap:6px;background:#fff;border:0;border-bottom:1px solid #dddcd6;padding:0 36px;z-index:30;overflow:auto}
.logo{margin:0 auto 0 0;padding:0 28px 0 0;color:#25383f;font-size:24px;white-space:nowrap}
.nav-item{display:flex;align-items:center;padding:24px 16px;color:#58646b;font-size:14px;gap:8px;border-radius:0;border-bottom:3px solid transparent;white-space:nowrap}
.nav-item:first-of-type{color:#b95d36;border-color:#b95d36;background:#fff}
.nav-item:hover{background:#f4f3ef;color:#b95d36}.nav-item svg{width:18px;height:18px;flex-shrink:0}
.main-content{margin:0;max-width:1440px;padding:36px 40px;margin-inline:auto}
.hero{background:#233b43;border-radius:0;padding:0;min-height:330px;margin-bottom:36px;display:grid;grid-template-columns:1.1fr 1fr}
.hero::before{content:"";position:relative;inset:auto;grid-column:2;grid-row:1;opacity:1;background:url('img/f02696_00001_.jpg') center 35%/cover;transform:none;width:auto;height:auto;border-radius:0}
.hero::after{display:none}.hero-content{grid-column:1;grid-row:1;padding:46px;align-self:center}
.hero h1{font-size:40px;line-height:1.35;letter-spacing:.04em;color:#fff}.hero p{color:#d0dcdd;line-height:1.85;font-size:15px}.hero-btn{background:#df9c6e;border:0;border-radius:3px;color:#202d31;padding:12px 24px;box-shadow:none}
.layout-wrapper{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;align-items:start}
.main-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.main-feed>.section-head,.main-feed>.tabs{grid-column:1/-1;margin-bottom:0}
.section-title{color:#25383f;font-size:23px;letter-spacing:.03em}.section-more{color:#a64d29}
.tabs{border:0;gap:10px;margin-bottom:24px;background:transparent}
.tab-btn{color:#5b666b;border:1px solid #d9d9d1;border-radius:3px;padding:9px 18px;background:transparent}.tab-btn.active{background:#25383f;color:#fff;border-color:#25383f}
.feed-item{display:flex;flex-direction:column;gap:0;border:0;background:#fff;border-radius:0;padding:0;margin:0;box-shadow:0 3px 16px #21302e06;overflow:hidden}
.feed-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #21302e12;background:#fff}
.feed-thumb{width:100%;height:210px;border-radius:0;flex:none}.feed-thumb img{width:100%;height:100%;object-fit:cover}
.feed-info{padding:22px}.feed-title{color:#25383f;font-size:18px;line-height:1.55}.feed-desc{color:#6d767b;line-height:1.8}.feed-meta{color:#8a8e8c}
.side-panel{width:auto;min-width:0;background:#eae9e2;padding:22px}.hot-list{padding:0;background:transparent;border-radius:0}.hot-item{border-color:#d6d7ce}.hot-title{color:#25383f}.hot-author,.hot-views{color:#748078}.rank-num{color:#8d9991}.rank-num.top3{background:#b95d36;color:#fff}
.live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.live-card{border-radius:0;background:#fff;border:1px solid #e1e1d8}.live-info{padding:16px}.live-name{color:#25383f}.live-cat,.live-online{color:#7c857d}.live-badge{background:#b95d36}
.rec-thumb{border-radius:0}.rec-label{color:#25383f}.recommend-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.faq-list{background:#fff;border-radius:0;padding:8px 26px}.faq-item{border-color:#e5e3dc}.faq-q{color:#25383f}.faq-a{color:#6c7578}.footer{background:#25383f;border:0;color:#dce2df}.footer-link{color:#c1ceca}.footer-copy{color:#9db2ac}
@media(max-width:1100px){.main-content{margin:0;padding:28px 24px}.layout-wrapper{grid-template-columns:1fr}.side-panel{width:auto}.sidebar{padding:0 20px}.logo{font-size:20px;padding-right:20px}.nav-item{padding:20px 12px}.hero-content{padding:32px}.hero h1{font-size:32px}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.sidebar{display:flex;padding:12px 14px;flex-wrap:wrap;gap:0}.logo{width:100%;font-size:21px;margin-bottom:8px}.nav-item{padding:8px 10px;font-size:12px;gap:4px;flex:1;justify-content:center}.nav-item svg{display:none}.main-content{padding:20px 16px}.hero{display:flex;flex-direction:column-reverse;min-height:0}.hero::before{min-height:190px;display:block;flex:none}.hero-content{padding:26px}.hero h1{font-size:29px}.main-feed{grid-template-columns:1fr}.feed-thumb{height:220px}.side-panel{padding:20px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tab-btn{padding:8px 12px}}