/* ============================================   1. 基础重置 & 全局样式   ============================================*/* {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Roboto,system-ui,-apple-system,sans-serif;}
body {background:#f0f4fa;display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}
a {text-decoration:none;}
/* ============================================   2. 工具类   ============================================*/.full-width {width:100%;display:flex;justify-content:center;}
.content-wrapper {width:1400px;max-width:100%;padding:0 40px;display:flex;flex-direction:column;margin:0 auto;}
/* ============================================   3. 顶部栏 & 导航栏   ============================================*/.top-bar {background:#0a1a2b;color:#b0c7dd;padding:8px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,0.05);}
.top-bar .content-wrapper {flex-direction:row;justify-content:space-between;align-items:center;}
.navbar {background:#ffffff;padding:16px 0;border-bottom:1px solid #edf2f9;position:sticky;top:0;z-index:100;}
.navbar .content-wrapper {flex-direction:row;justify-content:space-between;align-items:center;}
.nav-links {display:flex;gap:28px;list-style:none;}
.nav-links a {color:#0a1a2b;font-weight:500;font-size:15px;transition:0.2s;}
.nav-links a:hover {color:#FF5722;}
/* ============================================   4. 通用组件（合并重复定义）   ============================================*/.section-label {display:inline-block;background:#FF5722;color:#0a1a2b;font-weight:700;font-size:13px;padding:5px 24px;border-radius:40px;letter-spacing:2px;margin-bottom:12px;}
.section-title {font-size:34px;font-weight:700;color:#0a1a2b;margin-bottom:12px;}
.section-title span {color:#FF5722;}
.section-desc {font-size:17px;color:#4d6379;max-width:700px;line-height:1.7;margin-bottom:40px;}
/* ============================================   5. 公司文化 / 使命愿景   ============================================*/.mission-section {background:#ffffff;padding:70px 0 60px;border-bottom:1px solid #edf2f9;}
.mission-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.mission-card {background:#f9fcff;border-radius:20px;padding:36px 28px 32px;text-align:center;border:1px solid #eef4fc;transition:0.3s ease;}
.mission-card:hover {transform:translateY(-8px);border-color:#FF5722;box-shadow:0 16px 40px rgba(10,26,43,0.06);}
.mission-card .icon-box {width:72px;height:72px;border-radius:50%;background:rgba(233,183,65,0.12);color:#FF5722;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:0.3s;}
.mission-card:hover .icon-box {background:#FF5722;color:#0a1a2b;}
.mission-card h3 {font-size:22px;font-weight:700;color:#0a1a2b;margin-bottom:12px;}
.mission-card p {font-size:16px;line-height:1.8;color:#3d5a78;}
/* ============================================   6. 发展历程   ============================================*/
.timeline-section {background:#f9fcff;padding:70px 0 60px;border-bottom:1px solid #edf2f9;}
.timeline {display:flex;flex-direction:column;gap:20px;position:relative;padding-left:40px;}
.timeline::before {content:'';position:absolute;left:12px;top:8px;bottom:8px;width:3px;background:#dce4ed;border-radius:6px;}
.timeline-item {display:flex;gap:28px;align-items:flex-start;position:relative;}
.timeline-item .year {min-width:90px;font-weight:700;font-size:20px;color:#FF5722;background:white;padding:6px 16px;border-radius:40px;border:1px solid #eef4fc;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.02);position:relative;z-index:2;}
.timeline-item .content {background:white;padding:18px 24px 20px;border-radius:16px;border:1px solid #eef4fc;flex:1;transition:0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.01);}
.timeline-item .content:hover {border-color:#FF5722;transform:translateX(6px);box-shadow:0 12px 28px rgba(10,26,43,0.06);}
.timeline-item .content h4 {font-size:18px;font-weight:700;color:#0a1a2b;margin-bottom:4px;}
.timeline-item .content p {font-size:15px;color:#4d6379;line-height:1.7;margin-bottom:0;}
.timeline-item .dot {position:absolute;left:-34px;top:18px;width:14px;height:14px;background:#FF5722;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #dce4ed;}
/* ============================================   7. 核心数据   ============================================*/
.stats-banner {background:#0a1a2b;padding:60px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.stats-banner .content-wrapper {flex-direction:row;justify-content:space-around;flex-wrap:wrap;gap:30px 20px;}
.stat-item {text-align:center;color:white;min-width:140px;}
.stat-item .number {font-size:44px;font-weight:800;color:#FF5722;line-height:1.2;}
.stat-item .number span {color:#FF5722;}
.stat-item .label {font-size:16px;color:#b0c7dd;font-weight:500;margin-top:4px;}
/* ============================================   8. 荣誉资质（合并重复定义）   ============================================*/
.honor-section {background:#f9fcff;padding:70px 0 60px;border-bottom:1px solid #edf2f9;}
.honor-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.honor-card {background:#ffffff;border-radius:20px;padding:28px 20px;text-align:center;border:1px solid #eef4fc;transition:0.3s ease;}
.honor-card:hover {transform:translateY(-6px);border-color:#FF5722;box-shadow:0 16px 40px rgba(10,26,43,0.06);}
.honor-card .icon-box {font-size:40px;margin-bottom:12px;}
.honor-card h4 {font-size:17px;font-weight:700;color:#0a1a2b;margin-bottom:4px;}
.honor-card p {font-size:14px;color:#4d6379;line-height:1.6;}
/* ============================================   9. 团队实力   ============================================*/
.team-section {background:#ffffff;padding:70px 0 60px;border-bottom:1px solid #edf2f9;}
.team-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:10px;}
.team-card {background:#f9fcff;border-radius:20px;padding:28px 20px 26px;text-align:center;border:1px solid #eef4fc;transition:0.3s ease;}
.team-card:hover {transform:translateY(-8px);border-color:#FF5722;box-shadow:0 20px 40px rgba(10,26,43,0.06);}
.team-card .avatar {width:96px;height:96px;border-radius:50%;margin:0 auto 16px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 6px 20px rgba(0,0,0,0.04);background:#dce4ed;}
.team-card .avatar img {width:100%;height:100%;object-fit:cover;display:block;}
.team-card h4 {font-size:18px;font-weight:700;color:#0a1a2b;margin-bottom:2px;}
.team-card .role {font-size:14px;color:#FF5722;font-weight:600;margin-bottom:10px;}
.team-card p {font-size:14px;color:#4d6379;line-height:1.6;}
.team-card .social {display:flex;justify-content:center;gap:14px;margin-top:14px;}
.team-card .social a {color:#8aa2ba;transition:0.2s;font-size:18px;}
.team-card .social a:hover {color:#FF5722;}
/* ============================================   10. 微信弹窗样式   ============================================*/
.wechat-modal-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:9999;align-items:center;justify-content:center;}
.wechat-modal-overlay.active {display:flex;}
.wechat-modal {background:white;border-radius:24px;padding:40px 36px 32px;max-width:420px;width:90%;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,0.3);position:relative;animation:modalFadeIn 0.3s ease;}
@keyframes modalFadeIn {from {opacity:0;transform:scale(0.95) translateY(20px);}
to {opacity:1;transform:scale(1) translateY(0);}
;}
.wechat-modal .close-btn {position:absolute;top:14px;right:18px;font-size:26px;color:#8aa2ba;cursor:pointer;transition:0.2s;background:none;border:none;}
.wechat-modal .close-btn:hover {color:#FF5722;transform:rotate(90deg);}
.wechat-modal .modal-icon {font-size:48px;color:#07C160;margin-bottom:12px;}
.wechat-modal h3 {font-size:22px;color:#0a1a2b;margin-bottom:6px;}
.wechat-modal .sub-tip {color:#4d6379;font-size:14px;margin-bottom:20px;}
.wechat-modal .qr-code {width:180px;height:180px;background:#f0f4fa;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border:2px dashed #dce4ed;font-size:13px;color:#8aa2ba;}
.wechat-modal .qr-code img {width:100%;height:100%;object-fit:cover;border-radius:12px;}
.wechat-modal .contact-row {display:flex;align-items:center;justify-content:center;gap:12px;background:#f9fcff;padding:12px 16px;border-radius:12px;margin-top:10px;border:1px solid #eef4fc;}
.wechat-modal .contact-row i {color:#FF5722;font-size:18px;}
.wechat-modal .contact-row span {font-size:16px;font-weight:600;color:#0a1a2b;}
.wechat-modal .contact-row .label {font-size:13px;font-weight:400;color:#8aa2ba;margin-right:4px;}
/* ============================================   11. 广告位 & Banner   ============================================*/
.high-br {display:inline-block;margin-top:8px;background:#FF5722;padding:4px 24px;border-radius:40px;color:#FFF;font-weight:500;letter-spacing:1px;border:1px solid rgba(255,87,34,0.3);}
.header-banner {position:relative;width:100%;overflow:hidden;background:#0a1a2b;border-bottom:3px solid #FF5722;}
.banner-slide {position:relative;width:100%;}
.banner-slide img {width:100%;height:320px;object-fit:cover;display:block;}
.banner-slide .slide-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,26,43,0.55);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;}
.banner-slide .slide-overlay .slide-content {max-width:820px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;margin:0 auto;text-align:center;}
.banner-slide .slide-overlay h1 {font-size:44px;font-weight:700;color:white;margin-bottom:12px;letter-spacing:1px;text-align:center;width:100%;}
.banner-slide .slide-overlay h1 span {color:#FF5722;}
.banner-slide .slide-overlay .sub {font-size:18px;color:#d0e0f0;max-width:720px;width:100%;line-height:1.8;font-weight:300;letter-spacing:0.5px;text-align:center;}
.banner-slide .slide-overlay .sub .highlight {color:#FF5722;font-weight:500;}
.banner-slide .slide-overlay .sub .tagline {display:inline-block;background:rgba(233,183,65,0.15);padding:4px 24px;border-radius:40px;font-size:14px;color:#f0d68a;border:1px solid rgba(233,183,65,0.2);margin-bottom:8px;letter-spacing:1px;}
/* ============================================   12. 联系我们   ============================================*/
.contact-hero {background:#ffffff;padding:60px 0 40px;border-bottom:1px solid #edf2f9;}
.contact-hero .section-label {display:inline-block;background:#FF5722;color:#0a1a2b;font-weight:700;font-size:13px;padding:5px 24px;border-radius:40px;letter-spacing:2px;margin-bottom:12px;}
.contact-hero h1 {font-size:38px;font-weight:700;color:#0a1a2b;margin-bottom:12px;}
.contact-hero h1 span {color:#FF5722;}
.contact-hero .sub-desc {font-size:17px;color:#4d6379;max-width:680px;line-height:1.7;}
.contact-grid {display:flex;gap:40px;margin-top:30px;align-items:stretch;}
.contact-info-panel {width:400px;flex-shrink:0;background:#f9fcff;border-radius:15px;padding:32px 28px;border:1px solid #eef4fc;}
.contact-info-panel .company-name {font-size:20px;font-weight:700;color:#0a1a2b;margin-bottom:4px;}
.contact-info-panel .company-name-en {font-size:13px;color:#8aa2ba;font-weight:400;margin-bottom:20px;letter-spacing:0.3px;border-bottom:1px solid #edf2f9;padding-bottom:16px;}
.contact-info-panel .info-item {display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid #edf2f9;}
.contact-info-panel .info-item:last-child {border-bottom:none;}
.contact-info-panel .info-item .icon-box {width:38px;height:38px;border-radius:50%;background:rgba(233,183,65,0.10);color:#FF5722;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:2px;}
.contact-info-panel .info-item .text {flex:1;min-width:0;}
.contact-info-panel .info-item .text .label {font-size:11px;color:#8aa2ba;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}
.contact-info-panel .info-item .text .value {font-size:15px;font-weight:600;color:#0a1a2b;line-height:1.4;}
.contact-info-panel .info-item .text .value a {color:#0a1a2b;text-decoration:none;}
.contact-info-panel .info-item .text .value a:hover {color:#FF5722;}
.contact-info-panel .info-item .text .sub {font-size:12px;color:#8aa2ba;margin-top:2px;}
.map-wrapper {flex:1;border-radius:15px;overflow:hidden;border:1px solid #eef4fc;min-height:420px;background:#dce4ed;display:flex;flex-direction:column;position:relative;}
.map-wrapper iframe {width:100%;height:100%;min-height:420px;border:0;display:block;flex:1;}
.map-nav-overlay {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(10,26,43,0.85);backdrop-filter:blur(6px);color:white;padding:10px 28px;border-radius:60px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,0.12);cursor:pointer;transition:0.3s;white-space:nowrap;z-index:10;}
.map-nav-overlay:hover {background:#FF5722;color:#0a1a2b;border-color:#FF5722;}
.map-nav-overlay i {font-size:16px;}
.map-address-label {position:absolute;top:16px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.92);backdrop-filter:blur(4px);padding:8px 20px;border-radius:40px;font-size:13px;color:#0a1a2b;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid rgba(255,255,255,0.3);z-index:10;white-space:nowrap;}
.map-address-label i {color:#FF5722;margin-right:6px;}
/* ============================================   13. 表单 / FAQ   ============================================*/.form-faq-grid {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;}
.form-box {background:#f9fcff;border-radius:20px;padding:32px 30px;border:1px solid #eef4fc;}
.faq-box {background:#f9fcff;border-radius:20px;padding:32px 30px;border:1px solid #eef4fc;}
.form-row-2 {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
/* ============================================   14. 咨询区域（合并重复定义）   ============================================*/.consultation-section {background:#f2f7ff;padding:50px 0 44px;border-bottom:1px solid #e0e8f2;}
.consultation-wrapper {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px 20px;}
.consultation-left {flex:2;min-width:280px;}
.consultation-left .badge {display:inline-block;background:#FF5722;color:#0a1a2b;font-weight:700;font-size:13px;padding:4px 18px;border-radius:40px;letter-spacing:1px;margin-bottom:12px;}
.consultation-left h2 {font-size:30px;font-weight:700;color:#0a1a2b;margin-bottom:8px;}
.consultation-left h2 i {color:#FF5722;margin-right:8px;}
.consultation-left p {font-size:16px;color:#2d4a66;line-height:1.7;max-width:600px;}
.consultation-left p i {color:#FF5722;margin-right:4px;}
.consultation-right {display:flex;flex-wrap:wrap;align-items:center;gap:24px 36px;flex:1.2;min-width:260px;justify-content:flex-end;}
.consultation-phone {display:flex;align-items:center;gap:14px;}
.consultation-phone .phone-icon {background:#FF5722;color:#0a1a2b;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;}
.consultation-phone .phone-number {font-size:26px;font-weight:700;color:#0a1a2b;letter-spacing:1px;}
.consultation-phone .phone-label {font-size:13px;color:#4d6379;margin-top:-4px;}
.consultation-btn {background:#0a1a2b;color:white;padding:14px 38px;border-radius:60px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:0.25s;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 6px 18px rgba(10,26,43,0.12);}
.consultation-btn:hover {background:#FF5722;color:#0a1a2b;transform:translateY(-2px);}
.consultation-btn i {font-size:18px;}
.consultation-btn a {color:#fff;text-decoration:none;}
/* ============================================   15. 售后服务页面专属样式   ============================================*/.service-header {background:linear-gradient(135deg,#0a1a2b 0%,#1a2f44 100%);padding:60px 0 50px;border-bottom:3px solid #FF5722;}
.service-header .content-wrapper {align-items:center;text-align:center;}
.service-header .badge {display:inline-block;background:#FF5722;color:#0a1a2b;font-weight:700;font-size:13px;padding:6px 28px;border-radius:40px;letter-spacing:2px;margin-bottom:16px;}
.service-header h1 {font-size:42px;font-weight:700;color:white;margin-bottom:12px;}
.service-header h1 span {color:#FF5722;}
.service-header .sub-desc {font-size:18px;color:#b0c7dd;max-width:700px;line-height:1.8;}
.promise-section {background:#ffffff;padding:60px 0 50px;border-bottom:1px solid #edf2f9;}
.promise-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.promise-card {background:#f9fcff;border-radius:20px;padding:32px 24px 28px;text-align:center;border:1px solid #eef4fc;transition:0.3s ease;}
.promise-card:hover {transform:translateY(-6px);border-color:#FF5722;box-shadow:0 16px 40px rgba(10,26,43,0.06);}
.promise-card .icon-box {width:72px;height:72px;border-radius:50%;background:rgba(233,183,65,0.10);color:#FF5722;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:0.3s;}
.promise-card:hover .icon-box {background:#FF5722;color:#0a1a2b;}
.promise-card h4 {font-size:18px;font-weight:700;color:#0a1a2b;margin-bottom:6px;}
.promise-card p {font-size:14px;color:#4d6379;line-height:1.7;}
.service-detail-section {background:#f9fcff;padding:60px 0 50px;border-bottom:1px solid #edf2f9;}
.detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.detail-box {background:white;border-radius:20px;padding:32px 30px;border:1px solid #eef4fc;transition:0.3s;}
.detail-box:hover {border-color:#FF5722;box-shadow:0 12px 32px rgba(10,26,43,0.04);}
.detail-box h3 {font-size:22px;font-weight:700;color:#0a1a2b;margin-bottom:18px;display:flex;align-items:center;gap:12px;}
.detail-box h3 i {color:#FF5722;font-size:24px;}
.detail-box ul {list-style:none;padding:0;}
.detail-box ul li {padding:10px 0 10px 32px;border-bottom:1px solid #edf2f9;font-size:15px;color:#2d4a66;line-height:1.7;position:relative;}
.detail-box ul li:last-child {border-bottom:none;}
.detail-box ul li::before {content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:#FF5722;position:absolute;left:0;top:10px;font-size:14px;}
.convention-section {background:#ffffff;padding:60px 0 50px;border-bottom:1px solid #edf2f9;}
.convention-wrapper {display:flex;gap:50px;align-items:flex-start;}
.convention-left {flex:1;}
.convention-left .label {display:inline-block;background:#FF5722;color:#0a1a2b;font-weight:700;font-size:13px;padding:4px 24px;border-radius:40px;letter-spacing:2px;margin-bottom:12px;}
.convention-left h2 {font-size:30px;font-weight:700;color:#0a1a2b;margin-bottom:12px;}
.convention-left h2 span {color:#FF5722;}
.convention-left > p {font-size:16px;color:#4d6379;line-height:1.8;margin-bottom:20px;}
.convention-right {flex:1.2;background:#f9fcff;border-radius:20px;padding:30px 32px;border:1px solid #eef4fc;}
.convention-right h4 {font-size:18px;font-weight:700;color:#0a1a2b;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.convention-right h4 i {color:#FF5722;}
.convention-right ul {list-style:none;padding:0;}
.convention-right ul li {padding:10px 0 10px 32px;border-bottom:1px solid #edf2f9;font-size:15px;color:#2d4a66;line-height:1.7;position:relative;}
.convention-right ul li:last-child {border-bottom:none;}
.convention-right ul li::before {content:'\f0a4';font-family:'Font Awesome 6 Free';font-weight:900;color:#FF5722;position:absolute;left:0;top:10px;font-size:14px;}
/* ============================================   16. 服务理念页面（核心原则 + 政策团队 + 服务内容）   ============================================*/.core-principles {background:#ffffff;padding:60px 0 50px;border-bottom:1px solid #edf2f9;}
.principles-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.principle-card {background:#f9fcff;border-radius:24px;padding:36px 28px 32px;text-align:center;border:1px solid #eef4fc;transition:0.4s ease;position:relative;overflow:hidden;}
.principle-card::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:#FF5722;transform:scaleX(0);transition:0.4s ease;}
.principle-card:hover::after {transform:scaleX(1);}
.principle-card:hover {transform:translateY(-8px);border-color:#FF5722;box-shadow:0 20px 48px rgba(10,26,43,0.07);}
.principle-card .icon-box {width:76px;height:76px;border-radius:50%;background:rgba(233,183,65,0.10);color:#FF5722;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:0.3s;}
.principle-card:hover .icon-box {background:#FF5722;color:#0a1a2b;transform:scale(1.05);}
.principle-card h3 {font-size:20px;font-weight:700;color:#0a1a2b;margin-bottom:8px;}
.principle-card p {font-size:15px;color:#4d6379;line-height:1.8;}
.policy-team-section {background:#f9fcff;padding:60px 0 50px;border-bottom:1px solid #edf2f9;}
.policy-team-wrapper {display:flex;gap:40px;align-items:stretch;}
.policy-box,.team-box {flex:1;background:white;border-radius:20px;padding:36px 32px 32px;border:1px solid #eef4fc;transition:0.3s;}
.policy-box:hover,.team-box:hover {border-color:#FF5722;box-shadow:0 12px 32px rgba(10,26,43,0.04);}
.policy-box .label,.team-box .label {display:inline-block;background:#FF5722;color:#0a1a2b;font-weight:700;font-size:12px;padding:4px 18px;border-radius:40px;letter-spacing:1.5px;margin-bottom:14px;}
.policy-box h3,.team-box h3 {font-size:22px;font-weight:700;color:#0a1a2b;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.policy-box h3 i,.team-box h3 i {color:#FF5722;}
.policy-box ul,.team-box ul {list-style:none;padding:0;}
.policy-box ul li,.team-box ul li {padding:10px 0 10px 32px;border-bottom:1px solid #edf2f9;font-size:15px;color:#2d4a66;line-height:1.7;position:relative;}
.policy-box ul li:last-child,.team-box ul li:last-child {border-bottom:none;}
.policy-box ul li::before {content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:#FF5722;position:absolute;left:0;top:10px;font-size:14px;}
.team-box ul li::before {content:'\f0ae';font-family:'Font Awesome 6 Free';font-weight:900;color:#FF5722;position:absolute;left:0;top:10px;font-size:14px;}
.service-content-section {background:#ffffff;padding:60px 0 50px;border-bottom:1px solid #edf2f9;}
.content-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.content-card {background:#f9fcff;border-radius:20px;padding:32px 26px 30px;border:1px solid #eef4fc;transition:0.3s;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.content-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#FF5722;transform:scaleX(0);transition:0.4s ease;}
.content-card:hover::before {transform:scaleX(1);}
.content-card:hover {border-color:#FF5722;box-shadow:0 12px 32px rgba(10,26,43,0.05);transform:translateY(-4px);}
.content-card .phase-tag {display:inline-block;background:rgba(255,87,34,0.10);color:#FF5722;font-weight:700;font-size:13px;padding:4px 16px;border-radius:40px;align-self:flex-start;margin-bottom:14px;letter-spacing:1px;}
.content-card .icon-wrap {width:56px;height:56px;border-radius:16px;background:rgba(233,183,65,0.10);color:#FF5722;font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;}
.content-card h4 {font-size:20px;font-weight:700;color:#0a1a2b;margin-bottom:10px;}
.content-card ul {list-style:none;padding:0;flex:1;}
.content-card ul li {padding:6px 0 6px 28px;font-size:14px;color:#4d6379;line-height:1.8;position:relative;border-bottom:1px solid #edf2f9;}
.content-card ul li:last-child {border-bottom:none;}
.content-card ul li::before {content:'\f105';font-family:'Font Awesome 6 Free';font-weight:900;color:#FF5722;position:absolute;left:0;top:6px;font-size:14px;}
.slogan-banner {background:#0a1a2b;padding:50px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.slogan-banner .content-wrapper {align-items:center;text-align:center;}
.slogan-banner .big-quote {font-size:48px;color:rgba(255,87,34,0.2);margin-bottom:8px;}
.slogan-banner h2 {font-size:34px;font-weight:700;color:white;letter-spacing:2px;}
.slogan-banner h2 span {color:#FF5722;}
.slogan-banner p {font-size:16px;color:#b0c7dd;margin-top:10px;max-width:600px;line-height:1.7;}
/* ============================================   17. 新闻资讯页面专属样式   ============================================*/
/* ===== 页眉横幅 =====*/             
.news-header {background:linear-gradient(135deg,#0a1a2b 0%,#1a2f44 50%,#0a1a2b 100%);padding:50px 0 40px;border-bottom:3px solid #FF5722;position:relative;overflow:hidden;}
.news-header::before {content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;border-radius:50%;background:rgba(255,87,34,0.04);pointer-events:none;}
.news-header::after {content:'';position:absolute;bottom:-40%;left:-5%;width:400px;height:400px;border-radius:50%;background:rgba(255,87,34,0.03);pointer-events:none;}
.news-header .content-wrapper {align-items:center;text-align:center;position:relative;z-index:2;}
.news-header .badge {display:inline-flex;align-items:center;gap:8px;background:rgba(255,87,34,0.15);color:#FF5722;font-weight:700;font-size:13px;padding:6px 24px;border-radius:40px;letter-spacing:2px;margin-bottom:14px;border:1px solid rgba(255,87,34,0.2);backdrop-filter:blur(4px);}
.news-header .badge i {font-size:14px;}
.news-header h1 {font-size:42px;font-weight:800;color:white;margin-bottom:6px;letter-spacing:2px;}
.news-header h1 span {color:#FF5722;position:relative;}
.news-header h1 span::after {content:'';position:absolute;bottom:4px;left:0;width:100%;height:4px;background:#FF5722;border-radius:4px;opacity:0.4;}
.news-header .sub-desc {font-size:17px;color:#b0c7dd;max-width:620px;line-height:1.8;margin-top:4px;font-weight:300;}      
/* ===== 主体内容 =====*/        
.news-main {padding:40px 0 60px;background:#f9fcff;border-bottom:1px solid #edf2f9;}
.news-layout {display:grid;grid-template-columns:2fr 1fr;gap:40px;}
/* ===== 新闻列表头部 =====*/        
.news-list-header-wrapper {background:white;border-radius:16px;border:1px solid #eef4fc;padding:20px 24px;margin-bottom:28px;box-shadow:0 2px 12px rgba(10,26,43,0.04);}
.news-list-header {display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #edf2f9;}
.news-list-header .list-title {font-size:20px;font-weight:700;color:#0a1a2b;display:flex;align-items:center;gap:12px;}
.news-list-header .list-title i {color:#FF5722;font-size:20px;}
.news-list-header .list-title .title-line {width:3px;height:22px;background:#FF5722;border-radius:4px;display:inline-block;}
.news-list-header .list-count {font-size:14px;color:#8aa2ba;display:flex;align-items:center;gap:6px;}
.news-list-header .list-count i {color:#FF5722;font-size:13px;}
/* ===== 分类标签 - 独立链接 =====*/        
.category-tabs {display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;}
.category-tabs .cat-tab {display:inline-block;padding:6px 20px;border-radius:40px;font-size:13px;font-weight:600;color:#4d6379;background:#f9fcff;border:1px solid #eef4fc;cursor:pointer;transition:0.3s;user-select:none;text-decoration:none;}
.category-tabs .cat-tab:hover {border-color:#FF5722;color:#FF5722;}
.category-tabs .cat-tab.active {background:#FF5722;color:#0a1a2b;border-color:#FF5722;}
.category-tabs .cat-tab:visited {color:#4d6379;}
.category-tabs .cat-tab.active:visited {color:#0a1a2b;}
/* ===== 新闻条目 =====*/        
.news-item {display:flex;gap:20px;background:white;border-radius:16px;padding:18px 20px;margin-bottom:18px;border:1px solid #eef4fc;transition:0.4s ease;position:relative;}
.news-item:hover {transform:translateY(-4px);border-color:#FF5722;box-shadow:0 12px 32px rgba(10,26,43,0.06);}
.news-item .news-image-link {display:block;width:180px;min-height:120px;flex-shrink:0;border-radius:12px;overflow:hidden;transition:0.5s ease;text-decoration:none;}
.news-item .news-image-link:hover .news-image {transform:scale(1.04);}
.news-item .news-image {width:100%;height:100%;min-height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#dce4ed;transition:0.5s ease;display:block;}
.news-item .news-content {flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.news-item .news-title-link {text-decoration:none;color:inherit;display:block;transition:0.3s;}
.news-item .news-title-link:hover .news-title {color:#FF5722;}
.news-item .news-title {font-size:17px;font-weight:700;color:#0a1a2b;margin-bottom:6px;transition:0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;}
.news-item .news-summary-link {text-decoration:none;color:inherit;display:block;flex:1;transition:0.3s;}
.news-item .news-summary-link:hover .news-summary {color:#FF5722;}
.news-item .news-summary {font-size:14px;color:#4d6379;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;transition:0.3s;}
.news-item .news-meta {display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;color:#8aa2ba;margin-top:auto;}
.news-item .news-meta span {display:flex;align-items:center;gap:4px;}
.news-item .news-meta i {color:#FF5722;font-size:12px;}
.news-item .news-meta .category-tag {background:rgba(255,87,34,0.08);color:#FF5722;padding:2px 14px;border-radius:40px;font-size:12px;font-weight:600;}
.news-item .read-more-link {color:#FF5722;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;transition:0.3s;}
.news-item .read-more-link:hover {gap:10px;color:#0a1a2b;}
/* ===== 分页 =====*/        
.pagination {display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;}
.pagination .page-btn {width:40px;height:40px;border-radius:50%;border:1px solid #eef4fc;background:white;color:#4d6379;font-weight:600;font-size:14px;cursor:pointer;transition:0.3s;display:flex;align-items:center;justify-content:center;text-decoration:none;}
.pagination .page-btn:hover {border-color:#FF5722;color:#FF5722;}
.pagination .page-btn.active {background:#FF5722;color:#0a1a2b;border-color:#FF5722;}
.pagination .page-btn.arrow {font-size:14px;}
/* ===== 侧边栏 =====*/        
.sidebar {display:flex;flex-direction:column;gap:28px;}
.sidebar-card {background:white;border-radius:16px;padding:24px 22px;border:1px solid #eef4fc;}
.sidebar-card .card-title {font-size:17px;font-weight:700;color:#0a1a2b;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #edf2f9;display:flex;align-items:center;gap:10px;}
.sidebar-card .card-title i {color:#FF5722;}
/* 热门文章 */        
.hot-item {display:flex;gap:14px;padding:12px 14px;margin:0 -14px;border-radius:10px;border-bottom:1px solid #edf2f9;cursor:pointer;transition:0.3s ease;text-decoration:none;color:inherit;align-items:flex-start;}
.hot-item:last-child {border-bottom:none;}
.hot-item:hover {background:rgba(255,87,34,0.06);}
.hot-item:hover .hot-title {color:#FF5722;}
.hot-item .hot-rank {font-size:20px;font-weight:800;color:rgba(255,87,34,0.15);min-width:32px;text-align:center;flex-shrink:0;line-height:1.4;padding-top:2px;}
.hot-item .hot-rank.top1 {color:#FF5722;}
.hot-item .hot-rank.top2 {color:#e67e22;}
.hot-item .hot-rank.top3 {color:#f1c40f;}
.hot-item .hot-content {flex:1;}
.hot-item .hot-content .hot-title {font-size:14px;font-weight:600;color:#0a1a2b;transition:0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;}
.hot-item .hot-content .hot-meta {font-size:12px;color:#8aa2ba;margin-top:4px;}
/* 推荐阅读  内容说明*/        
.recommend-item {display:flex;gap:14px;padding:10px 14px;margin:0 -14px;border-radius:10px;border-bottom:1px solid #edf2f9;cursor:pointer;transition:0.3s ease;text-decoration:none;color:inherit;align-items:flex-start;}
.recommend-item:last-child {border-bottom:none;}
.recommend-item:hover {background:rgba(255,87,34,0.06);}
.recommend-item:hover .rec-title {color:#FF5722;}
.recommend-item .rec-icon {width:40px;height:40px;border-radius:10px;background:rgba(255,87,34,0.08);color:#FF5722;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-top:2px;}
.recommend-item .rec-content {flex:1;min-width:0;}
.recommend-item .rec-content .rec-title {font-size:14px;font-weight:600;color:#0a1a2b;transition:0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;}
/* ===== 内容说明（标题下方摘要） =====*/        
.recommend-item .rec-content .rec-desc {font-size:13px;color:#4d6379;line-height:1.6;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.recommend-item .rec-content .rec-meta {font-size:12px;color:#8aa2ba;margin-top:6px;display:flex;align-items:center;gap:8px;}
.recommend-item .rec-content .rec-meta i {font-size:11px;color:#FF5722;}
/* 标签云*/        
.tag-cloud {display:flex;flex-wrap:wrap;gap:8px;}
.tag-cloud .tag {padding:4px 16px;border-radius:40px;font-size:13px;color:#4d6379;background:#f9fcff;border:1px solid #eef4fc;transition:0.3s;cursor:pointer;text-decoration:none;}
.tag-cloud .tag:hover {border-color:#FF5722;color:#FF5722;background:rgba(255,87,34,0.04);}
/* 搜索框*/        
.sidebar-search {display:flex;border:1px solid #dce4ed;border-radius:40px;overflow:hidden;background:#f9fcff;}
.sidebar-search input {flex:1;padding:10px 18px;border:none;outline:none;font-size:14px;background:transparent;}
.sidebar-search input::placeholder {color:#8aa2ba;}
.sidebar-search button {padding:10px 20px;background:#FF5722;color:#0a1a2b;border:none;cursor:pointer;font-size:15px;transition:0.3s;}
.sidebar-search button:hover {background:#0a1a2b;color:white;}


/* ===== 新闻内容页面=====*/       
.article-header {background:linear-gradient(135deg,#0a1a2b,#1a2f44 50%,#0a1a2b);padding:40px 0 35px;border-bottom:3px solid #FF5722;position:relative;overflow:hidden;}
.article-header::before,.article-header::after {content:'';position:absolute;border-radius:50%;pointer-events:none;}
.article-header::before {top:-50%;right:-10%;width:500px;height:500px;background:rgba(255,87,34,.04);}
.article-header::after {bottom:-40%;left:-5%;width:400px;height:400px;background:rgba(255,87,34,.03);}
.article-header .content-wrapper {align-items:center;text-align:center;position:relative;z-index:2;}
.article-header .breadcrumb {font-size:14px;color:#8aa2ba;margin-bottom:12px;}
.article-header .breadcrumb a {color:#8aa2ba;text-decoration:none;transition:.3s;}
.article-header .breadcrumb a:hover {color:#FF5722;}
.article-header .breadcrumb span {color:#FF5722;}
.article-header .badge {display:inline-flex;align-items:center;gap:8px;background:rgba(255,87,34,.15);color:#FF5722;font-weight:700;font-size:13px;padding:4px 20px;border-radius:40px;letter-spacing:1px;margin-bottom:12px;border:1px solid rgba(255,87,34,.2);}
.article-header h1 {font-size:38px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:1px;line-height:1.3;}
.article-header h1 span {color:#FF5722;position:relative;}
.article-header .article-meta-top {display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;font-size:14px;color:#b0c7dd;}
.article-header .article-meta-top span {display:flex;align-items:center;gap:6px;}
.article-header .article-meta-top i {color:#FF5722;font-size:14px;}
.article-header .article-meta-top .category-tag {background:rgba(255,87,34,.12);color:#FF5722;padding:2px 16px;border-radius:40px;font-size:13px;font-weight:600;}
/* ===== 文章主体 =====*/        
.article-main {padding:40px 0 60px;background:#f9fcff;border-bottom:1px solid #edf2f9;}
.article-layout {display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;margin-bottom:40px;}
/* ===== 左侧：文章正文 =====*/        
.article-body {background:#fff;border-radius:16px;padding:36px 40px 32px;border:1px solid #eef4fc;box-shadow:0 2px 12px rgba(10,26,43,.04);}
.article-body .featured-image {width:100%;height:320px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:24px;background-color:#dce4ed;}
/* 文章信息栏*/        
.article-info-bar {margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #edf2f9;}
.article-info-bar .info-title {font-size:26px;font-weight:700;color:#0a1a2b;line-height:1.4;margin-bottom:12px;}
.article-info-bar .info-meta {display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;font-size:14px;color:#8aa2ba;}
.article-info-bar .info-meta span {display:flex;align-items:center;gap:6px;}
.article-info-bar .info-meta i {color:#FF5722;font-size:14px;width:16px;}
.article-info-bar .info-meta .cat-badge {background:rgba(255,87,34,.08);color:#FF5722;padding:2px 14px;border-radius:40px;font-size:13px;font-weight:600;}
/* ===== 通用模块样式 =====*/        
.client-section,.pain-section,.tech-section {border-radius:16px;padding:20px 24px;border:1px solid #eef4fc;}
.client-section {margin:20px 0 24px;background:#f9fcff;}
.pain-section {margin:0 0 28px;background:#f9fcff;}
.tech-section {margin:0 0 28px;background:linear-gradient(135deg,#f9fcff,#f0f7ff);border-color:rgba(255,87,34,.15);position:relative;overflow:hidden;}
.tech-section::before {content:'';position:absolute;top:-60%;right:-20%;width:300px;height:300px;border-radius:50%;background:rgba(255,87,34,.03);pointer-events:none;}
.section-title {font-size:15px;font-weight:700;color:#0a1a2b;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.section-title i {color:#FF5722;font-size:18px;}
.section-title .line {flex:1;height:2px;background:#edf2f9;}
.tech-section .section-title .line {background:rgba(255,87,34,.15);}
/* 适用客户标签*/        
.client-tags {display:flex;flex-wrap:wrap;gap:10px 14px;padding:6px 0 4px;}
.client-tag {display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#2d4a66;padding:8px 18px 8px 16px;background:#fff;border:1px solid #eef4fc;border-radius:40px;transition:.3s;cursor:default;box-shadow:0 2px 6px rgba(10,26,43,.03);}
.client-tag i {color:#FF5722;font-size:10px;opacity:.7;}
.client-tag:hover {border-color:#FF5722;background:rgba(255,87,34,.04);transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,87,34,.08);}
/* 痛点 & 技术列表*/        
.pain-list,.tech-list {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.pain-item,.tech-item {display:flex;gap:12px;font-size:13px;color:#2d4a66;line-height:1.6;padding:12px 14px;background:#fff;border-radius:10px;border:1px solid #eef4fc;transition:.3s;align-items:flex-start;}
.pain-item:hover,.tech-item:hover {border-color:#FF5722;box-shadow:0 4px 14px rgba(255,87,34,.08);transform:translateY(-2px);}
.pain-item .pain-icon,.tech-item .tech-icon {font-size:18px;color:#FF5722;flex-shrink:0;width:24px;text-align:center;padding-top:1px;}
.pain-item .pain-text,.tech-item .tech-text {flex:1;}
/* ===== 文章正文 =====*/ 
.article-text img{width: 100%;height: 100%;border-radius: 12px;}
.article-text {font-size:16px;line-height:1.9;color:#2d4a66;}
.article-text p {margin-bottom:18px;}
.article-text h2 {font-size:24px;font-weight:700;color:#0a1a2b;margin:32px 0 14px;padding-left:16px;border-left:4px solid #FF5722;line-height:1.4;}
.article-text h3 {font-size:19px;font-weight:700;color:#0a1a2b;margin:24px 0 10px;line-height:1.4;}
.article-text ul {padding-left:24px;margin-bottom:18px;}
.article-text ul li {margin-bottom:8px;list-style:none;padding-left:20px;position:relative;}
.article-text ul li::before {content:'\f0da';font-family:'Font Awesome 6 Free';font-weight:900;color:#FF5722;position:absolute;left:0;top:0;font-size:14px;}
.highlight-box {background:#f9fcff;border-left:4px solid #FF5722;padding:18px 24px;border-radius:8px;margin:22px 0;font-weight:500;color:#0a1a2b;}
/* ===== 文章底部 =====*/        
.article-footer {margin-top:32px;padding-top:24px;border-top:1px solid #edf2f9;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;}
.article-footer .tags {display:flex;flex-wrap:wrap;gap:8px;}
.article-footer .tags .tag {padding:4px 14px;border-radius:40px;font-size:12px;color:#4d6379;background:#f9fcff;border:1px solid #eef4fc;text-decoration:none;transition:.3s;}
.article-footer .tags .tag:hover {border-color:#FF5722;color:#FF5722;}
.article-footer .share {display:flex;align-items:center;gap:12px;font-size:14px;color:#4d6379;}
.article-footer .share a {width:36px;height:36px;border-radius:50%;background:#f9fcff;border:1px solid #eef4fc;display:flex;align-items:center;justify-content:center;color:#4d6379;text-decoration:none;transition:.3s;font-size:15px;}
.article-footer .share a:hover {background:#FF5722;color:#fff;border-color:#FF5722;transform:translateY(-2px);}
/* ===== 底部互动栏 =====*/        
.article-interact {display:flex;justify-content:center;align-items:center;gap:32px;padding:24px 0 24px 0;margin-top:28px;border-top:1px solid #edf2f9;flex-wrap:wrap;}
.article-interact .back-home {display:inline-flex;align-items:center;gap:8px;color:#4d6379;font-size:14px;text-decoration:none;transition:.3s;}
.article-interact .back-home:hover {color:#FF5722;}
.article-interact .back-home i {font-size:14px;}
.article-interact .like-wrapper {display:flex;align-items:center;gap:12px;}
.article-interact .like-btn {display:inline-flex;align-items:center;gap:6px;background:#f9fcff;border:1px solid #eef4fc;border-radius:40px;padding:6px 18px 6px 14px;font-size:14px;color:#4d6379;cursor:pointer;transition:.3s;text-decoration:none;}
.article-interact .like-btn:hover {border-color:#FF5722;color:#FF5722;background:rgba(255,87,34,.04);}
.article-interact .like-btn i {font-size:16px;color:#8aa2ba;transition:.3s;}
.article-interact .like-btn:hover i {color:#FF5722;}
.article-interact .like-btn.liked {border-color:#FF5722;background:rgba(255,87,34,.08);color:#FF5722;}
.article-interact .like-btn.liked i {color:#FF5722;}
.article-interact .like-count {font-size:14px;color:#4d6379;font-weight:600;min-width:30px;text-align:center;border-radius: 30px;padding: 5px;border: 1px solid #eef4fc;background: #f9fcff;}

/* ===== 上一篇/下一篇 =====*/        
.article-nav {display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid #edf2f9;}
.article-nav a {display:flex;align-items:center;gap:10px;text-decoration:none;color:#0a1a2b;font-size:14px;font-weight:600;transition:.3s;max-width:45%;}
.article-nav a:hover {color:#FF5722;}
.article-nav a .nav-label {font-size:12px;color:#8aa2ba;font-weight:400;display:block;}
.article-nav a .nav-title {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;}
/* ===== 功能推荐 =====*/        
.recommend-section {margin-top:32px;padding-top:28px;border-top:2px solid #edf2f9;}
.rec-titlee {font-size:14px;font-weight:700;color:#0a1a2b;display:flex;align-items:center;gap:12px;}
.rec-titlee i {color:#FF5722;font-size:20px;}
.rec-titlee .line {flex:1;height:2px;background:#edf2f9;}

.rec-title {font-size:18px;font-weight:700;color:#0a1a2b;display:flex;align-items:center;gap:12px;margin-bottom: 18px;}
.rec-title i {color:#FF5722;font-size:20px;}
.rec-title .line {flex:1;height:2px;background:#edf2f9;}
.recommend-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.rec-item {background:#f9fcff;border-radius:12px;padding:18px 18px 16px;border:1px solid #eef4fc;transition:.3s;text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.rec-item:hover {border-color:#FF5722;transform:translateY(-4px);box-shadow:0 8px 24px rgba(10,26,43,.06);}
.rec-item .rec-item-title {font-size:15px;font-weight:700;color:#0a1a2b;margin-bottom:6px;transition:.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;}
.rec-item:hover .rec-item-title {color:#FF5722;}
.rec-item .rec-item-desc {font-size:13px;color:#4d6379;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;}
.rec-item .rec-item-link {font-size:13px;font-weight:600;color:#FF5722;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:.3s;align-self:flex-start;}
.rec-item .rec-item-link:hover {gap:10px;color:#0a1a2b;}
/* ============================================   18. Hero 走马灯   ============================================*/
.hero {position:relative;width:100%;height:850px;overflow:hidden;background:#0a1a2b;}
.hero-slides {display:flex;width:100%;height:100%;transition:transform 0.9s cubic-bezier(0.25,0.46,0.45,0.94);}
.hero-slide {min-width:100%;height:100%;position:relative;flex-shrink:0;}
.hero-slide img {width:100%;height:100%;object-fit:cover;display:block;}
.hero-slide .hero-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,26,43,0.50);display:flex;align-items:center;justify-content:center;padding:0 40px;text-align:center;}
.hero-slide .hero-overlay .hero-content {max-width:780px;color:white;z-index:2;opacity:0;transform:translateY(40px);transition:opacity 0.9s ease,transform 0.9s ease;}
.hero-slide.active .hero-overlay .hero-content {opacity:1;transform:translateY(0);}
.hero-slide.active .hero-overlay .hero-content .tagline {transition-delay:0.1s;}
.hero-slide.active .hero-overlay .hero-content h1 {transition-delay:0.3s;}
.hero-slide.active .hero-overlay .hero-content .sub-headline {transition-delay:0.5s;}
.hero-slide.active .hero-overlay .hero-content .hero-btn {transition-delay:0.7s;}
.hero-slide .hero-overlay .hero-content .tagline {font-size:17px;font-weight:300;letter-spacing:5px;color:#FF5722;margin-bottom:10px;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}
.hero-slide.active .hero-overlay .hero-content .tagline {opacity:1;transform:translateY(0);}
.hero-slide .hero-overlay .hero-content h1 {font-size:58px;font-weight:700;line-height:1.1;margin-bottom:8px;color:white;opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease;}
.hero-slide.active .hero-overlay .hero-content h1 {opacity:1;transform:translateY(0);}
.hero-slide .hero-overlay .hero-content h1 span {color:#FF5722;}
.hero-slide .hero-overlay .hero-content .sub-headline {font-size:24px;font-weight:300;margin-bottom:28px;color:#b6ccdf;opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease;}
.hero-slide.active .hero-overlay .hero-content .sub-headline {opacity:1;transform:translateY(0);}
.hero-slide .hero-overlay .hero-content .sub-headline strong {color:white;font-weight:500;}
.hero-slide .hero-overlay .hero-content .hero-btn {background:#FF5722;border:none;color:#0a1a2b;padding:14px 40px;font-size:17px;font-weight:700;border-radius:60px;cursor:pointer;box-shadow:0 8px 22px rgba(233,183,65,0.3);transition:0.25s;display:inline-flex;align-items:center;gap:10px;opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease,background 0.25s,transform 0.25s;}
.hero-slide.active .hero-overlay .hero-content .hero-btn {opacity:1;transform:translateY(0);}
.hero-slide .hero-overlay .hero-content .hero-btn:hover {background:#f3c85a;transform:translateY(-3px);}
.hero-dots {position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:14px;z-index:10;}
.hero-dots .dot {width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,0.30);cursor:pointer;transition:0.3s;border:none;padding:0;}
.hero-dots .dot.active {background:#FF5722;transform:scale(1.25);box-shadow:0 0 20px rgba(233,183,65,0.5);}
.hero-dots .dot:hover {background:rgba(255,255,255,0.7);}
.hero-arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,0.10);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.15);color:white;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:0.3s;}
.hero-arrow:hover {background:rgba(233,183,65,0.35);border-color:#FF5722;}
.hero-arrow.prev {left:28px;}
.hero-arrow.next {right:28px;}
/* ============================================   19. 荣誉资质走马灯（主内容区）   ============================================*/.main-content {width:100%;max-width:1400px;padding:40px 40px 60px;flex:1;}
.honor-section {width:100%;background:#ffffff;border-radius:24px;padding:50px 40px 40px;box-shadow:0 4px 24px rgba(10,26,43,0.06);position:relative;}
.more-entry {position:absolute;top:50px;right:40px;display:flex;align-items:center;gap:12px;background:#0a1a2b;padding:12px 22px 12px 20px;border-radius:60px;color:white;text-decoration:none;transition:0.3s ease;border:1px solid rgba(255,255,255,0.06);cursor:pointer;z-index:10;}
.more-entry:hover {background:#FF5722;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,87,34,0.3);}
.more-entry .more-icon {font-size:18px;color:#FF5722;transition:0.3s;}
.more-entry:hover .more-icon {color:#0a1a2b;}
.more-entry .more-text {font-size:14px;font-weight:600;letter-spacing:0.5px;}
.more-entry .more-arrow {font-size:14px;color:#FF5722;transition:0.3s;}
.more-entry:hover .more-arrow {color:#0a1a2b;transform:translateX(4px);}
.honor-carousel-wrapper {position:relative;width:100%;overflow:hidden;}
.honor-carousel {display:flex;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);}
.honor-slide {min-width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex-shrink:0;padding:4px 0;}
.honor-card {background:#f9fcff;border-radius:14px;overflow:hidden;border:1px solid #eef4fc;transition:0.4s ease;text-align:center;padding:18px 12px 16px;cursor:pointer;text-decoration:none;display:block;color:inherit;}
.honor-card:hover {transform:translateY(-4px);border-color:#FF5722;box-shadow:0 12px 32px rgba(10,26,43,0.08);}
.honor-card .honor-img {width:100%;height:160px;overflow:hidden;background:#f0f4fa;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.honor-card .honor-img img {width:100%;height:100%;object-fit:cover;display:block;transition:0.5s ease;}
.honor-card:hover .honor-img img {transform:scale(1.06);}
.honor-card .honor-body {padding:10px 4px 2px;}
.honor-card .honor-body h4 {font-size:15px;font-weight:700;color:#0a1a2b;margin-bottom:2px;transition:0.3s;}
.honor-card:hover .honor-body h4 {color:#FF5722;}
.honor-card .honor-body p {font-size:12px;color:#4d6379;line-height:1.5;}
.honor-card .badge-tag {display:inline-block;background:rgba(255,87,34,0.08);color:#FF5722;font-size:10px;font-weight:600;padding:2px 10px;border-radius:40px;margin-top:6px;}
.honor-controls {display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px;}
.honor-controls .arrow {background:rgba(10,26,43,0.06);border:1px solid #dce4ed;color:#0a1a2b;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:0.3s;user-select:none;}
.honor-controls .arrow:hover {background:#FF5722;color:#0a1a2b;border-color:#FF5722;}
.honor-dots {display:flex;gap:10px;}
.honor-dots .dot {width:12px;height:12px;border-radius:50%;background:#dce4ed;border:none;cursor:pointer;transition:0.3s;padding:0;}
.honor-dots .dot.active {background:#FF5722;transform:scale(1.25);}
.honor-dots .dot:hover {background:#FF5722;}

/* ===== ★ 常见问题 =====*/        
.faq-section {margin:0 0 40px;background:#fff;border-radius:16px;padding:28px 32px 24px;border:1px solid #eef4fc;box-shadow:0 2px 12px rgba(10,26,43,.04);width:100%;}
.faq-title {font-size:20px;font-weight:700;color:#0a1a2b;margin-bottom:20px;display:flex;align-items:center;gap:12px;}
.faq-title i {color:#FF5722;font-size:22px;}
.faq-title .line {flex:1;height:2px;background:#edf2f9;}
.faq-list {display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;}
.faq-item {display:flex;flex-direction:column;background:#f9fcff;border-radius:10px;padding:14px 18px 14px 16px;border:1px solid #eef4fc;transition:.3s;}
.faq-item:hover {border-color:#FF5722;box-shadow:0 4px 12px rgba(255,87,34,.06);}
.faq-item .faq-q {display:flex;align-items:flex-start;gap:12px;font-weight:600;color:#0a1a2b;font-size:15px;line-height:1.5;}
.faq-item .faq-q .q-icon {color:#FF5722;font-size:16px;flex-shrink:0;margin-top:2px;width:20px;text-align:center;}
/* ===== FAQ 链接样式 =====*/        
.faq-item .faq-q .faq-link {color:#0a1a2b;text-decoration:none;transition:.3s;flex:1;display:inline;}
.faq-item .faq-q .faq-link:hover {color:#FF5722;}
.faq-item .faq-q .faq-link .q-label {color:#FF5722;font-weight:700;margin-right:4px;}
.faq-item .faq-q .faq-link .q-arrow {display:inline-block;margin-left:6px;font-size:12px;color:#8aa2ba;transition:.3s;opacity:0;transform:translateX(-6px);}
.faq-item .faq-q .faq-link:hover .q-arrow {opacity:1;transform:translateX(0);color:#FF5722;}
.faq-item .faq-a {display:flex;align-items:flex-start;gap:12px;padding-left:32px;margin-top:6px;font-size:14px;color:#4d6379;line-height:1.7;}
.faq-item .faq-a .a-icon {color:#27ae60;font-size:14px;flex-shrink:0;margin-top:3px;width:20px;text-align:center;}
/* ===== 右侧：侧边栏 =====*/        
.sidebar {position:sticky;top:20px;display:flex;flex-direction:column;gap:28px;}
.sidebar-card {background:#fff;border-radius:16px;padding:24px 22px;border:1px solid #eef4fc;}
.sidebar-card .card-title {font-size:17px;font-weight:700;color:#0a1a2b;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #edf2f9;display:flex;align-items:center;gap:10px;}
.sidebar-card .card-title i {color:#FF5722;}
/* 搜索框*/        
.sidebar-search {display:flex;border:1px solid #dce4ed;border-radius:40px;overflow:hidden;background:#f9fcff;}
.sidebar-search input {flex:1;padding:10px 18px;border:none;outline:none;font-size:14px;background:transparent;}
.sidebar-search input::placeholder {color:#8aa2ba;}
.sidebar-search button {padding:10px 20px;background:#FF5722;color:#0a1a2b;border:none;cursor:pointer;font-size:15px;transition:.3s;}
.sidebar-search button:hover {background:#0a1a2b;color:#fff;}
/* 热门文章*/       
 .hot-item {display:flex;gap:14px;padding:10px 14px;margin:0 -14px;border-radius:10px;border-bottom:1px solid #edf2f9;transition:.3s;text-decoration:none;color:inherit;align-items:flex-start;}
.hot-item:last-child {border-bottom:none;}
.hot-item:hover {background:rgba(255,87,34,.06);}
.hot-item:hover .hot-title {color:#FF5722;}
.hot-item .hot-rank {font-size:20px;font-weight:800;color:rgba(255,87,34,.15);min-width:32px;text-align:center;flex-shrink:0;line-height:1.4;padding-top:2px;}
.hot-item .hot-rank.top1 {color:#FF5722;}
.hot-item .hot-rank.top2 {color:#e67e22;}
.hot-item .hot-rank.top3 {color:#f1c40f;}
.hot-item .hot-content {flex:1;}
.hot-item .hot-content .hot-title {font-size:14px;font-weight:600;color:#0a1a2b;transition:.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;}
.hot-item .hot-content .hot-meta {font-size:12px;color:#8aa2ba;margin-top:4px;}
/* 标签云*/        
.tag-cloud {display:flex;flex-wrap:wrap;gap:8px;}
.tag-cloud .tag {padding:4px 16px;border-radius:40px;font-size:13px;color:#4d6379;background:#f9fcff;border:1px solid #eef4fc;transition:.3s;cursor:pointer;text-decoration:none;}
.tag-cloud .tag:hover {border-color:#FF5722;color:#FF5722;background:rgba(255,87,34,.04);}




/* ===*/
.footer {background:#0a1a2b;color:#b7ccdf;padding:44px 0 28px;}
.footer .content-wrapper {gap:0;}
.footer-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:30px 24px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:24px;width:100%;}
.footer-col h4 {color:white;font-size:17px;font-weight:600;margin-bottom:16px;letter-spacing:0.5px;}
.footer-col h4 i {color:#FF5722;margin-right:8px;}
.footer-col p,.footer-col li {font-size:14px;line-height:1.9;color:#b0c7dd;list-style:none;}
.footer-col ul {padding:0;}
.footer-col ul li {margin-bottom:4px;}
.footer-col a {color:#b0c7dd;text-decoration:none;transition:0.2s;}
.footer-col a:hover {color:#FF5722;}
.footer-contact-item {display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;color:#b0c7dd;}
.footer-contact-item i {color:#FF5722;width:20px;margin-top:4px;}
.footer-qr {display:flex;gap:16px;margin-top:14px;flex-wrap:wrap;}
.footer-qr .qr-item {text-align:center;}
.footer-qr .qr-item img {width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,0.08);display:block;}
.footer-qr .qr-item span {display:block;font-size:11px;color:#8aa2ba;margin-top:4px;}
.footer-bottom {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:13px;color:#7e95ac;width:100%;padding-top:6px;flex-direction:column;gap:6px;}
.footer-bottom .copyright {display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;}
.footer-bottom .copyright a {color:#b7ccdf;text-decoration:none;margin:0 4px;}
.footer-bottom .copyright a:hover {color:#FF5722;}
.footer-bottom .icp {font-size:13px;color:#7e95ac;}
.footer-bottom .icp a {color:#7e95ac;text-decoration:none;}
.footer-bottom .icp img {width:20px;height:auto;}
/* 超大屏*/
@media (max-width:1400px) {.content-wrapper {width:100%;padding:0 24px;}
;}
/* 大屏 / 笔记本*/@media (max-width:1200px) {.footer-grid {grid-template-columns:repeat(3,1fr);gap:30px 24px;}
.promise-grid {grid-template-columns:repeat(2,1fr);}
.honor-grid {grid-template-columns:repeat(2,1fr);}
.principles-grid {grid-template-columns:repeat(2,1fr);}
.content-grid {grid-template-columns:repeat(2,1fr);}
;}
/* 平板*/@media (max-width:1024px) {
/* 顶部 & 导航*/  
.top-bar .content-wrapper,.navbar .content-wrapper {padding:0 20px;}
.navbar .content-wrapper {flex-wrap:wrap;gap:16px;justify-content:center;}
.nav-links {flex-wrap:wrap;justify-content:center;gap:18px;}
/* 主内容*/  
.main-content {padding:20px 20px 40px;}
.honor-section {padding:30px 20px 24px;}
.more-entry {top:30px;right:20px;padding:10px 16px 10px 14px;}
.more-entry .more-text {font-size:13px;}
.honor-slide {grid-template-columns:repeat(2,1fr);gap:16px;}
.honor-card .honor-img {height:100px;}
/* Hero*/  
.hero-slide .hero-overlay .hero-content h1 {font-size:42px;}
/* 布局切换*/  
.contact-grid {flex-direction:column;}
.contact-info-panel {width:100%;}
.form-faq-grid {grid-template-columns:1fr;}
.detail-grid {grid-template-columns:1fr;}
.convention-wrapper {flex-direction:column;}
.consultation-wrapper {flex-direction:column;align-items:flex-start;}
.consultation-right {width:100%;justify-content:flex-start;}
.policy-team-wrapper {flex-direction:column;}
/* 团队网格*/  
.team-grid {grid-template-columns:repeat(2,1fr);}
/* 服务页*/  
.service-cta .content-wrapper {flex-direction:column;align-items:flex-start;}
.service-cta-right {width:100%;justify-content:flex-start;}
/* 新闻页*/  
.sidebar {grid-template-columns:1fr;}
.news-item .news-image {width:140px;min-height:100px;}
.news-header h1 {font-size:34px;}
.footer-grid {grid-template-columns:1fr 1fr;gap:30px 40px;}
.consultation-wrapper {flex-direction:column;align-items:flex-start;}
.consultation-right {width:100%;justify-content:flex-start;}
.navbar .content-wrapper {flex-wrap:wrap;gap:16px;justify-content:center;}
.nav-links {flex-wrap:wrap;justify-content:center;gap:18px;}
.sidebar {grid-template-columns:1fr;}
.news-item .news-image-link {width:140px;min-height:100px;}
.news-item .news-image {min-height:100px;}
.news-header h1 {font-size:34px;}
;}
/* 手机（主要断点）*/
@media (max-width:700px) {
.top-bar .content-wrapper {flex-direction:column;gap:6px;padding:0 16px;}
.content-wrapper {padding:0 16px;}
/* 主内容*/  .main-content {padding:16px 16px 32px;}
.honor-section {padding:24px 14px 18px;}
.section-title {font-size:26px;}
.section-desc {font-size:14px;margin-bottom:20px;}
.more-entry {position:relative;top:auto;right:auto;display:inline-flex;margin-bottom:16px;padding:8px 16px 8px 14px;border-radius:40px;}
.more-entry .more-text {font-size:12px;}
.more-entry .more-icon {font-size:14px;}
.more-entry .more-arrow {font-size:12px;}
.honor-slide {grid-template-columns:1fr 1fr;gap:12px;}
.honor-card {padding:12px 8px 10px;border-radius:10px;}
.honor-card .honor-img {height:80px;}
.honor-card .honor-body h4 {font-size:13px;}
.honor-card .honor-body p {font-size:11px;}
.honor-card .badge-tag {font-size:9px;padding:1px 8px;margin-top:4px;}
.honor-controls {gap:14px;margin-top:20px;}
.honor-controls .arrow {width:36px;height:36px;font-size:14px;}
.honor-dots .dot {width:10px;height:10px;}
/* Hero*/  .hero {height:480px;}
.hero-slide .hero-overlay {padding:0 20px;}
.hero-slide .hero-overlay .hero-content h1 {font-size:30px;}
.hero-slide .hero-overlay .hero-content .sub-headline {font-size:18px;}
.hero-arrow {width:36px;height:36px;font-size:14px;}
.hero-arrow.prev {left:8px;}
.hero-arrow.next {right:8px;}
.hero-dots {bottom:16px;gap:10px;}
.hero-dots .dot {width:10px;height:10px;}
/* Banner*/  .banner-slide .slide-overlay h1 {font-size:28px;margin-bottom:10px;}
.banner-slide .slide-overlay .sub {font-size:16px;line-height:1.6;}
.banner-slide img {height:220px;}
/* 各区域间距*/  .mission-section,.timeline-section,.team-section,.honor-section,.stats-banner,.consultation-section,.promise-section,.service-detail-section,.convention-section {padding:40px 0;}
/* 网格布局 - 全部变为单列*/  .mission-grid {grid-template-columns:1fr;}
.team-grid {grid-template-columns:1fr;}
.promise-grid {grid-template-columns:1fr;}
.honor-grid {grid-template-columns:1fr;}
.principles-grid {grid-template-columns:1fr;}
.content-grid {grid-template-columns:1fr;}
.footer-grid {grid-template-columns:1fr 1fr;gap:24px 20px;}
/* 卡片内边距*/  .mission-card,.team-card,.honor-card,.promise-card {padding:24px 16px;}
/* 统计数据*/  .stat-item .number {font-size:34px;}
/* 咨询区域*/  .consultation-left h2 {font-size:24px;}
.consultation-phone .phone-number {font-size:22px;}
.consultation-right {flex-wrap:wrap;gap:16px;}
.consultation-btn {width:100%;justify-content:center;}
/* 表单*/  .form-row-2 {grid-template-columns:1fr;}
/* 联系页面*/  .contact-hero h1 {font-size:28px;}
.contact-info-panel,.form-box,.faq-box {padding:24px 18px;}
/* 服务页标题*/  .service-header h1 {font-size:28px;}
.service-cta-left h2 {font-size:24px;}
.service-cta-phone .phone-number {font-size:22px;}
.service-cta-right {flex-wrap:wrap;gap:16px;}
.service-cta-btn {width:100%;justify-content:center;}
/* 公约区域*/  .convention-right {padding:20px 18px;}
.detail-box {padding:24px 18px;}
/* 地图*/  .map-address-label {font-size:11px;padding:4px 12px;white-space:normal;}
.map-nav-overlay {font-size:12px;padding:8px 16px;}
/* 服务理念*/  .slogan-banner h2 {font-size:24px;}
.slogan-banner .big-quote {font-size:32px;}
.policy-box,.team-box {padding:24px 18px;}
/* 新闻页*/ 
.news-header {padding:32px 0 24px;}
.news-header h1 {font-size:28px;}
.news-header .sub-desc {font-size:15px;}
.news-main {padding:24px 0 40px;}
.news-list-header-wrapper {padding:16px 16px;}
.news-list-header {flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px;}
.news-list-header .list-title {font-size:17px;}
.news-list-header .list-count {font-size:12px;}
.category-tabs {padding-top:12px;gap:8px;}
.category-tabs .cat-tab {font-size:12px;padding:4px 14px;}
.news-item {padding:14px 14px;flex-direction:column;gap:12px;}
.news-item .news-image-link {width:100%;height:160px;min-height:auto;}
.news-item .news-image {min-height:160px;}
.news-item .news-content .news-title {font-size:15px;}
.news-item .news-content .news-summary {font-size:13px;-webkit-line-clamp:3;}
.news-item .news-content .news-meta {font-size:12px;gap:10px;}
.pagination .page-btn {width:34px;height:34px;font-size:12px;}
.hot-item {padding:10px 12px;margin:0 -12px;}
.recommend-item {padding:8px 12px;margin:0 -12px;}
;}
/* 小屏手机*/@media (max-width:500px) {
.footer-grid {grid-template-columns:1fr;gap:24px;}
.news-item .news-content .news-meta {flex-wrap:wrap;}
.news-item .news-image-link {height:140px;}
.news-item .news-image {min-height:140px;}
;}
/* 极小屏*/@media (max-width:400px) {.honor-slide {gap:8px;}
.honor-card .honor-img {height:60px;}
.honor-card .honor-body h4 {font-size:11px;}
.honor-card .honor-body p {font-size:10px;}
.honor-card .badge-tag {font-size:8px;padding:1px 6px;}
.more-entry {padding:6px 12px 6px 10px;}
.more-entry .more-text {font-size:11px;}
.more-entry .more-icon {font-size:12px;}
.more-entry .more-arrow {font-size:10px;}
.news-item .news-content .news-meta {flex-wrap:wrap;}
.news-item .news-image {height:140px;}
.footer-grid {grid-template-columns:1fr;gap:24px;}
;}