/* ===== 多页化 v3.0（2026-10-11，多页动态站新增组件） ===== */
/* 导航下拉 */
.nav-dd{position:relative}
.nav-dd>a{cursor:pointer}
.nav-dd-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);min-width:210px;background:#fff;border:1px solid #EAF3FF;border-radius:14px;box-shadow:0 18px 50px rgba(11,18,32,.14);padding:8px;opacity:0;visibility:hidden;transition:.18s;z-index:60}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dd-menu a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;font-size:14px;color:#0B1220;font-weight:500;white-space:nowrap}
.nav-dd-menu a:hover{background:#F0F7FF;color:#157EFE}
.nav-dd-menu a small{margin-left:auto;font-size:11px;color:#94A3B8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
body.dark .nav-dd-menu{background:#151525;border-color:#2A2A3F;box-shadow:0 18px 50px rgba(0,0,0,.5)}
body.dark .nav-dd-menu a{color:#E5E7EB}
body.dark .nav-dd-menu a:hover{background:rgba(21,126,254,.14);color:#60A5FA}
.nav-links a.on{color:#157EFE;font-weight:600}
body.dark .nav-links a.on{color:#60A5FA}
/* 面包屑 */
.crumbs{max-width:1100px;margin:0 auto;padding:18px 24px 0;font-size:13px;color:#94A3B8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.crumbs a{color:#64748B;text-decoration:none}
.crumbs a:hover{color:#157EFE}
.crumbs b{color:#0B1220;font-weight:500}
body.dark .crumbs a{color:#7C8698}
body.dark .crumbs b{color:#E5E7EB}
/* 页头（子页） */
.page-head{max-width:1100px;margin:0 auto;padding:56px 24px 8px}
.page-head .kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#157EFE;margin-bottom:14px}
.page-head h1{font-size:clamp(30px,4.4vw,52px);line-height:1.12;letter-spacing:-.02em;margin:0 0 14px;font-weight:800}
.page-head p{max-width:640px;color:#64748B;font-size:16px;line-height:1.8;margin:0}
body.dark .page-head h1{color:#F1F5F9}
body.dark .page-head p{color:#94A3B8}
/* 服务入口卡（首页 + 服务列表页） */
.svc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:820px){.svc-cards{grid-template-columns:1fr}}
.svc-card{position:relative;display:block;border:1px solid #EAF3FF;border-radius:16px;padding:26px 26px 22px;background:#fff;text-decoration:none;color:inherit;transition:.2s;overflow:hidden}
.svc-card:hover{border-color:#157EFE;box-shadow:0 16px 44px rgba(21,126,254,.13);transform:translateY(-2px)}
.svc-card .no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#157EFE;letter-spacing:.12em}
.svc-card h3{margin:10px 0 8px;font-size:21px;letter-spacing:-.01em}
.svc-card p{margin:0 0 16px;font-size:14px;line-height:1.75;color:#64748B}
.svc-card .go{font-size:13px;font-weight:600;color:#157EFE}
.svc-card .price{position:absolute;top:22px;right:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#94A3B8}
.svc-card.hot{background:#0B1220;border-color:#0B1220}
.svc-card.hot h3{color:#F1F5F9}
.svc-card.hot p{color:#94A3B8}
.svc-card.hot .go{color:#60A5FA}
body.dark .svc-card{background:#151525;border-color:#2A2A3F}
body.dark .svc-card:hover{border-color:#157EFE}
body.dark .svc-card h3{color:#F1F5F9}
body.dark .svc-card p{color:#94A3B8}
/* CTA 横幅 */
.cta-band{background:#0B1220;position:relative;overflow:hidden;padding:64px 0}
.cta-band::before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(21,126,254,.32),transparent 65%);top:-260px;right:-120px}
.cta-band .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.cta-band h2{color:#F1F5F9;font-size:clamp(24px,3.2vw,38px);margin:0 0 10px;letter-spacing:-.02em}
.cta-band p{color:#94A3B8;margin:0;font-size:15px}
.cta-band .btn{white-space:nowrap}
/* 案例 teaser */
.case-teaser-more{text-align:center;margin-top:26px}
/* 案例详情 */
.case-detail-head{background:#0B1220;padding:56px 0 48px;position:relative;overflow:hidden}
.case-detail-head::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(21,126,254,.28),transparent 65%);bottom:-260px;left:-120px}
.case-detail-head .wrap{position:relative}
.case-detail-head .kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#60A5FA;margin-bottom:14px}
.case-detail-head h1{color:#F1F5F9;font-size:clamp(28px,4vw,46px);margin:0 0 16px;letter-spacing:-.02em}
.case-detail-head .cd-tags{display:flex;gap:10px;flex-wrap:wrap}
.case-detail-head .cd-tags span{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#BFDBFE;border:1px solid rgba(96,165,250,.4);border-radius:99px;padding:4px 12px}
.cd-body{max-width:1100px;margin:0 auto;padding:44px 24px;display:grid;grid-template-columns:2fr 1fr;gap:40px}
@media(max-width:860px){.cd-body{grid-template-columns:1fr}}
.cd-main h2{font-size:19px;margin:26px 0 10px;letter-spacing:-.01em}
.cd-main h2:first-child{margin-top:0}
.cd-main p,.cd-main li{font-size:15px;line-height:1.9;color:#475569}
.cd-main ul{padding-left:20px}
.cd-side .box{border:1px solid #EAF3FF;border-radius:14px;padding:20px;margin-bottom:14px;background:#fff}
.cd-side .box b{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#157EFE;margin-bottom:8px}
.cd-side .box div{font-size:15px;font-weight:600}
.cd-side .box p{font-size:13px;color:#64748B;margin:6px 0 0;font-weight:400;line-height:1.7}
body.dark .cd-main p,body.dark .cd-main li{color:#94A3B8}
body.dark .cd-main h2{color:#F1F5F9}
body.dark .cd-side .box{background:#151525;border-color:#2A2A3F}
body.dark .cd-side .box div{color:#E5E7EB}
.cd-nav{max-width:1100px;margin:0 auto;padding:0 24px 40px;display:flex;justify-content:space-between;gap:14px;font-size:14px}
.cd-nav a{color:#157EFE;text-decoration:none;font-weight:500}
/* GEO 问答块 */
.geofaq{border:1px solid #EAF3FF;border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}
.geofaq summary{cursor:pointer;font-weight:600;font-size:14.5px;list-style:none;position:relative;padding-right:26px}
.geofaq summary::after{content:'+';position:absolute;right:2px;top:-1px;color:#157EFE;font-size:18px;font-weight:400}
.geofaq[open] summary::after{content:'–'}
.geofaq p{margin:10px 0 2px;font-size:14px;line-height:1.85;color:#475569}
body.dark .geofaq{background:#151525;border-color:#2A2A3F}
body.dark .geofaq p{color:#94A3B8}

/* 页脚（v3 紧凑三行条，左右给浮动挂件留净空） */
footer{padding-bottom:76px !important}
footer .fwrap{max-width:1040px}
footer .ftop{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:10px}
footer .fb{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
footer .fb b{font-size:15px;letter-spacing:.08em;color:#fff}
footer .fb span{font-size:12.5px;color:#64748B}
footer .fc a{font-size:12.5px;color:#94A3B8;text-decoration:none}
footer .fc a:hover{color:#fff}
footer .fnav{font-size:13px;line-height:2;margin-bottom:10px}
footer .fnav a{color:#94A3B8;text-decoration:none;padding:3px 0}
footer .fnav a:hover{color:#fff}
footer .fbtm{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}
footer .ffr{font-size:12px;color:#64748B}
footer .ffr .flabel{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.12em;color:#60A5FA;margin-right:10px;text-transform:uppercase}
footer .ffr a{color:#7C8698;text-decoration:none;font-size:12px}
footer .ffr a:hover{color:#fff}
footer .fcop{font-size:11.5px;color:#5B6472;white-space:nowrap}
footer .fcop a{color:#5B6472;text-decoration:none;font-size:11.5px}
footer .fcop a:hover{color:#94A3B8}
footer i{font-style:normal;color:#3B4657;margin:0 6px}
@media(max-width:720px){footer .ftop,footer .fbtm{flex-direction:column;gap:8px}}
/* 旧锚点跳转提示 */
.hash-note{display:none}
