*{box-sizing:border-box}
body{margin:0;background:#f2e3b5;color:#3b210b;font-family:Arial,"Microsoft YaHei",sans-serif}
.page-shell{max-width:720px;margin:0 auto;min-height:100vh;background:#fff7d7;box-shadow:0 0 22px rgba(76,38,0,.18)}
.banner-panel{background:#7b0000;padding:8px}
.banner-img{display:none;width:100%;height:auto;border-radius:4px}
.banner-img.is-active{display:block}
.home-nav{position:sticky;top:0;z-index:10;background:#f9cf46;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:2px solid #b70303}
.home-nav.is-fixed{position:fixed;left:50%;transform:translateX(-50%);max-width:720px;width:100%}
.nav-tab{border:2px solid #9c0000;background:#fff8d6;color:#9c0000;border-radius:6px;min-height:44px;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.nav-tab img{width:22px;height:22px;object-fit:contain}
.nav-tab.is-active{background:#c40000;color:#fff}
.ticker-panel{padding:8px;background:#fff}
.ticker-panel iframe{display:block;width:100%;height:42px;border:0}
.content-panel{padding:0 8px 18px}
.data-frame{display:none;width:100%;height:90000px;border:0;background:#fff}
.data-frame.is-active{display:block}
.float-card{position:fixed;right:18px;bottom:130px;z-index:20;width:78px;text-align:center;font-size:14px;font-weight:700;transition:all .25s ease}
.float-card.is-scrolling{right:-38px;opacity:.55}
.float-card a{color:#b60000;text-decoration:none}
.float-card img{width:74px;height:74px;display:block;margin:2px auto 0}
.float-close{position:absolute;right:-4px;top:-15px;width:20px;height:20px;border-radius:50%;border:1px solid #777;background:#eee;color:#111;font-size:12px;line-height:16px;cursor:pointer}
@media(max-width:520px){
  .page-shell{box-shadow:none}
  .home-nav{padding:6px;gap:6px}
  .nav-tab{font-size:15px;min-height:42px}
  .data-frame{height:90000px}
  .float-card{right:10px;bottom:110px}
}