/* ============================================================
   pages.css — Happy China Sports 子页面专用样式
   与模板 style.css/template.css 配套,主色 #4088a6
   ============================================================ */

.page-shell{min-height:60vh;background:#fff;}
.page-banner{background:#f6f8fa url(../images/bg_about02.jpg) no-repeat center/cover;padding:46px 0 40px;text-align:center;position:relative;}
.page-banner:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(255,255,255,.92);}
.page-banner .inner{position:relative;z-index:2;}
.page-banner .pt{color:#222;font-size:40px;line-height:1.1;text-transform:uppercase;font-family:'BarlowCondensed bold','BarlowCondensed',sans-serif;letter-spacing:1px;}
.page-banner .ps{color:#777;font-size:14px;margin-top:10px;}
.crumb{color:#999;font-size:12px;margin-top:12px;}
.crumb a{color:#4088a6;}
.crumb i{font-style:normal;margin:0 6px;color:#bbb;}

.page-body{padding:48px 0 70px;}

/* ---------- 产品列表页 ---------- */
.cat-filters{text-align:center;margin:6px 0 30px;}
.cat-filters a{display:inline-block;padding:9px 26px;margin:5px 5px 0;border:1px solid #e5e5e5;border-radius:24px;color:#555;font-size:14px;line-height:1.2;transition:all .25s;}
.cat-filters a:hover,.cat-filters a.on{background:#4088a6;border-color:#4088a6;color:#fff;text-decoration:none;}
.pgrid{display:flex;flex-wrap:wrap;margin:0 -14px;}
.pcard{width:25%;padding:0 14px 28px;box-sizing:border-box;}
.pcard .box{border:1px solid #efefef;background:#fff;padding:16px;text-align:center;transition:box-shadow .25s,transform .25s;height:100%;box-sizing:border-box;}
.pcard .box:hover{box-shadow:0 10px 28px rgba(0,0,0,.10);transform:translateY(-3px);}
.pcard .pic{overflow:hidden;background:#f5f5f5;}
.pcard .pic img{width:100%;display:block;}
.pcard .nm{color:#333;font-family:'poppins semibold',sans-serif;font-size:15px;margin:14px 2px 6px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pcard .ct{color:#999;font-size:12px;text-transform:uppercase;letter-spacing:1px;}
.pcard .ds{color:#808080;font-size:13px;line-height:22px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;}
.empty-tip{text-align:center;color:#999;padding:60px 0;display:none;}

/* ---------- 产品详情页 ---------- */
.detail-wrap{display:flex;flex-wrap:wrap;margin:0 -20px;}
.detail-wrap .dcol{width:50%;padding:0 20px;box-sizing:border-box;}
.detail-wrap .dgal{border:1px solid #efefef;padding:12px;background:#fff;}
.detail-wrap .dgal img{width:100%;display:block;}
.detail-wrap h1{color:#222;font-size:26px;font-family:'poppins semibold',sans-serif;text-transform:uppercase;margin:0 0 10px;}
.detail-wrap .dmeta{color:#888;font-size:13px;margin:0 0 12px;}
.detail-wrap .dmeta span{margin-right:18px;}
.detail-wrap .dmeta b{color:#333;font-weight:600;}
.detail-wrap .dtag{display:inline-block;background:#eef6f9;color:#4088a6;border-radius:14px;padding:3px 14px;font-size:12px;text-transform:uppercase;margin-bottom:14px;}
.detail-wrap .ddesc{color:#555;font-size:14px;line-height:26px;border-top:1px dashed #e2e2e2;padding-top:16px;}
.detail-wrap .ddesc p{margin:0 0 10px;}
.detail-wrap .dfeat{margin:10px 0 0;padding:0;list-style:none;}
.detail-wrap .dfeat li{color:#666;font-size:13px;line-height:26px;padding-left:18px;position:relative;}
.detail-wrap .dfeat li:before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:#4088a6;}
.d-quick{margin-top:22px;border-top:1px dashed #e2e2e2;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px;}
.d-quick a{display:inline-flex;align-items:center;border-radius:22px;padding:10px 22px;color:#fff;font-size:13px;text-decoration:none;transition:opacity .2s;}
.d-quick a:hover{opacity:.85;}
.d-quick .q-wa{background:#25d366;}
.d-quick .q-tel{background:#4088a6;}
.d-quick .q-mail{background:#5b5b5b;}
.section-title{text-align:center;margin:46px 0 26px;}
.section-title em{display:block;color:#222;font-size:28px;font-style:normal;text-transform:uppercase;font-family:'BarlowCondensed bold',sans-serif;}
.section-title span{color:#999;font-size:13px;margin-top:6px;display:inline-block;}

/* ---------- 询盘表单 ---------- */
.i-form{background:#f7f9fb;border:1px solid #eef1f4;padding:26px 28px;max-width:860px;margin:20px auto 0;box-sizing:border-box;}
.i-form .ft{color:#222;font-size:17px;font-family:'poppins semibold',sans-serif;margin-bottom:4px;}
.i-form .fd{color:#888;font-size:13px;margin-bottom:16px;line-height:20px;}
.i-form .grid{display:flex;flex-wrap:wrap;margin:0 -8px;}
.i-form .field{width:50%;padding:0 8px 14px;box-sizing:border-box;}
.i-form .field.full{width:100%;}
.i-form label{display:block;color:#555;font-size:12px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;}
.i-form label i{color:#e23;font-style:normal;}
.i-form input[type=text],.i-form input[type=email],.i-form textarea,.i-form input[type=tel]{width:100%;border:1px solid #dfe3e7;background:#fff;padding:10px 12px;font-size:14px;color:#333;box-sizing:border-box;border-radius:2px;outline:none;}
.i-form input:focus,.i-form textarea:focus{border-color:#4088a6;}
.i-form textarea{resize:vertical;min-height:90px;}
.i-form .submit{margin-top:6px;}
.i-form .submit input,.i-form .submit button{background:#4088a6;border:none;color:#fff;font-size:14px;padding:12px 44px;border-radius:24px;cursor:pointer;transition:opacity .2s;font-family:inherit;}
.i-form .submit input:hover,.i-form .submit button:hover{opacity:.85;}
.form-msg{margin-top:14px;padding:11px 16px;font-size:13px;border-radius:3px;display:none;}
.form-msg.ok{display:block;background:#e9f7ef;color:#1c7c45;border:1px solid #cdeeda;}
.form-msg.err{display:block;background:#fdeeee;color:#c0392b;border:1px solid #f6cccc;}

/* ---------- About ---------- */
.about-row{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 -20px;}
.about-row .col-t{width:55%;padding:0 20px;box-sizing:border-box;}
.about-row .col-i{width:45%;padding:0 20px;box-sizing:border-box;}
.about-row .col-i img{width:100%;display:block;border:5px solid #fff;box-shadow:0 12px 30px rgba(0,0,0,.08);}
.about-row h2{color:#4088a6;font-size:16px;text-transform:uppercase;font-family:'poppins semibold',sans-serif;margin:0 0 14px;}
.about-row p{color:#666;font-size:14px;line-height:28px;margin:0 0 12px;}
.stat-row{display:flex;text-align:center;margin:40px -10px 0;}
.stat-row .st{flex:1;padding:0 10px;}
.stat-row .st .num{color:#222;font-size:42px;font-family:'BarlowCondensed bold',sans-serif;line-height:1;}
.stat-row .st .num i{font-style:normal;color:#4088a6;}
.stat-row .st .lb{color:#999;font-size:13px;margin-top:8px;text-transform:uppercase;letter-spacing:1px;}
.about-cta{text-align:center;background:#eef6f9;padding:34px 20px;margin-top:44px;border-radius:4px;}
.about-cta p{color:#333;font-size:17px;font-family:'poppins semibold',sans-serif;margin:0 0 16px;}
.about-cta a{background:#4088a6;color:#fff;border-radius:24px;padding:11px 36px;display:inline-block;text-decoration:none;font-size:14px;}

/* ---------- News ---------- */
.news-list{max-width:980px;margin:0 auto;}
.news-item{background:#fff;border:1px solid #efefef;border-left:3px solid #4088a6;padding:20px 24px;margin-bottom:16px;cursor:pointer;transition:box-shadow .2s;}
.news-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.07);}
.news-item .nt{color:#222;font-family:'poppins semibold',sans-serif;font-size:16px;margin:0 0 6px;text-transform:uppercase;}
.news-item .nd{color:#999;font-size:12px;margin-bottom:8px;}
.news-item .ns{color:#666;font-size:14px;line-height:24px;margin:0;}
.news-item .nb{display:none;color:#555;font-size:14px;line-height:26px;border-top:1px dashed #e2e2e2;margin-top:12px;padding-top:12px;}
.news-item.open .nb{display:block;}
.news-item .nb p{margin:0 0 8px;}
.news-item .more{color:#4088a6;font-size:13px;margin-top:8px;display:inline-block;}

/* ---------- Contact ---------- */
.contact-grid{display:flex;flex-wrap:wrap;margin:0 -14px 34px;}
.contact-grid .cc{width:25%;padding:0 14px;box-sizing:border-box;}
.contact-grid .cc .box{border:1px solid #efefef;padding:26px 18px;text-align:center;height:100%;box-sizing:border-box;background:#fff;}
.contact-grid .cc .ic{width:52px;height:52px;border-radius:50%;background:#eef6f9;margin:0 auto 14px;position:relative;}
.contact-grid .cc .ic:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;background:url(../images/icon_link.png) no-repeat center/contain;opacity:.85;}
.contact-grid .cc .t{color:#333;font-family:'poppins semibold',sans-serif;font-size:14px;text-transform:uppercase;margin-bottom:8px;}
.contact-grid .cc .v{color:#777;font-size:13px;line-height:22px;word-break:break-all;}
.contact-grid .cc .v a{color:#777;}
.contact-grid .cc .v a:hover{color:#4088a6;}
.map-holder{background:#f2f2f2;border:1px solid #eee;height:260px;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;margin-bottom:44px;}

/* ---------- 无数据提示 ---------- */
.no-data{background:#fff7e6;border:1px solid #ffe1a8;color:#a06b00;padding:14px 20px;margin:0 0 20px;font-size:13px;border-radius:3px;}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
  .pcard{width:33.33%;}
  .about-row .col-t,.about-row .col-i{width:100%;margin-bottom:26px;}
  .contact-grid .cc{width:50%;margin-bottom:28px;}
}
@media (max-width:767px){
  .pcard{width:50%;}
  .detail-wrap .dcol{width:100%;margin-bottom:24px;}
  .i-form .field{width:100%;}
  .contact-grid .cc{width:100%;}
  .page-banner .pt{font-size:30px;}
  .stat-row .st .num{font-size:30px;}
  .page-body{padding:34px 0 50px;}
}