/* ==========================================================
   tech 模板样式 - 参照 hanyanhui77.com 布局 + 深空科技风
   深空蓝底 #04100d | 电光蓝 #00b894 + 霓虹青 #00e0d0 渐变
   玻璃拟态卡片 + 霓虹光晕 + 网格纹理 | 点缀黄 #ffd166
   ========================================================== */
:root{
    --hn-primary:#00b894;
    --hn-primary-dark:#009975;
    --hn-cyan:#00e0d0;
    --hn-violet:#0aa87a;
    --hn-accent:#ffd166;
    --hn-bg:#04100d;
    --hn-bg-soft:#071712;
    --hn-card:rgba(255,255,255,.04);
    --hn-card-border:rgba(0,224,208,.16);
    --hn-text:#e2f2ec;
    --hn-muted:rgba(226,242,236,.62);
    --hn-line:rgba(255,255,255,.09);
}
html,body{height:100%;}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    color:var(--hn-text);
    background:var(--hn-bg);
    display:flex;flex-direction:column;min-height:100vh;
}
main,main.hn-main{flex:1 0 auto;}
a{text-decoration:none;}
img{max-width:100%;}
.text-muted{color:var(--hn-muted)!important;}

/* ---------- 顶部导航（深空 navbar） ---------- */
.hn-header{background:rgba(7,11,20,.92);backdrop-filter:blur(10px);z-index:1030;border-bottom:1px solid var(--hn-card-border);}
.hn-header .navbar-brand{color:#fff;font-weight:700;font-size:1.12rem;display:flex;align-items:center;gap:10px;white-space:nowrap;}
.hn-header .navbar-brand img{height:38px;width:auto;}
.hn-logo{height:clamp(34px,4.6vw,44px);width:clamp(34px,4.6vw,44px);border-radius:26%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 14px rgba(0,224,208,.45);}
.hn-header .nav-link{color:rgba(226,242,236,.85);margin:0 4px;transition:.3s;font-size:.95rem;border-radius:6px;}
.hn-header .nav-link.active,
.hn-header .nav-link:hover{color:#fff;background:linear-gradient(135deg,rgba(0,184,148,.35),rgba(0,224,208,.25));box-shadow:0 0 10px rgba(0,224,208,.25);}
.hn-header .navbar-toggler{border-color:rgba(0,224,208,.4);}
.hn-header .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,224,208,0.9)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.hn-header .hn-header-btn{border:1px solid var(--hn-cyan);color:var(--hn-cyan);font-weight:600;font-size:.85rem;border-radius:50px;padding:6px 18px;transition:.3s;white-space:nowrap;}
.hn-header .hn-header-btn:hover{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));border-color:transparent;color:#fff;box-shadow:0 0 16px rgba(0,224,208,.6);}
.hn-header .hn-search-form .form-control{border-radius:50px 0 0 50px;border:1px solid var(--hn-line);border-right:none;font-size:.85rem;background:rgba(255,255,255,.07);color:#fff;}
.hn-header .hn-search-form .form-control::placeholder{color:rgba(226,242,236,.4);}
.hn-header .hn-search-form .btn{border-radius:0 50px 50px 0;background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));color:#fff;border:none;font-weight:700;}

/* ---------- Hero 区（深空渐变 + 网格纹理） ---------- */
.hn-hero{
    background:linear-gradient(135deg,#0d2b23 0%,#06170f 60%,#04100d 100%);
    color:#fff;padding:72px 0 84px;position:relative;overflow:hidden;
}
.hn-hero::before{
    content:"";position:absolute;inset:0;
    background:url("/public/assets/sports/stadium-crowd.jpg") center/cover no-repeat;
    opacity:.3;pointer-events:none;
}
.hn-hero::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(0,224,208,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,224,208,.05) 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);
}
.hn-hero .container{position:relative;z-index:2;}
/* 顶端滚动快讯条 */
.hn-notice-bar{display:flex;align-items:center;gap:14px;background:rgba(11,17,32,.72);border:1px solid var(--hn-card-border);border-radius:40px;padding:8px 18px;backdrop-filter:blur(6px);box-shadow:0 0 24px rgba(0,224,208,.08);}
.hn-notice-label{flex-shrink:0;font-size:.85rem;font-weight:700;color:#032018;background:linear-gradient(135deg,var(--hn-cyan),#7ffce9);padding:4px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 0 12px rgba(0,224,208,.5);}
.hn-notice-scroll{flex:1;overflow:hidden;min-width:0;}
.hn-notice-track{display:inline-flex;gap:48px;white-space:nowrap;animation:hn-marquee 40s linear infinite;will-change:transform;}
.hn-notice-bar:hover .hn-notice-track{animation-play-state:paused;}
.hn-notice-track a{color:#c9efe4;font-size:.88rem;transition:.2s;}
.hn-notice-track a:hover{color:var(--hn-cyan);text-shadow:0 0 8px rgba(0,224,208,.6);}
@keyframes hn-marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.hn-notice-more{flex-shrink:0;color:var(--hn-cyan);font-size:.85rem;white-space:nowrap;}
.hn-notice-more:hover{color:#fff;}
@media(max-width:575px){.hn-notice-more{display:none;}}
/* Hero 浮动装饰图标 */
.hn-hero-floats{position:absolute;inset:0;z-index:1;pointer-events:none;}
.hn-hero-floats i{position:absolute;color:rgba(0,224,208,.14);animation:hn-float 7s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,224,208,.35));}
.hn-hero-floats i:nth-child(1){font-size:3.4rem;top:16%;left:6%;}
.hn-hero-floats i:nth-child(2){font-size:2.6rem;bottom:20%;left:14%;animation-delay:1.6s;}
.hn-hero-floats i:nth-child(3){font-size:3rem;top:22%;right:8%;animation-delay:3s;color:rgba(255,209,102,.14);}
.hn-hero-floats i:nth-child(4){font-size:2.4rem;bottom:14%;right:16%;animation-delay:4.4s;color:rgba(10,168,122,.16);}
@keyframes hn-float{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-18px) rotate(8deg);}}
.hn-hero h1{font-size:2rem;font-weight:700;line-height:1.4;}
@media(min-width:992px){.hn-hero h1{font-size:2.4rem;}}
.hn-hero h1 strong{background:linear-gradient(135deg,var(--hn-cyan),var(--hn-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;}
.hn-hero .hn-hero-desc{font-size:1rem;color:#bcd8cd;line-height:1.9;max-width:640px;}
.hn-hero-badges{display:flex;flex-wrap:wrap;gap:10px;}
.hn-badge-pill{font-size:.8rem;font-weight:600;color:var(--hn-cyan);background:rgba(0,224,208,.08);border:1px solid rgba(0,224,208,.35);padding:5px 14px;border-radius:50px;backdrop-filter:blur(2px);}
.hn-btn-hero{
    display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));color:#fff;
    font-weight:700;font-size:.95rem;padding:12px 26px;border-radius:30px;transition:.3s;
    box-shadow:0 0 22px rgba(0,224,208,.45);
}
.hn-btn-hero:hover{color:#fff;transform:translateY(-2px);box-shadow:0 0 34px rgba(0,224,208,.7);}
.hn-btn-hero-outline{
    display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);
    border:1px solid rgba(0,224,208,.5);color:var(--hn-cyan);font-weight:700;font-size:.95rem;
    padding:12px 26px;border-radius:30px;transition:.3s;
}
.hn-btn-hero-outline:hover{background:rgba(0,224,208,.14);color:#fff;}
.hn-hero-img-wrap{max-width:520px;margin:0 auto;}
.hn-hero-img-wrap img{border-radius:18px;border:1px solid var(--hn-card-border);box-shadow:0 0 40px rgba(0,224,208,.25);}

/* ---------- 数据统计条 ---------- */
.hn-stats{background:linear-gradient(90deg,#062018,#0a2b20 50%,#062018);border-top:1px solid var(--hn-card-border);border-bottom:1px solid var(--hn-card-border);color:#fff;padding:40px 0;}
.hn-stats .hn-stats-item{text-align:center;padding:10px;}
.hn-stats .hn-stats-num{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--hn-cyan),var(--hn-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hn-stats .hn-stats-num small{font-size:1rem;-webkit-text-fill-color:var(--hn-cyan);}
.hn-stats .hn-stats-label{font-size:.9rem;opacity:.85;margin-top:4px;}

/* ---------- 通用 section 标题 ---------- */
.hn-section{padding:60px 0;}
.hn-section-gray{background:var(--hn-bg-soft);}
.hn-section-dark{background:linear-gradient(180deg,var(--hn-bg) 0%,#062018 100%);color:#fff;}
.hn-section-title{text-align:center;margin-bottom:40px;}
.hn-section-title .lead{color:var(--hn-cyan);font-weight:700;font-size:.95rem;margin-bottom:6px;letter-spacing:2px;text-transform:uppercase;}
.hn-section-title h2{font-weight:800;font-size:1.7rem;color:#fff;}
.hn-section-title p.sub{color:var(--hn-muted);font-size:.92rem;margin-top:8px;}

/* ---------- 优势卡片 whyus ---------- */
.hn-whyus-card{
    display:flex;align-items:flex-start;gap:16px;background:var(--hn-card);border:1px solid var(--hn-card-border);
    border-radius:18px;padding:28px 24px;height:100%;transition:.3s;backdrop-filter:blur(4px);
}
.hn-whyus-card:hover{transform:translateY(-5px);box-shadow:0 0 30px rgba(0,224,208,.18);border-color:rgba(0,224,208,.4);}
.hn-whyus-card .icon-circle{
    width:54px;height:54px;border-radius:14px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;
    background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));box-shadow:0 0 16px rgba(0,224,208,.4);
}
.hn-whyus-card h5{font-weight:700;margin-bottom:8px;color:#fff;}
.hn-whyus-card p{color:var(--hn-muted);font-size:.88rem;line-height:1.8;margin:0;}

/* ---------- 功能专区 Tab ---------- */
.hn-dept-wrap{background:var(--hn-card);border:1px solid var(--hn-card-border);border-radius:20px;padding:34px 30px;backdrop-filter:blur(4px);}
.hn-dept-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;}
.hn-dept-tabs .hn-tab-btn{
    border:1px solid var(--hn-line);background:transparent;color:var(--hn-muted);font-weight:600;font-size:.9rem;
    padding:9px 22px;border-radius:50px;transition:.25s;
}
.hn-dept-tabs .hn-tab-btn:hover{border-color:var(--hn-cyan);color:var(--hn-cyan);}
.hn-dept-tabs .hn-tab-btn.active{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));border-color:transparent;color:#fff;box-shadow:0 0 18px rgba(0,224,208,.5);}
.hn-dept-pane{display:none;}
.hn-dept-pane.active{display:block;}
.hn-dept-inner{display:flex;gap:30px;align-items:center;flex-wrap:wrap;}
.hn-dept-text{flex:1 1 340px;}
.hn-dept-text h3{font-weight:800;font-size:1.3rem;margin-bottom:10px;color:#fff;}
.hn-dept-text p{color:var(--hn-muted);font-size:.92rem;line-height:1.9;}
.hn-dept-list{list-style:none;margin:14px 0 0;padding:0;}
.hn-dept-list li{padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.1);font-size:.9rem;}
.hn-dept-list li:last-child{border-bottom:none;}
.hn-dept-list li a{color:var(--hn-text);transition:.25s;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hn-dept-list li a:hover{color:var(--hn-cyan);padding-left:4px;}
.hn-dept-list li time{color:rgba(226,242,236,.38);font-size:.78rem;float:right;margin-left:10px;}
.hn-dept-img{flex:1 1 300px;max-width:420px;margin:0 auto;}
.hn-dept-img img{width:100%;border-radius:16px;border:1px solid var(--hn-card-border);box-shadow:0 0 28px rgba(0,224,208,.15);}

/* ---------- 更新日志卡片 ---------- */
.hn-update-card{background:var(--hn-card);border:1px solid var(--hn-card-border);border-radius:14px;padding:24px;height:100%;}
.hn-update-card h3{font-size:1.05rem;font-weight:700;margin-bottom:14px;color:#fff;}
.hn-update-card ul{list-style:disc;padding-left:1.2rem;margin:0;font-size:.85rem;color:var(--hn-muted);line-height:2;}

/* ---------- APP 下载区 ---------- */
.hn-app-img{max-width:420px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--hn-card-border);box-shadow:0 0 36px rgba(0,184,148,.25);}
.hn-app-img img{width:100%;display:block;}
.hn-app-list{list-style:none;margin:0 0 24px;padding:0;}
.hn-app-list li{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:.94rem;color:var(--hn-text);}
.hn-app-list li i{margin-top:3px;color:var(--hn-cyan);}

/* ---------- 资讯卡片 news ---------- */
.hn-news-card{
    display:flex;flex-direction:column;background:var(--hn-card);border:1px solid var(--hn-card-border);
    border-radius:18px;overflow:hidden;transition:.3s;height:100%;backdrop-filter:blur(4px);
}
@media (min-width:768px){.hn-news-card.horizontal{flex-direction:row;}}
.hn-news-card:hover{box-shadow:0 0 30px rgba(0,224,208,.2);transform:translateY(-3px);border-color:rgba(0,224,208,.45);}
.hn-news-img{position:relative;overflow:hidden;background:#0a2018;flex-shrink:0;}
.hn-news-card:not(.horizontal) .hn-news-img{height:180px;}
.hn-news-card.horizontal .hn-news-img{width:260px;}
.hn-news-img img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.hn-news-card:hover .hn-news-img img{transform:scale(1.05);}
.hn-news-img .hn-news-badge{
    position:absolute;left:12px;top:12px;background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));color:#fff;
    font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:50px;box-shadow:0 0 10px rgba(0,224,208,.5);
}
.hn-news-img .hn-news-placeholder{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#062018,#0a2b20);color:var(--hn-cyan);font-size:2rem;opacity:.6;
}
.hn-news-body{padding:18px;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;}
.hn-news-body h3{font-size:1rem;font-weight:600;line-height:1.55;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hn-news-body h3 a{color:var(--hn-text);transition:.25s;}
.hn-news-body h3 a:hover{color:var(--hn-cyan);}
.hn-news-body .hn-news-desc{font-size:.83rem;color:var(--hn-muted);line-height:1.7;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hn-news-meta{font-size:.78rem;color:rgba(226,242,236,.4);display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.hn-news-more{
    display:inline-block;border:1px solid var(--hn-cyan);color:var(--hn-cyan);
    font-size:.8rem;font-weight:600;padding:4px 14px;border-radius:8px;transition:.25s;white-space:nowrap;
}
.hn-news-more:hover{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));border-color:transparent;color:#fff;}

/* ---------- 列表页 ---------- */
.hn-list-card{background:var(--hn-card);border:1px solid var(--hn-card-border);border-radius:16px;overflow:hidden;backdrop-filter:blur(4px);}
.hn-list-card .hn-list-heading{
    padding:16px 22px;border-bottom:1px solid var(--hn-line);
    display:flex;align-items:center;justify-content:space-between;
}
.hn-list-card .hn-list-heading h3{
    font-size:1.1rem;font-weight:800;margin:0;color:#fff;border-left:4px solid var(--hn-cyan);padding-left:10px;
}
.hn-list-item{display:flex;gap:18px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06);transition:.25s;}
.hn-list-item:hover{background:rgba(0,224,208,.05);}
.hn-list-item:last-child{border-bottom:none;}
.hn-list-item .hn-list-img{width:180px;height:112px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#0a2018;}
.hn-list-item .hn-list-img img{width:100%;height:100%;object-fit:cover;}
.hn-list-item .hn-list-img .hn-news-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#062018,#0a2b20);color:var(--hn-cyan);font-size:1.6rem;opacity:.6;}
.hn-list-item .hn-list-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.hn-list-item .hn-list-info h4{font-size:1.02rem;font-weight:700;margin-bottom:6px;line-height:1.5;}
.hn-list-item .hn-list-info h4 a{color:var(--hn-text);transition:.25s;}
.hn-list-item .hn-list-info h4 a:hover{color:var(--hn-cyan);}
.hn-list-item .desc{font-size:.85rem;color:var(--hn-muted);line-height:1.7;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hn-list-item .meta{font-size:.78rem;color:rgba(226,242,236,.4);display:flex;gap:14px;flex-wrap:wrap;}
.hn-list-item .meta .hn-tag{background:rgba(0,224,208,.12);color:var(--hn-cyan);padding:1px 10px;border-radius:50px;font-weight:600;}
@media (max-width:575px){
    .hn-list-item{flex-direction:column;}
    .hn-list-item .hn-list-img{width:100%;height:170px;}
}

/* ---------- 详情页 ---------- */
.hn-detail-card{background:var(--hn-card);border:1px solid var(--hn-card-border);border-radius:16px;padding:30px;backdrop-filter:blur(4px);}
.hn-detail-header h1{font-size:1.55rem;font-weight:800;line-height:1.5;color:#fff;}
.hn-detail-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--hn-muted);padding:14px 0;border-bottom:1px solid var(--hn-line);margin-bottom:22px;}
.hn-detail-meta .hn-tag{background:rgba(0,224,208,.12);color:var(--hn-cyan);padding:2px 12px;border-radius:50px;font-weight:600;}
.hn-detail-content{font-size:.98rem;line-height:2;color:#d2e6dd;}
.hn-detail-content p{margin-bottom:1.1rem;}
.hn-detail-content img{max-width:100%;height:auto;border-radius:12px;margin:1rem 0;border:1px solid var(--hn-card-border);}
.hn-detail-content blockquote{border-left:4px solid var(--hn-cyan);background:rgba(0,224,208,.06);padding:14px 18px;margin:1.4rem 0;border-radius:0 8px 8px 0;color:var(--hn-muted);}
.hn-detail-cover{padding:0 26px;}
.hn-detail-cover img{width:100%;border-radius:14px;border:1px solid var(--hn-card-border);box-shadow:0 0 30px rgba(0,224,208,.15);}
.hn-detail-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 26px 24px;border-top:1px dashed rgba(255,255,255,.14);margin-top:8px;}
.hn-detail-tags-title{color:var(--hn-muted);font-weight:600;font-size:.9rem;}
.hn-detail-tags a{display:inline-block;padding:5px 14px;background:rgba(255,255,255,.06);border:1px solid var(--hn-line);color:var(--hn-text);border-radius:20px;font-size:.82rem;transition:.25s;}
.hn-detail-tags a:hover{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));border-color:transparent;color:#fff;}
.hn-detail-content h2,.hn-detail-content h3{font-weight:700;margin:1.6rem 0 .9rem;color:#fff;}
.hn-article-nav{
    display:flex;justify-content:space-between;gap:16px;background:var(--hn-card);border:1px solid var(--hn-card-border);
    border-radius:16px;padding:16px 22px;margin-top:20px;font-size:.88rem;
}
.hn-article-nav a{color:var(--hn-text);max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.25s;}
.hn-article-nav a:hover{color:var(--hn-cyan);}

/* ---------- 侧边栏 ---------- */
.hn-side-card{background:var(--hn-card);border:1px solid var(--hn-card-border);border-radius:16px;overflow:hidden;margin-bottom:20px;backdrop-filter:blur(4px);}
.hn-side-card .hn-side-heading{
    padding:14px 20px;border-bottom:1px solid var(--hn-line);font-size:1rem;font-weight:800;margin:0;color:#fff;
    border-left:4px solid var(--hn-cyan);
}
.hn-side-card .hn-side-body{padding:16px 20px;}
.hn-rank-list{counter-reset:hn-rank;list-style:none;margin:0;padding:0;}
.hn-rank-list li{counter-increment:hn-rank;display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08);}
.hn-rank-list li:last-child{border-bottom:none;}
.hn-rank-list li::before{
    content:counter(hn-rank);flex-shrink:0;width:22px;height:22px;border-radius:6px;text-align:center;
    background:rgba(255,255,255,.08);color:var(--hn-muted);font-size:.75rem;font-weight:700;line-height:22px;
}
.hn-rank-list li:nth-child(-n+3)::before{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));color:#fff;box-shadow:0 0 8px rgba(0,224,208,.5);}
.hn-rank-list li a{color:var(--hn-text);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.25s;}
.hn-rank-list li a:hover{color:var(--hn-cyan);}

/* ---------- 标签云 ---------- */
.hn-tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.hn-tag-cloud a{
    display:inline-block;background:rgba(255,255,255,.05);border:1px solid var(--hn-line);
    color:var(--hn-muted);font-size:.83rem;padding:6px 16px;border-radius:50px;transition:.25s;
}
.hn-tag-cloud a:hover{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));border-color:transparent;color:#fff;box-shadow:0 0 14px rgba(0,224,208,.5);}

/* ---------- 面包屑 ---------- */
.hn-breadcrumb{font-size:.83rem;}
.hn-breadcrumb a{color:var(--hn-muted);}
.hn-breadcrumb a:hover{color:var(--hn-cyan);}
.breadcrumb-item.active{color:var(--hn-text);}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(226,242,236,.3);}

/* ---------- 分页 ---------- */
.hn-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:22px 0;}
.hn-pagination a,.hn-pagination span{
    display:inline-block;min-width:36px;text-align:center;padding:7px 12px;border:1px solid var(--hn-line);
    border-radius:8px;color:var(--hn-muted);font-size:.85rem;transition:.25s;background:rgba(255,255,255,.04);
}
.hn-pagination a:hover{border-color:var(--hn-cyan);color:var(--hn-cyan);}
.hn-pagination .current,.hn-pagination span.active{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));border-color:transparent;color:#fff;box-shadow:0 0 12px rgba(0,224,208,.4);}

/* ---------- 手风琴 FAQ ---------- */
.hn-accordion .accordion-item{background:var(--hn-card);border:1px solid var(--hn-card-border);border-radius:12px!important;margin-bottom:10px;overflow:hidden;}
.hn-accordion .accordion-button{font-weight:600;font-size:.95rem;background:transparent;color:var(--hn-text);}
.hn-accordion .accordion-button:not(.collapsed){background:rgba(0,224,208,.08);color:var(--hn-cyan);box-shadow:none;}
.hn-accordion .accordion-button:focus{box-shadow:none;border-color:var(--hn-card-border);}
.hn-accordion .accordion-button::after{filter:invert(.8);}
.hn-accordion .accordion-body{color:var(--hn-muted);font-size:.9rem;line-height:1.8;}

/* ---------- 搜索页 ---------- */
.hn-search-hero{background:linear-gradient(135deg,#0d2b23 0%,#06170f 100%);color:#fff;padding:52px 0;text-align:center;border-bottom:1px solid var(--hn-card-border);}
.hn-search-hero-form{max-width:560px;margin:22px auto 0;display:flex;}
.hn-search-hero-form input{flex:1;border:1px solid var(--hn-card-border);border-right:none;border-radius:50px 0 0 50px;padding:12px 22px;font-size:.95rem;outline:none;background:rgba(255,255,255,.07);color:#fff;}
.hn-search-hero-form input::placeholder{color:rgba(226,242,236,.4);}
.hn-search-hero-form button{border:none;background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));color:#fff;font-weight:700;padding:0 28px;border-radius:0 50px 50px 0;transition:.25s;}
.hn-search-hero-form button:hover{box-shadow:0 0 18px rgba(0,224,208,.6);}

/* ---------- 页脚 ---------- */
.hn-footer{background:#020a08;color:#fff;position:relative;margin-top:auto;border-top:1px solid var(--hn-card-border);}
.hn-footer::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(ellipse at top,rgba(0,184,148,.12),transparent 70%);
}
.hn-footer .container{position:relative;z-index:2;}
.hn-footer h4{font-size:1.02rem;font-weight:700;margin-bottom:16px;color:var(--hn-cyan);}
.hn-footer a{color:rgba(255,255,255,.6);transition:.25s;}
.hn-footer a:hover{color:var(--hn-cyan);}
.hn-footer .hn-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);font-size:.88rem;}
.hn-footer .hn-footer-desc{font-size:.85rem;color:rgba(255,255,255,.65);line-height:1.9;}
.hn-footer .hn-footer-bottom{font-size:.8rem;color:rgba(255,255,255,.5);text-align:center;padding-top:16px;}

/* ---------- 404 ---------- */
.hn-error-section{padding:90px 0;text-align:center;background:linear-gradient(135deg,#0d2b23 0%,var(--hn-bg) 100%);color:#fff;}
.hn-error-section .hn-error-code{font-size:7rem;font-weight:900;background:linear-gradient(135deg,var(--hn-cyan),var(--hn-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.6;line-height:1;}

/* ---------- 杂项 ---------- */
.hn-notice{background:linear-gradient(135deg,var(--hn-primary),var(--hn-cyan));color:#fff;font-size:.88rem;font-weight:500;}

/* ---------- 球星瞬间图片墙 ---------- */
.hn-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media (min-width:768px){.hn-gallery{grid-template-columns:repeat(4,1fr);}}
.hn-gallery-item{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid var(--hn-card-border);aspect-ratio:3/2;background:#062018;transition:.3s;}
.hn-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.hn-gallery-item:hover{border-color:rgba(0,224,208,.5);box-shadow:0 0 26px rgba(0,224,208,.22);transform:translateY(-3px);}
.hn-gallery-item:hover img{transform:scale(1.07);}
.hn-gallery-item .hn-gallery-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(180deg,transparent,rgba(5,8,15,.85));}
.hn-gallery-item .hn-gallery-cap i{color:var(--hn-cyan);margin-right:5px;}

/* ---------- 品牌文字（icon + HTML 文字，浏览器端渲染中文） ---------- */
.hn-header .navbar-brand .hn-brand-text{font-family:'Montserrat','Futura','Avenir Next','Helvetica Neue','Arial Black',Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:clamp(1.45rem,1.05rem + 1.7vw,2.1rem);font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase;background:linear-gradient(120deg,#ffffff 0%,var(--hn-secondary) 50%,var(--hn-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 7px rgba(0,224,208,.38));white-space:nowrap;}
.hn-header .navbar-brand{gap:clamp(8px,1.2vw,14px);}