/* =========================================
   1. 首屏/英雄区域 (hero-)
========================================= */
.hero-sec { position: relative; display: grid; grid-template-columns: repeat(2,1fr); padding: 3.75vw 6.25vw; }
.hero-sec:before{ content: ''; position: absolute; z-index: -1; left: 6.25vw; bottom: 0; width: 100%; height: 105%; border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
.hero-sec:after{ content: ''; position: absolute; right: 50%; bottom: 0; width: 1px; height: 100%; background: #ededed;}
.hero-top { display: grid; grid-gap: 2.5vw; padding: 0 2.5vw;}
.hero-cover { position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 2); border-radius: .5rem; overflow: hidden;}
.hero-cover img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-txt { width: 90%;}
.hero-tit { font-size: 2.25rem; line-height: 1.25; font-weight: 800; }
.hero-sub { padding-top: 1rem; color: #333; }
.hero-bot { display: grid; align-content: space-between; padding: 0 2.5vw; background: url('../images/h-b-bg.webp') right 2.5vw top no-repeat;}
.hero-hd { }
.hero-btit { font-size: 2.25rem; line-height: 1.25; font-weight: 800; }
.hero-hl { color: #035bae; }
.hero-info { }
.hero-stit { font-size: 1.5rem; line-height: 1.25; font-weight: 800; color: #035bae; }
.hero-sdesc { color: #333; padding: 0.5rem 0 2rem; }
.hero-icons { display: flex; align-items: center; justify-content: space-between;}
.hero-icons img { width: 4rem; height: 4rem; object-fit: cover; }

/* =========================================
   2. 用户行为变化 (beh-)
========================================= */
.beh-sec { display: grid; grid-gap: 3.75vw; padding: 5vw 6.25vw; background: url('../images/beh-sec-bg.webp') center top no-repeat; background-size: cover; }
.beh-hd { text-align: center; }
.beh-htit { font-size: 2.25rem; line-height: 1.25; font-weight: 800;}
.beh-hsub { padding-top: 1rem; color: #333;}
.beh-grid { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 3.125vw; }
.beh-card { display: grid; grid-gap: 2.5vw; padding: 2.5vw; border-radius: 1rem; background: white; }
.beh-sum { padding: .5em 2.5em; border-radius: 290486px; font-size: 1.25rem; font-weight: 800; color: white; text-align: center; background: linear-gradient(to right,#060006,#A22DD7); }
.beh-card:nth-child(2) .beh-sum { background: linear-gradient(to right,#060006,#2DA1D7);}
.beh-card:nth-child(3) .beh-sum { background: linear-gradient(to right,#060006,#B9D62C);}
.beh-box { display: grid; width: 100%;}
.beh-top { display: flex; align-items: center; padding: 1.25vw 2.5vw; border-bottom: 1px solid #ededed;}
.beh-ico { width: 4rem; height: 4rem; }
.beh-tit { text-indent: 0.5em;}
.beh-data { display: grid; grid-template-columns: auto 1fr; align-items: baseline; padding: 1.25vw 2.5vw; border-bottom: 1px solid #ededed;}
.beh-lbl { grid-column: span 2; font-size: 1.125rem; color: #333;}
.beh-val { font-size: 2.25rem; line-height: 1.25; }
.beh-note { font-size: 0.875rem; font-style: normal; text-indent: 0.5em; color: #666;}
.beh-bot { font-size: 1.25rem; font-weight: 800; padding: 1.25vw 2.5vw 0; background: linear-gradient(to right, #0063ED, #00A7E7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* =========================================
   3. GEO 重要性 (imp-)
========================================= */
.imp-sec { display: grid; grid-gap: 3.75vw; padding: 3.75vw 6.25vw; }
.imp-hd { text-align: center; }
.imp-htit { font-size: 2.25rem; line-height: 1.25; font-weight: 800;}
.imp-hsub { color: #333;}
.imp-hstit { font-size: 1.5rem; font-weight: 800; color: #035bae; padding-top: 1em;}
.imp-grid { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 2.5vw;}
.imp-pk { display: grid; grid-template-columns: auto 1fr; align-items: center; grid-gap: 0 1.25vw; padding: 2vw 3vw; border-radius: .5rem;}
.imp-bad { background: url('../images/imp-bad-bg.webp') right bottom no-repeat #f8f8f8; background-size: auto 100%;}
.imp-good { background: url('../images/imp-good-bg.webp') right bottom no-repeat #f8f8f8; background-size: auto 100%;}
.imp-ico { grid-row: span 2; width: 3rem; height: 3rem; }
.imp-ico img{ display: block; width: 100%; height: 100%;}
.imp-tit { font-size: 1.5rem;}
.imp-desc { font-size: 1.125rem;}
.imp-card { display: grid; text-align: center; grid-gap: 4vw; padding: 5vw 4vw; border: 1px solid #ededed; border-radius: 1rem; background: url('../images/imp-card-bg-1.webp') center center no-repeat; background-size: 100% auto;}
.imp-card:last-child{ background: url('../images/imp-card-bg-2.webp') center center no-repeat; background-size: 100% auto;}
.imp-img { position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 11 * 6); }
.imp-img img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.imp-info { }
.imp-ctit { font-size: 1.5rem; font-weight: 800;}
.imp-cdesc { font-size: 1.125rem;}

/* =========================================
   4. GEO 五大优势特性 (adv-)
========================================= */
.adv-sec { padding: 3.75vw 6.25vw; background: url('../images/adv-bg.webp') #eff3f8 right center no-repeat; background-size: auto 100%;}
.adv-list { display: grid; grid-template-rows: repeat(5, 1fr); justify-content: start;}
.adv-item { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; padding: 1.25vw 5vw 1.25vw 0; border-bottom: 1px solid white;}
.adv-item:before{ content: ''; position: absolute; left: -.3125rem; bottom: -.3125rem; width: 0.625rem; height: 0.625rem; border-radius: var(--rounded); background: white;}
.adv-ico { grid-row: span 2; width: 4rem; height: 4rem; }
.adv-tit { font-size: 1.25rem; font-weight: 800;}
.adv-desc { font-size: 1.125rem;}

/* =========================================
   5. 核心价值与收益 (val-)
========================================= */
.val-sec { padding: 3.75vw 6.25vw; display: grid; grid-template-columns: repeat(2,1fr); gap: 2.5vw; }
.val-card { position: relative; display: grid; align-content: start;}
.val-hd { width: 100%; height: 12.5vw; border-radius: 1rem; overflow: hidden;}
.val-tit { position: absolute; top: calc((12.5vw - 1.5 * 1.5rem) / 2); left: 2.5vw; font-size: 1.5rem; color: #3e49c1;}
.val-card:last-child .val-tit{ color: #39972b;}
.val-img { display: block; width: 100%; height: 100%;}
.val-list { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.5rem; font-size: 1.125rem; line-height: 2; padding: 1.25vw 2.5vw;}
.val-card:first-child .val-list{ grid-template-columns: repeat(1,1fr);}
.val-item { }

/* =========================================
   6. GEO 战略流程 (pro-)
========================================= */
.pro-sec { display: grid; grid-gap: 1.25vw; padding: 0 6.25vw; }
.pro-hd {  padding: 0 2.5vw;}
.pro-htit { }
.pro-hsub { }
.pro-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2.5vw; padding: 3.75vw; border: 1px solid #E0EBFF; border-radius: 1rem; background: linear-gradient(#FCFDFF,#EBF2FB); list-style: none;}
.pro-item { display: grid; grid-auto-flow: column; grid-gap: 0 1rem; align-items: center; }
.pro-ico { grid-row: span 2; border-radius: .5rem; overflow: hidden;}
.pro-ico img{ width: 5vw; height: 5vw; }
.pro-tit { font-size: 1.25rem;}
.pro-desc { }

/* =========================================
   7. 服务保障 (grt-)
========================================= */
.grt-sec { display: grid; grid-gap: 3.75vw; padding: 3.75vw 6.25vw; }
.grt-hd { text-align: center; }
.grt-htit { }
.grt-hsub { }
.grt-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2.5vw;}
.grt-item { display: grid; grid-gap: 5vw; padding: 5vw 3.275vw; text-align: center; border: 1px solid #E0EBFF; border-radius: 1rem; background: linear-gradient(#FCFDFF,#EBF2FB);}
.grt-ico { position: relative; width: 100%; height: 0; padding-bottom: 100%;}
.grt-ico img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.grt-info{ display: grid; grid-gap: 0.5rem;}
.grt-tit { font-size: 1.25rem;}
.grt-desc { }

/* =========================================
   8. 公司历程 (cmp-)
========================================= */
.cmp-sec { display: grid; grid-template-columns: auto 1fr; grid-gap: 5vw 6.25vw; padding: 3.75vw 6.25vw;}
.cmp-hd { display: grid; align-content: start;}
.cmp-bg { width: 100%; height: 7.5vw; border-radius: 1rem; overflow: hidden;}
.cmp-htit { font-size: 1.5rem; margin-top: 1.5em;}
.cmp-hsub { }
.cmp-txt { display: grid; grid-gap: 2rem; line-height: 2;}
.cmp-hist { position: relative; grid-column: span 2; display: grid; grid-template-columns: repeat(5, 1fr); justify-items: center;}
.cmp-hist:before{ content: ''; position: absolute; z-index: 0; left: 0; top: calc(1rem + 3.125vw); width: 100%; height: 1px; background: #e6e6e6;}
.cmp-item { position: relative; z-index: 1; display: grid; justify-items: center; grid-gap: 1rem;}
.cmp-yr { box-sizing: content-box; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; font-weight: 800; color: white; width: 6.25vw; height: 6.25vw; border-radius: var(--rounded); border: 1rem solid #F6F6F6; background: linear-gradient(to right, #0062ED,#10ADE8);}
.cmp-item:nth-child(2) .cmp-yr{ background: linear-gradient(to right, #EDD800,#E78D00);}
.cmp-item:nth-child(3) .cmp-yr{ background: linear-gradient(to right, #7D00ED,#3400E7);}
.cmp-item:nth-child(4) .cmp-yr{ background: linear-gradient(to right, #9BCA23,#C4C022);}
.cmp-item:nth-child(5) .cmp-yr{ background: linear-gradient(to right, #23CAB8,#2CC687);}
.cmp-evt { font-size: 1.125rem;}

/* =========================================
   9. 团队服务 (team-)
========================================= */
.team-sec { padding: 3.75vw 6.25vw; display: grid; grid-template-columns: repeat(2,1fr); gap: 5vw; }
.team-card { display: grid; align-content: start; grid-gap: 1.5rem;}
.team-img { position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 3); border-radius: 1rem; overflow: hidden;}
.team-img img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.team-tit { position: relative; font-size: 1.5rem;}
.team-tit:before{ content: ''; position: absolute; bottom: 0; left: 0; width: 1em; height: 4px; background: #368aff;}
.team-desc {}

/* =========================================
   10. 底部咨询 (ask-)
========================================= */
.ask-sec { padding: 6.25vw; display: grid; grid-gap: 4vw; background: url('../images/ask-sec-bg.webp') center bottom no-repeat; background-size: cover;}
.ask-card { display: grid; grid-auto-flow: column; justify-content: start; align-items: center; gap: 2rem; width: 50%; }
.ask-ico { display: flex; justify-content: center; align-items: center; width: 6.25vw; height: 6.25vw; }
.ask-ico img{ width: 100%; height: 100%;}
.ask-info { }
.ask-tit { font-size: 1.25rem; }
.ask-desc { }
.ask-line{ width: 50%; height: 2px; border-top: 1px solid #4981E0; border-bottom: 1px solid #B3C9E6;}