*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#24272b;background:#f4f6f8;line-height:1.8}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:1180px;max-width:calc(100% - 32px);margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid #e8eaee}
.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{font-size:24px;font-weight:800}
.nav{display:flex;gap:24px;flex-wrap:wrap}
.nav a{font-size:15px;color:#59606a}
.breadcrumb{font-size:14px;color:#8b9199}
.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:#8d939b}
.article-content{font-size:17px}
.article-content p{margin:0 0 22px;text-align:justify}
.article-content h2{font-size:26px;line-height:1.5;margin:40px 0 18px}
.article-content h3{font-size:20px;margin:28px 0 14px}
.article-content blockquote{margin:26px 0;padding:16px 20px}
.article-content ul{padding-left:24px}
.tags{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.tags a{font-size:13px;padding:5px 10px}
.prev-next p{margin:7px 0}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}
.related-grid a{font-size:15px}
.side-box{background:#fff;padding:22px}
.side-title{margin:0 0 14px;font-size:18px}
.hot-list{list-style:none;padding:0;margin:0}
.hot-list li{padding:10px 0;border-bottom:1px dashed #e5e8ec;font-size:14px}
.site-footer{margin-top:50px;padding:32px 16px;text-align:center;font-size:14px}

/* ========= 01 传统双栏媒体 ========= */
.layout-01{background:#f3f6fb}
.layout-01 .site-header{position:sticky;top:0;z-index:10}
.layout-01 .logo,.layout-01 .nav a:hover,.layout-01 .breadcrumb a:hover{color:#165da8}
.layout-01 .breadcrumb{padding:20px 0}
.layout-01 .main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.layout-01 .article{background:#fff;padding:44px 50px;border-radius:8px}
.layout-01 .article h1{font-size:34px;line-height:1.4;margin:0 0 18px}
.layout-01 .article-meta{padding-bottom:24px;border-bottom:1px solid #eceff3}
.layout-01 .summary{margin:26px 0;padding:18px 22px;background:#eef5fd;border-left:4px solid #165da8}
.layout-01 .article-content h2{color:#165da8}
.layout-01 .tags{margin-top:34px;padding-top:20px;border-top:1px solid #eceff3}
.layout-01 .tags a{background:#edf4fc;color:#165da8}
.layout-01 .prev-next{margin-top:25px;padding:18px 0;border-top:1px solid #eceff3;border-bottom:1px solid #eceff3}
.layout-01 .related{margin-top:28px}
.layout-01 .side-box{border-radius:8px;margin-bottom:20px}
.layout-01 .site-footer{background:#15385c;color:#dce9f5}

/* ========= 02 顶部大标题杂志 ========= */
.layout-02{background:#fffaf7}
.layout-02 .site-header{background:#8d1e28;border:0}
.layout-02 .logo,.layout-02 .nav a{color:#fff}
.layout-02 .hero{background:#a72430;color:#fff;padding:54px 0 46px}
.layout-02 .hero .breadcrumb{color:#f0c9cd;margin-bottom:18px}
.layout-02 .hero h1{font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:46px;line-height:1.25;max-width:900px;margin:0 0 22px}
.layout-02 .hero .article-meta{color:#f3d9dc}
.layout-02 .main{width:900px;max-width:calc(100% - 32px);margin:38px auto}
.layout-02 .summary{font-size:19px;line-height:1.9;padding:24px 28px;border-top:2px solid #8d1e28;border-bottom:1px solid #dcc6c8;background:#fff}
.layout-02 .article-content{font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:18px}
.layout-02 .article-content h2{font-family:inherit;color:#8d1e28;border-bottom:1px solid #d8b7ba;padding-bottom:8px}
.layout-02 .article-content blockquote{background:#fbefef;border-left:4px solid #8d1e28}
.layout-02 .bottom-tools{margin-top:38px}
.layout-02 .tags a{border:1px solid #c99ca1;color:#8d1e28;background:#fff}
.layout-02 .prev-next{margin-top:25px;padding:20px 0;border-top:1px solid #e3d4d6;border-bottom:1px solid #e3d4d6}
.layout-02 .related{margin-top:30px}
.layout-02 .site-footer{background:#30171a;color:#eadadd}

/* ========= 03 左侧目录 + 正文 ========= */
.layout-03{background:#f2f7f3}
.layout-03 .site-header{background:#244f39;border:0}
.layout-03 .logo,.layout-03 .nav a{color:#fff}
.layout-03 .breadcrumb{padding:18px 0}
.layout-03 .main{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px}
.layout-03 .toc-panel{position:sticky;top:20px;align-self:start;background:#e8f2eb;padding:24px;border-radius:12px}
.layout-03 .toc-panel h3{margin:0 0 14px;color:#24583d}
.layout-03 .toc-panel a{display:block;padding:7px 0;color:#4d6658;font-size:14px}
.layout-03 .article{background:#fff;padding:44px 54px;border-radius:12px}
.layout-03 .article h1{font-size:36px;line-height:1.35;margin:0 0 18px;color:#173c29}
.layout-03 .summary{margin:28px 0;padding:22px;background:#eff7f1;border-radius:10px}
.layout-03 .article-content h2{color:#2d6b49;border-left:5px solid #5b9d72;padding-left:14px}
.layout-03 .article-content blockquote{background:#f0f7f2;border-left:4px solid #4c8d63}
.layout-03 .tags{margin-top:34px}
.layout-03 .tags a{background:#e9f4ec;color:#2b6847;border-radius:999px}
.layout-03 .prev-next{margin-top:26px;padding:18px 0;border-top:1px solid #e5eee7}
.layout-03 .related{margin-top:28px}
.layout-03 .site-footer{background:#214332;color:#dceadf}

/* ========= 04 右侧信息轨 ========= */
.layout-04{background:#f5f2fb}
.layout-04 .site-header{background:#2f2351;border:0}
.layout-04 .logo,.layout-04 .nav a{color:#fff}
.layout-04 .breadcrumb{padding:18px 0}
.layout-04 .main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}
.layout-04 .article{background:#fff;padding:48px 54px;border-radius:16px;box-shadow:0 10px 28px rgba(74,54,111,.07)}
.layout-04 .article h1{font-size:37px;line-height:1.35;margin:0 0 20px;color:#2e214b}
.layout-04 .summary{margin:28px 0;padding:20px 24px;background:#f1ecfa;border-radius:10px}
.layout-04 .article-content h2{color:#6542a0}
.layout-04 .rail{position:sticky;top:22px}
.layout-04 .rail .side-box{border-radius:14px;margin-bottom:18px;box-shadow:0 8px 24px rgba(74,54,111,.06)}
.layout-04 .rail .label{display:block;font-size:12px;color:#8c83a2;margin-bottom:4px}
.layout-04 .rail .value{font-weight:700;color:#40345a}
.layout-04 .share-set{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.layout-04 .share-set a{display:block;text-align:center;padding:9px;background:#eee8f8;border-radius:7px;color:#604597;font-size:13px}
.layout-04 .tags{margin-top:34px}
.layout-04 .tags a{background:#eee7fa;color:#6542a0;border-radius:7px}
.layout-04 .prev-next{margin-top:25px;padding-top:18px;border-top:1px solid #eee9f6}
.layout-04 .site-footer{background:#261c40;color:#dfd7ee}

/* ========= 05 体育卡片专题 ========= */
.layout-05{background:#f7f3ed}
.layout-05 .site-header{background:#fff3e6;border-bottom:1px solid #efdec9}
.layout-05 .logo,.layout-05 .nav a:hover{color:#d76812}
.layout-05 .hero{padding:36px 0 22px}
.layout-05 .hero-card{background:#222;color:#fff;border-radius:18px;padding:42px 46px;position:relative;overflow:hidden}
.layout-05 .hero-card:after{content:"SPORT";position:absolute;right:28px;bottom:-20px;font-size:90px;font-weight:900;color:rgba(255,255,255,.05);letter-spacing:3px}
.layout-05 .hero-card h1{font-size:38px;line-height:1.35;margin:0 0 18px;max-width:800px}
.layout-05 .hero-card .article-meta{color:#ccc}
.layout-05 .main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.layout-05 .article{background:#fff;padding:40px 46px;border-radius:16px}
.layout-05 .summary{margin:0 0 28px;padding:20px 22px;background:#fff1df;border-radius:10px;border-left:4px solid #e27a21}
.layout-05 .article-content h2{display:inline-block;border-bottom:4px solid #f0a35f;padding-bottom:5px}
.layout-05 .side-box{border-radius:16px;margin-bottom:20px}
.layout-05 .tags a{background:#fff0df;color:#c35d0e;border-radius:999px}
.layout-05 .prev-next{margin-top:28px;padding-top:18px;border-top:1px solid #eee3d7}
.layout-05 .site-footer{background:#38291d;color:#ecdcca}

/* ========= 06 横向信息条 + 宽正文 ========= */
.layout-06{background:#eef7f8}
.layout-06 .site-header{background:#0f6770;border:0}
.layout-06 .logo,.layout-06 .nav a{color:#fff}
.layout-06 .top-info{background:#dff0f2;border-bottom:1px solid #c9e4e7}
.layout-06 .top-info .container{display:flex;gap:28px;flex-wrap:wrap;padding:12px 0;font-size:13px;color:#496b70}
.layout-06 .main{width:980px;max-width:calc(100% - 32px);margin:34px auto}
.layout-06 .breadcrumb{margin-bottom:18px}
.layout-06 .article{background:#fff;border:1px solid #d9e9eb;padding:42px 52px}
.layout-06 .article h1{font-size:35px;line-height:1.35;margin:0 0 16px;color:#114f56}
.layout-06 .summary{margin:26px 0;padding:18px 22px;background:#edf8f9;border-left:4px solid #1d8794}
.layout-06 .article-content h2{color:#136f79;border-bottom:1px solid #cfe3e6;padding-bottom:8px}
.layout-06 .article-content blockquote{background:#edf8f9;border-left:4px solid #1d8794}
.layout-06 .tags{margin-top:34px}
.layout-06 .tags a{background:#e1f4f5;color:#136f79}
.layout-06 .prev-next{margin-top:28px;padding:20px;background:#f6fbfb}
.layout-06 .related{margin-top:30px}
.layout-06 .site-footer{background:#0d4f57;color:#d8ecee}

/* ========= 07 深色沉浸 ========= */
.layout-07{background:#101318;color:#d9dde2}
.layout-07 .site-header{background:#171b22;border-color:#2a3038}
.layout-07 .logo{color:#79c8ff}
.layout-07 .nav a{color:#b7bec7}
.layout-07 .hero{padding:54px 0 34px;background:linear-gradient(180deg,#171b22,#101318)}
.layout-07 .hero h1{font-size:44px;line-height:1.25;max-width:900px;margin:0 0 18px;color:#f5f7fa}
.layout-07 .hero .article-meta{color:#8f98a5}
.layout-07 .main{width:900px;max-width:calc(100% - 32px);margin:0 auto}
.layout-07 .summary{margin:0 0 32px;padding:22px 24px;background:#1b2129;border:1px solid #2c3540;border-radius:12px;color:#cdd2d8}
.layout-07 .article-content{font-size:18px}
.layout-07 .article-content h2{color:#8fd2ff}
.layout-07 .article-content blockquote{background:#1a2027;border-left:4px solid #4ba3df;color:#c8ced6}
.layout-07 .reading-note{margin:30px 0;padding:16px 18px;border:1px solid #29323b;border-radius:10px;color:#9ea7b2}
.layout-07 .tags{margin-top:36px}
.layout-07 .tags a{background:#20303d;color:#86cfff;border-radius:999px}
.layout-07 .prev-next{margin-top:26px;padding:18px 0;border-top:1px solid #2b323b;border-bottom:1px solid #2b323b}
.layout-07 .related{margin-top:30px}
.layout-07 .site-footer{background:#0b0d10;color:#8d96a1}

/* ========= 08 报纸三段式 ========= */
.layout-08{background:#ecece8;font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif}
.layout-08 .site-header{background:#f8f8f3;border-top:7px solid #1f1f1f;border-bottom:3px double #1f1f1f}
.layout-08 .logo{font-family:inherit;font-size:28px;letter-spacing:2px}
.layout-08 .nav a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.layout-08 .masthead{text-align:center;padding:30px 0 24px;border-bottom:1px solid #777}
.layout-08 .masthead .edition{font-size:13px;letter-spacing:2px;color:#666}
.layout-08 .masthead h1{font-size:46px;line-height:1.2;max-width:1000px;margin:14px auto 18px}
.layout-08 .masthead .article-meta{justify-content:center}
.layout-08 .main{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:28px;padding-top:28px}
.layout-08 .paper-side{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:14px}
.layout-08 .paper-side .side-box{background:#f8f8f3;border:1px solid #cfcfc7;margin-bottom:18px}
.layout-08 .article{background:#f8f8f3;padding:34px 40px;border:1px solid #cfcfc7}
.layout-08 .summary{font-size:18px;border-top:2px solid #222;border-bottom:1px solid #888;padding:18px 0;margin-bottom:24px}
.layout-08 .article-content{font-family:inherit;font-size:18px}
.layout-08 .article-content h2{font-family:inherit;border-bottom:1px solid #444;padding-bottom:7px}
.layout-08 .article-content blockquote{background:transparent;border-top:1px solid #777;border-bottom:1px solid #777;font-style:italic}
.layout-08 .tags a{border:1px solid #777;background:transparent}
.layout-08 .prev-next{margin-top:25px;padding:16px 0;border-top:1px solid #777}
.layout-08 .site-footer{background:#222;color:#e4e4df}

/* ========= 09 金色专题分区 ========= */
.layout-09{background:#f7f4ee}
.layout-09 .site-header{background:#181715;border-bottom:1px solid #6d5b37}
.layout-09 .logo{color:#d7b36b}
.layout-09 .nav a{color:#d8d5cf}
.layout-09 .cover{background:#201f1b;color:#fff;padding:48px 0}
.layout-09 .cover-inner{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:end}
.layout-09 .cover h1{font-size:42px;line-height:1.25;margin:0 0 18px}
.layout-09 .cover .kicker{color:#d7b36b;font-size:13px;letter-spacing:2px;margin-bottom:10px}
.layout-09 .cover-box{border:1px solid #74603c;padding:20px;color:#d7cdb9}
.layout-09 .main{width:980px;max-width:calc(100% - 32px);margin:36px auto}
.layout-09 .article{background:#fffdf8;padding:44px 52px;border:1px solid #e4dac5}
.layout-09 .summary{padding:22px 24px;background:#fbf6ec;border-left:4px solid #b38a3f}
.layout-09 .article-content h2{color:#8c6a2c}
.layout-09 .article-content blockquote{background:#fbf6ec;border-left:4px solid #b38a3f}
.layout-09 .tags a{background:#f4ead7;color:#8a6728}
.layout-09 .prev-next{margin-top:28px;padding:20px 0;border-top:1px solid #e1d7c4}
.layout-09 .site-footer{background:#1c1b18;color:#cfc4ae}

/* ========= 10 极简留白 ========= */
.layout-10{background:#fff;color:#23272b}
.layout-10 .site-header{border-bottom:1px solid #edf0f3}
.layout-10 .logo{color:#24415f}
.layout-10 .nav a:hover{color:#24415f}
.layout-10 .main{width:780px;max-width:calc(100% - 32px);margin:54px auto}
.layout-10 .breadcrumb{margin-bottom:32px}
.layout-10 .article h1{font-size:48px;line-height:1.18;letter-spacing:-1px;margin:0 0 22px}
.layout-10 .article-meta{padding-bottom:28px;border-bottom:1px solid #edf0f2}
.layout-10 .summary{font-size:20px;line-height:1.9;color:#55616c;margin:30px 0 38px}
.layout-10 .article-content{font-size:18px;line-height:1.95}
.layout-10 .article-content h2{margin-top:52px;color:#24415f}
.layout-10 .article-content blockquote{background:#f5f7f9;border-left:4px solid #6a839a;color:#56616b}
.layout-10 .tags{margin-top:42px;padding-top:20px;border-top:1px solid #edf0f2}
.layout-10 .tags a{background:#f2f5f7;color:#3d5871;border-radius:999px}
.layout-10 .prev-next{margin-top:30px;padding:24px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
.layout-10 .related{margin-top:34px}
.layout-10 .related-grid{grid-template-columns:1fr}
.layout-10 .site-footer{background:#f5f7f9;color:#66727d;border-top:1px solid #e8edf1}

@media(max-width:980px){
  .layout-01 .main,.layout-04 .main,.layout-05 .main{grid-template-columns:1fr}
  .layout-01 .sidebar,.layout-04 .rail,.layout-05 .sidebar{display:none}
  .layout-03 .main{grid-template-columns:1fr}
  .layout-03 .toc-panel{position:static}
  .layout-08 .main{grid-template-columns:1fr}
  .layout-08 .paper-side{display:none}
  .layout-09 .cover-inner{grid-template-columns:1fr}
}
@media(max-width:680px){
  .container{max-width:calc(100% - 24px)}
  .header-inner{padding:15px 0;flex-direction:column;align-items:flex-start}
  .nav{gap:16px;overflow-x:auto;width:100%;white-space:nowrap}
  .layout-01 .article,.layout-03 .article,.layout-04 .article,.layout-05 .article,.layout-06 .article,.layout-08 .article,.layout-09 .article{padding:28px 20px}
  .layout-02 .hero{padding:34px 0}
  .layout-02 .hero h1,.layout-07 .hero h1,.layout-08 .masthead h1,.layout-09 .cover h1,.layout-10 .article h1{font-size:32px}
  .layout-05 .hero-card{padding:28px 22px}
  .layout-05 .hero-card h1{font-size:30px}
  .layout-01 .article h1,.layout-03 .article h1,.layout-04 .article h1,.layout-06 .article h1{font-size:30px}
  .related-grid{grid-template-columns:1fr}
}