*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f6f8;color:#222;line-height:1.7}
a{color:#1a73e8;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:760px;margin:0 auto;padding:0 12px}
.topbar{background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:10}
.topbar-inner{display:flex;justify-content:space-between;align-items:center}
.logo{display:inline-block;padding:14px 0;font-size:18px;font-weight:700;color:#111}
.top-link{font-size:14px;color:#666}
.hero{padding:20px 0 8px}
.hero h1{margin:0 0 8px;font-size:24px;line-height:1.35}
.hero p{margin:0;font-size:14px;color:#666}
.nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.nav-grid a{background:#fff;border:1px solid #ececec;border-radius:12px;padding:12px 8px;text-align:center}
.section{margin:18px 0}
.section-title h1,.section-title h2{margin:0 0 12px;font-size:20px}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{display:block;background:#fff;border:1px solid #ececec;border-radius:12px;overflow:hidden}
.card-body{padding:10px}
.card-body h2,.card-body h3{margin:0 0 6px;font-size:15px;line-height:1.4;color:#111}
.card-body p{margin:0;font-size:13px;color:#666}
.breadcrumb{margin:14px 0;font-size:13px;color:#777}
.detail h1{margin:0 0 14px;font-size:24px;line-height:1.4}
.player-box{background:#000;border-radius:12px;overflow:hidden;margin-bottom:14px}
.white-box{background:#fff;border:1px solid #ececec;border-radius:12px;padding:14px}
.meta,.intro{margin-bottom:14px}
.intro h2{margin-top:0;font-size:18px}
.link-list{margin:0;padding-left:18px}
.footer{margin-top:26px;padding:20px 0 32px;font-size:13px;color:#777;text-align:center}
.note{font-size:13px;color:#666}
@media (max-width:480px){.hero h1,.detail h1{font-size:22px}}
    .card-meta{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-top:8px;
      font-size:12px;
      color:#666;
    }
    .score{
      color:#f59e0b;
      font-weight:600;
    }
    .views{
      color:#888;
    }
        .footer-links {
      background-color: #f7f7f7;
      padding: 20px 0;
      text-align: center;
    }

    .footer-links h3 {
      font-size: 18px;
      margin-bottom: 10px;
    }

    .footer-links .link-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }

    .footer-links .link-list li {
      margin: 0 15px;
      font-size: 14px;
    }

    .footer-links .link-list li a {
      color: #007bff;
      text-decoration: none;
    }

    .footer-links .link-list li a:hover {
      text-decoration: underline;
    }