:root{--brand:#0b4da2;--brand-600:#0a4490;--brand-700:#073a7d;--brand-dark:#072b57;--navy:#0c2340;--accent:#f0a020;--accent-600:#d98a0c;--ink:#19222e;--ink-2:#3a4655;--muted:#67727f;--line:#e7ebf0;--line-2:#eef1f5;--bg:#fff;--bg-soft:#f5f7fa;--bg-soft-2:#eef2f7;--maxw:1200px;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #0c23400f,0 1px 3px #0c23400a;--shadow:0 6px 18px #0c234014;--shadow-lg:0 18px 48px #0c234024;--ease:.28s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 24px}.text-brand{color:var(--brand)}.text-accent{color:var(--accent-600)}.hl{color:var(--brand);font-weight:700}.topbar{background:var(--navy);color:#cdd8e6;font-size:13px}.topbar .container{justify-content:space-between;align-items:center;height:38px;display:flex}.topbar .t-left span{opacity:.9;margin-right:18px}.topbar .t-left i{color:var(--accent);margin-right:5px}.topbar .t-right a{color:#cdd8e6;transition:color var(--ease);margin-left:16px}.topbar .t-right a:hover{color:#fff}@media (width<=768px){.topbar{display:none}}.header{z-index:200;backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand .b-name{letter-spacing:.5px;color:var(--brand);font-size:18px;font-weight:800;line-height:1.1}.brand .b-sub{color:var(--muted);font-size:12px;font-weight:500}.nav{align-items:center;gap:2px;display:flex}.nav a{color:var(--ink-2);transition:color var(--ease),background var(--ease);border-radius:8px;padding:10px 15px;font-size:15.5px;font-weight:600;position:relative}.nav a:hover,.nav a.active{color:var(--brand);background:var(--bg-soft)}.nav .has-sub{position:relative}.nav .submenu{border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:all var(--ease);background:#fff;border-radius:10px;padding:8px;position:absolute;top:100%;left:0;transform:translateY(8px)}.nav .has-sub:hover .submenu,.nav .has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav .submenu a{padding:10px 12px;font-size:14.5px;font-weight:500;display:block}.header-cta{align-items:center;gap:14px;display:flex}.header-tel{align-items:center;gap:9px;line-height:1.1;display:flex}.header-tel>i{color:var(--accent);font-size:22px}.header-tel .lbl{color:var(--muted);font-size:12px}.header-tel .num{color:var(--brand);letter-spacing:.5px;font-size:21px;font-weight:800}.topbar-tel{font-weight:700;color:#fff!important}.topbar-tel i{color:var(--accent);margin-right:5px}.topbar-tel:hover{color:var(--accent)!important}.btn-quote{background:var(--accent);color:#fff;transition:transform var(--ease),background var(--ease);border-radius:9px;padding:11px 20px;font-size:15px;font-weight:700;box-shadow:0 6px 16px #f0a0204d}.btn-quote:hover{background:var(--accent-600);transform:translateY(-1px)}.menu-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--brand);background:#fff;border-radius:9px;justify-content:center;align-items:center;font-size:20px;display:none}.btn{transition:all var(--ease);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:13px 26px;font-size:15.5px;font-weight:700;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px #0b4da247}.btn-primary:hover{background:var(--brand-600);transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 8px 20px #f0a0204d}.btn-accent:hover{background:var(--accent-600);transform:translateY(-2px)}.btn-ghost{color:#fff;background:0 0;border:1.5px solid #ffffff8c}.btn-ghost:hover{background:#ffffff1f;border-color:#fff}.btn-outline{color:var(--brand);border:1.5px solid var(--brand);background:#fff}.btn-outline:hover{background:var(--brand);color:#fff}.section{padding:78px 0}.section.soft{background:var(--bg-soft)}.sec-head{text-align:center;max-width:760px;margin:0 auto 50px}.sec-head .eyebrow{letter-spacing:2px;color:var(--brand);background:var(--bg-soft-2);border-radius:20px;margin-bottom:16px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-block}.sec-head h2{letter-spacing:.5px;color:var(--ink);font-size:34px;font-weight:800;line-height:1.25}.sec-head p{color:var(--muted);margin-top:14px;font-size:16px}.sec-head.left{text-align:left;margin-left:0}@media (width<=768px){.section{padding:48px 0}.sec-head h2{font-size:25px}.sec-head{margin-bottom:32px}}.hero{color:#fff;background:var(--navy);position:relative;overflow:hidden}.hero .bg{opacity:.5;filter:grayscale(.2);background-position:50%;background-size:cover;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(100deg,#072b57f5 0%,#082850e6 46%,#082850b8 100%);position:absolute;inset:0}.hero .container{z-index:2;padding-top:84px;padding-bottom:84px;position:relative}.hero-inner{max-width:720px}.hero .tag{background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 16px;font-size:14px;font-weight:600;display:inline-flex}.hero .tag i{color:var(--accent)}.hero h1{letter-spacing:.5px;margin-bottom:22px;font-size:48px;font-weight:800;line-height:1.18}.hero h1 em{color:#7db8ff;font-style:normal}.hero .lead{color:#d4dfee;max-width:600px;margin-bottom:18px;font-size:18px;line-height:1.7}.hero .points{flex-wrap:wrap;gap:10px 22px;margin-bottom:32px;display:flex}.hero .points li{color:#e7eefb;align-items:center;gap:7px;font-size:15px;display:flex}.hero .points i{color:var(--accent)}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}@media (width<=768px){.hero h1{font-size:31px}.hero .lead{font-size:16px}.hero .container{padding-top:48px;padding-bottom:52px}.hero-actions .btn{flex:1;justify-content:center}}.statbar{border-bottom:1px solid var(--line);background:#fff;margin-top:-1px}.statbar .container{grid-template-columns:repeat(6,1fr);gap:0;display:grid}.stat{text-align:center;border-right:1px solid var(--line-2);padding:26px 10px}.stat:last-child{border-right:none}.stat .num{color:var(--brand);font-size:30px;font-weight:800;line-height:1}.stat .num span{font-size:16px}.stat .lbl{color:var(--muted);margin-top:7px;font-size:13.5px}@media (width<=768px){.statbar .container{grid-template-columns:repeat(3,1fr)}.stat{border-bottom:1px solid var(--line-2);padding:18px 6px}.stat .num{font-size:23px}.stat:nth-child(3n){border-right:none}}.painrow{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.pain{border:1px solid var(--line);border-radius:var(--radius);transition:all var(--ease);background:#fff;padding:26px 22px}.pain:hover{box-shadow:var(--shadow);border-color:#cfe0f5;transform:translateY(-4px)}.pain .ic{background:var(--bg-soft-2);width:50px;height:50px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:23px;display:flex}.pain h3{margin-bottom:8px;font-size:17px;font-weight:700}.pain p{color:var(--muted);font-size:14.5px}@media (width<=768px){.painrow{grid-template-columns:1fr;gap:14px}}.svc-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.svc{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:all var(--ease);background:#fff;position:relative;overflow:hidden}.svc:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.svc .ph{height:210px;position:relative;overflow:hidden}.svc .ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.svc:hover .ph img{transform:scale(1.07)}.svc .ph:after{content:"";background:linear-gradient(#0000 45%,#072b5766);position:absolute;inset:0}.svc .body{padding:22px}.svc h3{margin-bottom:9px;font-size:19px;font-weight:700}.svc p{color:var(--muted);min-height:44px;margin-bottom:16px;font-size:14.5px}.svc .more{color:var(--brand);align-items:center;gap:6px;font-size:14.5px;font-weight:700;display:inline-flex}.svc .more i{transition:transform var(--ease)}.svc:hover .more i{transform:translate(4px)}@media (width<=980px){.svc-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.svc-grid{grid-template-columns:1fr}.svc .ph{height:190px}}.sys-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.sys{border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:var(--radius);transition:all var(--ease);background:#fff;padding:30px 26px}.sys:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.sys .badge{letter-spacing:1px;color:var(--brand);background:var(--bg-soft-2);border-radius:6px;margin-bottom:14px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-block}.sys h3{margin-bottom:6px;font-size:20px;font-weight:800}.sys .en{color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:500}.sys .spec{border-top:1px dashed var(--line);margin-top:6px;padding-top:14px}.sys .spec li{color:var(--ink-2);align-items:flex-start;gap:8px;padding:5px 0;font-size:14.5px;display:flex}.sys .spec i{color:var(--brand);margin-top:5px;font-size:12px}@media (width<=980px){.sys-grid{grid-template-columns:1fr}}.compare{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}table.cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}table.cmp th,table.cmp td{text-align:center;border-bottom:1px solid var(--line-2);padding:15px 18px}table.cmp thead th{background:var(--navy);color:#fff;font-size:15px;font-weight:700}table.cmp thead th.win{background:var(--brand)}table.cmp tbody th{text-align:left;color:var(--ink);background:var(--bg-soft);font-weight:700}table.cmp td.win{color:var(--brand-700);background:#eaf3ff;font-weight:700}table.cmp tr:last-child td{border-bottom:none}.clients{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.client{border:1px solid var(--line);text-align:center;color:var(--ink-2);transition:all var(--ease);background:#fff;border-radius:10px;padding:18px 10px;font-size:15px;font-weight:600}.client:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--shadow-sm)}.client small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400;display:block}@media (width<=980px){.clients{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.clients{grid-template-columns:repeat(2,1fr)}}.case-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.case{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:all var(--ease);background:#fff;overflow:hidden}.case:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.case .ph{height:190px;overflow:hidden}.case .ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.case:hover .ph img{transform:scale(1.08)}.case .body{padding:16px 18px}.case .tag{color:var(--brand);font-size:12px;font-weight:700}.case h3{margin-top:5px;font-size:15.5px;font-weight:700;line-height:1.45}@media (width<=980px){.case-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.case-grid{grid-template-columns:1fr}}.why{grid-template-columns:repeat(2,1fr);gap:18px 28px;display:grid}.why .item{align-items:flex-start;gap:16px;display:flex}.why .ic{background:var(--brand);color:#fff;border-radius:13px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.why h3{margin-bottom:5px;font-size:17.5px;font-weight:700}.why p{color:var(--muted);font-size:14.5px}@media (width<=768px){.why{grid-template-columns:1fr;gap:18px}}.flow{counter-reset:step;grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.flow .step{text-align:center;padding:0 8px;position:relative}.flow .step .n{border:2px solid var(--brand);width:58px;height:58px;color:var(--brand);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:23px;font-weight:800;display:flex}.flow .step h3{margin-bottom:5px;font-size:16px;font-weight:700}.flow .step p{color:var(--muted);font-size:13.5px}.flow .step:not(:last-child):after{content:"";background:repeating-linear-gradient(90deg,#cfe0f5 0 8px,#0000 8px 14px);width:80%;height:2px;position:absolute;top:29px;left:60%}@media (width<=768px){.flow{grid-template-columns:1fr;gap:18px}.flow .step:not(:last-child):after{display:none}.flow .step{text-align:left;align-items:center;gap:16px;display:flex}.flow .step .n{margin:0}}.faq{max-width:860px;margin:0 auto}.faq .qa{border:1px solid var(--line);transition:box-shadow var(--ease);background:#fff;border-radius:12px;margin-bottom:14px;overflow:hidden}.faq .qa[open]{box-shadow:var(--shadow);border-color:#cfe0f5}.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .ic{color:var(--brand);transition:transform var(--ease);flex:none;font-size:18px}.faq .qa[open] summary .ic{transform:rotate(45deg)}.faq .ans{color:var(--ink-2);padding:0 24px 22px;font-size:15px;line-height:1.75}.cta-band{background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;box-shadow:var(--shadow-lg);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:48px 50px;display:flex}.cta-band h2{margin-bottom:8px;font-size:28px;font-weight:800}.cta-band p{color:#d4dfee;font-size:16px}.cta-band .tel{color:#fff;font-size:30px;font-weight:800}.cta-band .tel small{color:#bcd0ea;font-size:14px;font-weight:500;display:block}.cta-actions{flex-wrap:wrap;gap:14px;display:flex}@media (width<=768px){.cta-band{text-align:center;justify-content:center;padding:32px 24px}.cta-band h2{font-size:22px}.cta-actions .btn{flex:1}}.about-split{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;display:grid}.about-split img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%}.about-split h2{margin-bottom:18px;font-size:30px;font-weight:800;line-height:1.3}.about-split p{color:var(--ink-2);margin-bottom:14px;font-size:15.5px;line-height:1.8}.about-split .quote{border-left:4px solid var(--brand);background:var(--bg-soft);color:var(--brand-700);border-radius:0 8px 8px 0;margin:18px 0;padding:14px 18px;font-weight:600}@media (width<=880px){.about-split{grid-template-columns:1fr;gap:28px}}.footer{background:var(--navy);color:#aebcce;padding:60px 0 26px;font-size:14.5px}.footer .cols{border-bottom:1px solid #ffffff1a;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:36px;display:grid}.footer h4{color:#fff;margin-bottom:18px;font-size:16px;font-weight:700}.footer .f-brand{color:#fff;margin-bottom:12px;font-size:18px;font-weight:800}.footer p{color:#9fb0c4;line-height:1.9}.footer a{color:#aebcce;transition:color var(--ease);line-height:2.1}.footer a:hover{color:#fff}.footer .f-contact li{color:#aebcce;line-height:2}.footer .f-contact i{color:var(--accent);width:18px;display:inline-block}.footer .qr{gap:16px;display:flex}.footer .qr img{background:#fff;border-radius:8px;width:96px;height:96px;padding:4px}.footer .qr p{text-align:center;margin-top:6px;font-size:12.5px}.copyright{text-align:center;color:#7e90a6;padding-top:24px;font-size:13px;line-height:1.9}.copyright a{color:#9fb0c4}@media (width<=880px){.footer .cols{grid-template-columns:1fr 1fr;gap:28px}}@media (width<=560px){.footer .cols{grid-template-columns:1fr}}.float-bar{z-index:150;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:120px;right:18px}.float-bar a{background:var(--brand);color:#fff;width:52px;height:52px;box-shadow:var(--shadow);transition:all var(--ease);border-radius:14px;justify-content:center;align-items:center;font-size:21px;display:flex}.float-bar a:hover{background:var(--accent);transform:translateY(-3px)}.float-bar a.top{color:var(--brand);border:1px solid var(--line);background:#fff}.mobile-bar{border-top:1px solid var(--line);z-index:160;background:#fff;width:100%;height:60px;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -2px 14px #0c234014}.mobile-bar .mb-inner{height:100%;display:flex}.mobile-bar a{color:var(--ink-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.mobile-bar a i{color:var(--brand);font-size:18px}.mobile-bar a.main{background:var(--accent);color:#fff;border-radius:10px;flex-direction:row;gap:7px;margin:8px;font-size:15px}.mobile-bar a.main i{color:#fff}@media (width<=768px){.float-bar{display:none}.mobile-bar{display:block}body{padding-bottom:60px}.menu-toggle{display:flex}.nav,.header-tel,.btn-quote,.brand .b-sub{display:none}}.drawer{z-index:300;visibility:hidden;opacity:0;transition:all var(--ease);position:fixed;inset:0}.drawer.open{visibility:visible;opacity:1}.drawer .mask{background:#072b5780;position:absolute;inset:0}.drawer .panel{width:78%;max-width:320px;height:100%;transition:transform var(--ease);background:#fff;padding:22px;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.open .panel{transform:translate(0)}.drawer .panel .close{text-align:right;color:var(--muted);margin-bottom:10px;font-size:24px}.drawer .panel a{border-bottom:1px solid var(--line-2);color:var(--ink);padding:14px 6px;font-size:16px;font-weight:600;display:block}.drawer .panel .d-tel{background:var(--brand);color:#fff;text-align:center;border-radius:10px;margin-top:18px;padding:14px;font-size:17px;font-weight:700}.page-banner{color:#fff;background:var(--navy);position:relative;overflow:hidden}.page-banner .bg{opacity:.3;background-position:50%;background-size:cover;position:absolute;inset:0}.page-banner:after{content:"";background:linear-gradient(100deg,#072b57eb,#072b5799);position:absolute;inset:0}.page-banner .container{z-index:2;padding:64px 24px;position:relative}.page-banner h1{margin-bottom:10px;font-size:38px;font-weight:800}.page-banner .crumb{color:#cdd8e6;font-size:14px}.page-banner .crumb a:hover{color:#fff}@media (width<=768px){.page-banner .container{padding:40px 24px}.page-banner h1{font-size:27px}}.prose h2{border-left:4px solid var(--brand);margin:36px 0 16px;padding-left:14px;font-size:26px;font-weight:800}.prose h3{margin:24px 0 10px;font-size:19px;font-weight:700}.prose p{color:var(--ink-2);margin-bottom:14px;line-height:1.85}.prose ul{margin:0 0 16px}.prose ul li{color:var(--ink-2);margin-bottom:9px;padding-left:24px;position:relative}.prose ul li:before{content:"";color:var(--brand);font-family:FontAwesome;font-size:13px;position:absolute;top:1px;left:0}.prose img{border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:18px 0}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.logo-wall{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.logo-item{border:1px solid var(--line);height:96px;transition:all var(--ease);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:18px 24px;display:flex}.logo-item:hover{box-shadow:var(--shadow);border-color:#cfe0f5;transform:translateY(-3px)}.logo-item img{object-fit:contain;filter:grayscale(.15);width:auto;max-width:100%;max-height:46px}@media (width<=768px){.logo-wall{grid-template-columns:repeat(2,1fr);gap:12px}.logo-item{height:80px;padding:14px}}.nav a{white-space:nowrap;padding:10px 12px;font-size:15px}.nav{gap:0}@media (width<=1100px){.header-tel{display:none}}.hero .bg{opacity:.6;filter:none}.hero:after{background:linear-gradient(100deg,#061a36f5 0%,#082346e0 44%,#082a548c 100%)}.kpi-strip{border:1px solid var(--line);max-width:780px;box-shadow:var(--shadow);background:#fff;border-radius:14px;justify-content:center;margin:0 auto 42px;display:flex;overflow:hidden}.kpi{text-align:center;border-right:1px solid var(--line-2);flex:1;padding:26px 12px}.kpi:last-child{border-right:none}.kpi-num{color:var(--brand);font-variant-numeric:tabular-nums;font-size:42px;font-weight:800;line-height:1}.kpi-lbl{color:var(--muted);margin-top:9px;font-size:14px}@media (width<=768px){.kpi-num{font-size:27px}.kpi-lbl{font-size:12px}.kpi{padding:18px 6px}}.logo-wall{grid-template-columns:repeat(4,1fr)}.logo-item{text-align:center;flex-direction:column;align-items:stretch;height:auto;padding:22px 16px 18px}.lc-logo{justify-content:center;align-items:center;height:58px;margin-bottom:14px;display:flex}.lc-logo img{filter:grayscale(.1);width:auto;max-width:90%;max-height:44px}.lc-name{color:var(--ink);font-size:15px;font-weight:700;line-height:1.3}.lc-desc{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.5}@media (width<=768px){.logo-wall{grid-template-columns:repeat(2,1fr)}}.stat .num .cnum{text-align:right;min-width:.9em;display:inline-block}.flow .step:not(:last-child):after{background:repeating-linear-gradient(90deg,#cfe0f5 0 7px,#0000 7px 15px)}.flow .step:not(:last-child):before{content:"";color:var(--brand);z-index:3;opacity:0;font-family:FontAwesome;font-size:20px;font-weight:700;animation:2.4s cubic-bezier(.4,0,.2,1) infinite flowArrow;position:absolute;top:18px;left:60%}@keyframes flowArrow{0%{opacity:0;left:62%}12%{opacity:1}80%{opacity:1}to{opacity:0;left:132%}}@media (width<=768px){.flow .step:not(:last-child):before{display:none}}.hero-stats{flex-wrap:wrap;gap:14px 30px;margin-bottom:34px;display:flex}.hero-stats .hs{flex-direction:column;display:flex}.hero-stats .hs b{color:#fff;letter-spacing:.5px;font-size:32px;font-weight:800;line-height:1}.hero-stats .hs b i{color:#bcd0ea;margin-left:2px;font-size:15px;font-style:normal;font-weight:600}.hero-stats .hs span{color:#cbd8e9;margin-top:7px;font-size:13.5px}.hero-stats .hl-stat b{color:var(--accent)}.hero-stats .hl-stat b i{color:#f0c98a}@media (width<=768px){.hero-stats{gap:12px 18px}.hero-stats .hs b{font-size:24px}.hero-stats .hs span{font-size:12px}}.lc-tag{color:#c0392b;vertical-align:middle;background:#fdecea;border-radius:5px;margin-left:3px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.lc-desc{min-height:60px}.flow .step:not(:last-child):before{animation:1.8s ease-in-out infinite arrowPulse;left:100%;transform:translate(-50%)}@keyframes arrowPulse{0%,to{opacity:.55;transform:translate(-50%)translate(-3px)}50%{opacity:1;transform:translate(-50%)translate(3px)}}.case-grid{grid-template-columns:repeat(4,1fr);gap:22px}.header .container{gap:16px}.brand{flex-shrink:0;margin-right:28px}.brand img{width:auto;height:54px}.b-name{color:var(--brand);white-space:nowrap;font-size:16px;font-weight:800;line-height:1.2}.b-sub{color:var(--muted);white-space:nowrap;font-size:11.5px}@media (width<=1300px){.header-tel{display:none}}@media (width<=1160px){.b-sub{display:none}}.pain-split{grid-template-columns:.82fr 1.18fr;align-items:stretch;gap:28px;display:grid}.pain-img{border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.pain-img img{object-fit:cover;width:100%;height:100%;min-height:300px;display:block}.pain-img-tag{color:#fff;background:#c0392beb;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;bottom:14px;left:14px}.painrow-2col{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=880px){.pain-split,.painrow-2col{grid-template-columns:1fr}}.ph-box{border-radius:var(--radius);color:#5e7ba1;text-align:left;background:repeating-linear-gradient(45deg,#f5f8fc,#f5f8fc 14px,#eef3fa 14px 28px);border:2px dashed #b9cce6;justify-content:center;align-items:center;gap:16px;padding:26px;display:flex}.ph-box i{opacity:.6;font-size:36px}.ph-box>div{font-size:15.5px;font-weight:700}.ph-box small{opacity:.85;margin-top:4px;font-size:12.5px;font-weight:400;display:block}.ph-wide{min-height:150px}.btn-quote{white-space:nowrap;padding:11px 16px;font-size:14.5px}.header-cta{flex-shrink:0}@media (width<=1380px){.nav a{padding:10px 9px;font-size:14px}}.b-name{font-size:18px}.b-sub{font-size:12px}.brand{margin-right:44px}.nav a{padding:10px 13px;font-size:15px}.page-banner .pb-sub{z-index:2;color:#cdd8e6;margin:6px 0 10px;font-size:16px;position:relative}.spec-grid{border:1px solid var(--line);max-width:900px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px 30px;margin:0 auto;padding:30px 34px;list-style:none;display:grid}.spec-grid li{border-bottom:1px dashed var(--line-2);align-items:flex-start;gap:11px;padding:11px 0;display:flex}.spec-grid li i{color:var(--brand);margin-top:3px;font-size:15px}.spec-grid li strong{color:var(--ink);font-size:15.5px;display:block}.spec-grid li span{color:var(--muted);margin-top:2px;font-size:13.5px;line-height:1.5;display:block}@media (width<=768px){.spec-grid{grid-template-columns:1fr;padding:22px}}.case-meta{color:var(--muted);gap:14px;margin-top:8px;font-size:12.5px;display:flex}.case-meta i{color:var(--brand)}.contact-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;display:grid}.contact-main h2{font-size:26px;font-weight:800}.contact-tel-card{background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;box-shadow:var(--shadow);transition:transform var(--ease);border-radius:14px;align-items:center;gap:18px;margin-bottom:22px;padding:22px 26px;display:flex}.contact-tel-card:hover{transform:translateY(-3px)}.contact-tel-card .ct-ic{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;display:flex}.contact-tel-card .ct-lbl{color:#d4dfee;font-size:13.5px}.contact-tel-card .ct-num{letter-spacing:1px;font-size:30px;font-weight:800}.contact-info{gap:4px;display:grid}.ci-item{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;padding:14px 4px;display:flex}.ci-item i{background:var(--bg-soft-2);width:40px;height:40px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.ci-item b{color:var(--muted);font-size:13px;font-weight:600;display:block}.ci-item div{color:var(--ink);font-size:15.5px;font-weight:600}.contact-qr{border:1px solid var(--line);text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:30px}.contact-qr img{border-radius:10px;width:200px;height:200px;margin:0 auto 14px}.contact-qr p{font-size:16px;font-weight:700}.contact-qr span{color:var(--muted);font-size:13.5px}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:28px}.contact-tel-card .ct-num{font-size:24px}}.area-band{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;margin-top:44px;padding:28px 32px}.area-band h3{color:var(--ink);margin-bottom:10px;font-size:19px;font-weight:800}.area-band h3 i{color:var(--brand);margin-right:6px}.area-band p{color:var(--ink-2);line-height:1.8}.area-tags{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.area-tags span{border:1px solid var(--line);color:var(--brand);background:#fff;border-radius:20px;padding:6px 14px;font-size:13.5px;font-weight:600}@media (width>=1440px){body{font-size:17px;line-height:1.78}.container{max-width:1300px}.nav a{font-size:15.5px}.sec-head h2{font-size:37px}.sec-head p{font-size:17px}.hero .lead{font-size:19px}.svc p,.pain p,.sys .spec li{font-size:15.5px}.case h3{font-size:16.5px}.faq summary{font-size:18px}.faq .ans{font-size:16px}.prose p,.about-split p,.spec-grid li strong{font-size:16.5px}.footer{font-size:15px}.ci-item div{font-size:16.5px}}@media (width>=1800px){body{font-size:18px}.container{max-width:1360px}.sec-head h2{font-size:40px}.hero h1{font-size:56px}.hero .lead{font-size:21px}}.nav{align-items:center;gap:6px}.nav a{align-items:center;padding:9px 15px;line-height:1;display:inline-flex}.has-sub{align-items:center;display:flex}.has-sub>a{gap:4px}.why-split{grid-template-columns:.86fr 1.14fr;align-items:center;gap:38px;display:grid}.why-img img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);object-fit:cover;display:block}.why-grid{grid-template-columns:1fr 1fr;gap:24px 28px}@media (width<=880px){.why-split{grid-template-columns:1fr;gap:26px}.why-grid{grid-template-columns:1fr}}.flow .step:not(:last-child):before{display:none!important}.flow .step:not(:last-child):after{background:repeating-linear-gradient(90deg,#9cc2ef 0 8px,#0000 8px 16px) 0 0/16px 2px repeat-x;animation:.8s linear infinite flowLine}@keyframes flowLine{0%{background-position:0 0}to{background-position:16px 0}}.flow .step .n{animation:2.4s ease-in-out infinite stepPulse}.flow .step:nth-child(2) .n{animation-delay:.3s}.flow .step:nth-child(3) .n{animation-delay:.6s}.flow .step:nth-child(4) .n{animation-delay:.9s}.flow .step:nth-child(5) .n{animation-delay:1.2s}@keyframes stepPulse{0%,to{box-shadow:0 0 #0b4da240}50%{box-shadow:0 0 0 8px #0b4da200}}.contact-cards{grid-template-columns:1fr 1fr;gap:26px;max-width:880px;margin:0 auto;display:grid}.cc-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:all var(--ease);background:#fff;border-radius:16px;padding:28px}.cc-card:hover{box-shadow:var(--shadow-lg);border-color:#cfe0f5;transform:translateY(-4px)}.cc-head{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;margin-bottom:16px;padding-bottom:18px;display:flex}.cc-avatar{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;display:flex}.cc-name{color:var(--ink);font-size:20px;font-weight:800}.cc-role{color:var(--muted);margin-top:2px;font-size:13.5px}.cc-row{align-items:center;gap:13px;padding:11px 0;display:flex}.cc-row i{background:var(--bg-soft-2);width:38px;height:38px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.cc-row span{color:var(--muted);font-size:12.5px;display:block}.cc-row b{color:var(--ink);letter-spacing:.3px;font-size:18px;font-weight:700}.cc-tel:hover b{color:var(--brand)}.cc-qr{border-top:1px dashed var(--line);text-align:center;margin-top:14px;padding-top:16px}.cc-qr img{border-radius:8px;width:120px;height:120px;margin:0 auto 6px}.cc-qr span{color:var(--muted);font-size:12.5px}.cc-qr-none{color:var(--muted);font-size:13px}.cc-qr-none i{color:#c3d4ea;margin:6px auto 8px;font-size:30px;display:block}@media (width<=760px){.contact-cards{grid-template-columns:1fr}}.area-case-list{grid-template-columns:1fr 1fr;gap:14px 28px;max-width:880px;margin:0 auto;display:grid}.area-case{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:16px 18px;font-size:15.5px;display:flex}.area-case i{color:var(--brand);margin-top:3px}@media (width<=768px){.area-case-list{grid-template-columns:1fr}}.area-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.area-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:all var(--ease);background:#fff;border-radius:14px;padding:24px}.area-card:hover{box-shadow:var(--shadow-lg);border-color:#cfe0f5;transform:translateY(-4px)}.area-name{color:var(--ink);align-items:center;gap:8px;font-size:21px;font-weight:800;display:flex}.area-name i{color:var(--brand)}.area-resp{color:var(--accent-600);margin-top:8px;font-size:13.5px;font-weight:600}.area-cases{color:var(--muted);min-height:42px;margin-top:10px;font-size:13.5px;line-height:1.6}.area-card .more{color:var(--brand);align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:700;display:inline-flex}@media (width<=980px){.area-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.area-grid{grid-template-columns:1fr}}.footer-areas{border-top:1px solid #ffffff1a;padding:18px 0;font-size:13px;line-height:2.2}.footer-areas span{color:#9fb0c4}.footer-areas a{color:#8aa0bb;margin-right:14px}.footer-areas a:hover{color:#fff}.statbar .stat .num{font-size:30px}.statbar .stat .lbl{font-size:13.5px}.why-grid .item{border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);background:#fff;border-radius:14px;align-items:flex-start;padding:22px 20px}.why-grid .item:hover{box-shadow:var(--shadow-lg);border-color:#cfe0f5;transform:translateY(-5px)}.why-grid .item .ic{transition:transform var(--ease)}.why-grid .item:hover .ic{transform:scale(1.08)rotate(-4deg)}.reveal{opacity:0;transition:opacity .6s,transform .65s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}.svc,.case,.sys,.pain,.area-card,.cc-card,.logo-item,.client{will-change:transform}.reveal.in,.reveal{opacity:1!important;transform:none!important}.reveal.in{animation:.6s cubic-bezier(.2,.7,.2,1) rvUp}@keyframes rvUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal.in{animation:none}}@media (width>=1500px){.statbar .stat .num{font-size:42px}.statbar .stat .num span{font-size:21px}.statbar .stat .lbl{font-size:16px}}@media (width<=768px){.statbar .stat .num{font-size:26px}.statbar .stat .lbl{font-size:13px}}@media (width>=1400px){.container{max-width:1280px}.hero h1{font-size:56px;line-height:1.2}.hero .lead{font-size:21px;line-height:1.85}.hero .tag{font-size:15.5px}.hero-stats .hs b{font-size:38px}.hero-stats .hs b i{font-size:17px}.hero-stats .hs span{font-size:15px}.statbar .stat{padding:34px 10px}.statbar .stat .num{font-size:44px}.statbar .stat .num span{font-size:22px}.statbar .stat .lbl{font-size:16.5px}.sec-head h2{font-size:38px}}.statbar .stat{padding:26px 10px}.statbar .stat .num{letter-spacing:0;font-size:30px}.statbar .stat .num span{font-size:16px}.statbar .stat .lbl{margin-top:7px;font-size:13.5px}@media (width>=1400px){.statbar .stat{padding:26px 10px}.statbar .stat .num{font-size:30px}.statbar .stat .num span{font-size:16px}.statbar .stat .lbl{font-size:13.5px}}@media (width>=1500px){.statbar .stat .num{font-size:30px}.statbar .stat .num span{font-size:16px}.statbar .stat .lbl{font-size:13.5px}}@media (width<=768px){.statbar .stat .num{font-size:23px}}.art-filter{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.af-btn{border:1px solid var(--line);color:var(--ink-2);transition:all var(--ease);background:#fff;border-radius:24px;padding:9px 22px;font-size:15px;font-weight:600}.af-btn:hover{border-color:var(--brand);color:var(--brand)}.af-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.art-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.art-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--ease);background:#fff;overflow:hidden}.art-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.ac-ph{height:190px;position:relative;overflow:hidden}.ac-ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.art-card:hover .ac-ph img{transform:scale(1.07)}.ac-cat{color:#fff;background:#0b4da2eb;border-radius:6px;padding:4px 11px;font-size:12.5px;font-weight:600;position:absolute;top:12px;left:12px}.ac-body{padding:20px}.ac-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.ac-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.ac-meta{color:var(--muted);font-size:13px}.ac-meta i{color:var(--brand)}@media (width<=980px){.art-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.art-grid{grid-template-columns:1fr}}.article-body{max-width:820px;margin:0 auto}.article-meta{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;font-size:14px;display:flex}.article-meta i{color:var(--brand)}.art-cat{background:var(--bg-soft-2);color:var(--brand);border-radius:6px;padding:3px 12px;font-size:13px;font-weight:700}.article-faq{border-top:1px solid var(--line);margin-top:44px;padding-top:30px}.article-faq h2{margin-bottom:20px;font-size:24px;font-weight:800}.related-articles{border-top:1px solid var(--line);max-width:820px;margin:48px auto 0;padding-top:30px}.related-articles h3{margin-bottom:16px;font-size:20px;font-weight:800}.ra-list{gap:12px;display:grid}.ra-item{background:var(--bg-soft);transition:all var(--ease);border-radius:10px;align-items:center;gap:12px;padding:14px 18px;display:flex}.ra-item:hover{background:#eaf3ff;transform:translate(4px)}.ra-cat{color:var(--brand);background:#fff;border-radius:5px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:700}.ra-title{color:var(--ink);font-size:15.5px;font-weight:600}@media (width<=1560px){.header-tel{display:none}}@media (width<=1400px){.nav a{padding:9px 11px;font-size:14.5px}}.list-search{max-width:560px;margin:0 auto 24px;position:relative}.list-search i{color:var(--muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.list-search input{border:1px solid var(--line);width:100%;transition:border-color var(--ease),box-shadow var(--ease);background:#fff;border-radius:30px;outline:none;padding:14px 18px 14px 48px;font-family:inherit;font-size:15.5px}.list-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0b4da21f}.af-btn{cursor:pointer;font-family:inherit}.area-prov{border-top:3px solid var(--brand)}.ind-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.ind-card{border:1px solid var(--line);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);background:#fff;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.ind-card:hover{border-color:var(--brand);transform:translateY(-5px);box-shadow:0 14px 30px #0d2a4f21}.ind-card .ph{aspect-ratio:16/10;position:relative;overflow:hidden}.ind-card .ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.ind-card:hover .ph img{transform:scale(1.06)}.ind-card .ph:after{content:"";background:linear-gradient(#081e3a0d 45%,#081e3ac7);position:absolute;inset:0}.ind-card .ind-name{z-index:2;color:#fff;text-shadow:0 1px 6px #0006;font-size:17px;font-weight:800;position:absolute;bottom:11px;left:14px}.ind-card .body{flex-direction:column;flex:1;gap:8px;padding:15px 16px 17px;display:flex}.ind-card .ind-focus{color:var(--brand);font-size:13.5px;font-weight:600}.ind-card .ind-focus i{margin-right:6px}.ind-card .ind-case{color:var(--muted);flex:1;font-size:13px;line-height:1.55}.ind-card .more{color:var(--brand);font-size:13.5px;font-weight:700}.ind-card .more i{transition:transform var(--ease);margin-left:5px}.ind-card:hover .more i{transform:translate(4px)}@media (width<=1100px){.ind-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.ind-grid{grid-template-columns:repeat(2,1fr);gap:14px}.ind-card .ind-name{font-size:15px}}@media (width<=460px){.ind-grid{grid-template-columns:1fr}}.ind-edge{border-left:3px solid var(--accent);color:var(--brand);background:linear-gradient(90deg,#0b4da214,#0b4da205);border-radius:8px;align-items:flex-start;gap:10px;margin:18px 0 22px;padding:12px 15px;font-size:14.5px;font-weight:600;line-height:1.55;display:flex}.ind-edge i{color:var(--accent);margin-top:1px;font-size:18px}.pain-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pain-card{border:1px solid var(--line);border-top:3px solid var(--accent);transition:transform var(--ease),box-shadow var(--ease);background:#fff;border-radius:12px;padding:26px 22px}.pain-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0d2a4f1a}.pain-ic{width:50px;height:50px;color:var(--accent);background:#f0a0201f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;font-size:22px;display:flex}.pain-card h3{margin-bottom:8px;font-size:17px;font-weight:800}.pain-card p{color:var(--muted);font-size:14px;line-height:1.65}.rec-band{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1.1fr 1fr;align-items:center;gap:26px;padding:26px;display:grid}.rec-text{gap:14px;display:flex}.rec-text i{color:var(--accent);margin-top:3px;font-size:26px}.rec-text p{color:var(--ink-2);margin:0;font-size:15.5px;line-height:1.8}.rec-svc{grid-template-columns:1fr 1fr;gap:14px;display:grid}.rec-card{background:var(--bg-soft);border:1px solid var(--line);transition:transform var(--ease),border-color var(--ease);border-radius:11px;overflow:hidden}.rec-card:hover{border-color:var(--brand);transform:translateY(-3px)}.rec-card img{object-fit:cover;width:100%;height:110px;display:block}.rec-card-b{padding:11px 13px}.rec-card-b h3{margin:0 0 4px;font-size:14.5px;font-weight:700}.rec-card-b .more{color:var(--brand);font-size:12.5px;font-weight:700}.ind-gallery{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.ind-gallery img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%}@media (width<=900px){.pain-grid{grid-template-columns:1fr}.rec-band{grid-template-columns:1fr;gap:18px}.rec-svc{grid-template-columns:1fr 1fr}}@media (width<=560px){.ind-gallery,.rec-svc{grid-template-columns:1fr}}.case .ph{position:relative}.case-badge{color:#fff;background:#081e3ad1;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.case-more{color:var(--brand);margin-top:10px;font-size:13.5px;font-weight:700;display:inline-block}.case-more i{transition:transform var(--ease);margin-left:5px}.case:hover .case-more i{transform:translate(4px)}.container.narrow{max-width:840px}.case-detail-top{grid-template-columns:1.05fr 1fr;align-items:center;gap:34px;display:grid}.case-detail-top>img{border:1px solid var(--line);object-fit:cover;aspect-ratio:10/7;border-radius:14px;width:100%}.case-info{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:0;margin:6px 0 18px;display:flex;overflow:hidden}.case-info li{border-bottom:1px solid var(--line);gap:0;display:flex}.case-info li:last-child{border-bottom:0}.case-info .ci-k{background:var(--bg-soft);color:var(--muted);flex:0 0 96px;padding:11px 14px;font-size:13.5px;font-weight:600}.case-info .ci-v{color:var(--ink);padding:11px 14px;font-size:14.5px;font-weight:600}.case-tags{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.ct-tag{color:var(--brand);transition:background var(--ease);background:#0b4da214;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.ct-tag:hover{background:#0b4da229}.case-steps{flex-direction:column;gap:30px;max-width:1000px;margin:0 auto;display:flex}.cs-row{grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid}.cs-row.rev .cs-img{order:2}.cs-img img{border:1px solid var(--line);object-fit:cover;aspect-ratio:13/9;border-radius:14px;width:100%;box-shadow:0 10px 26px #0d2a4f1a}.cs-text .cs-n{color:var(--accent);font-size:34px;font-weight:800;line-height:1;font-family:var(--font-num,inherit);margin-bottom:8px}.cs-text h3{margin-bottom:10px;font-size:21px;font-weight:800}.cs-text p{color:var(--ink-2);font-size:15px;line-height:1.85}.case-gallery{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.case-gallery figure{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0;overflow:hidden}.case-gallery img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.case-gallery figcaption{color:var(--ink-2);padding:11px 14px;font-size:13.5px;line-height:1.5}.mat-table{border:1px solid var(--line);border-radius:12px;max-width:1000px;margin:0 auto;overflow:hidden}.mt-head,.mt-row{grid-template-columns:.9fr 1.3fr 2fr;display:grid}.mt-head{background:var(--brand);color:#fff;font-size:14.5px;font-weight:700}.mt-head span{padding:13px 16px}.mt-row{border-top:1px solid var(--line)}.mt-row span{padding:13px 16px;font-size:14px;line-height:1.6}.mt-row span:first-child{color:var(--brand);background:var(--bg-soft);font-weight:700}.mt-row span:nth-child(2){color:var(--ink);font-weight:600}.mt-row span:nth-child(3){color:var(--muted)}.case-result{color:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--accent);background:#fff;border-radius:10px;padding:24px 26px;font-size:16px;line-height:1.95}.rel-case-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.rel-case{border:1px solid var(--line);transition:transform var(--ease),box-shadow var(--ease);background:#fff;border-radius:13px;overflow:hidden}.rel-case:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0d2a4f1f}.rel-case .ph{aspect-ratio:16/10;overflow:hidden}.rel-case .ph img{object-fit:cover;width:100%;height:100%}.rel-case .body{padding:14px 16px}.rel-case .body h3{margin:0 0 5px;font-size:15.5px;font-weight:800}.rel-case .body p{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.5}.rel-case .more{color:var(--brand);font-size:13px;font-weight:700}.testi-card{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:760px;margin:0 auto;padding:26px 30px;box-shadow:0 14px 36px #0d2a4f1a}.testi-head{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:16px;display:flex}.testi-ava{background:linear-gradient(135deg,var(--brand),var(--brand-600,#1f64c4));color:#fff;border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:flex}.testi-id{flex:1;min-width:0}.testi-name{color:var(--ink);font-size:16.5px;font-weight:800}.testi-flag{font-size:15px}.testi-role{color:var(--muted);margin-top:2px;font-size:13px}.testi-time{color:#1aa64b;white-space:nowrap;font-size:12.5px;font-weight:600}.testi-time i{margin-right:4px}.testi-bubble{background:var(--bg-soft);border-radius:3px 13px 13px;margin:18px 0 4px;padding:20px 22px}.testi-en{color:var(--ink);min-height:3.4em;margin:0;font-size:17px;font-style:italic;line-height:1.7}.testi-en.typing:after{content:"";background:var(--accent);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:2px;animation:.8s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{50%{opacity:0}}.testi-zh{color:var(--brand);margin:14px 0 0;font-size:16px;font-weight:600;line-height:1.8;transform:translateY(6px)}.testi-foot{color:var(--ink-2);margin-top:18px;font-size:13.5px;line-height:1.7}.testi-foot i{color:var(--accent);margin-right:7px}.testi-foot strong{color:var(--ink)}@media (width<=560px){.testi-card{padding:22px 18px}.testi-en{font-size:15.5px}.testi-time{font-size:11px}}@media (width<=860px){.case-detail-top{grid-template-columns:1fr;gap:22px}.cs-row{grid-template-columns:1fr;gap:16px}.cs-row.rev .cs-img{order:0}.case-gallery,.rel-case-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.case-gallery,.rel-case-grid{grid-template-columns:1fr}.mt-head{display:none}.mt-row{grid-template-columns:1fr;gap:0}.mt-row span{border-top:1px solid var(--line)}.mt-row span:first-child{border-top:0}.mt-row span:before{content:attr(data-l)"：";color:var(--brand);font-weight:700}.mt-row span:first-child{background:#fff}.mt-row span:first-child:before{content:""}}

/* ====== 鸿泰丰 GEO 官网 · 在德莎设计系统基础上的适配层 ====== */
/* 顶部限时福利条 */
.promo{background:linear-gradient(90deg,var(--brand-dark),var(--brand));color:#fff;font-size:13.5px}
.promo .container{display:flex;align-items:center;justify-content:center;gap:14px;height:40px;flex-wrap:wrap}
.promo .gift{font-weight:700}
.promo .gift i{color:var(--accent);margin-right:6px}
.promo a{border:1px solid #ffffff66;border-radius:30px;padding:3px 14px;font-weight:700;transition:all var(--ease)}
.promo a:hover{background:#fff;color:var(--brand)}
@media (width<=768px){.promo{font-size:12px}.promo .container{height:auto;padding:8px 24px}}

/* Hero 背景占位（缺图时的科技网格底纹） */
.hero .bg.placeholder{opacity:1;background:
  radial-gradient(1200px 500px at 78% -10%,#0f56b0 0%,transparent 60%),
  radial-gradient(900px 500px at 10% 110%,#0a3f86 0%,transparent 55%),
  linear-gradient(120deg,#061a36,#0a2f5e);
}
.hero .grid-fx{position:absolute;inset:0;z-index:1;opacity:.35;
  background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 70% 30%,#000,transparent 75%)}

/* 图片占位盒 —— 复用德莎 .ph-box 视觉，统一放到卡片图位 */
.ph-fill{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:#5e7ba1;background:repeating-linear-gradient(45deg,#f2f6fc,#f2f6fc 14px,#e9f0f9 14px 28px);border:none}
.ph-fill i{font-size:30px;opacity:.55}
.ph-fill span{font-size:13px;font-weight:700}
.ph-fill small{font-size:11.5px;opacity:.8;font-weight:400}

/* 流程改为 4 步 */
.flow.flow-4{grid-template-columns:repeat(4,1fr)}
@media (width<=768px){.flow.flow-4{grid-template-columns:1fr}}

/* AI 平台墙（文字版，缺 logo 时使用） */
.plat-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.plat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px 10px;text-align:center;transition:all var(--ease)}
.plat:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.plat i{font-size:26px;color:var(--brand);margin-bottom:8px;display:block}
.plat b{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.plat span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media (width<=980px){.plat-wall{grid-template-columns:repeat(4,1fr)}}
@media (width<=560px){.plat-wall{grid-template-columns:repeat(2,1fr)}}

/* 效果对话演示卡（Hero 右侧，可选） */
.disclaimer{max-width:900px;margin:22px auto 0;text-align:center;color:var(--muted);font-size:12.5px;line-height:1.7}

/* 服务详单小标 */
.svc .body ul{margin-top:10px;border-top:1px dashed var(--line);padding-top:12px}
.svc .body ul li{display:flex;gap:8px;align-items:flex-start;color:var(--ink-2);font-size:13.5px;padding:4px 0}
.svc .body ul li i{color:var(--brand);font-size:12px;margin-top:5px}

/* ============ v2 迭代：Logo / Hero手机 / 行业卡片 / 博客问答 ============ */
/* 品牌 logo */
.brand img{height:46px;width:auto;display:block}
.brand{gap:12px}

/* Hero 两栏：左文案 右手机 */
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;position:relative;z-index:2}
.hero-grid .hero-inner{max-width:none}
@media (width<=980px){.hero-grid{grid-template-columns:1fr}.hero-phone{display:none}}

/* 豆包手机 mockup */
.hero-phone{justify-self:center}
.phone{width:300px;background:#0d1526;border-radius:42px;padding:12px;box-shadow:0 30px 70px #00000066,0 0 0 2px #ffffff1a inset;position:relative}
.phone .screen{background:#eef2f8;border-radius:32px;overflow:hidden;position:relative}
.phone .statusbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 6px;font-size:13px;font-weight:700;color:#0d1526}
.phone .island{width:88px;height:20px;background:#0d1526;border-radius:14px}
.phone .statusbar .sig{display:flex;align-items:center;gap:5px;font-size:12px}
.phone .db-head{display:flex;align-items:center;gap:10px;padding:8px 16px 12px;border-bottom:1px solid #e2e8f2}
.phone .db-head .back{color:#8a93a3;font-size:18px}
.phone .db-ico{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.phone .db-head b{font-size:16px;color:#0d1526;flex:1}
.phone .db-head .dots{color:#8a93a3}
.phone .chat{padding:16px 14px 14px}
.phone .ububble{background:#2f7bff;color:#fff;border-radius:16px 16px 4px 16px;padding:11px 14px;font-size:13.5px;line-height:1.5;margin:0 0 16px auto;max-width:80%;width:fit-content}
.phone .acard{background:#fff;border-radius:16px;padding:14px 14px 12px;box-shadow:0 6px 18px #14204010}
.phone .acard .ahead{display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef1f6;padding-bottom:10px;margin-bottom:11px}
.phone .acard .ahead .db-ico{width:26px;height:26px;font-size:13px}
.phone .acard .ahead b{font-size:14px;color:#0d1526;flex:1}
.phone .acard .ahead .live{color:#16a34a;font-size:11.5px;font-weight:600}
.phone .acard .ahead .live i{font-size:7px;vertical-align:middle;margin-right:3px}
.phone .atext{font-size:13px;line-height:1.85;color:#1a2536}
.phone .hl-chip{background:#e7f0ff;color:#2563eb;font-weight:700;border-radius:6px;padding:1px 7px;white-space:nowrap}
.phone .fn{color:#2563eb;font-weight:700;font-size:10px;vertical-align:super}
.phone .src{display:flex;align-items:center;gap:10px;background:#f4f7fb;border-radius:11px;padding:10px 12px;margin-top:10px}
.phone .src .num{width:22px;height:22px;border-radius:50%;background:#e0e9f7;color:#2563eb;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone .src .stxt{flex:1;font-size:12px;color:#5b6675;line-height:1.35}
.phone .src .ok{color:#16a34a;font-size:11.5px;font-weight:700;white-space:nowrap}
.phone .src .ok i{margin-right:3px}
.phone .inbar{display:flex;align-items:center;gap:10px;background:#fff;border-radius:24px;margin:14px 12px;padding:10px 10px 10px 18px;box-shadow:0 4px 14px #14204012}
.phone .inbar span{flex:1;color:#9aa4b2;font-size:13px}
.phone .inbar .send{width:34px;height:34px;border-radius:50%;background:#2f7bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.hero-phone .cap{text-align:center;color:#bcd0ea;font-size:12.5px;margin-top:14px}
.hero-phone .cap b{color:#fff}

/* 行业卡片化 */
.ind-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.indcard{border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:14px;background:#fff;padding:24px 22px;transition:all var(--ease);display:flex;flex-direction:column}
.indcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-top-color:var(--accent)}
.indcard .ih{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.indcard .ih .em{font-size:26px}
.indcard h3{font-size:18px;font-weight:800;color:var(--ink)}
.indcard .rec{margin-left:auto;background:#fdecea;color:#c0392b;font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px;white-space:nowrap}
.indcard p{color:var(--muted);font-size:13.5px;line-height:1.65;flex:1}
.indcard .itags{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 14px}
.indcard .itags span{background:var(--bg-soft-2);color:var(--brand);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}
.indcard .more{color:var(--brand);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.indcard .more i{transition:transform var(--ease)}
.indcard:hover .more i{transform:translateX(4px)}
@media (width<=980px){.ind-cards{grid-template-columns:repeat(2,1fr)}}
@media (width<=560px){.ind-cards{grid-template-columns:1fr}}

/* 博客 / 问答：左侧九大板块导航 + 右侧内容 */
.doc-layout{display:grid;grid-template-columns:246px 1fr;gap:34px;align-items:start}
.doc-side{position:sticky;top:96px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;box-shadow:var(--shadow-sm)}
.doc-side .st{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--muted);padding:6px 12px 10px}
.doc-side a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:9px;color:var(--ink-2);font-weight:600;font-size:14.5px;cursor:pointer;transition:all var(--ease)}
.doc-side a .em{margin-right:2px}
.doc-side a .cnt{color:var(--muted);font-size:12px;font-weight:600}
.doc-side a:hover{background:var(--bg-soft);color:var(--brand)}
.doc-side a.active{background:var(--brand);color:#fff}
.doc-side a.active .cnt{color:#dbe8ff}
.doc-main .doc-h{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}
.doc-main .doc-h h2{font-size:24px;font-weight:800}
.doc-main .doc-h span{color:var(--muted);font-size:14px}
.doc-main .art-grid{grid-template-columns:repeat(2,1fr)}
.art-card .ac-ph{background:linear-gradient(135deg,#0b4da2,#072b57);display:flex;align-items:center;justify-content:center}
.art-card .ac-ph .em{font-size:44px;filter:drop-shadow(0 4px 10px #0006)}
/* 问答条目 */
.qa-cat{display:none}
.qa-cat.show{display:block}
@media (width<=860px){
  .doc-layout{grid-template-columns:1fr;gap:18px}
  .doc-side{position:static;display:flex;gap:8px;overflow-x:auto;padding:10px}
  .doc-side .st{display:none}
  .doc-side a{white-space:nowrap;flex-shrink:0}
  .doc-side a .cnt{display:none}
  .doc-main .art-grid{grid-template-columns:1fr}
}

/* ============ v3：手机答案优势列表 / 搜索 / 翻页 ============ */
/* 手机答案里的优势列表 */
.phone .adv{list-style:none;margin:10px 0 2px;padding:0}
.phone .adv li{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:#33404f;line-height:1.55;padding:3px 0}
.phone .adv li i{color:#2f7bff;font-size:11px;margin-top:3px;flex-shrink:0}

/* 博客/问答：顶部搜索 */
.doc-h{flex-wrap:wrap}
.doc-search{margin-left:auto;position:relative;min-width:230px}
.doc-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}
.doc-search input{width:100%;border:1px solid var(--line);border-radius:24px;padding:9px 14px 9px 38px;font-family:inherit;font-size:14px;outline:none;transition:border-color var(--ease),box-shadow var(--ease)}
.doc-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0b4da21f}
.doc-empty{text-align:center;color:var(--muted);padding:50px 0;font-size:15px}
.doc-empty i{font-size:34px;color:#c3d4ea;display:block;margin-bottom:12px}

/* 翻页 */
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px}
.pager a{border:1px solid var(--line);border-radius:8px;min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--ink-2);background:#fff;cursor:pointer;transition:all var(--ease)}
.pager a:hover{border-color:var(--brand);color:var(--brand)}
.pager a.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.pager a.disabled{opacity:.4;pointer-events:none}
/* 问答条目上的分类小标签 */
.qa .qcat{display:inline-block;background:var(--bg-soft-2);color:var(--brand);font-size:11px;font-weight:700;border-radius:5px;padding:1px 8px;margin-right:8px;vertical-align:middle}
@media (width<=560px){.doc-search{margin-left:0;width:100%;margin-top:10px}}

/* ============ v4：二级页面（行业/城市详情） ============ */
.ai-demo{max-width:700px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px 22px 20px}
.ai-demo .q{background:#2f7bff;color:#fff;border-radius:14px 14px 4px 14px;padding:12px 16px;font-size:15px;margin:0 0 16px auto;max-width:82%;width:fit-content;line-height:1.5}
.ai-demo .a{background:var(--bg-soft);border-radius:4px 14px 14px 14px;padding:16px 18px}
.ai-demo .ah{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#0d1526;margin-bottom:10px}
.ai-demo .ah .db-ico{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
.ai-demo .ah .live{margin-left:auto;color:#16a34a;font-size:11.5px;font-weight:600}
.ai-demo .ah .live i{font-size:7px;margin-right:3px;vertical-align:middle}
.ai-demo .a p{font-size:14.5px;line-height:1.9;color:#1a2536;margin:0}
.ai-demo .hl-chip{background:#e7f0ff;color:#2563eb;font-weight:700;border-radius:6px;padding:1px 7px}
.ai-demo .fn{color:#2563eb;font-weight:700;font-size:11px;vertical-align:super}
.ai-demo .srcs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ai-demo .src{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12px;color:#5b6675}
.ai-demo .src .ok{color:#16a34a;font-weight:700}
.detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (width<=820px){.detail-cols{grid-template-columns:1fr}}
.chk{list-style:none;padding:0;margin:0}
.chk li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--line-2);color:var(--ink-2);font-size:15px;line-height:1.7}
.chk li:last-child{border-bottom:0}
.chk li i{color:var(--brand);margin-top:5px;flex-shrink:0}
.chk li b{color:var(--ink)}
.linkrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.linkrow a{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 16px;font-size:14px;font-weight:600;color:var(--brand);transition:all var(--ease)}
.linkrow a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.prose-lead{font-size:17px;line-height:1.9;color:var(--ink-2);max-width:860px;margin:0 auto 8px}
.prose-lead strong{color:var(--ink)}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (width<=980px){.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media (width<=560px){.hub-grid{grid-template-columns:1fr}}
.art-card .ac-meta .date{color:var(--muted);margin-right:10px}

/* ============ v5：Hero 手机打字特效 ============ */
.phone .type-caret::after{content:'';display:inline-block;width:2px;height:1em;background:#2f7bff;vertical-align:-2px;margin-left:1px;animation:htfCaret .8s step-end infinite}
@keyframes htfCaret{50%{opacity:0}}
.phone .anim-hidden{opacity:0}
.phone .adv li,.phone .src{transition:opacity .4s ease,transform .4s ease}
.phone .typing-dots{display:inline-flex;gap:4px;padding:2px 0}
.phone .typing-dots i{width:6px;height:6px;border-radius:50%;background:#9aa4b2;display:inline-block;animation:htfDot 1s infinite ease-in-out}
.phone .typing-dots i:nth-child(2){animation-delay:.15s}
.phone .typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes htfDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

/* ============ v6：文章详情页（含旧内容类适配） ============ */
.article-wrap{max-width:820px;margin:0 auto}
.article-wrap .prose>h2:first-child{margin-top:0}
.art-byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--muted);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}
.art-byline .cat-chip{background:var(--bg-soft-2);color:var(--brand);border-radius:6px;padding:3px 12px;font-weight:700;font-size:13px}
.art-byline i{color:var(--brand);margin-right:5px}
/* 旧文章内联类适配 */
.prose .kbox{background:var(--bg-soft);border-left:4px solid var(--brand);border-radius:0 10px 10px 0;padding:16px 20px;margin:20px 0}
.prose .kbox .n{display:inline-block;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:6px}
.prose .kbox h3{margin:0 0 6px;font-size:17px}
.prose .kbox p{margin:0}
.prose .faq-item{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:14px 0;background:#fff;box-shadow:var(--shadow-sm)}
.prose .faq-q{font-weight:700;font-size:16.5px;color:var(--ink);margin-bottom:8px}
.prose .faq-q::before{content:"Q ";color:var(--brand);font-weight:800}
.prose .faq-a{color:var(--ink-2);font-size:15px;line-height:1.8}
.prose .faq-a::before{content:"A ";color:var(--accent-600);font-weight:800}
.prose .cta{display:none}
.prose .copyright-notice,.prose .crumb,.prose .byline{display:none}
.article-toc{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 0 30px}
.article-toc b{display:block;font-size:14px;color:var(--ink);margin-bottom:10px}
.article-toc a{display:block;color:var(--ink-2);font-size:14.5px;padding:4px 0;border-bottom:1px dashed var(--line-2)}
.article-toc a:last-child{border-bottom:0}
.article-toc a:hover{color:var(--brand)}
.art-related{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}
.art-related h3{font-size:20px;font-weight:800;margin-bottom:16px}
.art-related .ra{display:flex;align-items:center;gap:12px;background:var(--bg-soft);border-radius:10px;padding:13px 18px;margin-bottom:10px;transition:all var(--ease)}
.art-related .ra:hover{background:#eaf3ff;transform:translateX(4px)}
.art-related .ra .rc{flex-shrink:0;background:#fff;color:var(--brand);border-radius:5px;padding:3px 10px;font-size:12px;font-weight:700}
.art-related .ra .rt{font-size:15px;font-weight:600;color:var(--ink)}

/* ============ v7：真实案例·豆包实测截图卡（手机+浅色）+ 灯箱 ============ */
.shotgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (width<=900px){.shotgrid{grid-template-columns:repeat(2,1fr)}}
@media (width<=560px){.shotgrid{grid-template-columns:1fr}}
.shotcard{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--ease);cursor:pointer;display:flex;flex-direction:column}
.shotcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}
.shotcard .shot{position:relative;background:#eef2f8;padding:16px 16px 0;display:flex;justify-content:center}
.shotcard .frame{width:100%;max-width:236px;height:238px;background:#fff;border:1px solid #e2e8f2;border-radius:16px 16px 0 0;box-shadow:0 8px 22px #14204012;overflow:hidden;position:relative}
.shotcard .frame .db-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid #eef1f6}
.shotcard .frame .db-bar .dot{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#3b82f6,#2563eb)}
.shotcard .frame .db-bar b{font-size:12px;color:#0d1526}
.shotcard .frame .live{margin-left:auto;color:#16a34a;font-size:10px;font-weight:700}
.shotcard .frame .ph-note{position:absolute;left:0;right:0;top:41px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#9fb1c9;background:repeating-linear-gradient(45deg,#f4f7fb,#f4f7fb 12px,#eef3f9 12px 24px)}
.shotcard .frame .ph-note i{font-size:28px;opacity:.6}
.shotcard .frame .ph-note span{font-size:12.5px;font-weight:700}
.shotcard .frame .ph-note small{font-size:11px;font-weight:400;opacity:.85}
.shotcard .frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.shotcard .zoom{position:absolute;top:24px;right:24px;background:#0d1526cc;color:#fff;border-radius:8px;font-size:11px;font-weight:600;padding:3px 8px;display:inline-flex;align-items:center;gap:4px}
.shotcard .body{padding:15px 17px 17px}
.shotcard .body .tag{color:var(--brand);font-size:12px;font-weight:700}
.shotcard .body h3{font-size:15.5px;font-weight:800;margin:5px 0 9px;line-height:1.4}
.shotcard .script{background:var(--bg-soft);border-radius:10px;padding:11px 13px;font-size:12.5px;color:var(--ink-2);line-height:1.75;margin-bottom:11px}
.shotcard .script b{color:var(--brand);font-weight:700}
.shotcard .script .ok{color:#16a34a;font-weight:700}
.shotcard .case-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12.5px}
.shotcard .case-meta i{color:var(--brand)}
/* 灯箱 */
.lightbox{position:fixed;inset:0;z-index:400;background:#081226f2;display:none;align-items:center;justify-content:center;padding:26px}
.lightbox.open{display:flex}
.lightbox .lb-inner{max-width:880px;width:100%;display:grid;grid-template-columns:290px 1fr;gap:30px;align-items:center}
.lightbox .lb-frame{background:#fff;border-radius:22px;height:540px;overflow:hidden;box-shadow:0 30px 70px #0006;position:relative}
.lightbox .lb-frame .db-bar{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #eef1f6}
.lightbox .lb-frame .db-bar .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb)}
.lightbox .lb-frame .db-bar b{font-size:14px}
.lightbox .lb-frame .ph-note{position:absolute;top:55px;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9fb1c9;background:repeating-linear-gradient(45deg,#f4f7fb,#f4f7fb 14px,#eef3f9 14px 28px)}
.lightbox .lb-frame .ph-note i{font-size:40px;opacity:.6}
.lightbox .lb-frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.lightbox .lb-text{color:#e7eefb}
.lightbox .lb-text .lb-tag{color:#7db8ff;font-size:13px;font-weight:700}
.lightbox .lb-text h3{color:#fff;font-size:22px;font-weight:800;margin:6px 0 16px}
.lightbox .lb-text .q{background:#2f7bff;color:#fff;border-radius:12px 12px 4px 12px;padding:11px 15px;font-size:14.5px;max-width:85%;margin-left:auto;width:fit-content}
.lightbox .lb-text .a{background:#ffffff14;border:1px solid #ffffff26;border-radius:4px 12px 12px 12px;padding:13px 16px;font-size:14px;line-height:1.8;margin-top:12px}
.lightbox .lb-text .a .hl{background:#e7f0ff;color:#2563eb;border-radius:5px;padding:1px 6px;font-weight:700}
.lightbox .lb-text .a .ok{color:#4ade80;font-weight:700}
.lightbox .lb-text .note{color:#9fb0c4;font-size:12px;margin-top:16px;line-height:1.6}
.lightbox .lb-close{position:absolute;top:20px;right:26px;color:#fff;font-size:28px;cursor:pointer;line-height:1}
@media (width<=700px){.lightbox .lb-inner{grid-template-columns:1fr;gap:16px;max-height:88vh;overflow:auto}.lightbox .lb-frame{height:300px}}

/* ============ v8：案例竖屏截图位 + 行业卡插图位 ============ */
/* 案例卡：改为竖屏手机截图位（覆盖 v7 的方形框） */
.shotcard .shot{padding:16px;background:#eef2f8}
.shotcard .frame{max-width:212px;height:auto;aspect-ratio:9/16;border-radius:20px;border:1px solid #e2e8f2;box-shadow:0 10px 26px #14204017;background:#fff;overflow:hidden;position:relative}
.shotcard .frame .db-bar{display:none}          /* 竖屏真截图自带顶栏，不再用假顶栏 */
.shotcard .frame .ph-note{top:0}                /* 占位铺满整个竖屏 */
.shotcard .frame img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}

/* 行业卡：顶部插图位（参考"建筑劳务"卡片样式） */
.indcard{overflow:hidden}
.indcard .ind-illu{margin:-24px -22px 16px;aspect-ratio:16/10;border-radius:13px 13px 0 0;overflow:hidden;position:relative;background:#eef3fa}
.indcard .ind-illu img{width:100%;height:100%;object-fit:cover;display:block}
.indcard .ind-illu .illu-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7d93b3;background:repeating-linear-gradient(45deg,#eef3fa,#eef3fa 12px,#e4edf7 12px 24px)}
.indcard .ind-illu .illu-ph i{font-size:26px;opacity:.6}
.indcard .ind-illu .illu-ph span{font-size:13px;font-weight:700}
.indcard .ind-illu .illu-ph small{font-size:11px;opacity:.85;font-weight:400}

/* ============ v9：案例卡精简为"一句问 + 一句结果" ============ */
.shotcard .script{display:none}          /* 停用旧的灰框转写，改用下面两行 */
.shotcard .line{display:flex;gap:7px;font-size:13px;line-height:1.6;margin-bottom:7px}
.shotcard .line i{margin-top:3px;flex-shrink:0;font-size:12px}
.shotcard .line.q{color:var(--muted)}
.shotcard .line.q i{color:var(--brand)}
.shotcard .line.r{color:var(--ink-2);font-weight:600}
.shotcard .line.r i{color:#16a34a;font-size:14px}
.shotcard .line.r b{color:var(--brand)}
.shotcard .body h3{margin-bottom:11px}

/* ============ v10：博客九大板块色彩分级（卡片顶条按板块变色）============ */
.art-card .ac-cat{background:rgba(13,21,38,.5);backdrop-filter:blur(2px)}   /* 中性玻璃标签，适配任意底色 */
.art-card[data-cat="intro"]    .ac-ph{background:linear-gradient(135deg,#0b4da2,#072b57)}  /* GEO 入门·蓝 */
.art-card[data-cat="tech"]     .ac-ph{background:linear-gradient(135deg,#0e7490,#0c4a6e)}  /* 百度SEO技术·青 */
.art-card[data-cat="content"]  .ac-ph{background:linear-gradient(135deg,#6d28d9,#4c1d95)}  /* 内容E-E-A-T·紫 */
.art-card[data-cat="platform"] .ac-ph{background:linear-gradient(135deg,#ea580c,#9a3412)}  /* AI平台·橙 */
.art-card[data-cat="industry"] .ac-ph{background:linear-gradient(135deg,#047857,#064e3b)}  /* 行业落地·绿 */
.art-card[data-cat="ops"]      .ac-ph{background:linear-gradient(135deg,#4338ca,#312e81)}  /* 实操运营·靛 */
.art-card[data-cat="convert"]  .ac-ph{background:linear-gradient(135deg,#be185d,#831843)}  /* 转化趋势·玫红 */
.art-card[data-cat="research"] .ac-ph{background:linear-gradient(135deg,#334155,#1e293b)}  /* 权威研究·石板 */
.art-card[data-cat="news"]     .ac-ph{background:linear-gradient(135deg,#b45309,#78350f)}  /* 公司动态·金棕 */
/* 侧栏板块小色点 */
.doc-side a[data-filter="intro"]    .em{filter:none}

/* ============ v11：案例卡正文改为 标签→痛点→服务→分隔线→改变（参考"建筑劳务/软件信息技术"卡）============ */
.shotcard .body{padding:20px 20px 22px}
.shotcard .body .ctag{display:inline-block;background:#e8f4ec;color:#2e7d57;font-size:13px;font-weight:700;border-radius:8px;padding:5px 12px;margin-bottom:12px}
.shotcard .body h3{font-size:18px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.45}
.shotcard .body .cdesc{color:var(--muted);font-size:14.5px;line-height:1.85;margin:0 0 15px}
.shotcard .body .cdiv{border-top:1px solid var(--line);margin:0 0 14px}
.shotcard .body .cresult{color:#2e7d57;font-size:15px;font-weight:700;line-height:1.65;display:flex;gap:7px;align-items:flex-start}
.shotcard .body .cresult i{margin-top:3px;flex-shrink:0}
.shotcard .body .line,.shotcard .body .case-meta{display:none}   /* 停用旧的两行/指标结构 */

/* ============ v12：案例卡加"优化前/优化动作/优化后"标注 ============ */
.shotcard .body .clab{font-size:11px;font-weight:800;letter-spacing:.3px;display:flex;align-items:center;gap:5px;margin-bottom:6px}
.shotcard .body .clab i{font-size:11px}
.shotcard .body .clab-before{color:#c0392b}
.shotcard .body .clab-do{color:var(--brand)}
.shotcard .body .clab-after{color:#2e7d57}
.shotcard .body h3{margin:0 0 13px}
.shotcard .body .cresult i{display:none}   /* 改由 clab 带图标 */

/* ============ v13：微信二维码弹窗 ============ */
.wxmodal{position:fixed;inset:0;z-index:400;background:#081226e6;display:none;align-items:center;justify-content:center;padding:24px}
.wxmodal.open{display:flex}
.wxmodal .wxbox{background:#fff;border-radius:18px;padding:26px 30px;text-align:center;box-shadow:0 30px 70px #0006;position:relative;max-width:320px}
.wxmodal .wxbox img{width:220px;height:220px;object-fit:contain;border-radius:10px;display:block;margin:0 auto 14px}
.wxmodal .wxbox .wxt{font-size:17px;font-weight:800;color:var(--ink)}
.wxmodal .wxbox .wxs{font-size:13.5px;color:var(--muted);margin-top:5px}
.wxmodal .wxclose{position:absolute;top:12px;right:16px;font-size:24px;color:var(--muted);cursor:pointer;line-height:1}

/* ============ v14：案例截图铺满卡片（去空托盘、放大更清晰）+ 灯箱看大图 ============ */
.shotcard .shot{padding:0;background:#0d1526;position:relative}
.shotcard .frame{max-width:none;width:100%;height:330px;aspect-ratio:auto;border:none;border-radius:0;box-shadow:none;background:#0d1526}
.shotcard .frame img{width:100%;height:100%;object-fit:cover;object-position:top center}
.shotcard .zoom{top:12px;right:12px;background:#0d1526cc}
/* 灯箱：直接看大图 */
.lightbox .lb-inner{display:block;max-width:none;width:auto;grid-template-columns:none}
.lightbox #lbImg{max-height:84vh;width:auto;max-width:92vw;border-radius:18px;box-shadow:0 30px 70px #0007;display:block;margin:0 auto}
.lightbox .lb-cap{color:#cdd8e6;font-size:13.5px;text-align:center;margin-top:14px}
.lightbox .lb-cap b{color:#7db8ff}

/* ============ v15：平台墙真实 logo + 弹性居中（适配 14 家）============ */
.plat-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.plat{flex:0 0 calc((100% - 14px*5)/6);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}
.plat-logo{height:34px;max-width:80%;width:auto;object-fit:contain;margin:14px auto 10px;display:block}
.plat i{margin-top:8px}
@media (width<=980px){.plat{flex-basis:calc((100% - 14px*3)/4)}}
@media (width<=560px){.plat{flex-basis:calc((100% - 14px)/2)}}

/* ============ v16：英雄屏手机 iPhone16 比例 + 真实豆包 logo + 拟真输入框 ============ */
.phone{width:326px;height:672px;padding:12px}
.phone .screen{height:100%;display:flex;flex-direction:column;overflow:hidden}
.phone .chat{flex:1;overflow:hidden}
.phone .db-ico{background:transparent;overflow:hidden;padding:0}
.phone .db-ico img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.phone .adv li{gap:0}
.phone .inbar{gap:10px;align-items:center}
.phone .inbar .inbox{flex:1;display:flex;align-items:center;gap:8px;background:#f2f3f5;border-radius:22px;padding:11px 15px;color:#9aa4b2;font-size:13px}
.phone .inbar .inbox .add{font-size:18px;color:#b7c0cc}
.phone .inbar .send{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
@media (width<=980px){.phone{width:300px;height:620px}}

/* ============ v17：英雄屏 万里长城 天际线（向左渐隐、右侧清晰）============ */
.hero .cityscape{position:absolute;inset:0;z-index:1;background:url('assets/skyline.jpg') center bottom/cover no-repeat;opacity:.78;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 20%,#000 52%);mask-image:linear-gradient(90deg,transparent 0%,transparent 20%,#000 52%)}
.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0a1f42 0%,#0a1f42e6 30%,#0a1f4259 66%,#0a1f421a 100%),linear-gradient(0deg,#0a1f4266,transparent 60%)}

/* ============ v18 · 我们的价值观 band ============ */
.value-sec{padding:64px 0;background:linear-gradient(135deg,#0c2340 0%,#0b4da2 100%);position:relative;overflow:hidden}
.value-sec:before{content:"";position:absolute;top:-40%;right:-10%;width:520px;height:520px;background:radial-gradient(circle,rgba(240,160,32,.18),transparent 70%);border-radius:50%}
.value-band{position:relative;z-index:1;text-align:center;max-width:820px;margin:0 auto}
.value-band .vb-label{display:inline-block;letter-spacing:2px;color:#ffd98a;border:1px solid rgba(240,160,32,.5);background:rgba(240,160,32,.12);border-radius:22px;padding:7px 18px;font-size:14px;font-weight:700;margin-bottom:22px}
.value-band .vb-title{font-size:40px;font-weight:800;color:#fff;line-height:1.35;margin:0}
.value-band .vb-title b{color:var(--accent,#f0a020);font-weight:800}
.value-band .vb-desc{margin:20px auto 0;max-width:680px;color:rgba(255,255,255,.82);font-size:16px;line-height:1.9}
@media(max-width:768px){.value-sec{padding:46px 0}.value-band .vb-title{font-size:27px}.value-band .vb-desc{font-size:14.5px}}

/* ============ v19 · 英雄屏手机从右侧滑入（带轻微旋转回正，如被递入画面）============ */
@keyframes heroPhoneSlideIn{
  0%{transform:translateX(140%) rotate(10deg);opacity:0}
  55%{opacity:1}
  78%{transform:translateX(-2.5%) rotate(-1.4deg)}
  100%{transform:translateX(0) rotate(0);opacity:1}
}
.hero-phone .phone{animation:heroPhoneSlideIn 1.15s cubic-bezier(.22,.7,.3,1) .2s both;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.hero-phone .phone{animation:none}}

/* ============ v20 · AI 平台墙入场动画：由 JS 驱动（滚动到视口才触发，方块从窗口右侧飞入各自站位）============ */
.plat-wall .plat{will-change:transform,opacity}

/* ============ v21 · 审查修复：AI 演示 <c> 品牌高亮 + 留资表单 ============ */
.ai-demo .a c{background:#e7f0ff;color:#2563eb;font-weight:700;border-radius:6px;padding:1px 7px;white-space:nowrap}
/* 留资表单 */
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px}
.lead-form .lf-full{grid-column:1/-1}
.lead-form input,.lead-form select{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;font-family:inherit;color:var(--ink)}
.lead-form input:focus,.lead-form select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0b4da21f}
.lead-form button{grid-column:1/-1;padding:14px;border:0;border-radius:10px;background:var(--accent,#f0a020);color:#3a2600;font-weight:800;font-size:16px;cursor:pointer;transition:filter .2s}
.lead-form button:hover{filter:brightness(1.05)}
.lead-consent{grid-column:1/-1;font-size:12.5px;color:var(--muted);line-height:1.6;margin-top:2px}
@media(max-width:600px){.lead-form{grid-template-columns:1fr}}

/* ============ v22 · 审查修复：数据条免责脚注 + 联系区表单栅格 ============ */
.stat-note{text-align:center;color:var(--muted);font-size:12.5px;margin-top:14px;line-height:1.6}
.hero-stats-note{color:rgba(255,255,255,.6);font-size:12px;line-height:1.6;margin:10px 0 0;max-width:560px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px;box-shadow:var(--shadow)}
.contact-form-card h2{font-size:24px;margin:0 0 8px}
.contact-form-card>p{color:var(--ink-2);font-size:14.5px;line-height:1.7;margin:0 0 18px}
.contact-grid .cta-band{margin:0}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}