:root{--ec-navy:#06324d;--ec-deep:#031f35;--ec-blue:#0b5f96;--ec-red:#d9171f;--ec-ink:#183247;--ec-muted:#718294;--ec-line:#e4eaf0;--ec-bg:#f3f6f9;--ec-white:#fff;--ec-shadow:0 22px 54px rgba(10,43,67,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ec-ink);background:#fff;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open,body.detail-modal-open,body.contact-modal-open{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}.ec-shell{width:min(1500px,calc(100% - 80px));margin:0 auto}
.ec-header{position:relative;z-index:100;color:#fff;background:var(--ec-navy);box-shadow:0 8px 30px rgba(2,23,39,.12)}.ec-header.is-sticky{position:sticky;top:0}.ec-header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.ec-logo img{width:170px;max-height:52px;object-fit:contain}.ec-header-actions{display:flex;align-items:center;gap:34px}.ec-phone{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.04em}.ec-phone i{font-size:20px}.ec-menu-button{display:flex;align-items:center;gap:7px;padding:10px 0;border:0;color:#fff;background:none;letter-spacing:.12em}.ec-menu-button i{display:block;width:18px;height:1px;background:#fff;transition:.25s}.ec-menu-button i:last-child{position:absolute;margin:8px 0 0 55px}.ec-menu{position:absolute;top:82px;left:0;right:0;max-height:0;overflow:hidden;background:rgba(3,31,53,.98);transition:max-height .35s ease}.ec-menu.open{max-height:230px}.ec-menu .ec-shell{display:grid;grid-template-columns:repeat(6,1fr);padding:30px 0}.ec-menu a{padding:15px;text-align:center;color:#bed1de;border-right:1px solid rgba(255,255,255,.08)}.ec-menu a:hover{color:#fff}.ec-menu a:last-child{border:0}
.ec-hero{overflow:hidden;background:linear-gradient(105deg,#f7f9fb 0%,#fff 48%,#eef3f6 100%)}.ec-hero-grid{min-height:680px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:stretch}.ec-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 70px 70px 0}.ec-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:44px;color:#8997a4;font-size:12px}.ec-breadcrumb a:hover{color:var(--ec-red)}.ec-tags{display:flex;gap:9px;margin-bottom:24px}.ec-tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:16px;color:#526b7d;background:#e9eef2;font-size:12px}.ec-tag.important{color:#fff;background:var(--ec-red)}.ec-hero h1{max-width:700px;margin:0;color:var(--ec-navy);font-size:52px;line-height:1.2;letter-spacing:-.035em}.ec-lead{max-width:640px;margin:25px 0 16px;color:#5d7181;font-size:19px;line-height:1.85}.ec-en{color:#9ba8b3;font-size:12px;letter-spacing:.14em}.ec-en:after{content:"";display:block;width:46px;height:3px;margin-top:28px;background:var(--ec-red)}.ec-scroll{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:42px;color:#8b9aa7;font-size:10px;letter-spacing:.14em}.ec-scroll i{width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.ec-hero-media{position:relative;min-height:680px;overflow:hidden;background:#e8eef1}.ec-hero-media:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:14%;background:linear-gradient(90deg,#fff,transparent)}.ec-hero-media img{width:100%;height:100%;object-fit:cover}.ec-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dce7ed,#f7f1e9);color:#718798;letter-spacing:.2em}
.ec-project-card{position:relative;z-index:5;margin-top:-34px}.ec-project-info{display:grid;grid-template-columns:repeat(5,1fr);padding:26px 12px;background:#fff;border:1px solid var(--ec-line);border-radius:14px;box-shadow:var(--ec-shadow)}.ec-project-info>div{min-width:0;padding:0 24px;border-right:1px solid var(--ec-line)}.ec-project-info>div:last-child{border:0}.ec-project-info span,.ec-project-info strong{display:block}.ec-project-info span{margin-bottom:8px;color:#93a0ac;font-size:11px}.ec-project-info strong{overflow:hidden;color:var(--ec-navy);font-size:15px;white-space:nowrap;text-overflow:ellipsis}.ec-metrics{display:grid;grid-template-columns:1.15fr repeat(3,1fr);align-items:center;margin-top:14px;padding:25px 32px;color:#fff;background:linear-gradient(110deg,var(--ec-navy),#0b527e);border-radius:12px;box-shadow:0 18px 40px rgba(6,50,77,.15)}.ec-metric-title{font-size:15px;letter-spacing:.08em}.ec-metric{display:flex;align-items:center;gap:15px;padding-left:30px;border-left:1px solid rgba(255,255,255,.18)}.ec-metric strong{font-size:34px}.ec-metric span{max-width:150px;color:#c2d5e1;font-size:12px;line-height:1.5}
.ec-section{padding:110px 0}.ec-section-kicker{display:flex;align-items:center;gap:12px;margin-bottom:38px;color:var(--ec-navy);font-size:14px;font-weight:700;letter-spacing:.08em}.ec-section-kicker b{color:var(--ec-red);font-size:18px}.ec-section-kicker.light{color:#fff}.ec-section-kicker.light b{color:#fff}.ec-section-kicker:after{content:"";width:38px;height:1px;background:#b7c3cc}.ec-insight-grid{display:grid;grid-template-columns:1.05fr .82fr 1fr;gap:42px;align-items:stretch}.ec-insight-copy{padding:20px 15px 0 0}.ec-insight-copy h2,.ec-section-intro h2,.ec-architecture-copy h2{margin:0;color:var(--ec-navy);font-size:38px;line-height:1.35}.ec-body-copy{margin-top:25px;color:#657888;font-size:15px;line-height:2}.ec-insight-image{min-height:410px;margin:0;overflow:hidden;border-radius:4px}.ec-insight-image img{width:100%;height:100%;object-fit:cover}.ec-challenges{padding:34px;background:var(--ec-bg);border-radius:4px}.ec-challenges h3{margin:0 0 24px;color:var(--ec-navy);font-size:18px}.ec-challenges article{display:flex;gap:17px;padding:19px 0;border-top:1px solid #dce4ea}.ec-challenges article>b{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--ec-red);font-size:11px}.ec-challenges h4{margin:0 0 7px;font-size:15px}.ec-challenges p{margin:0;color:#778797;font-size:12px;line-height:1.65}
.ec-strategy-section{background:#f3f7fa}.ec-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-bottom:34px}.ec-flow-item{position:relative;display:flex;align-items:center;gap:15px;min-height:82px;padding:18px 24px;background:#fff;border:1px solid var(--ec-line);border-radius:9px}.ec-flow-item:not(:last-child):after{content:"";position:absolute;left:calc(100% + 8px);width:18px;height:1px;background:#93a7b5}.ec-flow-item span{color:var(--ec-red);font-size:11px}.ec-flow-item strong{color:var(--ec-navy);font-size:16px}.ec-strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ec-strategy-card{position:relative;min-height:238px;padding:36px;background:#fff;border:1px solid var(--ec-line);border-radius:10px;transition:.25s}.ec-strategy-card:hover{transform:translateY(-5px);box-shadow:var(--ec-shadow)}.ec-strategy-card>span{position:absolute;top:26px;right:28px;color:var(--ec-red);font-weight:700}.ec-strategy-card i{font-size:34px;color:#1b6b9c}.ec-strategy-card h3{margin:26px 0 12px;color:var(--ec-navy);font-size:20px}.ec-strategy-card p{margin:0;color:#718392;font-size:13px;line-height:1.8}
.ec-architecture-section{background:#fff}.ec-architecture-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.ec-architecture-copy h2{font-size:42px}.ec-architecture-copy>p{margin:18px 0 34px;color:#6b7e8d;line-height:1.8}.ec-architecture-copy ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ec-line)}.ec-architecture-copy li{display:flex;align-items:center;gap:25px;padding:17px 0;border-bottom:1px solid var(--ec-line);font-size:15px}.ec-architecture-copy li span{color:var(--ec-red);font-size:11px;font-weight:700}.ec-architecture-media{display:flex;justify-content:center;min-height:580px;padding:45px;background:linear-gradient(145deg,#f1f5f8,#e7eef3);border-radius:8px;overflow:hidden}.ec-architecture-media>img{max-height:680px;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(15,45,64,.18))}.ec-phone-frame{width:310px;padding:42px 18px 24px;border:9px solid #102b3d;border-radius:42px;background:#fff;box-shadow:0 28px 45px rgba(12,39,58,.22)}.ec-phone-speaker{width:82px;height:17px;margin:-33px auto 22px;border-radius:12px;background:#102b3d}.ec-phone-block{display:flex;align-items:center;gap:12px;margin:9px 0;padding:16px;border-radius:8px;background:#f3f6f8}.ec-phone-block span{color:var(--ec-red);font-size:10px}.ec-phone-block b{font-size:13px;color:var(--ec-navy)}
.ec-result-section{background:#f6f7f8}.ec-section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.ec-section-intro p{max-width:600px;margin:0;color:#7a8996;font-size:13px;line-height:1.8}.ec-visual-showcase{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.82fr);gap:34px;align-items:start}.ec-visual-summary{padding:44px 36px;background:#fff;border:1px solid #dce4ea;border-radius:8px;box-shadow:0 18px 45px rgba(10,43,67,.06)}.ec-visual-summary h3{margin:0;color:var(--ec-navy);font-size:29px;line-height:1.45}.ec-visual-summary>i{display:block;width:52px;height:3px;margin:22px 0;background:var(--ec-red)}.ec-visual-summary>p{margin:0;color:#667b8b;font-size:14px;line-height:2}.ec-visual-tags{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.ec-visual-tags span{padding:8px 13px;color:var(--ec-navy);background:#f7f9fb;border:1px solid #b7c8d4;border-radius:3px;font-size:12px}.ec-detail-open{min-width:176px;height:48px;padding:0 22px;color:var(--ec-red);background:#fff;border:1px solid var(--ec-red);border-radius:4px;cursor:pointer;transition:.25s}.ec-detail-open:hover{color:#fff;background:var(--ec-red);box-shadow:0 12px 25px rgba(217,23,31,.18);transform:translateY(-2px)}.ec-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ec-visual-card{min-width:0;padding:10px 10px 0;overflow:hidden;color:var(--ec-navy);background:#fff;border:1px solid #e0e7ec;border-radius:8px;box-shadow:0 10px 28px rgba(10,43,67,.06);cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.ec-visual-card:hover,.ec-visual-card:focus-visible{border-color:#b6c7d3;box-shadow:0 20px 42px rgba(7,46,72,.14);transform:translateY(-5px);outline:0}.ec-visual-media{position:relative;display:flex;width:100%;aspect-ratio:3/4;align-items:center;justify-content:center;overflow:hidden;background:#eef2f4}.ec-visual-media img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.ec-visual-media:after{content:"";position:absolute;inset:0;background:rgba(3,31,53,0);transition:background .28s}.ec-visual-media em{position:absolute;z-index:2;left:50%;top:50%;display:flex;align-items:center;gap:9px;padding:11px 16px;color:#fff;background:rgba(3,31,53,.84);border-radius:3px;font-size:12px;font-style:normal;white-space:nowrap;opacity:0;transform:translate(-50%,-38%);transition:.28s}.ec-visual-card:hover .ec-visual-media:after,.ec-visual-card:focus-visible .ec-visual-media:after{background:rgba(3,31,53,.18)}.ec-visual-card:hover .ec-visual-media em,.ec-visual-card:focus-visible .ec-visual-media em{opacity:1;transform:translate(-50%,-50%)}.ec-visual-card>strong{display:block;padding:15px 8px 17px;text-align:center;font-size:15px}.ec-visual-empty{min-height:420px;display:flex;align-items:center;justify-content:center;padding:40px;color:#8a99a5;background:#fff;border:1px dashed #c9d5dd;border-radius:8px;text-align:center}.ec-detail-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.ec-detail-modal.is-open{visibility:visible;opacity:1}.ec-detail-backdrop{position:absolute;inset:0;background:rgba(2,25,42,.82);backdrop-filter:blur(4px)}.ec-detail-dialog{position:relative;z-index:1;width:min(1180px,100%);height:min(90vh,980px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.34);transform:translateY(20px);transition:transform .3s ease}.ec-detail-modal.is-open .ec-detail-dialog{transform:none}.ec-detail-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 25px;color:#fff;background:var(--ec-navy)}.ec-detail-head span{color:#90b2c7;font-size:9px;letter-spacing:.18em}.ec-detail-head h2{max-width:850px;margin:5px 0 0;font-size:20px;line-height:1.35}.ec-detail-head>button{width:42px;height:42px;padding:0;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);border-radius:50%;font-size:30px;line-height:38px;cursor:pointer}.ec-detail-scroll{flex:1;overflow:auto;padding:36px;background:#eef2f4;scroll-behavior:smooth}.ec-rich-content{width:min(980px,100%);margin:0 auto;padding:0;text-align:center;background:#fff}.ec-rich-content img{max-width:100%!important;width:auto!important;height:auto!important;margin:0 auto}.ec-rich-content p{max-width:100%!important;margin:0 auto}.ec-rich-content table{max-width:100%!important;margin:0 auto}
.ec-gallery-section{background:#fff}.ec-material-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.ec-material-intro h2{margin:0;color:var(--ec-navy);font-size:40px;line-height:1.35}.ec-material-intro p{max-width:720px;margin:0;color:#6f8190;font-size:14px;line-height:1.9}.ec-material-showcase{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(520px,auto) auto;overflow:hidden;background:#fff;border:1px solid #e1e8ed;border-radius:18px;box-shadow:0 22px 55px rgba(10,43,67,.09)}.ec-material-copy{grid-column:1;grid-row:1;padding:62px 38px;background:linear-gradient(145deg,#fff,#f8fafb);border-right:1px solid #e4eaf0}.ec-material-count{display:flex;align-items:baseline;gap:7px;margin-bottom:27px}.ec-material-count b{color:var(--ec-red);font-size:23px}.ec-material-count span{color:#8998a5;font-size:16px}.ec-material-copy h3{margin:0;color:var(--ec-navy);font-size:31px;line-height:1.4}.ec-material-copy>i{display:block;width:42px;height:3px;margin:22px 0;background:var(--ec-red)}.ec-material-copy>p{min-height:84px;margin:0;color:#657989;font-size:14px;line-height:2}.ec-material-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.ec-material-tags span{padding:7px 11px;color:#647887;background:#fff;border:1px solid #d9e1e7;border-radius:4px;font-size:11px}.ec-material-arrows{display:flex;gap:12px;margin-top:62px}.ec-material-arrows button{width:48px;height:48px;color:var(--ec-navy);background:#fff;border:1px solid #d9e1e7;border-radius:7px;font-size:25px;cursor:pointer;transition:.22s}.ec-material-arrows button:hover,.ec-material-arrows button:focus-visible{color:#fff;background:var(--ec-navy);border-color:var(--ec-navy);outline:0;transform:translateY(-2px)}.ec-material-stage{position:relative;grid-column:2;grid-row:1;min-width:0;min-height:520px;display:flex;align-items:center;justify-content:center;padding:30px 60px;overflow:hidden;background:radial-gradient(circle at 55% 40%,#fff 0,#f6f8f9 48%,#eef2f4 100%)}.ec-material-stage:after{content:"";position:absolute;left:14%;right:14%;bottom:28px;height:35px;background:radial-gradient(ellipse,rgba(13,38,55,.14),transparent 67%);filter:blur(8px)}.ec-material-stage img{position:relative;z-index:1;max-width:100%;width:auto;height:auto;max-height:480px;object-fit:contain;filter:drop-shadow(0 17px 17px rgba(9,35,52,.18));opacity:1;transform:none;transition:opacity .2s ease,transform .25s ease}.ec-material-stage.is-switching img{opacity:0;transform:translateY(7px)}.ec-material-thumbs{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(6,minmax(115px,1fr)) 150px;gap:0;padding:18px 22px 12px;border-top:1px solid #e1e8ed;background:#fff}.ec-material-thumb{position:relative;min-width:0;padding:0 9px 12px;color:#6b7d8b;background:none;border:0;cursor:pointer}.ec-material-thumb>span{display:flex;height:110px;align-items:center;justify-content:center;padding:7px;overflow:hidden;background:#f4f6f7;border:1px solid transparent;border-radius:7px;transition:.23s}.ec-material-thumb img{width:100%;height:100%;object-fit:contain}.ec-material-thumb strong{display:block;overflow:hidden;margin-top:9px;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.ec-material-thumb:after{content:"";position:absolute;left:26%;right:26%;bottom:0;height:3px;background:var(--ec-red);opacity:0;transform:scaleX(.4);transition:.23s}.ec-material-thumb:hover>span,.ec-material-thumb:focus-visible>span{border-color:#afc1cd;box-shadow:0 7px 20px rgba(7,46,72,.09)}.ec-material-thumb:focus-visible{outline:0}.ec-material-thumb.is-active{color:var(--ec-navy)}.ec-material-thumb.is-active>span{border-color:var(--ec-navy);box-shadow:0 8px 20px rgba(7,46,72,.1)}.ec-material-thumb.is-active:after{opacity:1;transform:none}.ec-material-hint{display:flex;align-items:center;justify-content:center;gap:10px;color:#8796a2;border-left:1px solid #e7ecef;font-size:11px;line-height:1.65;text-align:left}.ec-material-hint i{font-size:28px;color:#a2afb8}
.ec-compare-section{background:#eef3f6}.ec-compare-card{display:grid;grid-template-columns:1fr .8fr 1fr;gap:0;overflow:hidden;background:#fff;border:1px solid var(--ec-line);border-radius:10px;box-shadow:var(--ec-shadow)}.ec-compare-side{position:relative;min-height:460px;padding:56px;background:#f7f8f9}.ec-compare-side.after{background:#f5f1ea}.ec-compare-side>span{display:inline-flex;margin-bottom:18px;padding:6px 12px;color:#fff;background:#8998a3;font-size:12px}.ec-compare-side.after>span{background:var(--ec-red)}.ec-compare-side img{width:100%;height:350px;object-fit:contain}.ec-compare-placeholder{height:350px;display:flex;align-items:center;justify-content:center;color:#9aa7b1;background:repeating-linear-gradient(135deg,#eef2f4,#eef2f4 12px,#f7f9fa 12px,#f7f9fa 24px);font-size:13px;letter-spacing:.08em}.ec-compare-table{display:flex;flex-direction:column;justify-content:center;padding:35px;background:#fff}.ec-compare-table>div{display:grid;grid-template-columns:1fr .8fr 20px .8fr;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid var(--ec-line)}.ec-compare-table>div:last-child{border:0}.ec-compare-table strong{color:var(--ec-navy);font-size:13px}.ec-compare-table span{color:#94a0ab;font-size:12px}.ec-compare-table i{color:#9eabb5}.ec-compare-table b{color:var(--ec-red);font-size:12px}
.ec-value-section{padding:72px 0;color:#fff;background:linear-gradient(120deg,var(--ec-deep),#074a72)}.ec-value-grid{display:grid;grid-template-columns:repeat(3,1fr)}.ec-value-grid article{display:flex;align-items:center;gap:22px;padding:8px 44px;border-right:1px solid rgba(255,255,255,.18)}.ec-value-grid article:first-child{padding-left:0}.ec-value-grid article:last-child{border:0}.ec-value-grid i{font-size:28px;color:#8ec4e4}.ec-value-grid strong{font-size:16px;line-height:1.6}
.ec-related-section{background:#fff}.ec-related-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.ec-related-head span{color:var(--ec-red);font-size:10px;letter-spacing:.16em}.ec-related-head h2{margin:7px 0 0;color:var(--ec-navy);font-size:34px}.ec-related-head>a{color:#637788;font-size:13px}.ec-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ec-related-card{overflow:hidden;border:1px solid var(--ec-line);background:#fff;transition:.25s}.ec-related-card:hover{transform:translateY(-4px);box-shadow:var(--ec-shadow)}.ec-related-image{height:230px;background:#e9eef1}.ec-related-image img{width:100%;height:100%;object-fit:cover}.ec-related-copy{position:relative;padding:22px}.ec-related-copy span{color:var(--ec-red);font-size:11px}.ec-related-copy h3{margin:10px 34px 0 0;color:var(--ec-navy);font-size:17px;line-height:1.5}.ec-related-copy i{position:absolute;right:22px;bottom:25px}.ec-related-empty{grid-column:1/-1;padding:60px;text-align:center;color:#91a0ac;background:#f5f7f8}
.ec-cta{padding:92px 0;text-align:center;color:#fff;background:linear-gradient(rgba(2,31,52,.86),rgba(2,31,52,.94)),radial-gradient(circle at 50% 0,#125b85,#021f34)}.ec-cta h2{margin:0;font-size:42px}.ec-cta p{margin:17px auto 30px;color:#b6cbd8;line-height:1.8}.ec-contact-open{display:inline-flex;min-width:190px;height:48px;align-items:center;justify-content:center;padding:0 24px;color:#fff;background:var(--ec-red);border:0;border-radius:3px;box-shadow:0 12px 25px rgba(217,23,31,.25);cursor:pointer;transition:.2s}.ec-contact-open:hover,.ec-contact-open:focus-visible{background:#ef232b;box-shadow:0 17px 32px rgba(217,23,31,.32);outline:0;transform:translateY(-3px)}.ec-contact-modal{position:fixed;z-index:10000;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.ec-contact-modal.is-open{visibility:visible;opacity:1}.ec-contact-backdrop{position:absolute;inset:0;background:rgba(2,25,42,.84);backdrop-filter:blur(5px)}.ec-contact-dialog{position:relative;z-index:1;width:min(900px,100%);overflow:hidden;padding:45px;background:#f4f7f9;border:1px solid rgba(255,255,255,.34);border-radius:15px;box-shadow:0 34px 100px rgba(0,0,0,.38);transform:translateY(18px) scale(.985);transition:transform .28s ease}.ec-contact-modal.is-open .ec-contact-dialog{transform:none}.ec-contact-close{position:absolute;z-index:2;top:18px;right:18px;width:42px;height:42px;padding:0;color:#5b7180;background:#fff;border:1px solid #dbe4ea;border-radius:50%;font-size:28px;line-height:38px;cursor:pointer;transition:.2s}.ec-contact-close:hover,.ec-contact-close:focus-visible{color:#fff;background:var(--ec-navy);border-color:var(--ec-navy);outline:0;transform:rotate(5deg)}.ec-contact-heading{padding:0 60px 30px 0}.ec-contact-heading>span{color:var(--ec-red);font-size:10px;font-weight:700;letter-spacing:.18em}.ec-contact-heading h2{margin:9px 0 8px;color:var(--ec-navy);font-size:32px}.ec-contact-heading p{margin:0;color:#748694;font-size:13px;line-height:1.8}.ec-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ec-contact-grid>section{position:relative;min-width:0;padding:27px;background:#fff;border:1px solid #dde6ec;border-radius:11px;box-shadow:0 13px 34px rgba(10,43,67,.06)}.ec-contact-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:#fff;border-radius:10px;font-size:22px}.ec-contact-icon.wechat{background:#14a83b}.ec-contact-icon.phone{background:var(--ec-navy)}.ec-contact-copy>span{color:#8a99a5;font-size:11px}.ec-contact-copy h3{margin:7px 0 9px;color:var(--ec-navy);font-size:22px}.ec-contact-copy p{min-height:48px;margin:0;color:#718493;font-size:12px;line-height:1.8}.ec-contact-qr{display:flex;align-items:center;flex-direction:column;margin-top:21px;padding:17px;background:#f7f9fa;border:1px solid #e1e8ed;border-radius:8px}.ec-contact-qr img{width:190px;height:190px;object-fit:contain;background:#fff}.ec-contact-qr small{margin-top:10px;color:#8797a3;font-size:10px}.ec-contact-call{display:flex;height:58px;align-items:center;justify-content:center;gap:10px;margin-top:38px;color:#fff;background:var(--ec-navy);border-radius:6px;font-size:15px;font-weight:600;box-shadow:0 12px 25px rgba(6,50,77,.18);transition:.22s}.ec-contact-call:hover,.ec-contact-call:focus-visible{color:#fff;background:#0a527c;box-shadow:0 16px 30px rgba(6,50,77,.25);outline:0;transform:translateY(-2px)}
.ec-footer{padding:52px 0;color:#91adbf;background:#021a2c}.ec-footer>.ec-shell{display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:end;gap:40px}.ec-footer img{width:145px;margin-bottom:13px}.ec-footer p{margin:0 0 7px;color:#d9e6ed;font-size:13px}.ec-footer small{font-size:10px}.ec-footer nav{display:flex;justify-content:center;gap:24px;color:#b5c8d3;font-size:12px}.ec-footer a:hover{color:#fff}.ec-record{display:flex;align-items:flex-end;flex-direction:column;gap:7px;font-size:10px}
.ec-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.ec-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1200px){.ec-shell{width:min(100% - 48px,1500px)}.ec-hero-grid{grid-template-columns:1fr 1fr}.ec-hero-copy{padding-right:40px}.ec-hero h1{font-size:42px}.ec-project-info>div{padding:0 14px}.ec-insight-grid{grid-template-columns:1fr 1fr}.ec-insight-image{display:none}.ec-architecture-grid{gap:50px}.ec-visual-showcase{grid-template-columns:300px minmax(0,1fr);gap:24px}.ec-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-material-showcase{grid-template-columns:280px minmax(0,1fr)}.ec-material-copy{padding:48px 30px}.ec-material-thumbs{display:flex;overflow-x:auto;scrollbar-width:thin}.ec-material-thumb{flex:0 0 135px}.ec-material-hint{flex:0 0 140px}.ec-compare-card{grid-template-columns:1fr 1fr}.ec-compare-table{grid-column:1/-1;grid-row:2}.ec-compare-table>div{grid-template-columns:1fr 1fr 20px 1fr}.ec-footer>.ec-shell{grid-template-columns:1fr 1fr}.ec-record{grid-column:1/-1;align-items:flex-start}}
@media(max-width:820px){.ec-shell{width:calc(100% - 32px)}.ec-header-inner{height:68px}.ec-logo img{width:130px}.ec-phone span{display:none}.ec-menu{top:68px}.ec-menu .ec-shell{grid-template-columns:1fr 1fr;padding:15px 0}.ec-menu a{border-bottom:1px solid rgba(255,255,255,.08)}.ec-hero-grid{min-height:auto;display:flex;flex-direction:column}.ec-hero-copy{padding:62px 0 45px}.ec-breadcrumb{margin-bottom:28px}.ec-hero h1{font-size:35px}.ec-lead{font-size:16px}.ec-en{word-break:break-word}.ec-scroll{display:none}.ec-hero-media{min-height:380px}.ec-hero-media:before{display:none}.ec-project-card{margin-top:0}.ec-project-info{grid-template-columns:1fr 1fr;border-radius:0}.ec-project-info>div{padding:16px;border-right:0;border-bottom:1px solid var(--ec-line)}.ec-project-info>div:last-child{grid-column:1/-1}.ec-metrics{grid-template-columns:1fr;margin-top:0;border-radius:0}.ec-metric-title{margin-bottom:12px}.ec-metric{padding:14px 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.ec-section{padding:72px 0}.ec-insight-grid{grid-template-columns:1fr}.ec-insight-copy h2,.ec-section-intro h2,.ec-architecture-copy h2{font-size:30px}.ec-flow{grid-template-columns:1fr 1fr;gap:12px}.ec-flow-item:not(:last-child):after{display:none}.ec-strategy-grid{grid-template-columns:1fr}.ec-architecture-grid{grid-template-columns:1fr;gap:35px}.ec-architecture-media{min-height:430px;padding:30px}.ec-phone-frame{width:260px}.ec-section-intro{align-items:flex-start;flex-direction:column}.ec-visual-showcase{grid-template-columns:1fr}.ec-visual-summary{padding:32px}.ec-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-material-intro{align-items:flex-start;flex-direction:column;gap:16px}.ec-material-intro h2{font-size:30px}.ec-material-showcase{grid-template-columns:1fr;grid-template-rows:auto auto auto}.ec-material-copy{grid-column:1;grid-row:1;padding:32px;border-right:0;border-bottom:1px solid #e4eaf0}.ec-material-copy>p{min-height:auto}.ec-material-arrows{margin-top:28px}.ec-material-stage{grid-column:1;grid-row:2;min-height:430px;padding:25px}.ec-material-stage img{max-height:390px}.ec-material-thumbs{grid-column:1;grid-row:3}.ec-detail-modal{padding:12px}.ec-detail-dialog{height:94vh}.ec-detail-head{padding:16px}.ec-detail-head h2{font-size:16px}.ec-detail-scroll{padding:16px}.ec-contact-modal{align-items:flex-start;padding:16px;overflow-y:auto}.ec-contact-dialog{margin:auto 0;padding:34px 22px 24px}.ec-contact-heading{padding:0 45px 24px 0}.ec-contact-heading h2{font-size:26px}.ec-contact-grid{grid-template-columns:1fr}.ec-contact-grid>section{padding:23px}.ec-contact-copy p{min-height:auto}.ec-contact-qr img{width:180px;height:180px}.ec-contact-call{margin-top:24px}.ec-compare-card{grid-template-columns:1fr}.ec-compare-side{min-height:300px;padding:28px}.ec-compare-side img{height:260px}.ec-compare-table{grid-column:auto;grid-row:auto}.ec-compare-table>div{grid-template-columns:1fr 1fr 16px 1fr}.ec-value-grid{grid-template-columns:1fr}.ec-value-grid article,.ec-value-grid article:first-child{padding:22px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.ec-related-grid{grid-template-columns:1fr}.ec-related-image{height:210px}.ec-cta h2{font-size:31px}.ec-footer>.ec-shell{grid-template-columns:1fr}.ec-footer nav{justify-content:flex-start;flex-wrap:wrap}.ec-record{grid-column:auto}.ec-reveal{opacity:1;transform:none}}
@media(max-width:480px){.ec-shell{width:calc(100% - 24px)}.ec-header-actions{gap:18px}.ec-menu-button span{font-size:11px}.ec-hero-copy{padding-top:44px}.ec-tags{flex-wrap:wrap}.ec-hero h1{font-size:30px}.ec-hero-media{min-height:285px}.ec-project-info{grid-template-columns:1fr}.ec-project-info>div:last-child{grid-column:auto}.ec-flow{grid-template-columns:1fr}.ec-challenges{padding:24px}.ec-architecture-media{padding:20px}.ec-phone-frame{width:235px}.ec-visual-summary h3{font-size:24px}.ec-visual-grid{grid-template-columns:1fr}.ec-visual-media{aspect-ratio:4/5}.ec-material-intro h2{font-size:27px}.ec-material-copy{padding:28px 24px}.ec-material-copy h3{font-size:26px}.ec-material-stage{min-height:360px;padding:18px}.ec-material-stage img{max-height:330px}.ec-material-thumb{flex-basis:112px}.ec-material-thumb>span{height:92px}.ec-material-hint{display:none}.ec-detail-head>button{width:36px;height:36px;font-size:25px}.ec-compare-table{padding:22px}.ec-compare-table>div{grid-template-columns:1fr 1fr}.ec-compare-table i{display:none}.ec-compare-table b{text-align:right}.ec-cta{padding:70px 0}.ec-cta h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ec-reveal{opacity:1;transform:none;transition:none}}