:root{--navy:#082b5c;--deep:#061d3d;--blue:#174db9;--orange:#f06419;--green:#267842;--ink:#17243a;--muted:#667085;--line:#e7ebf1;--paper:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.zf-shell{width:min(1200px,calc(100% - 48px));margin:auto}.zf-header{height:78px;background:#fff;position:relative;z-index:50;box-shadow:0 1px 0 rgba(8,43,92,.08)}.zf-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.zf-brand{display:flex;align-items:center;gap:13px;color:var(--deep);font-size:24px;font-weight:800;letter-spacing:1px;white-space:nowrap}.zf-brand-mark{width:37px;height:35px;display:flex;align-items:flex-end;justify-content:center;gap:2px;transform:skew(-8deg)}.zf-brand-mark i{display:block;width:10px;background:var(--deep);clip-path:polygon(50% 0,100% 17%,100% 83%,50% 100%,0 83%,0 17%)}.zf-brand-mark i:nth-child(1){height:26px}.zf-brand-mark i:nth-child(2){height:34px}.zf-brand-mark i:nth-child(3){height:27px}.zf-nav{height:100%;display:flex;align-items:center;gap:32px;font-size:15px;font-weight:600}.zf-nav a{height:100%;display:flex;align-items:center;position:relative}.zf-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:var(--blue);transition:.25s}.zf-nav a:hover:after,.zf-nav a.active:after{left:0;right:0}.zf-nav a:hover,.zf-nav a.active{color:var(--blue)}.zf-menu-button{display:none;background:none;border:0;padding:8px}.zf-menu-button span{display:block;width:25px;height:2px;margin:5px;background:var(--deep)}.zf-hero{position:relative;background:var(--deep);overflow:hidden}.zf-hero>img{width:100%;height:auto}.zf-hero-actions{position:absolute;left:4.3%;top:60.5%;display:flex;gap:1.4%;width:28%}.zf-hero-actions a{display:block;height:4.7vw}.zf-hero-actions a:first-child{width:52%}.zf-hero-actions a:last-child{width:48%}.zf-section{padding:84px 0}.zf-section-title{text-align:center;max-width:780px;margin:0 auto 44px}.zf-section-title>span{display:inline-flex;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:2.4px;margin-bottom:12px}.zf-section-title h2{font-size:34px;line-height:1.25;margin:0 0 13px;color:var(--deep);letter-spacing:1px}.zf-section-title p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.zf-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.zf-service-card{--card:#174db9;background:#fff;border:1px solid var(--line);border-top:4px solid var(--card);padding:31px 30px 28px;box-shadow:0 14px 40px rgba(12,39,80,.07);transition:transform .25s,box-shadow .25s}.zf-service-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(12,39,80,.13)}.zf-service-card.green{--card:var(--green)}.zf-service-card.blue{--card:var(--blue)}.zf-service-card.orange{--card:var(--orange)}.zf-service-head{display:flex;align-items:center;gap:17px;margin-bottom:22px}.zf-service-head img{width:67px;height:67px;object-fit:contain}.zf-service-head small{display:block;color:var(--card);font-size:10px;font-weight:800;letter-spacing:1.2px;margin-bottom:4px}.zf-service-head h3{margin:0;color:var(--card);font-size:24px}.zf-service-lead{min-height:86px;padding:14px 0;margin:0 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;line-height:1.75;color:#475467}.zf-service-card ul{list-style:none;margin:0;padding:0}.zf-service-card li{display:flex;gap:12px;padding:11px 0}.zf-service-card li b{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:color-mix(in srgb,var(--card) 11%,white);color:var(--card);font-size:11px}.zf-service-card li span{font-size:13px;color:#667085;line-height:1.5}.zf-service-card li strong{display:block;color:#27364d;font-size:15px;margin-bottom:2px}.zf-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:13px 15px;border:1px solid var(--card);color:var(--card);font-size:14px;font-weight:700}.zf-card-link:hover{background:var(--card);color:#fff}.zf-method{background:linear-gradient(135deg,#061d3d,#0b356d);position:relative;overflow:hidden}.zf-method:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.025) 50%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.025) 50%);background-size:42px 42px}.zf-section-title.light{position:relative}.zf-section-title.light h2,.zf-section-title.light p{color:#fff}.zf-section-title.light p{opacity:.7}.zf-section-title.light>span{color:#77aaff}.zf-method-flow{position:relative;display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr 32px 1fr;align-items:stretch}.zf-method-flow article{background:#fff;padding:30px 24px;text-align:center;border-radius:2px;min-height:275px}.zf-method-flow>i{display:grid;place-items:center;color:#7ba4d9;font-size:28px;font-style:normal}.zf-method-icon{width:74px;height:74px;margin:0 auto 17px;border-radius:50%;display:grid;place-items:center;background:#eff5ff;border:1px solid #cbdcf7;color:var(--blue);font-size:36px;font-weight:300}.zf-method-flow article small{color:var(--blue);font-weight:800}.zf-method-flow h3{font-size:18px;line-height:1.5;margin:9px 0;color:var(--deep)}.zf-method-flow p{font-size:14px;line-height:1.7;color:#667085;margin:0}.zf-method-flow article.accent{border:2px solid #f27b39}.zf-method-flow article.accent small,.zf-method-flow article.accent h3{color:var(--orange)}.zf-method-flow article.accent .zf-method-icon{color:var(--orange);background:#fff6f1;border-color:#ffd0b7}.zf-solutions{background:var(--paper)}.zf-solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zf-solution-grid article{background:#fff;padding:28px;border:1px solid var(--line);position:relative;overflow:hidden;min-height:220px}.zf-solution-grid article:after{content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:50%;background:#edf3ff}.zf-solution-grid em{display:block;color:var(--blue);font-style:normal;font-weight:900;font-size:13px;letter-spacing:1px}.zf-solution-grid h3{margin:12px 0 10px;font-size:21px;color:var(--deep)}.zf-solution-grid p{font-size:14px;color:#667085;line-height:1.75;margin:0 0 21px}.zf-solution-grid a{color:var(--blue);font-size:13px;font-weight:800}.zf-solution-grid article:hover{border-color:#b7c8e8;box-shadow:0 12px 35px rgba(12,39,80,.08)}.zf-cases{background:#fff}.zf-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.zf-case-card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(12,39,80,.07);overflow:hidden}.zf-case-card>img{width:100%;height:225px;object-fit:cover;transition:transform .45s}.zf-case-card:hover>img{transform:scale(1.04)}.zf-case-card>div{padding:23px}.zf-case-card small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1px}.zf-case-card h3{margin:8px 0;font-size:20px;color:var(--deep)}.zf-case-card p{height:44px;margin:0 0 16px;color:#667085;font-size:14px;line-height:1.6;overflow:hidden}.zf-case-card span{color:var(--blue);font-size:13px;font-weight:700}.zf-center{text-align:center;margin-top:32px}.zf-more{display:inline-block;padding:13px 30px;background:var(--blue);color:#fff;font-size:14px;font-weight:700}.zf-contact{padding:54px 0;background:linear-gradient(100deg,#eaf2ff 0,#f8fbff 60%,#dbe9ff 100%);border-top:1px solid #dfe8f5}.zf-contact-inner{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.zf-contact small{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2px}.zf-contact h2{font-size:29px;color:var(--deep);margin:9px 0}.zf-contact>div>div>p{font-size:14px;line-height:1.7;color:#5d6b80;max-width:700px;margin:0}.zf-contact-action{min-width:360px}.zf-contact-action p{display:flex!important;align-items:baseline;gap:10px!important;margin:0 0 15px!important}.zf-contact-action span{color:#667085;font-size:13px}.zf-contact-action strong{font-size:23px;color:var(--deep)}.zf-contact-action b{font-size:16px;color:#475467}.zf-contact-action a{display:inline-block;padding:12px 19px;background:var(--orange);color:#fff;font-size:14px;font-weight:700;margin-right:8px}.zf-contact-action a.secondary{background:var(--blue)}.zf-footer{background:#061d3d;color:#fff;padding-top:45px}.zf-footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:35px}.footer-brand{color:#fff}.footer-brand .zf-brand-mark i{background:#fff}.zf-footer h3{margin:2px 0 14px;font-size:15px}.zf-footer p{color:#b9c6d8;font-size:13px;line-height:1.8;margin:12px 0 0}.zf-footer p a{margin-right:20px}.zf-footer p a:hover{color:#fff}.zf-copyright{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;color:#8ea0b9;font-size:12px}.zf-case-grid:empty:before{content:"案例数据将在后台发布后自动显示";grid-column:1/-1;text-align:center;color:#98a2b3;padding:50px}
@media(max-width:1000px){.zf-nav{gap:16px;font-size:13px}.zf-service-grid{grid-template-columns:1fr}.zf-service-lead{min-height:0}.zf-method-flow{grid-template-columns:1fr 20px 1fr}.zf-method-flow article:nth-of-type(3){grid-column:1}.zf-method-flow>i:nth-of-type(2){display:none}.zf-method-flow article:nth-of-type(4){grid-column:3}.zf-solution-grid{grid-template-columns:repeat(2,1fr)}.zf-contact-inner{grid-template-columns:1fr}.zf-contact-action{min-width:0}}
@media(max-width:760px){.zf-shell{width:min(100% - 30px,1200px)}.zf-header{height:64px;position:sticky;top:0}.zf-brand{font-size:19px}.zf-brand-mark{width:30px;height:29px}.zf-brand-mark i{width:8px}.zf-brand-mark i:nth-child(1){height:21px}.zf-brand-mark i:nth-child(2){height:28px}.zf-brand-mark i:nth-child(3){height:22px}.zf-menu-button{display:block}.zf-nav{display:none;position:absolute;left:0;top:64px;width:100%;height:auto;padding:8px 20px 18px;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.1)}.zf-nav.open{display:block}.zf-nav a{height:45px;border-bottom:1px solid var(--line)}.zf-nav a:after{display:none}.zf-hero{height:56vw;min-height:220px}.zf-hero>img{width:auto;max-width:none;height:100%;position:absolute;left:0;transform:none}.zf-hero-actions{display:none}.zf-section{padding:54px 0}.zf-section-title{margin-bottom:30px;text-align:left}.zf-section-title h2{font-size:27px}.zf-section-title p{font-size:14px}.zf-service-grid{gap:16px}.zf-service-card{padding:24px 20px}.zf-service-head img{width:58px;height:58px}.zf-service-head h3{font-size:21px}.zf-method-flow{display:grid;grid-template-columns:1fr;gap:12px}.zf-method-flow article,.zf-method-flow article:nth-of-type(3),.zf-method-flow article:nth-of-type(4){grid-column:1;min-height:0}.zf-method-flow>i{display:none}.zf-solution-grid,.zf-case-grid{grid-template-columns:1fr}.zf-solution-grid article{min-height:0}.zf-case-card>img{height:210px}.zf-contact{padding:44px 0}.zf-contact-inner{gap:28px}.zf-contact h2{font-size:25px}.zf-contact-action p{flex-wrap:wrap}.zf-contact-action strong{font-size:21px}.zf-footer-main{grid-template-columns:1fr;gap:24px}.zf-copyright{line-height:1.7}}

/* The established site footer is intentionally kept visually unchanged. */
.zf-legacy-footer{padding:50px 0 0;background:#111;color:#878787}.zf-legacy-top{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #383838}.zf-legacy-title{display:flex;align-items:center;gap:20px}.zf-legacy-title strong{font-size:34px;font-weight:500;color:#fff}.zf-legacy-title span{font-size:14px}.zf-socials{width:270px;display:flex;align-items:center;justify-content:space-between}.zf-socials a{width:50px;height:50px;border-radius:50%;background:#3f3f3f;display:flex;align-items:center;justify-content:center;transition:.2s}.zf-socials a:hover{background:#e60012}.zf-socials img{width:auto;max-width:34px;max-height:29px}.zf-legacy-center{display:flex;justify-content:space-between;padding:60px 0 20px;border-bottom:1px solid #383838}.zf-legacy-links{display:flex}.zf-legacy-links>div{width:145px;margin-right:8px}.zf-legacy-links h3{margin:0 0 15px;color:#fff;font-size:16px;font-weight:400}.zf-legacy-links a{display:block;color:#878787;font-size:14px;line-height:25px}.zf-legacy-links a:hover{color:#fff}.zf-legacy-contact{width:345px}.zf-legacy-contact p{margin:0 0 3px;font-size:14px;line-height:1.6}.zf-legacy-contact p b{color:#fff;font-size:16px}.zf-legacy-contact>strong{display:block;color:#fff;font-size:28px;font-weight:400;line-height:45px}.zf-qrcodes{display:flex;gap:10px;margin-top:10px}.zf-qrcodes figure{width:160px;margin:0;padding:8px 5px 6px;border:1px solid #262626;border-radius:5px;text-align:center;font-size:12px}.zf-qrcodes img{width:145px;height:145px;object-fit:cover;background:#fff}.zf-qrcodes figcaption{padding-top:5px}.zf-legacy-bottom{height:70px;display:flex;align-items:center;gap:190px;font-size:12px}.zf-legacy-bottom b{color:#fff;font-size:14px;margin-right:8px}
@media(max-width:1000px){.zf-legacy-links>div{width:120px}.zf-legacy-contact{width:310px}.zf-qrcodes figure{width:140px}.zf-qrcodes img{width:125px;height:125px}}
@media(max-width:760px){.zf-legacy-footer{padding-top:32px}.zf-legacy-top{height:auto;padding-bottom:24px;align-items:flex-start}.zf-legacy-title{display:block}.zf-legacy-title strong{display:block;font-size:24px}.zf-legacy-title span{display:block;margin-top:7px;font-size:12px}.zf-socials{width:170px}.zf-socials a{width:30px;height:30px}.zf-socials img{max-width:21px;max-height:18px}.zf-legacy-center{display:block;padding:30px 0 24px}.zf-legacy-links{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 12px}.zf-legacy-links>div{width:auto;margin:0}.zf-legacy-links>div:last-child{display:none}.zf-legacy-contact{width:auto;margin-top:32px;padding-top:25px;border-top:1px solid #383838}.zf-qrcodes figure{width:140px}.zf-qrcodes img{width:125px;height:125px}.zf-legacy-bottom{height:auto;padding:18px 0;display:block;line-height:2}.zf-legacy-bottom span{display:block}}

/* Shared fixed navigation and consistent banner proportions across the site. */
body{padding-top:0!important}
.zf-header{position:fixed!important;top:0;left:0;width:100%;z-index:99999}
.zf-header-spacer{height:78px}
.zf-brand-logo{width:56px;height:42px;object-fit:contain;flex:0 0 auto}
.zf-nav{gap:22px;font-size:14px}
.banner{width:100%;height:33.35vw!important;overflow:hidden}
.banner>img{width:100%!important;height:100%!important;object-fit:cover}
@media(max-width:1000px){.zf-brand{font-size:20px}.zf-brand-logo{width:48px;height:36px}.zf-nav{gap:13px;font-size:12px}}
@media(max-width:760px){.zf-header{height:64px!important}.zf-header-spacer{height:64px}.zf-brand-logo{width:43px;height:33px}.zf-brand{gap:8px;font-size:18px}.banner{height:56vw!important;min-height:220px}}
@media(max-width:760px){.w,.footer_top,.footer_center,.footer_bottom{width:calc(100% - 30px)!important;max-width:100%!important}.details .w{display:block!important;padding:20px!important}.details_left{display:none!important}.details_right,.details_right_top,.details_right_bottom{width:100%!important;max-width:100%!important;margin-left:0!important}.details_right_bottom img,.details_right_bottom video,.details_right_bottom table{max-width:100%!important;height:auto!important}.footer_center{display:block!important}}

/* Global consultation form. */
.zf-global-contact{padding:58px 0;background:linear-gradient(105deg,#edf3ff,#f8fbff 60%,#e6efff);border-top:1px solid #dce6f4}.zf-global-contact-inner{display:grid;grid-template-columns:minmax(360px,1fr) minmax(520px,1.1fr);gap:70px;align-items:center}.zf-global-contact-copy>span{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2px}.zf-global-contact-copy h2{margin:12px 0 13px;color:var(--deep);font-size:29px;line-height:1.35}.zf-global-contact-copy p{max-width:620px;margin:0;color:#64748b;font-size:14px;line-height:1.8}.zf-global-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:26px 28px;background:rgba(255,255,255,.78);border:1px solid #cfdbeb;box-shadow:0 12px 35px rgba(7,31,64,.06)}.zf-global-form label span{display:block;margin-bottom:7px;color:#667085;font-size:13px}.zf-global-form input{width:100%;height:44px;padding:0 13px;border:1px solid #d8e0eb;border-radius:2px;background:#fff;color:#17243a;font:inherit;outline:none}.zf-global-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,77,185,.1)}.zf-global-form button{grid-column:1/-1;width:200px;height:42px;margin:8px auto 0;border:0;border-radius:22px;background:#213f78;color:#fff;font-size:14px;cursor:pointer}.zf-global-form button:hover{background:#174db9}.zf-global-form button:disabled{opacity:.65;cursor:wait}.zf-form-status{grid-column:1/-1;min-height:18px;margin:0;text-align:center;color:#be3c25;font-size:12px}

/* Global floating phone / WeChat contact. */
.zf-floating-contact{position:fixed;right:6px;top:50%;z-index:99998;transform:translateY(-50%);display:grid;gap:4px}.zf-floating-contact>a,.zf-floating-contact>button{position:relative;width:70px;height:70px;padding:7px 3px 5px;border:1px solid #d9dee8;background:#fff;color:#17243a;text-align:center;font:14px/1.15 "Microsoft YaHei","PingFang SC",sans-serif;cursor:pointer;box-shadow:0 3px 12px rgba(7,31,64,.08)}.zf-floating-contact>a>img,.zf-floating-contact>button>img{width:29px;height:25px;object-fit:contain;margin:0 auto 6px}.zf-floating-contact span{display:block}.zf-floating-contact>a b{display:none;position:absolute;right:80px;bottom:0;width:155px;padding:18px 8px;border:1px solid #d9dee8;background:#fff;color:#ed4f36;font-size:15px;box-shadow:0 3px 15px rgba(0,0,0,.1)}.zf-floating-contact>button i{display:none;position:absolute;right:80px;bottom:0;width:158px;padding:7px;background:#fff;border:1px solid #d9dee8;font-style:normal;box-shadow:0 3px 15px rgba(0,0,0,.1)}.zf-floating-contact>button i img{width:142px;height:142px;object-fit:cover}.zf-floating-contact>button i em{display:block;padding-top:5px;font-size:12px;font-style:normal}.zf-floating-contact>a:hover b,.zf-floating-contact>button:hover i,.zf-floating-contact>button:focus i{display:block}
.fixedContact{display:none!important}
@media(max-width:900px){.zf-global-contact-inner{grid-template-columns:1fr;gap:28px}.zf-global-form{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.zf-global-contact{padding:42px 0}.zf-global-contact-copy h2{font-size:24px}.zf-global-form{grid-template-columns:1fr;padding:22px 18px}.zf-global-form button,.zf-form-status{grid-column:1}.zf-global-form button{width:100%}.zf-floating-contact{right:3px}.zf-floating-contact>a,.zf-floating-contact>button{width:54px;height:58px;font-size:11px}.zf-floating-contact>a>img,.zf-floating-contact>button>img{width:23px;height:20px;margin-bottom:4px}.zf-floating-contact>a b,.zf-floating-contact>button i{right:61px}}

/* Header contact card. */
.zf-nav a.zf-nav-contact{height:50px;padding:7px 12px;gap:8px;border-radius:4px;background:linear-gradient(135deg,#07152f,#10264c);color:#fff;box-shadow:0 6px 18px rgba(7,21,47,.16);transition:transform .2s,box-shadow .2s,background .2s}.zf-nav a.zf-nav-contact:after{display:none}.zf-nav a.zf-nav-contact:hover{color:#fff;transform:translateY(-2px);box-shadow:0 9px 22px rgba(7,21,47,.24);background:linear-gradient(135deg,#10264c,#173b72)}.zf-nav-contact-icon{font-size:20px;line-height:1}.zf-nav-contact-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap}.zf-nav-contact-text strong{font-size:14px;line-height:1.1;letter-spacing:.2px}.zf-nav-contact-text small{font-size:11px;line-height:1.1;font-weight:500;opacity:.88}

/* The global form uses two stacked fields without visible labels. */
.zf-global-form{grid-template-columns:1fr;gap:13px;padding:27px 30px}.zf-global-form label span{display:none}.zf-global-form button,.zf-form-status{grid-column:1}.zf-global-form input{height:47px}.zf-global-form button{margin-top:5px}

/* Cost-control cards: restrained hover motion and icon feedback. */
.zf-method-flow article{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.zf-method-flow article:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(67,132,232,.08) 48%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease;pointer-events:none}.zf-method-flow article:hover{transform:translateY(-9px);box-shadow:0 20px 42px rgba(1,18,49,.28)}.zf-method-flow article:hover:before{transform:translateX(120%)}.zf-method-icon{transition:transform .32s ease,background-color .3s,border-color .3s,box-shadow .3s}.zf-method-flow article:hover .zf-method-icon{transform:scale(1.1) rotate(4deg);background:#e5efff;border-color:#8eb4f0;box-shadow:0 8px 22px rgba(23,77,185,.16)}.zf-method-flow article.accent:hover .zf-method-icon{background:#fff0e7;border-color:#f3945f;box-shadow:0 8px 22px rgba(240,100,25,.18)}.zf-method-flow>i{transition:transform .25s,color .25s}.zf-method-flow article:hover+i{transform:translateX(5px);color:#b8d2ff}
@media(max-width:1000px){.zf-nav a.zf-nav-contact{padding:6px 9px}.zf-nav-contact-text strong{font-size:12px}.zf-nav-contact-text small{font-size:9px}}
@media(max-width:760px){.zf-nav a.zf-nav-contact{height:auto!important;min-height:58px;margin-top:8px;padding:8px 12px;border:0;border-radius:3px}.zf-nav-contact-text strong{font-size:14px}.zf-nav-contact-text small{font-size:11px}.zf-method-flow article:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.zf-nav a.zf-nav-contact,.zf-method-flow article,.zf-method-flow article:before,.zf-method-icon,.zf-method-flow>i{transition:none!important;transform:none!important}}

/* Compact consultation layout and refined header contact styling. */
.zf-global-contact{padding:34px 0}.zf-global-contact-inner{grid-template-columns:minmax(360px,1.15fr) minmax(460px,.85fr);gap:52px}.zf-global-contact-copy h2{margin:9px 0 9px;font-size:27px}.zf-global-contact-copy p{line-height:1.65}.zf-global-form{gap:9px;padding:18px 20px}.zf-global-form input{height:42px}.zf-global-form button{width:145px;height:38px;margin:3px 0 0 auto;border-radius:4px}.zf-form-status{min-height:15px;text-align:right}
.zf-nav a.zf-nav-contact{height:52px;padding:6px 12px 6px 8px;gap:9px;border:1px solid #d8e3f2;border-radius:7px;background:linear-gradient(135deg,#f8fbff,#eef4fc);color:#10264c;box-shadow:0 5px 16px rgba(16,38,76,.1)}.zf-nav a.zf-nav-contact:hover{color:#10264c;border-color:#9db7da;background:linear-gradient(135deg,#fff,#eaf2fc);box-shadow:0 9px 24px rgba(16,38,76,.16)}.zf-nav-contact-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#123a73,#1d5ca4);color:#fff;font-size:17px;box-shadow:0 4px 10px rgba(18,58,115,.22)}.zf-nav-contact-text strong{color:#10264c;font-size:14px;letter-spacing:.35px}.zf-nav-contact-text small{color:#687894;font-size:11px;font-weight:600;letter-spacing:.3px;opacity:1}

/* Keep every case image centered in both redesigned and legacy case views. */
.zf-case-card>img,.sp-case-card>img,.case_item img,.casein-img img,.case_swiper_item img,.details_right_bottom img{display:block!important;margin-left:auto!important;margin-right:auto!important;object-position:50% 50%!important}.zf-case-card>img,.sp-case-card>img,.casein-img img,.case_swiper_item img{object-fit:cover}
@media(max-width:900px){.zf-global-contact{padding:30px 0}.zf-global-contact-inner{grid-template-columns:1fr;gap:22px}.zf-global-form{grid-template-columns:1fr}.zf-global-form button{margin-left:auto}}
@media(max-width:760px){.zf-global-contact{padding:28px 0}.zf-global-contact-copy h2{font-size:23px}.zf-global-contact-copy p{font-size:13px}.zf-global-form{padding:15px}.zf-global-form button{width:132px;margin-left:auto}.zf-nav a.zf-nav-contact{background:linear-gradient(135deg,#f8fbff,#eef4fc);color:#10264c}.zf-nav-contact-text strong{font-size:14px}.zf-nav-contact-text small{font-size:11px}}

/* Two stacked fields on the left, one full-height action on the right. */
.zf-global-form{grid-template-columns:minmax(0,1fr) 145px;grid-template-rows:42px 42px auto;gap:9px 14px}.zf-global-form label{grid-column:1}.zf-global-form label:first-of-type{grid-row:1}.zf-global-form label:nth-of-type(2){grid-row:2}.zf-global-form button{grid-column:2;grid-row:1/3;width:145px;height:auto;margin:0;border:2px solid #eb5a47;border-radius:5px;background:#fff;color:#e64d3a;font-size:17px;font-weight:800}.zf-global-form button:hover{background:#e95743;color:#fff}.zf-form-status{grid-column:1/3;grid-row:3;text-align:right}.zf-nav-contact-text strong,.zf-nav-contact-text small{font-size:14px;line-height:1.05;font-weight:800}.zf-nav-contact-text small{color:#31527d}
@media(max-width:430px){.zf-global-form{grid-template-columns:1fr;grid-template-rows:auto}.zf-global-form label,.zf-global-form label:first-of-type,.zf-global-form label:nth-of-type(2),.zf-global-form button,.zf-form-status{grid-column:1;grid-row:auto}.zf-global-form button{width:100%;height:42px}}
.zf-global-form button{border:1px solid #174db9;background:linear-gradient(135deg,#174db9,#0b356d);color:#fff;box-shadow:0 8px 18px rgba(23,77,185,.18)}.zf-global-form button:hover{background:linear-gradient(135deg,#0f409f,#082b5c);border-color:#082b5c;color:#fff;box-shadow:0 11px 24px rgba(8,43,92,.25)}
.zf-global-contact-inner{padding-right:72px}
@media(max-width:760px){.zf-global-contact-inner{padding-right:55px}}

/* Refined brand lockup with clearer proportions and visual separation. */
.zf-brand{gap:11px;padding:5px 10px 5px 5px;border-radius:8px;font-size:22px;font-weight:700;letter-spacing:.8px;transition:background-color .2s ease,transform .2s ease}.zf-brand:hover{background:#f5f8fd;transform:translateY(-1px)}.zf-brand-logo{width:62px;height:43px;padding-right:11px;border-right:1px solid #d8e1ef;filter:drop-shadow(0 3px 5px rgba(42,43,128,.12))}.zf-brand>span{line-height:1;white-space:nowrap}

/* Case article media is geometrically centered within the content column. */
.case-detail-page{max-width:1100px!important}.case-detail-title{color:var(--deep);font-weight:700;letter-spacing:.5px}.case-detail-content{width:100%;display:flow-root}.case-detail-content p{float:none!important;max-width:100%!important}.case-detail-content img{display:block!important;float:none!important;clear:both!important;max-width:100%!important;height:auto!important;margin:18px auto!important;object-position:50% 50%!important}.case-detail-content table,.case-detail-content video{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:760px){.zf-brand{gap:8px;padding:4px 7px 4px 3px;font-size:17px;letter-spacing:.3px}.zf-brand-logo{width:48px;height:34px;padding-right:8px}.case-detail-page{padding-left:15px!important;padding-right:15px!important}.case-detail-content img{margin:12px auto!important}}

/* Homepage hero follows the same visual system as the three new service pages. */
.zf-home-service-hero{--service-accent:#f06419;--service-accent-rgb:240,100,25;background-position:center}.zf-home-service-hero::before{background:linear-gradient(90deg,#03132a 0%,#041c3a 60%,rgba(4,28,58,.90) 70%,rgba(4,28,58,.42) 84%,rgba(4,28,58,.08) 100%)}.zf-home-service-hero .sp-hero-content{width:900px;padding:22px 0 92px}.zf-home-service-hero h1{margin:11px 0 7px;font-size:36px;line-height:1.2}.zf-home-service-hero .sp-hero-subtitle{margin-bottom:9px;color:#fff;font-size:21px}.zf-home-service-hero .sp-hero-copy{width:720px;font-size:14px;line-height:1.65}.zf-home-service-hero .sp-actions{display:none}.zf-home-hero-phone{display:flex;align-items:center;gap:13px;margin-top:14px;color:#fff}.zf-home-hero-phone>span{padding:7px 11px;border-radius:2px;background:rgba(255,255,255,.12);color:#dbe8fb;font-size:13px;font-weight:700}.zf-home-hero-phone>a{color:#fff;font-size:24px;font-weight:900;letter-spacing:.5px;text-shadow:0 3px 16px rgba(0,0,0,.28);transition:color .2s}.zf-home-hero-phone>a:first-of-type{color:#ff9a50}.zf-home-hero-phone>a:hover{color:#ffc08d}.zf-home-hero-phone>i{width:1px;height:24px;background:rgba(255,255,255,.35)}.zf-home-process{grid-template-columns:repeat(4,1fr)}

/* Mobile-only sticky call action, shared by every front-end page. */
.zf-mobile-callbar{display:none}
@media(max-width:760px){body{padding-bottom:64px!important}.zf-home-service-hero{height:330px!important;min-height:330px!important;background-position:70% center}.zf-home-service-hero::before{background:linear-gradient(90deg,rgba(3,20,44,.98),rgba(3,20,44,.88))}.zf-home-service-hero .sp-hero-content{width:auto;padding:24px 0}.zf-home-service-hero h1{margin:10px 0 7px;font-size:26px;line-height:1.35}.zf-home-service-hero .sp-hero-subtitle{font-size:17px}.zf-home-service-hero .sp-hero-copy,.zf-home-service-hero .sp-actions,.zf-home-process{display:none}.zf-home-hero-phone{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;margin-top:15px}.zf-home-hero-phone>span{grid-row:1/3;align-self:stretch;display:grid;place-items:center;padding:8px}.zf-home-hero-phone>a{font-size:20px;line-height:1.05}.zf-home-hero-phone>i{display:none}.zf-floating-contact{display:none!important}.zf-mobile-callbar{position:fixed;z-index:100000;left:0;right:0;bottom:0;height:60px;display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid rgba(255,255,255,.22);background:linear-gradient(100deg,#0b356d,#174db9);color:#fff;box-shadow:0 -8px 24px rgba(4,24,56,.22);font-size:14px}.zf-mobile-callbar>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);font-size:19px}.zf-mobile-callbar>b{font-weight:700}.zf-mobile-callbar>strong{font-size:19px;letter-spacing:.6px}}

/* One banner height standard: the current homepage is the reference. */
.banner,.legacy-page-banner{width:100%!important;height:33.35vw!important;min-height:0!important;overflow:hidden!important}.banner>img,.legacy-page-banner .swiper-slide,.legacy-page-banner .swiper-wrapper{width:100%!important;height:100%!important}.banner>img,.legacy-page-banner .swiper-slide>img{width:100%!important;height:100%!important;object-fit:cover!important}.zf-home-service-hero h1{width:1050px;max-width:calc(100vw - 210px);font-size:48px;letter-spacing:1px;white-space:nowrap}
@media(max-width:1000px){.zf-home-service-hero h1{width:auto;max-width:none;font-size:39px;white-space:normal}}
@media(max-width:760px){.banner,.legacy-page-banner{height:330px!important;min-height:330px!important}.zf-home-service-hero h1{font-size:28px}}

/* Keep homepage banner identical to the three service-page banners regardless of stylesheet order. */
.zf-home-service-hero::before{background:linear-gradient(90deg,rgba(3,19,42,.94) 0%,rgba(4,28,58,.86) 45%,rgba(4,28,58,.38) 74%,rgba(4,28,58,.12) 100%)}
.sp-hero-subtitle strong,.sp-hero-value strong{color:#ff912f;font-weight:900;text-shadow:0 3px 16px rgba(0,0,0,.28)}
.sp-hero>.sp-hero-phone,.sp-hero>.zf-home-hero-phone{position:absolute;z-index:4;left:max(24px,calc((100% - 1200px)/2));right:auto;top:auto;bottom:103px;display:flex;align-items:center;gap:13px;width:auto;min-width:0;margin:0;padding:10px 16px;border:1px solid rgba(255,255,255,.18);border-left:3px solid #f06419;border-radius:3px;background:rgba(3,25,55,.58);box-shadow:0 10px 28px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.sp-hero>.sp-hero-phone span,.sp-hero>.zf-home-hero-phone span{grid-row:auto;align-self:center;padding:0;border:0;color:#dbe8fb;font-size:14px;font-weight:700}.sp-hero>.sp-hero-phone a,.sp-hero>.zf-home-hero-phone a{color:#fff;font-size:27px;line-height:1.1;font-weight:900;letter-spacing:.5px;text-shadow:0 3px 16px rgba(0,0,0,.28)}.sp-hero>.sp-hero-phone a:first-of-type,.sp-hero>.zf-home-hero-phone a:first-of-type{color:#ff9a50}.sp-hero>.sp-hero-phone a+a{padding-left:13px;border-left:1px solid rgba(255,255,255,.32)}.sp-hero>.zf-home-hero-phone i{width:1px;height:29px;background:rgba(255,255,255,.32)}
@media(max-width:760px){.zf-home-service-hero::before{background:linear-gradient(90deg,rgba(3,20,44,.95),rgba(3,20,44,.84))}.zf-home-service-hero .sp-hero-content{width:calc(100% - 48px)!important;max-width:none;margin:0 auto;padding:24px 0 96px}.zf-home-service-hero .sp-eyebrow{font-size:11px;letter-spacing:1.7px}.zf-home-service-hero h1{width:auto;max-width:100%;margin:10px 0 7px;font-size:28px;line-height:1.3;white-space:normal}.zf-home-service-hero .sp-hero-subtitle{margin:0;font-size:16px;line-height:1.5}.sp-hero>.sp-hero-phone,.sp-hero>.zf-home-hero-phone{left:24px;bottom:18px;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:9px 12px}.sp-hero>.sp-hero-phone span,.sp-hero>.zf-home-hero-phone span{grid-row:1/3;padding-right:10px;border-right:1px solid rgba(255,255,255,.28);font-size:12px}.sp-hero>.sp-hero-phone a,.sp-hero>.zf-home-hero-phone a{font-size:19px}.sp-hero>.sp-hero-phone a+a{padding-left:0;border-left:0}.sp-hero>.zf-home-hero-phone i{display:none}}

/* Homepage follows the same final hero and interaction language as the topic pages. */
.zf-home-service-hero::before{background:linear-gradient(90deg,rgba(3,19,42,.985) 0%,rgba(4,28,58,.95) 48%,rgba(4,28,58,.76) 76%,rgba(4,28,58,.48) 100%)}
.zf-home-service-hero .sp-hero-content{padding:18px 0 92px}
.zf-home-service-hero .sp-eyebrow{font-size:14px;letter-spacing:2.35px}
.zf-home-service-hero .sp-hero-subtitle{font-size:24px}
.zf-home-service-hero .sp-hero-copy{width:760px;font-size:16px;line-height:1.7}
.sp-hero-content>.zf-home-hero-phone{position:static;display:flex;align-items:center;gap:13px;width:max-content;margin:15px 0 0;padding:10px 16px;border:1px solid rgba(255,255,255,.22);border-left:3px solid #f06419;border-radius:3px;background:rgba(3,25,55,.72);box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.sp-hero-content>.zf-home-hero-phone>span{padding:0;background:none;color:#dbe8fb;font-size:14px}
.sp-hero-content>.zf-home-hero-phone>a{font-size:27px}.sp-hero-content>.zf-home-hero-phone>a+a{padding-left:13px;border-left:1px solid rgba(255,255,255,.32)}
.zf-solution-grid article{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.zf-solution-grid article:after{transition:transform .3s ease}.zf-solution-grid article:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(8,35,72,.13)}.zf-solution-grid article:hover:after{transform:scale(1.18)}
@media(max-width:760px){.zf-home-service-hero::before{background:linear-gradient(90deg,rgba(3,20,44,.985),rgba(3,20,44,.94))}.zf-home-service-hero .sp-hero-content{width:calc(100% - 48px)!important;padding:22px 0 78px}.zf-home-service-hero .sp-eyebrow{font-size:12px;letter-spacing:1.8px}.zf-home-service-hero .sp-hero-subtitle{font-size:18px}.sp-hero-content>.zf-home-hero-phone{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin-top:14px;padding:9px 12px}.sp-hero-content>.zf-home-hero-phone>span{grid-row:1/3;padding-right:10px;border-right:1px solid rgba(255,255,255,.28);font-size:12px}.sp-hero-content>.zf-home-hero-phone>a{font-size:19px}.sp-hero-content>.zf-home-hero-phone>a+a{padding-left:0;border-left:0}.sp-hero-content>.zf-home-hero-phone>i{display:none}}
.zf-home-service-hero::before{background:linear-gradient(90deg,rgba(3,19,42,.985) 0%,rgba(4,28,58,.95) 46%,rgba(4,28,58,.56) 76%,rgba(4,28,58,.30) 100%)!important}@media(min-width:761px){.sp-hero>.zf-shell.sp-hero-content{margin-left:max(24px,calc((100% - 1200px)/2 + 68px));margin-right:auto}}@media(max-width:760px){.zf-home-service-hero::before{background:linear-gradient(90deg,rgba(3,20,44,.90),rgba(3,20,44,.78))!important}}

/* 2026-08-06: 单一咨询电话导航样式 */
.zf-nav a.zf-nav-contact{height:50px;padding:6px 13px 6px 8px;gap:9px;border:1px solid #d8e3f2;border-radius:7px;background:linear-gradient(135deg,#f8fbff,#eef4fc);color:#10264c;box-shadow:0 5px 16px rgba(16,38,76,.10)}
.zf-nav a.zf-nav-contact:hover{color:#10264c;border-color:#9db7da;background:linear-gradient(135deg,#fff,#eaf2fc);box-shadow:0 9px 24px rgba(16,38,76,.16);transform:translateY(-1px)}
.zf-nav-contact-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#123a73,#1d5ca4);color:#fff;font-size:17px;box-shadow:0 4px 10px rgba(18,58,115,.22)}
.zf-nav-contact-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1;white-space:nowrap}
.zf-nav-contact-text em{font-style:normal;color:#5d7190;font-size:11px;font-weight:700;letter-spacing:.2px}
.zf-nav-contact-text strong{color:#0b2b5b;font-size:16px;line-height:1;font-weight:900;letter-spacing:.2px}
@media(max-width:1000px){.zf-nav a.zf-nav-contact{padding:6px 10px}.zf-nav-contact-text strong{font-size:15px}.zf-nav-contact-text em{font-size:10px}}
@media(max-width:760px){.zf-nav a.zf-nav-contact{width:100%;justify-content:center;min-height:52px;margin-top:8px}.zf-nav-contact-text{align-items:flex-start}.zf-nav-contact-text strong{font-size:17px}}
/* 2026-08-05 final contact-form spacing: equal inset on all sides. */
.zf-global-form{position:relative;padding:20px!important;gap:10px 14px!important;grid-template-rows:42px 42px!important;align-items:stretch}.zf-global-form input{height:42px!important}.zf-global-form button{min-height:94px}.zf-form-status{position:absolute;right:20px;bottom:7px;min-height:0;margin:0;text-align:right}@media(max-width:430px){.zf-global-form{grid-template-rows:auto!important}.zf-global-form button{min-height:42px}.zf-form-status{position:static;text-align:center}}

/* 2026-08-06: navigation dropdown for cost-optimization solutions. */
.zf-nav{gap:24px}
.zf-nav-dropdown{position:relative;height:100%;display:flex;align-items:center}
.zf-nav-dropdown-toggle{padding-right:14px}
.zf-nav-dropdown-toggle:before{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-65%) rotate(45deg);transition:transform .22s ease}
.zf-nav-dropdown:hover .zf-nav-dropdown-toggle:before,.zf-nav-dropdown:focus-within .zf-nav-dropdown-toggle:before{transform:translateY(-30%) rotate(225deg)}
.zf-nav-dropdown-menu{position:absolute;left:50%;top:calc(100% + 10px);width:224px;padding:9px;background:#fff;border:1px solid #e2e9f4;border-top:3px solid #174db9;border-radius:6px;box-shadow:0 18px 38px rgba(8,35,72,.16);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.zf-nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px}
.zf-nav-dropdown:hover .zf-nav-dropdown-menu,.zf-nav-dropdown:focus-within .zf-nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.zf-nav .zf-nav-dropdown-menu a{height:auto;display:block;padding:11px 12px;border-radius:4px;color:#243653;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap}
.zf-nav .zf-nav-dropdown-menu a:after{display:none}
.zf-nav .zf-nav-dropdown-menu a:hover{background:#f2f6fd;color:#174db9}
@media(max-width:1120px){.zf-nav{gap:17px;font-size:14px}.zf-nav a.zf-nav-contact{padding-right:9px}.zf-nav-contact-text strong{font-size:14px}}
@media(max-width:760px){.zf-nav-dropdown{height:auto;display:block}.zf-nav-dropdown-toggle{height:45px!important;border-bottom:1px solid var(--line);padding-right:0}.zf-nav-dropdown-toggle:before{right:4px}.zf-nav-dropdown-menu{position:static;width:100%;padding:4px 0 8px 14px;border:0;border-left:2px solid #dbe6f6;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.zf-nav .zf-nav-dropdown-menu a{height:36px!important;padding:8px 10px;font-size:13px;color:#50617a;background:#f7f9fc;margin-top:4px}.zf-nav-dropdown-menu:before{display:none}}

/* 2026-08-06: refined legacy content pages, used by 技术文档 / 关于紫丰 and their child pages. */
.details{background:linear-gradient(180deg,#f5f8fc 0%,#fff 68%)!important;padding:42px 0 58px!important}
.details .w{width:min(1180px,calc(100% - 48px))!important;margin:0 auto!important;padding:0!important;background:transparent!important;display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:28px!important;align-items:start!important}
.details_left{position:sticky!important;top:98px!important;width:auto!important;height:auto!important;margin:0!important;padding:12px!important;border:1px solid #e4eaf3!important;border-radius:10px!important;background:#fff!important;box-shadow:0 12px 34px rgba(8,35,72,.07)!important;overflow:hidden!important}
.details_left:before{content:"栏目导航";display:block;margin:4px 8px 12px;padding-bottom:12px;border-bottom:1px solid #edf1f7;color:#0b2b5b;font-size:16px;font-weight:900;letter-spacing:.5px}
.details_left a{position:relative;display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;margin:0 0 7px!important;padding:0 36px 0 14px!important;border:0!important;border-radius:7px!important;background:#f7f9fc!important;color:#41516a!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;text-align:left!important;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important}
.details_left a:after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9aa8bd;font-size:18px;font-weight:400;transition:transform .2s ease,color .2s ease}
.details_left a:hover{background:#eef5ff!important;color:#174db9!important;transform:translateX(3px)!important}
.details_left a:hover:after{transform:translate(3px,-50%);color:#174db9}
.details_left_active{background:linear-gradient(135deg,#174db9,#0b356d)!important;color:#fff!important;box-shadow:0 8px 18px rgba(23,77,185,.18)!important}
.details_left_active:after{color:#fff!important}
.details_right{width:auto!important;min-width:0!important;background:#fff!important;border:1px solid #e4eaf3!important;border-radius:12px!important;box-shadow:0 14px 40px rgba(8,35,72,.07)!important;overflow:hidden!important}
.details_right_top{width:100%!important;min-height:68px!important;padding:22px 30px!important;border:0!important;border-bottom:1px solid #e8eef6!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;color:#0b2b5b!important;font-size:20px!important;font-weight:900!important;line-height:1.35!important}
.details_right_top a{color:#52647d!important;font-size:14px!important;font-weight:600!important}
.details_right_top a:hover{color:#174db9!important}
.details_right_bottom{padding:28px 30px 34px!important;color:#253247!important;font-size:15px!important;line-height:1.9!important;min-height:360px!important}
.details_right_bottom p{margin:0 0 18px!important;color:#34425a!important;line-height:2!important}
.details_right_bottom span{line-height:inherit!important}
.details_right_bottom img{display:block!important;max-width:100%!important;height:auto!important;margin:20px auto 26px!important;border-radius:10px!important;box-shadow:0 14px 34px rgba(8,35,72,.12)!important}
.details_right_bottom_item{position:relative;display:flex!important;align-items:center!important;min-height:54px!important;width:100%!important;margin:0!important;padding:15px 42px 15px 20px!important;border-bottom:1px solid #edf1f6!important;color:#253247!important;font-size:15px!important;line-height:1.55!important;transition:background .2s ease,color .2s ease,padding-left .2s ease!important}
.details_right_bottom_item:before{content:"?";display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;margin-right:12px;border-radius:50%;background:#edf4ff;color:#174db9;font-size:13px;font-weight:900}
.details_right_bottom_item:after{content:"→";position:absolute;right:18px;color:#9aa8bd;transition:transform .2s ease,color .2s ease}
.details_right_bottom_item:hover{background:#f7fbff!important;color:#174db9!important;padding-left:24px!important}
.details_right_bottom_item:hover:after{transform:translateX(4px);color:#174db9}
.details_right_bottom_item:last-of-type{border-bottom:0!important}
.pagination{display:flex!important;gap:8px!important;justify-content:center!important;margin:28px 0 0!important;padding:0!important}
.pagination li{list-style:none!important}
.pagination a,.pagination span{display:grid!important;place-items:center!important;min-width:34px!important;height:34px!important;padding:0 10px!important;border:1px solid #dfe7f3!important;border-radius:5px!important;background:#fff!important;color:#4b5b73!important;font-size:13px!important}
.pagination a:hover{border-color:#174db9!important;color:#174db9!important;background:#f2f7ff!important}
@media(max-width:900px){.details{padding:26px 0 42px!important}.details .w{width:calc(100% - 30px)!important;grid-template-columns:1fr!important;gap:16px!important}.details_left{position:static!important;display:flex!important;gap:8px!important;padding:10px!important;overflow-x:auto!important}.details_left:before{display:none!important}.details_left a{flex:0 0 auto!important;width:auto!important;min-height:38px!important;margin:0!important;padding:0 32px 0 13px!important;white-space:nowrap!important}.details_right_top{min-height:auto!important;padding:18px 20px!important;font-size:18px!important}.details_right_bottom{padding:22px 18px 28px!important;min-height:260px!important}.details_right_bottom_item{min-height:50px!important;padding:13px 34px 13px 12px!important;font-size:14px!important}.details_right_bottom_item:before{margin-right:9px}}

/* Mobile legacy article/page templates use nav_list / wenzhang_nav_title instead of details_left. */
@media(max-width:760px){.nav_list{width:calc(100% - 30px)!important;margin:22px auto 0!important;padding:10px!important;display:flex!important;gap:8px!important;overflow-x:auto!important;border:1px solid #e4eaf3!important;border-radius:10px!important;background:#fff!important;box-shadow:0 10px 28px rgba(8,35,72,.07)!important}.nav_list>div{display:flex!important;gap:8px!important}.nav_list a{flex:0 0 auto!important;width:auto!important;min-width:0!important;height:38px!important;line-height:38px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:7px!important;background:#f7f9fc!important;color:#41516a!important;font-size:13px!important;font-weight:700!important;text-align:center!important;white-space:nowrap!important}.nav_item_active,.nav_list a.nav_item_active{background:linear-gradient(135deg,#174db9,#0b356d)!important;color:#fff!important}.wenzhang_nav_title{width:calc(100% - 30px)!important;margin:14px auto 0!important;padding:14px 16px!important;border-radius:10px!important;background:#fff!important;border:1px solid #e4eaf3!important;color:#0b2b5b!important;font-size:15px!important;font-weight:800!important;box-shadow:0 10px 28px rgba(8,35,72,.06)!important}.wenzhang_bottom,.wenzhang,.details_right_bottom{width:calc(100% - 30px)!important;margin-left:auto!important;margin-right:auto!important;border-radius:12px!important;background:#fff!important;box-shadow:0 12px 32px rgba(8,35,72,.07)!important}}