/* 统一阅读层级，桌面保留并排比较，小屏按需查看详情。 */
:root{--text:#172e50;--muted:#556984;--reading-blue:#2458c6}
html{scroll-padding-top:calc(var(--site-header-height,81px) + 20px)}
body{overflow-x:clip}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2458c6;outline-offset:4px}
header{z-index:30}.nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:20px}.brand{width:auto;min-width:0;flex:1}.brand-lockup{min-width:0}.brand-lockup strong{font-size:23px;line-height:1.3;white-space:normal}.brand-lockup strong small{display:inline-block;font-size:14px;color:var(--muted);font-weight:500;margin-left:16px}.brand-mark{flex-shrink:0}
.quick-nav{display:flex;align-items:center;gap:12px;flex-shrink:0}.quick-pricing,.page-directory>summary{display:block;padding:10px 14px;border-radius:8px;font-size:14px;line-height:24px;font-weight:600}.quick-pricing{background:var(--blue);color:white}.page-directory{position:relative}.page-directory>summary{cursor:pointer;list-style:none;color:var(--text);background:#f3f7fd}.page-directory>summary::-webkit-details-marker{display:none}.page-directory nav{position:absolute;right:0;top:calc(100% + 12px);width:200px;background:white;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 36px #172e5026;display:grid;z-index:40}.page-directory nav a{font-size:15px;padding:8px 12px;border-radius:6px}.page-directory nav a:hover{background:#edf4ff;color:var(--reading-blue)}
#top.hero-ecosystem{grid-template-rows:1fr auto;gap:clamp(28px,6vh,64px);padding:clamp(36px,7vh,72px) 0;min-height:calc(100svh - var(--site-header-height,81px))}
#top .hero-intro-project{align-self:center}#top .hero-intro-project h1{font-size:clamp(32px,4vw,54px);margin-bottom:24px}#top .hero-project-description{max-width:880px;margin-inline:auto}#top .hero-project-tech{font-size:18px;line-height:1.85;margin:0}#top .hero-project-audience{font-size:16px;line-height:1.85;color:var(--muted);margin:16px 0 0}
.ecosystem-marquee{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
main.container>.section,main.container>.revenue-summary{margin-top:0;margin-bottom:72px}main.container>.hero-ecosystem{margin-bottom:24px}
.business-comparison-title,.comparison-section .section-head h2,.cooperation-services-heading h2{font-size:28px;line-height:1.55;letter-spacing:0;font-weight:650;white-space:normal;color:var(--text);margin:0 0 24px;text-align:left}.comparison-section #comparison-title{color:var(--text)}.business-comparison-title>span,.comparison-section #comparison-title span{color:var(--reading-blue)}.comparison-section .section-head{margin-bottom:0;padding:0}
main p,main li{overflow-wrap:break-word}.comparison-table td p{font-size:15px;line-height:1.85}.comparison-table td strong{font-size:17px}.comparison-table .comparison-ours{color:var(--reading-blue)}
.responsive-details{min-width:0}.responsive-details>summary{display:none}.details-content{min-width:0}.fold-open{display:none}.responsive-details[open] .fold-open{display:inline}.responsive-details[open] .fold-closed{display:none}
.revenue-grid .revenue-price-value span,.revenue-grid .revenue-price-compare dd p{font-size:13px}.revenue-grid .revenue-heading>span{font-size:14px}.revenue-grid .revenue-calculation{margin-top:20px}.revenue-grid .revenue-calculation dd,.revenue-grid .revenue-calculation dt{font-size:14px}.revenue-grid .revenue-result>div>span{color:var(--reading-blue)}
.cpt-compact .cpt-preview-description,.cpt-compact .cpt-features dd,.cpt-compact .cpt-use-cases p{font-size:14px}.cpt-compact .cpt-features dt{font-size:16px}.cpt-compact .cpt-price-item>span,.cpt-compact .cpt-price-item p>span,.cpt-compact .cpt-price-item>small,.cpt-compact .cpt-pricing-heading p,.cpt-compact .cpt-profit-result>p,.cpt-compact .cpt-preview-labels span{font-size:13px}.cpt-compact .cpt-profit-detail h4{font-size:15px}.cpt-compact .cpt-profit-detail dl>div{font-size:14px}.cpt-compact-head h3{font-size:23px}.cpt-exclusive{color:var(--reading-blue)}
#value .need{grid-row:span 4}#value .need .value-point+.value-point{margin-top:16px}#value .value-point{font-size:15px}#value .need .answer{font-size:14px;color:var(--reading-blue)}
.cooperation-advantage h3{font-size:21px}.cooperation-advantage p{font-size:16px;line-height:1.8}.cooperation-services{margin-top:0}.cooperation-service>p{font-size:16px}.cooperation-service ul{font-size:15px}.cooperation-service-price>span,.cooperation-service-price small{font-size:13px}.cooperation-service-price strong{color:var(--reading-blue)}
#pricing .pricing-purpose{font-size:15px;line-height:1.8}#pricing .price{flex-wrap:wrap}#pricing .plan-features{font-size:15px}#pricing .plan-facts>div{display:flex;flex-wrap:wrap;gap:6px 12px}#pricing .plan-facts strong{white-space:normal}.plan-overview{display:none}
.case-tabs{display:none}.case-zoom{display:block;position:relative;border:0;background:transparent;padding:0;width:100%}.case-zoom img{display:block;width:100%;height:auto}.zoom-label{position:absolute;bottom:10px;right:10px;font-size:12px;padding:4px 9px;background:white;color:var(--reading-blue);border:1px solid var(--line);border-radius:5px}.case .case-copy h3{font-size:21px;line-height:1.6}.case-copy dl{font-size:15px}.case .result{color:var(--reading-blue);font-size:14px}.note{font-size:13px}
.image-viewer{width:min(720px,calc(100% - 32px));max-height:90svh;padding:20px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 20px 90px #172e5055;overflow:auto}.image-viewer::backdrop{background:transparent}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.viewer-close{min-height:44px;padding:8px 16px;border:1px solid var(--line);background:white;border-radius:8px;color:var(--text)}.image-viewer>img{display:block;width:100%;height:auto}
@media(min-width:701px) and (max-width:1000px){#pricing .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#pricing .pricing-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;padding:20px 16px}#pricing .pricing-heading h3{font-size:21px}#pricing .pricing-heading>span{font-size:12px}#pricing .price strong{font-size:34px}#pricing .pricing-purpose{font-size:14px}.revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-grid>.wechat-offering{grid-column:1/-1}.revenue-grid>.cpt-compact{grid-column:1/-1}}
@media(max-width:850px){.case-tabs{display:flex;gap:8px;margin-bottom:18px}.case-tab{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--muted);padding:8px;font-size:14px}.case-tab[aria-selected=true]{border-color:var(--reading-blue);color:var(--reading-blue);background:#eaf2ff;font-weight:600}.cases>.case[data-active=false]{display:none}}
@media(max-width:700px){
 .container{width:calc(100% - 40px)}.nav{padding:10px 0;gap:8px;min-height:66px}.brand-lockup{gap:7px}.brand-lockup strong{font-size:clamp(13px,3.5vw,19px);letter-spacing:0}.brand-lockup strong small{display:block;margin:3px 0 0;font-size:12px}.brand-mark{height:24px}.quick-nav{gap:0}.quick-pricing{display:none}.page-directory>summary{font-size:13px;padding:8px;white-space:nowrap}.page-directory nav{max-height:70svh;overflow:auto}
 #top .hero-intro-project h1{font-size:clamp(25px,6.8vw,36px);letter-spacing:-.5px;line-height:1.45}#top .hero-project-tech{font-size:16px;line-height:1.85}#top .hero-project-audience{font-size:15px;line-height:1.8}#top.hero-ecosystem{padding:32px 0 38px;gap:32px}#top .ecosystem-board{padding-top:0;padding-bottom:0}
 main.container>.section,main.container>.revenue-summary{margin-bottom:48px}.business-comparison-title,.comparison-section .section-head h2,.cooperation-services-heading h2{font-size:21px;line-height:1.6;margin-bottom:20px}.business-comparison-title>span{display:block;margin-bottom:3px}
 .responsive-details>summary{display:flex;align-items:center;min-height:44px;padding:9px 0;color:var(--reading-blue);font-size:14px;cursor:pointer;list-style:none}.responsive-details>summary::-webkit-details-marker{display:none}.responsive-details>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:10px;margin-top:-4px}.responsive-details[open]>summary::after{transform:rotate(225deg);margin-top:4px}.details-content>p{margin-top:0}
 .comparison-table td strong{font-size:16px}.comparison-table td p{font-size:15px}.comparison-table td{padding:16px 20px}.comparison-table td::before{font-size:13px}.comparison-table tbody th{font-size:16px}
 .revenue-grid{grid-template-columns:1fr}.revenue-grid>.revenue-card{padding:22px}.revenue-grid .revenue-price-value strong{font-size:28px}.revenue-grid .revenue-price-value{flex-wrap:wrap}.revenue-grid .revenue-calculation{padding:16px}.revenue-grid .revenue-calculation dl>div{display:block}.revenue-grid .revenue-calculation dd{text-align:left;margin-top:4px}.revenue-result{flex-wrap:wrap}
 .revenue-grid>.cpt-compact{grid-template-columns:1fr}.cpt-compact-head>div:first-child{min-width:0}.cpt-compact-head h3{font-size:21px}.cpt-compact .cpt-price-grid{grid-template-columns:1fr}.cpt-compact .cpt-price-item{padding:14px 16px}.cpt-compact .cpt-price-item+.cpt-price-item{border-left:0;border-top:1px solid var(--line)}.cpt-compact .cpt-price-item>p{display:flex;align-items:baseline;gap:8px}.cpt-compact .cpt-price-item p>span{display:inline}.cpt-compact .cpt-profit{grid-template-columns:1fr}
 #value .need{display:flex;grid-row:auto;padding:22px;gap:12px}#value .need h3{font-size:20px}#value .need>p{font-size:16px}.cooperation-advantage{padding:22px;gap:10px}.cooperation-advantage h3{font-size:20px}.cooperation-service{padding:22px}.cooperation-service h4{font-size:20px}
 #pricing .pricing-grid{grid-template-columns:1fr}#pricing .pricing-card{display:flex;gap:14px;padding:24px}#pricing .pricing-heading h3{font-size:23px}#pricing .price strong{font-size:44px}#pricing .plan-detail{border-top:1px solid var(--line)}#pricing .plan-features{margin:4px 0 0;padding-top:0;border:0}.plan-overview{display:grid;gap:10px;margin-bottom:22px}.plan-overview a{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.plan-overview strong,.plan-overview span{font-size:15px}.plan-overview span{color:var(--reading-blue);font-weight:600}.plan-overview small{grid-column:1/-1;font-size:13px;color:var(--muted)}
 .case{display:block}.case figure{padding:16px}.case-copy{padding:22px}.case .case-copy h3{font-size:20px}.case-copy dl>div{grid-template-columns:1fr;gap:4px}.case-copy dt{font-weight:600;color:var(--text)}.case .result{margin-top:16px}.cooperation-ending{padding:24px}.cooperation-ending .button{width:100%;text-align:center;min-height:44px}
}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand-lockup strong{font-size:13px}.brand-mark{height:20px}.page-directory>summary{font-size:12px;padding:8px 6px}#pricing .pricing-card,.revenue-grid>.revenue-card{padding:18px}.plan-overview a{padding:12px}.plan-overview strong,.plan-overview span{font-size:14px}}
@media print{header{position:static}.quick-nav,.case-tabs,.plan-overview,.zoom-label,.responsive-details>summary,.image-viewer{display:none!important}.cases>.case[data-active=false]{display:block}#top.hero-ecosystem{min-height:0;padding:20px 0}.ecosystem-track{animation:none;transform:none}.ecosystem-wall-copy{display:none!important}.responsive-details>.details-content{display:block!important}}

.revenue-grid .revenue-result p>span{font-size:12px}
@media(max-width:700px){#pricing .plan-detail{border-top:0}#pricing .plan-facts{padding-bottom:14px}}

/* 首页主标题采用蓝色渐变，文字裁切不支持时保留品牌蓝。 */
#top .hero-intro-project h1{color:var(--blue)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 #top .hero-intro-project h1{width:fit-content;max-width:100%;margin-inline:auto;background-image:linear-gradient(110deg,#173c8f 0%,#2f6bff 55%,#0089c7 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media print{#top .hero-intro-project h1{background:none;color:#173c8f;-webkit-text-fill-color:#173c8f}}

/* 平台栏上移，保留首屏高度与标题位置。 */
#top .ecosystem-board{transform:translateY(calc(clamp(-110px,-10svh,-24px) - 72px))}
@media(min-height:651px) and (max-height:760px){#top .ecosystem-board{transform:translateY(clamp(-110px,-10svh,-24px))}}
@media(max-height:650px){#top .ecosystem-board{transform:none}}
@media print{#top .ecosystem-board{transform:none}}