.page-xishuangbanna{--xb-jade:#0c3a32;--xb-forest:#082923;--xb-leaf:#517d55;--xb-lime:#a3b76b;--xb-amber:#d39a52;--xb-ivory:#f4efe2;--xb-mist:#dfe9e3;--xb-ink:#17352f;color:var(--xb-ink);background:var(--xb-ivory)}
.page-xishuangbanna .city-main{overflow:hidden}.page-xishuangbanna .city-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.page-xishuangbanna .city-crumb{padding:20px 0 18px;color:#567069;font-size:14px}.page-xishuangbanna .city-crumb a{color:inherit}.page-xishuangbanna .city-crumb i{margin:0 10px;font-style:normal}
.xb-hero{position:relative;min-height:720px;display:grid;align-items:center;background:var(--xb-forest);color:#fff}.xb-hero-media,.xb-hero-media img,.xb-hero-shade{position:absolute;inset:0;width:100%;height:100%}.xb-hero-media img{object-fit:cover}.xb-hero-shade{background:linear-gradient(90deg,rgba(4,30,25,.97),rgba(4,30,25,.83) 45%,rgba(4,30,25,.28) 76%)}
.xb-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .68fr;align-items:center;gap:70px;padding:76px 0}.xb-eyebrow{margin:0 0 18px;color:#c6d7a2;font-size:13px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.xb-eyebrow.dark{color:var(--xb-leaf)}.xb-hero h1{max-width:730px;margin:0;font-size:clamp(51px,5vw,59px);line-height:1.08;letter-spacing:-.035em}.xb-hero-copy>p:not(.xb-eyebrow){max-width:700px;margin:26px 0 0;color:#d6e3dd;font-size:19px;line-height:1.85}.xb-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.xb-actions a:not(.xb-primary),.xb-service a,.xb-final a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:750}.xb-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:2px;background:var(--xb-amber);color:#15332d!important;text-decoration:none!important;font-weight:850}
.xb-hero-board{padding:25px;border:1px solid rgba(255,255,255,.25);background:rgba(8,41,35,.72);backdrop-filter:blur(9px);box-shadow:0 26px 65px rgba(0,0,0,.25)}.xb-hero-board header{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.xb-hero-board header span{padding:8px 12px;border:1px solid rgba(255,255,255,.22);color:#dce9e3;font-weight:800}.xb-hero-board>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.xb-hero-board p{margin:0;padding:16px 14px;border-left:3px solid var(--xb-amber);background:rgba(255,255,255,.08)}.xb-hero-board b,.xb-hero-board small{display:block}.xb-hero-board b{font-size:17px}.xb-hero-board small{margin-top:6px;color:#bfd0ca}
.xb-banner{padding:34px 0;background:#fff}.xb-banner.is-dark{background:var(--xb-forest)}.xb-banner .city-ad-inner{width:min(1200px,calc(100% - 48px));margin:auto}.xb-banner picture,.xb-banner img{display:block;width:100%}.xb-banner img{aspect-ratio:3/1;object-fit:contain}
.xb-dashboard{padding:112px 0 120px;background:linear-gradient(135deg,#f4efe2 0%,#dfe9e3 100%)}.xb-section-head{display:grid;grid-template-columns:.28fr .52fr .35fr;gap:45px;align-items:end;margin-bottom:48px}.xb-section-head h2,.xb-service h2,.xb-platform h2,.xb-reading h2,.xb-faq h2,.xb-final h2{margin:0;font-size:clamp(43px,4.2vw,47px);line-height:1.13;letter-spacing:-.028em}.xb-section-head>p:last-child{margin:0;color:#587069;line-height:1.8}.xb-board-grid{display:grid;grid-template-columns:1fr 90px 1fr;align-items:stretch}.xb-panel{position:relative;padding:36px 34px;background:#fff;box-shadow:0 18px 50px rgba(11,58,50,.11)}.xb-panel.operating{background:var(--xb-jade);color:#fff}.xb-panel-no{position:absolute;right:24px;top:20px;color:rgba(12,58,50,.16);font-size:58px;font-weight:900}.xb-panel.operating .xb-panel-no{color:rgba(255,255,255,.12)}.xb-panel h3{margin:0 0 26px;font-size:28px}.xb-panel ul{margin:0;padding:0;list-style:none}.xb-panel li{display:grid;grid-template-columns:110px 1fr;gap:17px;padding:18px 0;border-top:1px solid #d9e4de}.xb-panel.operating li{border-color:rgba(255,255,255,.18)}.xb-panel b{font-size:17px}.xb-panel span{color:#60766f}.xb-panel.operating span{color:#bfd1cb}.xb-axis{position:relative;display:grid;place-content:center;gap:16px;background:linear-gradient(90deg,transparent 49%,rgba(211,154,82,.8) 49%,rgba(211,154,82,.8) 51%,transparent 51%)}.xb-axis i{display:block;width:14px;height:14px;border-radius:50%;background:var(--xb-amber);box-shadow:0 0 0 6px var(--xb-mist)}
.xb-service{padding:118px 0;background:#fff}.xb-service.accounting{background:var(--xb-jade);color:#fff}.xb-service.growth{background:#edf0e6}.xb-service-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:75px;align-items:center}.xb-service-grid.reverse{grid-template-columns:1.12fr .88fr}.xb-service figure{margin:0}.xb-service figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:2px;box-shadow:0 25px 55px rgba(8,41,35,.18)}.xb-service figcaption{margin-top:12px;color:#61736e;font-size:13px}.accounting figcaption{color:#bcd0ca}.xb-label{display:flex;align-items:center;gap:13px;margin-bottom:20px}.xb-label span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--xb-amber);color:var(--xb-amber);font-weight:850}.xb-label p{margin:0;color:var(--xb-leaf);font-size:13px;font-weight:800;letter-spacing:.1em}.accounting .xb-label p{color:#c6d7a2}.xb-copy>p:not(.xb-note){margin:24px 0 0;color:#59706a;font-size:17px;line-height:1.85}.accounting .xb-copy>p:not(.xb-note){color:#bfd0ca}.xb-copy dl{display:grid;gap:8px;margin:24px 0}.xb-copy dl div{padding:14px 16px;background:#edf3ee;border-left:3px solid var(--xb-leaf)}.xb-copy dt{font-weight:800}.xb-copy dd{margin:5px 0 0;color:#61746e;font-size:14px}.xb-pairs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.xb-pairs p{margin:0;padding:15px;border:1px solid rgba(255,255,255,.18)}.xb-pairs b,.xb-pairs span{display:block}.xb-pairs span{margin-top:5px;color:#bfd0ca;font-size:13px}.accounting .xb-service a{color:#f2bd78}.growth ol{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 0;padding:0;list-style:none}.growth li{padding:14px;background:#fff;border-top:3px solid var(--xb-amber)}.growth li b,.growth li span{display:block}.growth li span{margin-top:6px;color:#61736e;font-size:13px}.xb-note{margin:18px 0;color:#5c706a;line-height:1.75;font-size:14px}
.xb-platform{padding:114px 0;background:var(--xb-forest);color:#fff}.xb-platform-head{display:grid;grid-template-columns:.3fr .7fr;gap:60px;align-items:end;margin-bottom:42px}.xb-platform-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:30px}.xb-platform figure{margin:0}.xb-platform figure img{display:block;width:100%;aspect-ratio:1.632/1;object-fit:cover;border:7px solid rgba(255,255,255,.14)}.xb-platform figcaption{margin-top:12px;color:#b9ccc5;font-size:13px}.xb-workspaces{display:grid;grid-template-columns:1fr 1fr;gap:10px}.xb-workspaces>p{margin:0;padding:18px;background:rgba(255,255,255,.075);border-top:2px solid var(--xb-amber)}.xb-workspaces span,.xb-workspaces b,.xb-workspaces small{display:block}.xb-workspaces span{color:var(--xb-amber);font-size:12px;font-weight:850}.xb-workspaces b{margin-top:13px;font-size:18px}.xb-workspaces small{margin-top:6px;color:#bdd0c9;line-height:1.55}.xb-workspaces>div{grid-column:1/-1;padding:19px;background:#fff;color:var(--xb-ink)}.xb-workspaces>div p{margin:0 0 15px;line-height:1.7}.xb-primary.light{background:var(--xb-amber)}
.xb-reading{padding:112px 0 125px;background:var(--xb-ivory)}.xb-reading .xb-section-head{grid-template-columns:.28fr .72fr}.xb-article-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xb-article-grid a{position:relative;display:grid;grid-template-columns:130px 1fr 48px;align-items:center;gap:20px;min-height:120px;padding:22px 24px;background:#fff;color:var(--xb-ink);text-decoration:none;border-left:4px solid var(--xb-leaf);box-shadow:0 9px 24px rgba(8,41,35,.06)}.xb-article-grid a:last-child{grid-column:1/-1}.xb-article-grid span{color:var(--xb-leaf);font-size:13px;font-weight:850}.xb-article-grid h3{margin:0;font-size:18px;line-height:1.55}.xb-article-grid i{font-style:normal;color:#d4dfd8;font-size:30px;font-weight:900;text-align:right}
.xb-faq{padding:118px 0;background:var(--xb-jade);color:#fff}.xb-faq-grid{display:grid;grid-template-columns:.4fr .6fr;gap:76px}.xb-faq header>p:last-child{color:#bad0c8;line-height:1.8}.xb-faq-list details{padding:0;border-bottom:1px solid rgba(255,255,255,.2)}.xb-faq-list summary{padding:23px 38px 23px 0;color:#fff;font-size:19px;font-weight:800;cursor:pointer}.xb-faq-list p{margin:0;padding:0 0 25px;color:#c1d2cd;line-height:1.85}.xb-faq-list summary::marker{color:var(--xb-amber)}
.xb-final{padding:114px 0;background:#0a302a;color:#fff}.xb-final-grid{display:grid;grid-template-columns:.56fr .44fr;gap:76px}.xb-final-panels{display:grid;grid-template-columns:1fr 1fr;gap:9px}.xb-final-panels p{margin:0;padding:16px;border:1px solid rgba(255,255,255,.18)}.xb-final-panels b,.xb-final-panels span{display:block}.xb-final-panels span{margin-top:6px;color:#bfd0ca;font-size:13px}.xb-final-grid>div:last-child>p{color:#bdd0ca;line-height:1.8}.xb-final-grid a{color:#f1bd78}
.xb-rise{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s ease}.xb-rise.is-visible{opacity:1;transform:none}
@media(max-width:900px){.page-xishuangbanna .city-shell{width:min(100% - 32px,1180px)}.xb-hero{min-height:800px;align-items:end}.xb-hero-shade{background:linear-gradient(180deg,rgba(4,30,25,.16),rgba(4,30,25,.96) 60%)}.xb-hero-grid{grid-template-columns:1fr;gap:26px;padding:100px 0 45px}.xb-hero h1{font-size:39px}.xb-hero-copy>p:not(.xb-eyebrow){font-size:16px;line-height:1.75;margin-top:20px}.xb-actions{flex-wrap:wrap;margin-top:24px}.xb-hero-board{padding:20px}.xb-banner{padding:22px 0}.xb-banner .city-ad-inner{width:100%}.xb-banner img{aspect-ratio:750/920}.xb-dashboard,.xb-service,.xb-platform,.xb-reading,.xb-faq,.xb-final{padding:78px 0}.xb-section-head,.xb-platform-head,.xb-platform-grid,.xb-service-grid,.xb-service-grid.reverse,.xb-faq-grid,.xb-final-grid{grid-template-columns:1fr;gap:35px}.xb-section-head h2,.xb-service h2,.xb-platform h2,.xb-reading h2,.xb-faq h2,.xb-final h2{font-size:32px}.xb-board-grid{grid-template-columns:1fr}.xb-axis{grid-template-columns:repeat(6,1fr);padding:20px;background:linear-gradient(180deg,transparent 49%,rgba(211,154,82,.8) 49%,rgba(211,154,82,.8) 51%,transparent 51%)}.xb-axis i{margin:auto}.xb-panel{padding:28px 24px}.xb-service-grid.reverse figure{order:2}.xb-platform-head{margin-bottom:30px}.xb-reading .xb-section-head{grid-template-columns:1fr}.xb-article-grid{grid-template-columns:1fr}.xb-article-grid a,.xb-article-grid a:last-child{grid-column:auto}.xb-article-grid a{grid-template-columns:90px 1fr 35px}.xb-final-panels{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.page-xishuangbanna .city-shell{width:calc(100% - 28px)}.xb-hero h1{font-size:37px}.xb-actions .xb-primary{width:100%}.xb-hero-board>div{grid-template-columns:1fr 1fr}.xb-panel li{grid-template-columns:1fr;gap:5px}.xb-pairs,.xb-workspaces,.xb-final-panels{grid-template-columns:1fr}.growth ol{grid-template-columns:1fr}.xb-article-grid a{grid-template-columns:1fr 34px;gap:10px}.xb-article-grid span{grid-column:1/-1}.xb-banner picture{background:#fff}.xb-banner img{object-fit:contain}.xb-service figure img{border-radius:0}}
@media(prefers-reduced-motion:reduce){.xb-rise{opacity:1;transform:none;transition:none!important}}
