:root{
    --primary:#e8e8e8;
    --primary-dark:#ffffff;
    --bg:#0a0a0a;
    --card:#141414;
    --tint:#1a1a1a;
    --text:#f0f0f0;
    --text-light:#8a8a8a;
    --border:#2a2a2a;
    --radius:14px;
    --shadow:0 6px 20px rgba(0,0,0,.5);
    --shadow-lg:0 10px 30px rgba(0,0,0,.7);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
    background:var(--bg);color:var(--text);line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  body.hg-locked{overflow:hidden;}
  img{max-width:100%;display:block;}
  a{color:inherit;}
  .hg-shell{max-width:1100px;margin:0 auto;padding:0 20px;}

  .hg-topbar{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
  .hg-bar{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px;}
  .hg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
  .hg-brand img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#2a2a2a;}
  .hg-brand-copy{display:flex;flex-direction:column;line-height:1.2;}
  .hg-brand-copy strong{font-size:15px;color:var(--text);}
  .hg-brand-copy small{font-size:11px;color:var(--text-light);}
  .hg-topic-tabs-inner--bar{display:flex;gap:20px;list-style:none;}
  .hg-topic-tabs-inner--bar a{text-decoration:none;color:var(--text-light);font-size:14px;transition:color .2s;}
  .hg-topic-tabs-inner--bar a:hover{color:var(--text);}
  .hg-topic-tabs-inner--bar a.is-active{color:var(--text);font-weight:600;}
  .hg-nav-actions{display:flex;gap:8px;}
  .hg-icon-btn{background:none;border:1px solid var(--border);border-radius:10px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-light);transition:all .2s;}
  .hg-icon-btn:hover{border-color:var(--text);color:var(--text);}
  .hg-icon-btn b{font-size:15px;font-weight:400;}
  .hg-jelly{display:inline-block;background:var(--text);color:#0a0a0a;padding:10px 22px;border-radius:24px;text-decoration:none;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background .2s, transform .15s;white-space:nowrap;}
  .hg-jelly:hover{background:var(--primary-dark);transform:translateY(-1px);}
  .hg-jelly--sm{padding:8px 18px;font-size:13px;}
  .hg-jelly--lg{padding:14px 32px;font-size:16px;display:block;text-align:center;margin-bottom:10px;}
  .hg-jelly--alt{background:transparent;color:var(--text);border:1px solid var(--border);}
  .hg-jelly--alt:hover{background:#1f1f1f;border-color:var(--text);}

  .hg-sec{padding:56px 0;}
  .hg-sec--tint{background:var(--tint);}
  .hg-head{text-align:center;margin-bottom:40px;}
  .hg-eyebrow{font-size:13px;color:var(--text-light);font-weight:600;letter-spacing:1px;margin-bottom:10px;}
  .hg-title{font-size:26px;font-weight:700;margin-bottom:10px;letter-spacing:-0.3px;color:var(--text);}
  .hg-desc{color:var(--text-light);font-size:15px;max-width:640px;margin:0 auto;}
  .hg-more{display:inline-block;margin-top:24px;color:var(--text);text-decoration:none;font-size:14px;font-weight:500;}
  .hg-more:hover{text-decoration:underline;}

  .hg-crumb{background:var(--card);border-bottom:1px solid var(--border);padding:14px 0;}
  .hg-crumb .hg-shell{font-size:13px;color:var(--text-light);}
  .hg-crumb a{color:var(--text-light);text-decoration:none;}
  .hg-crumb a:hover{color:var(--text);}
  .hg-crumb span{margin:0 6px;}

  .hg-page-hero{
    padding:60px 0 48px;
    background:linear-gradient(180deg,#141414 0%,var(--bg) 100%);
  }
  .hg-page-hero .hg-shell{max-width:820px;text-align:center;}
  .hg-page-hero h1{font-size:34px;font-weight:800;letter-spacing:-0.6px;margin-bottom:16px;color:var(--text);}
  .hg-page-hero .lead{font-size:16px;color:var(--text-light);line-height:1.8;}

  .hg-hot-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;
  }
  .hg-hot-card{
    background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
    overflow:hidden;transition:box-shadow .2s, transform .15s;
  }
  .hg-hot-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:#3a3a3a;}
  .hg-hot-media{
    display:block;position:relative;aspect-ratio:3/4;background:#2a2a2a;
    text-decoration:none;overflow:hidden;
  }
  .hg-hot-media img{width:100%;height:100%;object-fit:cover;}
  .hg-hot-score{
    position:absolute;top:10px;left:10px;
    font-size:12px;padding:4px 10px;border-radius:10px;
    background:rgba(0,0,0,.7);color:#fff;font-weight:600;
  }
  .hg-hot-genre{
    position:absolute;bottom:10px;right:10px;
    font-size:12px;padding:3px 10px;border-radius:10px;
    background:var(--text);color:#0a0a0a;font-weight:600;
  }
  .hg-hot-body{padding:16px 18px 20px;}
  .hg-hot-body h3{font-size:16px;margin-bottom:8px;line-height:1.4;color:var(--text);}
  .hg-hot-body p{font-size:13px;color:var(--text-light);line-height:1.6;}

  .hg-note-block{
    max-width:820px;margin:0 auto;background:var(--card);
    border:1px solid var(--border);border-radius:var(--radius);
    padding:28px 32px;
  }
  .hg-note-block h3{font-size:17px;margin-bottom:14px;color:var(--text);}
  .hg-note-block p{font-size:14px;color:var(--text-light);line-height:1.8;margin-bottom:12px;}
  .hg-note-block p:last-child{margin-bottom:0;}

  .hg-watch-tip{
    max-width:820px;margin:0 auto;
    background:#1f1a14;border:1px solid #3a2f1a;border-radius:var(--radius);
    padding:22px 26px;font-size:14px;color:#d0b870;line-height:1.8;
  }
  .hg-watch-tip strong{color:#f0d890;}

  /* ===== 新增板块样式 ===== */
  .hg-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;list-style:none;}
  .hg-cat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .2s, border-color .2s;}
  .hg-cat-card:hover{box-shadow:var(--shadow);border-color:#3a3a3a;}
  .hg-cat-icon{width:42px;height:42px;border-radius:12px;background:#1f1f1f;color:var(--text);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
  .hg-cat-body{flex:1;}
  .hg-cat-body strong{display:block;font-size:14px;margin-bottom:4px;color:var(--text);}
  .hg-cat-body p{font-size:12px;color:var(--text-light);line-height:1.6;}
  .hg-cat-count{font-size:11px;color:var(--text);font-weight:600;margin-top:6px;display:block;}

  .hg-news-list{list-style:none;display:flex;flex-direction:column;gap:10px;}
  .hg-news-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;gap:14px;align-items:center;}
  .hg-news-badge{font-size:11px;padding:3px 10px;border-radius:8px;background:#2a2a2a;color:var(--text);white-space:nowrap;font-weight:600;flex-shrink:0;}
  .hg-news-body{flex:1;min-width:0;}
  .hg-news-body strong{display:block;font-size:14px;margin-bottom:2px;color:var(--text);}
  .hg-news-body p{font-size:12px;color:var(--text-light);}
  .hg-news-date{font-size:12px;color:var(--text-light);white-space:nowrap;flex-shrink:0;}

  .hg-quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;list-style:none;}
  .hg-quote-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;}
  .hg-quote-user{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
  .hg-quote-avatar{width:36px;height:36px;border-radius:50%;background:#2a2a2a;color:var(--text);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;}
  .hg-quote-user strong{font-size:14px;display:block;color:var(--text);}
  .hg-quote-user em{font-size:12px;color:var(--text-light);font-style:normal;}
  .hg-quote-text{font-size:14px;color:var(--text-light);line-height:1.7;}

  .hg-tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;list-style:none;}
  .hg-tip-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center;}
  .hg-tip-icon{width:44px;height:44px;border-radius:50%;background:#1f1f1f;color:var(--text);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 12px;}
  .hg-tip-card strong{display:block;font-size:14px;margin-bottom:6px;color:var(--text);}
  .hg-tip-card p{font-size:13px;color:var(--text-light);line-height:1.6;}

  .hg-stat-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center;}
  .hg-stat-cell{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px 16px;}
  .hg-stat-value{font-size:26px;font-weight:800;color:var(--text);display:block;margin-bottom:6px;}
  .hg-stat-label{font-size:13px;color:var(--text-light);}

  .hg-faq-box{list-style:none;max-width:760px;margin:0 auto;}
  .hg-faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin-bottom:12px;}
  .hg-faq-q{font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--text);}
  .hg-faq-mark{width:24px;height:24px;border-radius:50%;background:#2a2a2a;color:var(--text);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;}
  .hg-faq-a{font-size:14px;color:var(--text-light);line-height:1.7;padding-left:34px;}

  .hg-basket{
    display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;
    background:linear-gradient(135deg,#141414,#1f1f1f);color:#fff;
    border-radius:20px;padding:50px 40px;border:1px solid var(--border);
  }
  .hg-basket .hg-head{text-align:left;margin-bottom:24px;}
  .hg-basket .hg-eyebrow{color:var(--text-light);}
  .hg-basket .hg-title{color:var(--text);}
  .hg-basket .hg-desc{color:var(--text-light);margin:0;}
  .hg-basket-steps{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:24px;}
  .hg-basket-steps li{display:flex;gap:12px;align-items:flex-start;}
  .hg-step-no{
    width:28px;height:28px;border-radius:50%;background:var(--text);color:#0a0a0a;
    display:flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:700;flex-shrink:0;
  }
  .hg-basket-steps strong{display:block;font-size:14px;margin-bottom:2px;color:var(--text);}
  .hg-basket-steps p{font-size:13px;color:var(--text-light);}
  .hg-spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;}
  .hg-spec-cell{background:rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;}
  .hg-spec-k{font-size:11px;color:var(--text-light);}
  .hg-spec-v{font-size:13px;font-weight:600;color:var(--text);}
  .hg-basket-panel{background:rgba(255,255,255,.04);border-radius:16px;padding:26px;border:1px solid var(--border);}
  .hg-basket-panel h3{font-size:16px;margin-bottom:18px;text-align:center;color:var(--text);}
  .hg-basket-note{font-size:12px;color:var(--text-light);text-align:center;margin-top:6px;}

  .hg-footer{background:var(--card);border-top:1px solid var(--border);padding:50px 0 30px;}
  .hg-footer-top{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:40px;margin-bottom:36px;}
  .hg-footer-brand p{font-size:13px;color:var(--text-light);margin-top:14px;line-height:1.7;}
  .hg-footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  .hg-footer-col h3{font-size:14px;margin-bottom:14px;color:var(--text);}
  .hg-footer-col a{display:block;font-size:13px;color:var(--text-light);text-decoration:none;margin-bottom:8px;transition:color .2s;}
  .hg-footer-col a:hover{color:var(--text);}
  .hg-footer-contact p{font-size:13px;color:var(--text-light);margin-bottom:8px;}
  .hg-footer-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:20px;font-size:13px;}
  .hg-footer-tags strong{color:var(--text);margin-right:6px;}
  .hg-footer-tags span{background:var(--tint);color:var(--text-light);padding:4px 12px;border-radius:14px;font-size:12px;}
  .hg-footer-legal{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-light);}
  .hg-footer-legal a{color:var(--text-light);text-decoration:none;}
  .hg-footer-legal a:hover{color:var(--text);}
  .hg-switch-ver{font-size:12px;color:var(--text-light);text-decoration:none;margin-left:8px;}
  .hg-switch-ver:hover{color:var(--text);}

  .hg-dock{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--card);border-top:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 -4px 20px rgba(0,0,0,.5);}
  .hg-dock-hint{font-size:13px;color:var(--text-light);}
  .hg-dock-hint strong{color:var(--text);margin-right:6px;}
  .hg-dock-float{display:none;}

  .hg-layer{position:fixed;inset:0;z-index:200;display:none;}
  .hg-layer.is-open{display:block;}
  .hg-layer-panel{position:absolute;top:0;right:0;width:min(480px,100%);height:100%;background:var(--card);box-shadow:-10px 0 40px rgba(0,0,0,.7);padding:24px;overflow-y:auto;border-left:1px solid var(--border);}
  .hg-layer-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:22px;}
  .hg-layer-head strong{font-size:16px;display:block;margin-bottom:4px;color:var(--text);}
  .hg-layer-head span{font-size:13px;color:var(--text-light);}
  .hg-layer-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-light);line-height:1;padding:0 4px;}
  .hg-layer-close:hover{color:var(--text);}
  .hg-menu-groups{display:flex;flex-direction:column;gap:24px;}
  .hg-menu-group h2{font-size:13px;color:var(--text);margin-bottom:12px;letter-spacing:1px;}
  .hg-menu-group-links{display:flex;flex-direction:column;gap:8px;}
  .hg-menu-item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:10px;text-decoration:none;transition:background .2s;}
  .hg-menu-item:hover{background:var(--tint);}
  .hg-menu-item b{font-size:14px;font-weight:600;color:var(--text);}
  .hg-menu-item span{font-size:12px;color:var(--text-light);}
  .hg-layer-search{margin-bottom:18px;}
  .hg-layer-search input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-size:14px;outline:none;background:var(--bg);color:var(--text);transition:border-color .2s;}
  .hg-layer-search input:focus{border-color:var(--text-light);}
  .hg-layer-search input::placeholder{color:var(--text-light);}
  .hg-search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
  .hg-search-chip{background:var(--tint);border:none;color:var(--text-light);padding:5px 14px;border-radius:14px;font-size:12px;cursor:pointer;transition:all .2s;}
  .hg-search-chip:hover{background:var(--text);color:#0a0a0a;}
  .hg-search-results{display:flex;flex-direction:column;gap:8px;}
  .hg-search-empty{font-size:13px;color:var(--text-light);padding:12px 0;}
  .hg-search-count{font-size:12px;color:var(--text);margin-bottom:4px;}
  .hg-layer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:190;opacity:0;pointer-events:none;transition:opacity .25s;}
  .hg-layer-overlay.is-open{opacity:1;pointer-events:auto;}

  @media(max-width:900px){
    .hg-basket{grid-template-columns:1fr;gap:36px;}
    .hg-footer-top{grid-template-columns:1fr;gap:28px;}
    .hg-footer-groups{grid-template-columns:repeat(2,1fr);}
    .hg-topic-tabs-inner--bar{display:none;}
  }
  @media(max-width:640px){
    .hg-sec{padding:40px 0;}
    .hg-page-hero{padding:44px 0 36px;}
    .hg-page-hero h1{font-size:26px;}
    .hg-title{font-size:22px;}
    .hg-hot-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .hg-hot-body{padding:12px 14px 16px;}
    .hg-hot-body h3{font-size:14px;}
    .hg-basket{padding:36px 24px;}
    .hg-note-block{padding:22px 20px;}
    .hg-nav-actions .hg-icon-btn span{display:none;}
    .hg-footer-groups{grid-template-columns:1fr;}
    .hg-dock{display:none;}
    .hg-dock-float{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 14px;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow-lg);}
    .hg-dock-float p{font-size:12px;color:var(--text-light);line-height:1.4;}
    .hg-dock-float p strong{color:var(--text);display:block;font-size:13px;}
  }