/* ============================================================
   hh001 体育企业模板 · 曜石黑 + 烈焰橙
   全站统一 hh- 前缀 class，Bootstrap 5 基础之上做皮肤层
   ============================================================ */
:root{
    --hh-page:#f6f7f9;
    --hh-surface:#ffffff;
    --hh-ink:#1b1d23;
    --hh-ink-2:#5a5f6b;
    --hh-line:#e6e8ee;
    --hh-dark:#14161d;
    --hh-dark-2:#1f222c;
    --hh-orange:#ff6b1a;
    --hh-orange-2:#ff903f;
    --hh-grad:linear-gradient(135deg,#ff6b1a,#ff903f);
    --hh-grad-dark:linear-gradient(135deg,#14161d,#232838);
    --hh-shadow:0 18px 44px rgba(20,22,29,.12);
    --hh-radius:16px;
}

/* ---------- 基础 ---------- */
html{scroll-behavior:smooth;}
.hh-body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--hh-page);color:var(--hh-ink);line-height:1.75;-webkit-font-smoothing:antialiased;}
.hh-body img{max-width:100%;}
.hh-body a{text-decoration:none;}
.mipcms-main{background:transparent;}

#backTop{position:fixed;right:22px;bottom:32px;width:46px;height:46px;border:0;border-radius:50%;background:var(--hh-grad);color:#fff;font-size:20px;box-shadow:0 10px 24px rgba(255,107,26,.35);opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;z-index:1030;}
#backTop.show{opacity:1;visibility:visible;transform:none;}
#backTop:hover{transform:translateY(-4px);}

/* ---------- 按钮 ---------- */
.hh-btn-orange{background:var(--hh-grad);color:#fff;border:0;border-radius:999px;padding:.72rem 1.9rem;font-weight:700;box-shadow:0 10px 24px rgba(255,107,26,.32);transition:.25s;}
.hh-btn-orange:hover,.hh-btn-orange:focus{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,107,26,.4);}
.hh-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;padding:.72rem 1.9rem;font-weight:700;backdrop-filter:blur(4px);transition:.25s;}
.hh-btn-ghost:hover,.hh-btn-ghost:focus{color:#fff;border-color:#fff;background:rgba(255,255,255,.16);transform:translateY(-2px);}
.hh-btn-outline{background:transparent;color:var(--hh-ink);border:1.5px solid var(--hh-line);border-radius:999px;padding:.72rem 1.9rem;font-weight:700;transition:.25s;}
.hh-btn-outline:hover{color:var(--hh-orange);border-color:var(--hh-orange);transform:translateY(-2px);}
.hh-btn-outline-dark{background:transparent;color:var(--hh-ink);border:1.5px solid var(--hh-ink);border-radius:999px;padding:.72rem 1.9rem;font-weight:700;transition:.25s;}
.hh-btn-outline-dark:hover{background:var(--hh-ink);color:#fff;transform:translateY(-2px);}
.hh-btn-white{background:#fff;color:var(--hh-dark);border:0;border-radius:999px;padding:.7rem 1.9rem;font-weight:700;transition:.25s;}
.hh-btn-white:hover{color:var(--hh-dark);transform:translateY(-2px);}

/* ---------- 页头区公共标题组 ---------- */
.hh-sec-head{margin-bottom:2.4rem;}
.hh-sec-head.center{text-align:center;max-width:760px;margin-left:auto;margin-right:auto;}
.hh-eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--hh-orange);background:rgba(255,107,26,.1);border:1px solid rgba(255,107,26,.25);padding:.28rem 1rem;border-radius:999px;margin-bottom:.9rem;}
.hh-eyebrow.light{color:var(--hh-orange-2);background:rgba(255,107,26,.14);border-color:rgba(255,107,26,.35);}
.hh-sec-title{font-size:clamp(24px,3.4vw,38px);font-weight:900;color:var(--hh-ink);margin:0 0 .8rem;line-height:1.28;}
.hh-sec-title.light{color:#fff;}
.hh-sec-sub{color:var(--hh-ink-2);font-size:16px;margin:0;}
.hh-sec-head.center.light .hh-sec-title{color:#fff;}
.hh-sec-head.center.light .hh-sec-sub{color:rgba(255,255,255,.72);}
.hh-sec-foot{text-align:center;margin-top:2.2rem;}
.hh-link-more{display:inline-block;font-weight:800;color:var(--hh-orange);transition:.2s;}
.hh-link-more:hover{color:var(--hh-orange-2);transform:translateX(4px);}

/* ---------- 顶部导航 ---------- */
.hh-nav{background:rgba(20,22,29,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);padding:.65rem 0;box-shadow:0 6px 24px rgba(0,0,0,.28);}
.hh-brand{display:flex;align-items:center;gap:.6rem;}
.hh-logo{width:38px;height:38px;display:inline-flex;}
.hh-logo svg{width:100%;height:100%;}
.hh-brand-text{color:#fff;font-weight:900;font-size:19px;letter-spacing:.02em;}
.hh-nav .nav-link{color:rgba(255,255,255,.78);font-weight:600;padding:.45rem 1rem !important;border-radius:10px;position:relative;transition:.2s;}
.hh-nav .nav-link:hover{color:#fff;}
.hh-nav .nav-item.active .nav-link{color:#fff;background:rgba(255,107,26,.16);}
.hh-nav .nav-item.active .nav-link::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.18rem;height:3px;border-radius:3px;background:var(--hh-grad);}
.hh-search{position:relative;}
.hh-search .form-control{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:999px 0 0 999px;padding-left:1.1rem;min-width:190px;}
.hh-search .form-control::placeholder{color:rgba(255,255,255,.45);}
.hh-search .form-control:focus{background:rgba(255,255,255,.12);color:#fff;box-shadow:none;border-color:rgba(255,107,26,.5);}
.hh-search .btn{background:var(--hh-grad);color:#fff;border-radius:0 999px 999px 0;padding:.35rem .9rem;}
.hh-nav-cta{background:var(--hh-grad);color:#fff;border-radius:999px;padding:.5rem 1.35rem;font-weight:800;box-shadow:0 8px 18px rgba(255,107,26,.35);}
.hh-nav-cta:hover{color:#fff;transform:translateY(-2px);}
.hh-nav .navbar-toggler{border-color:rgba(255,255,255,.3);color-scheme:dark;}
.hh-nav .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

/* ---------- 1. Hero ---------- */
.hh-hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;background:url('../images/hero_stadium.jpg') center/cover no-repeat;color:#fff;overflow:hidden;}
.hh-hero-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,23,.78) 0%,rgba(15,17,23,.62) 45%,rgba(20,22,29,.9) 100%);}
.hh-hero-inner{position:relative;z-index:2;padding:120px 20px 90px;max-width:980px;}
.hh-hero-eyebrow{display:inline-block;font-size:13.5px;font-weight:700;letter-spacing:.16em;color:var(--hh-orange-2);border:1px solid rgba(255,144,63,.45);background:rgba(255,107,26,.12);padding:.4rem 1.3rem;border-radius:999px;margin-bottom:1.4rem;}
.hh-hero-title{font-size:clamp(28px,4.8vw,54px);font-weight:900;line-height:1.25;margin:0 0 1.2rem;text-shadow:0 4px 22px rgba(0,0,0,.45);}
.hh-hero-sub{font-size:clamp(15px,1.6vw,18px);color:rgba(255,255,255,.82);max-width:720px;margin:0 auto 2rem;}
.hh-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}
.hh-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:860px;margin:0 auto;}
.hh-hero-stats .hs-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);border-radius:14px;padding:1rem .5rem;}
.hh-hero-stats .hs-item strong{display:block;font-size:clamp(20px,2.4vw,30px);font-weight:900;background:var(--hh-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hh-hero-stats .hs-item span{font-size:13px;color:rgba(255,255,255,.68);}

/* ---------- 2. 关于区（深色） ---------- */
.hh-about{background:var(--hh-grad-dark);color:rgba(255,255,255,.75);padding:3.4rem 0;}
.hh-about .hh-sec-head{margin-bottom:1.8rem;}
.hh-about .hh-sec-sub{font-size:15px;}
.hh-about-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.4rem;align-items:center;}
.hh-about-row .ao-img{border-radius:22px;overflow:hidden;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.45);}
.hh-about-row .ao-img::before{content:"";position:absolute;inset:auto 12% -12px 12%;height:24px;background:var(--hh-grad);filter:blur(26px);opacity:.55;z-index:0;}
.hh-about-row .ao-img img{display:block;width:100%;height:340px;object-fit:cover;object-position:center 30%;position:relative;z-index:1;}
.hh-hist-item{display:flex;gap:1rem;padding:.75rem 1.05rem;border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--hh-orange);border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:.7rem;transition:.25s;}
.hh-hist-item:hover{background:rgba(255,107,26,.08);transform:translateX(6px);}
.hh-hist-idx{font-size:19px;font-weight:900;color:var(--hh-orange);min-width:34px;}
.hh-hist-item h3{font-size:16px;font-weight:800;color:#fff;margin:0 0 .2rem;}
.hh-hist-item p{font-size:13.5px;line-height:1.65;margin:0;color:rgba(255,255,255,.66);}
.hh-about-row .hh-link-more{margin-top:.6rem;}

/* ---------- 3. 多样赛事服务 ---------- */
.hh-svc{background:var(--hh-page);padding:5.5rem 0;}
.hh-svc-card{background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:var(--hh-radius);overflow:hidden;height:100%;position:relative;transition:.28s;}
.hh-svc-card:hover{transform:translateY(-6px);box-shadow:var(--hh-shadow);border-color:rgba(255,107,26,.4);}
.hh-svc-card .sc-img{display:block;overflow:hidden;}
.hh-svc-card .sc-img img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .5s ease;}
.hh-svc-card:hover .sc-img img{transform:scale(1.06);}
.hh-svc-card .sc-body{padding:1.4rem 1.5rem 1.6rem;position:relative;}
.hh-svc-card .sc-body h3{font-size:19px;font-weight:900;margin:0 0 .5rem;color:var(--hh-ink);}
.hh-svc-card .sc-body h3 a{color:inherit;}
.hh-svc-card .sc-body p{font-size:14.5px;color:var(--hh-ink-2);margin:0;}
.hh-svc-card .sc-idx{position:absolute;right:1.2rem;top:.6rem;font-size:44px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(255,107,26,.28);line-height:1;}
.hh-svc-card.hh-svc-cta{background:var(--hh-grad-dark);border-color:transparent;display:flex;align-items:center;}
.hh-svc-card.hh-svc-cta .sc-body h3{color:#fff;}
.hh-svc-card.hh-svc-cta .sc-body p{color:rgba(255,255,255,.7);margin-bottom:1rem;}
.hh-svc-card.hh-svc-cta .hh-btn-outline{color:#fff;border-color:rgba(255,255,255,.4);}
.hh-svc-card.hh-svc-cta .hh-btn-outline:hover{color:var(--hh-orange-2);border-color:var(--hh-orange-2);}

/* ---------- 4. 资讯区 ---------- */
.hh-news{background:var(--hh-surface);padding:5.5rem 0;border-top:1px solid var(--hh-line);}
.hh-news-card{background:var(--hh-page);border:1px solid var(--hh-line);border-radius:var(--hh-radius);overflow:hidden;height:100%;transition:.28s;}
.hh-news-card:hover{transform:translateY(-6px);box-shadow:var(--hh-shadow);border-color:rgba(255,107,26,.4);}
.hh-news-card .nc-img{display:block;overflow:hidden;}
.hh-news-card .nc-img img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .5s ease;}
.hh-news-card:hover .nc-img img{transform:scale(1.05);}
.hh-news-card .nc-body{padding:1.2rem 1.3rem 1.3rem;}
.hh-news-card .nc-body h3{font-size:17px;font-weight:800;margin:0 0 .5rem;line-height:1.5;}
.hh-news-card .nc-body h3 a{color:var(--hh-ink);}
.hh-news-card .nc-body h3 a:hover{color:var(--hh-orange);}
.hh-news-card .nc-body p{font-size:14px;color:var(--hh-ink-2);margin:0 0 .9rem;}
.hh-news-card .nc-foot{display:flex;align-items:center;justify-content:space-between;}
.hh-news-card .nc-foot time{font-size:13px;color:#9aa0ad;}
.hh-news-card .nc-more{background:rgba(255,107,26,.1);color:var(--hh-orange);font-weight:700;border-radius:999px;padding:.3rem 1rem;}
.hh-news-card .nc-more:hover{background:var(--hh-grad);color:#fff;}
.hh-news-strip{list-style:none;margin:1.8rem 0 0;padding:1.4rem 1.6rem;background:var(--hh-page);border:1px dashed var(--hh-line);border-radius:14px;}
.hh-news-strip li{display:flex;align-items:center;gap:.8rem;padding:.5rem 0;border-bottom:1px solid rgba(22,24,31,.05);font-size:14.5px;}
.hh-news-strip li:last-child{border-bottom:0;}
.hh-news-strip .ns-dot{width:7px;height:7px;border-radius:50%;background:var(--hh-grad);flex:none;}
.hh-news-strip a{color:var(--hh-ink);font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hh-news-strip a:hover{color:var(--hh-orange);}
.hh-news-strip time{color:#9aa0ad;font-size:13px;flex:none;}
.hh-news-empty{text-align:center;padding:1rem 0;}
.hh-news-empty p{color:var(--hh-ink-2);margin-bottom:1.2rem;}
.hh-news-empty .ne-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.hh-news-empty .ne-imgs img{width:100%;height:200px;object-fit:cover;border-radius:14px;box-shadow:var(--hh-shadow);}

/* ---------- 5. FAQ ---------- */
.hh-faq{background:var(--hh-page);padding:5.5rem 0;}
.hh-faq .hh-sec-title{margin-top:.4rem;}
.hh-faq-sub{color:var(--hh-ink-2);font-size:15px;margin:0 0 1.4rem;}
.hh-accordion .accordion-item{background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:14px !important;margin-bottom:.9rem;overflow:hidden;}
.hh-accordion .accordion-header{margin:0;}
.hh-accordion .accordion-button{background:var(--hh-surface);color:var(--hh-ink);font-weight:800;font-size:16px;box-shadow:none;padding:1.05rem 1.3rem;}
.hh-accordion .accordion-button:not(.collapsed){color:var(--hh-orange);background:rgba(255,107,26,.05);}
.hh-accordion .accordion-button:focus{box-shadow:none;border-color:transparent;}
.hh-accordion .accordion-body{color:var(--hh-ink-2);font-size:14.5px;padding:.4rem 1.3rem 1.15rem;}

/* ---------- 6. App 下载区（深色） ---------- */
.hh-appdown{position:relative;background:var(--hh-grad-dark);padding:3.4rem 0;overflow:hidden;}
.hh-appdown::before{content:"";position:absolute;left:-140px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,26,.28),transparent 65%);}
.hh-appdown .container{position:relative;z-index:1;}
.hh-app-lead{color:rgba(255,255,255,.75);font-size:15.5px;}
.hh-app-list{list-style:none;margin:1.4rem 0 1.8rem;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.6rem;}
.hh-app-list li{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.85);font-size:14.5px;font-weight:600;}
.hh-app-list li span{width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hh-grad);color:#fff;font-size:13px;font-weight:900;}
.hh-appdown .hh-app-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem;}
.hh-app-visual{position:relative;}
.hh-app-visual img{display:block;width:100%;max-width:320px;max-height:400px;margin:0 auto;object-fit:cover;object-position:center top;border-radius:22px;box-shadow:0 34px 70px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12);}
.hh-app-badge{position:absolute;right:calc(50% - 190px);bottom:18px;background:rgba(20,22,29,.88);backdrop-filter:blur(8px);border:1px solid rgba(255,144,63,.4);border-radius:16px;padding:.75rem 1.1rem;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.45);}
.hh-app-badge strong{display:block;font-size:22px;font-weight:900;background:var(--hh-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;}
.hh-app-badge strong em{font-style:normal;font-size:13px;color:rgba(255,255,255,.6);-webkit-text-fill-color:rgba(255,255,255,.6);}
.hh-app-badge span{font-size:12.5px;color:rgba(255,255,255,.7);}
.hh-app-badge span b{color:var(--hh-orange-2);}

/* ---------- 页脚 ---------- */
.hh-footer{background:var(--hh-dark);color:rgba(255,255,255,.68);padding:4.5rem 0 1.6rem;}
.foot-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:3.2rem;}
.foot-card{display:flex;align-items:flex-start;gap:.9rem;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.1rem 1.2rem;transition:.25s;}
.foot-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-4px);}
.foot-card .fc-ico{font-size:24px;line-height:1;}
.foot-card h6{color:#fff;font-weight:800;margin:.1rem 0 .25rem;font-size:15px;}
.foot-card p{margin:0;font-size:13px;color:rgba(255,255,255,.55);}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.4rem;padding-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.08);}
.foot-site-name{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:900;font-size:18px;margin-bottom:.9rem;}
.foot-desc{font-size:14px;color:rgba(255,255,255,.58);margin-bottom:1rem;}
.foot-contact{display:flex;flex-direction:column;gap:.35rem;font-size:13.5px;color:rgba(255,255,255,.62);}
.foot-col h6{color:#fff;font-weight:800;margin-bottom:1rem;font-size:15px;position:relative;padding-left:.8rem;}
.foot-col h6::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;border-radius:3px;background:var(--hh-grad);}
.foot-col ul{list-style:none;margin:0;padding:0;}
.foot-col li{margin-bottom:.55rem;}
.foot-col a{color:rgba(255,255,255,.62);font-size:14px;transition:.2s;}
.foot-col a:hover{color:var(--hh-orange-2);padding-left:4px;}
.foot-tags{display:flex;flex-wrap:wrap;gap:.5rem;}
.foot-tags a{font-size:12.5px;color:rgba(255,255,255,.66);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.25rem .85rem;transition:.2s;}
.foot-tags a:hover{color:#fff;border-color:var(--hh-orange);background:rgba(255,107,26,.15);}
.foot-links{padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13.5px;display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;align-items:center;}
.foot-links .fl-label{color:var(--hh-orange-2);font-weight:800;}
.foot-links a{color:rgba(255,255,255,.58);}
.foot-links a:hover{color:var(--hh-orange-2);}
.foot-bottom{padding-top:1.4rem;font-size:13px;color:rgba(255,255,255,.45);text-align:center;}
.foot-bottom a{color:rgba(255,255,255,.55);}
.foot-bottom a:hover{color:var(--hh-orange-2);}

/* ---------- 内页公共：页头横幅 / 面包屑 ---------- */
.hh-pagehead{background:var(--hh-grad-dark);color:#fff;padding:4.2rem 0 3rem;position:relative;overflow:hidden;}
.hh-pagehead::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,26,.3),transparent 68%);}
.hh-pagehead .container{position:relative;z-index:1;}
.hh-ph-eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.16em;color:var(--hh-orange-2);border:1px solid rgba(255,144,63,.4);background:rgba(255,107,26,.1);padding:.28rem .95rem;border-radius:999px;margin-bottom:.9rem;}
.hh-pagehead h1{font-size:clamp(24px,3.4vw,38px);font-weight:900;margin:0 0 .6rem;}
.hh-ph-sub{color:rgba(255,255,255,.7);margin:0 0 .8rem;font-size:15px;}
.hh-crumb{font-size:13.5px;color:rgba(255,255,255,.55);}
.hh-crumb a{color:rgba(255,255,255,.65);}
.hh-crumb a:hover{color:var(--hh-orange-2);}
.hh-crumb-bar{background:var(--hh-surface);border-bottom:1px solid var(--hh-line);padding:.8rem 0;font-size:14px;color:var(--hh-ink-2);}
.hh-crumb-bar a{color:var(--hh-ink-2);}
.hh-crumb-bar a:hover{color:var(--hh-orange);}
.hh-crumb-bar .sep{margin:0 .5rem;color:#c3c8d4;}

/* ---------- 内容容器 / 列表 ---------- */
.hh-box{background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:var(--hh-radius);padding:1.6rem 1.7rem;box-shadow:0 6px 20px rgba(20,22,29,.05);}
.hh-lists{display:flex;flex-direction:column;}
.hh-list-item{display:flex;gap:1.15rem;padding:1.25rem 0;border-bottom:1px dashed var(--hh-line);}
.hh-list-item:first-child{padding-top:.2rem;}
.hh-list-item:last-child{border-bottom:0;}
.hh-list-item .yli-thumb{flex:0 0 200px;border-radius:12px;overflow:hidden;}
.hh-list-item .yli-thumb img{width:200px;height:130px;object-fit:cover;display:block;transition:transform .5s ease;}
.hh-list-item:hover .yli-thumb img{transform:scale(1.06);}
.hh-list-item .yli-body{flex:1;min-width:0;}
.hh-list-item .yli-body h4{font-size:17px;font-weight:800;margin:0 0 .4rem;line-height:1.5;}
.hh-list-item .yli-body h4 a{color:var(--hh-ink);}
.hh-list-item .yli-body h4 a:hover{color:var(--hh-orange);}
.hh-list-item .yli-exc{font-size:14px;color:var(--hh-ink-2);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hh-list-item .yli-meta{display:flex;gap:1.2rem;font-size:13px;color:#9aa0ad;}

/* ---------- 侧栏 ---------- */
.hh-side-box{background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:var(--hh-radius);padding:1.3rem 1.4rem;margin-bottom:1.2rem;}
.hh-side-title{font-size:16.5px;font-weight:900;margin:0 0 1rem;color:var(--hh-ink);position:relative;padding-left:.75rem;}
.hh-side-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:75%;border-radius:4px;background:var(--hh-grad);}
.hh-rank{list-style:none;margin:0;padding:0;}
.hh-rank li{display:flex;align-items:flex-start;gap:.75rem;padding:.55rem 0;font-size:14.5px;border-bottom:1px dashed var(--hh-line);}
.hh-rank li:last-child{border-bottom:0;}
.hh-rank .rk-idx{flex:none;min-width:26px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:900;color:#9aa0ad;background:var(--hh-page);border-radius:6px;padding:0 .4rem;}
.hh-rank .rk-idx.hot{color:#fff;background:var(--hh-grad);}
.hh-rank a{color:var(--hh-ink);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hh-rank a:hover{color:var(--hh-orange);}
.hh-tagcloud{display:flex;flex-wrap:wrap;gap:.5rem;}
.hh-tagcloud a{font-size:13px;color:var(--hh-ink-2);background:var(--hh-page);border:1px solid var(--hh-line);border-radius:999px;padding:.3rem .95rem;transition:.2s;}
.hh-tagcloud a:hover{color:#fff;background:var(--hh-grad);border-color:transparent;}
.hh-tagcloud.big a{font-size:14.5px;padding:.42rem 1.2rem;}
.hh-side-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.hh-side-gallery img{width:100%;height:96px;object-fit:cover;border-radius:10px;transition:.3s;}
.hh-side-gallery img:hover{transform:scale(1.04);}

/* ---------- 详情页 ---------- */
.hh-detail-title{font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.42;margin:.4rem 0 .9rem;}
.hh-detail-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:13.5px;color:#9aa0ad;padding-bottom:1rem;border-bottom:1px dashed var(--hh-line);margin-bottom:1.4rem;}
.hh-detail-meta a{color:var(--hh-ink-2);}
.hh-detail-meta a:hover{color:var(--hh-orange);}
.hh-detail-body{font-size:16px;color:#2c2f38;line-height:1.9;}
.hh-detail-body p{margin-bottom:1.1rem;}
.hh-detail-body img{max-width:100%;height:auto;border-radius:12px;}
.hh-detail-body h2,.hh-detail-body h3{font-weight:900;margin:1.8rem 0 .9rem;color:var(--hh-ink);}
.hh-detail-body blockquote{border-left:4px solid var(--hh-orange);background:rgba(255,107,26,.06);padding:1rem 1.3rem;border-radius:0 12px 12px 0;color:var(--hh-ink-2);margin:1.4rem 0;}
.hh-detail-body table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:14.5px;}
.hh-detail-body th,.hh-detail-body td{border:1px solid var(--hh-line);padding:.6rem .8rem;text-align:left;}
.hh-detail-body th{background:var(--hh-page);font-weight:800;}
.hh-detail-body ul,.hh-detail-body ol{padding-left:1.5rem;}
.hh-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.8rem 0;}
.hh-tags a{font-size:13.5px;color:var(--hh-orange);background:rgba(255,107,26,.08);border:1px solid rgba(255,107,26,.25);border-radius:999px;padding:.3rem 1rem;font-weight:700;transition:.2s;}
.hh-tags a:hover{color:#fff;background:var(--hh-grad);border-color:transparent;}
.hh-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem 0;}
.hh-prevnext .ypn{background:var(--hh-page);border:1px solid var(--hh-line);border-radius:12px;padding:.9rem 1.1rem;}
.hh-prevnext .ypn.next{text-align:right;}
.hh-prevnext .ypn p{margin:0 0 .3rem;font-size:12.5px;color:#9aa0ad;}
.hh-prevnext .ypn a{font-size:14.5px;font-weight:700;color:var(--hh-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hh-prevnext .ypn a:hover{color:var(--hh-orange);}
.hh-related{margin-top:2rem;}
.hh-related .hh-side-title{margin-bottom:1rem;}

/* ---------- 标签页 ---------- */
.hh-tag-head{display:flex;align-items:center;gap:1.1rem;padding-bottom:1.2rem;border-bottom:1px dashed var(--hh-line);margin-bottom:.6rem;}
.hh-tag-badge{width:56px;height:56px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--hh-grad);color:#fff;font-size:26px;font-weight:900;box-shadow:0 10px 24px rgba(255,107,26,.3);}
.hh-tag-head h2{margin:0;font-size:24px;font-weight:900;}
.hh-tag-head p{margin:.2rem 0 0;font-size:14px;color:var(--hh-ink-2);}
.hh-empty{color:var(--hh-ink-2);padding:2rem 0;text-align:center;}

/* ---------- 搜索页 ---------- */
.hh-search-title{font-size:20px;font-weight:900;margin:0 0 1rem;}
.hh-search-title span{color:var(--hh-orange);}

/* ---------- 分页 ---------- */
.hh-pag-wrap{margin-top:1.6rem;}
.hh-pag-wrap .pagination{justify-content:center;flex-wrap:wrap;gap:.4rem;}
.hh-pag-wrap .page-link{border-radius:10px !important;border:1px solid var(--hh-line);color:var(--hh-ink-2);font-weight:700;padding:.5rem .95rem;background:var(--hh-surface);}
.hh-pag-wrap .page-item.active .page-link,.hh-pag-wrap .page-link:hover{background:var(--hh-grad);border-color:transparent;color:#fff;}

/* ---------- DIY 单页 ---------- */
.hh-diy{background:var(--hh-page);padding:3.2rem 0 4rem;}
.hh-diy-sec{background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:var(--hh-radius);padding:1.8rem 2rem;margin-bottom:1.6rem;}
.hh-diy-t{font-size:20px;font-weight:900;color:var(--hh-ink);margin:0 0 1rem;padding-bottom:.7rem;border-bottom:2px solid var(--hh-page);position:relative;}
.hh-diy-t::after{content:"";position:absolute;left:0;bottom:-2px;width:52px;height:2px;background:var(--hh-grad);border-radius:2px;}
.hh-diy-sec p{color:var(--hh-ink-2);font-size:15px;margin-bottom:.9rem;}
.hh-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.hh-info-card{background:var(--hh-page);border:1px solid var(--hh-line);border-radius:14px;padding:1.3rem 1.3rem;transition:.25s;}
.hh-info-card:hover{transform:translateY(-4px);box-shadow:var(--hh-shadow);border-color:rgba(255,107,26,.4);}
.hh-info-card .ic-ico{font-size:26px;margin-bottom:.5rem;}
.hh-info-card h4{font-size:16px;font-weight:800;margin:0 0 .35rem;}
.hh-info-card p{font-size:13.5px;color:var(--hh-ink-2);margin:0;}
.hh-cta-band{background:var(--hh-grad-dark);border-radius:18px;padding:2.2rem 2.4rem;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;margin-top:1.4rem;position:relative;overflow:hidden;}
.hh-cta-band::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,26,.35),transparent 70%);}
.hh-cta-band h3{margin:0 0 .3rem;font-size:21px;font-weight:900;position:relative;}
.hh-cta-band p{margin:0;color:rgba(255,255,255,.68);font-size:14.5px;position:relative;}
.hh-cta-band .btn{position:relative;}
.hh-dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.6rem 0;}
.hh-dl-grid .dl-card{background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:14px;padding:1.4rem 1.3rem;text-align:center;transition:.25s;}
.hh-dl-grid .dl-card:hover{transform:translateY(-5px);box-shadow:var(--hh-shadow);border-color:rgba(255,107,26,.45);}
.hh-dl-grid .dl-ico{font-size:30px;margin-bottom:.5rem;}
.hh-dl-grid h4{font-size:16px;font-weight:800;margin:0 0 .35rem;}
.hh-dl-grid p{font-size:13.5px;color:var(--hh-ink-2);margin:0;}
.hh-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.4rem;align-items:start;}
.hh-form .form-label{font-weight:700;font-size:14px;color:var(--hh-ink);}
.hh-form .form-control{border:1.5px solid var(--hh-line);border-radius:12px;padding:.65rem 1rem;background:var(--hh-page);}
.hh-form .form-control:focus{border-color:var(--hh-orange);box-shadow:0 0 0 .2rem rgba(255,107,26,.14);background:var(--hh-surface);}
.hh-ci-item{display:flex;gap:.9rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px dashed var(--hh-line);}
.hh-ci-item:last-child{border-bottom:0;}
.hh-ci-item .hh-ci-ico{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,107,26,.1);font-size:18px;}
.hh-ci-item strong{display:block;font-size:14.5px;color:var(--hh-ink);}
.hh-ci-item span{font-size:13.5px;color:var(--hh-ink-2);}
.hh-demo-row{display:flex;gap:1rem;flex-wrap:wrap;}
.hh-app-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:var(--hh-radius);padding:1.6rem 1.8rem;}
.hh-app-hero .ah-img{text-align:center;}
.hh-app-hero .ah-img img{display:block;width:100%;max-width:250px;max-height:320px;margin:0 auto;object-fit:cover;object-position:center top;border-radius:18px;box-shadow:var(--hh-shadow);}
.hh-app-hero p{color:var(--hh-ink-2);font-size:15px;}
.hh-app-hero .hh-app-btns{display:flex;gap:1rem;flex-wrap:wrap;}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
    .hh-hero-stats{max-width:720px;}
}
@media (max-width:991px){
    .hh-about-row{grid-template-columns:1fr;gap:2rem;}
    .hh-about-row .ao-img img{height:260px;}
    .foot-cards{grid-template-columns:repeat(2,1fr);}
    .foot-top{grid-template-columns:1fr 1fr;}
    .hh-app-hero{grid-template-columns:1fr;}
    .hh-contact-grid{grid-template-columns:1fr;}
    .hh-dl-grid{grid-template-columns:repeat(2,1fr);}
    .hh-info-grid{grid-template-columns:1fr;}
    .hh-app-list{grid-template-columns:1fr;}
    .hh-nav .navbar-collapse{background:rgba(20,22,29,.97);border-radius:14px;padding:1rem;margin-top:.8rem;}
}
@media (max-width:767px){
    .hh-hero{min-height:84vh;}
    .hh-hero-inner{padding:96px 14px 64px;}
    .hh-hero-stats{grid-template-columns:repeat(2,1fr);}
    .hh-news-empty .ne-imgs{grid-template-columns:1fr;}
    .hh-list-item .yli-thumb{flex-basis:120px;}
    .hh-list-item .yli-thumb img{width:120px;height:84px;}
    .hh-prevnext{grid-template-columns:1fr;}
    .hh-prevnext .ypn.next{text-align:left;}
    .foot-cards{grid-template-columns:1fr;}
    .foot-top{grid-template-columns:1fr;}
    .hh-cta-band{flex-direction:column;align-items:flex-start;}
    .hh-app-badge{right:auto;left:50%;transform:translateX(-50%);bottom:-14px;}
}