:root{--ink:#17212f;--muted:#5f6f82;--line:#dce5ee;--soft:#f4f8fb;--deep:#07111c;--brand:#b71f2b;--blue:#1c638f;--teal:#227d75;--gold:#b8904a}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","Noto Sans SC",SimSun,sans-serif;background:#fff;line-height:1.75}
a{color:inherit;text-decoration:none}
.top{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.logo{display:flex;align-items:center;gap:14px;font-weight:700;font-size:21px}
.mark{width:46px;height:46px;border:2px solid var(--brand);display:grid;place-items:center;border-radius:4px;position:relative;overflow:hidden}
.mark:before{content:"";width:21px;height:21px;border:4px solid var(--brand);border-radius:50%;position:absolute;left:10px;top:12px}
.mark:after{content:"";width:10px;height:10px;border:3px solid var(--brand);border-radius:50%;position:absolute;right:8px;bottom:10px}
.consult{color:#38485a;font-size:15px;white-space:nowrap;border:1px solid var(--line);padding:9px 16px;border-radius:999px;background:#fff;cursor:pointer;font-family:inherit}
.nav{display:flex;justify-content:center;border-bottom:1px solid var(--line);background:#fff}
.nav a{min-width:150px;text-align:center;padding:16px 26px;color:#263447;border-right:1px solid var(--line);font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px}
.nav a:first-child{border-left:1px solid var(--line)}
.nav .active{color:var(--brand);position:relative}
.nav .active:after{content:"";position:absolute;left:42%;right:42%;bottom:0;height:2px;background:var(--brand)}
.nav a:before{content:"";width:17px;height:17px;background:currentColor;display:inline-block;flex:0 0 auto}
.nav a[href="/about/"]:before{clip-path:polygon(50% 4%,93% 26%,93% 74%,50% 96%,7% 74%,7% 26%)}
.nav a[href="/products/"]:before{clip-path:polygon(16% 10%,84% 10%,84% 24%,72% 24%,72% 90%,28% 90%,28% 24%,16% 24%)}
.nav a[href="/service/"]:before{clip-path:polygon(45% 0,55% 0,58% 20%,72% 26%,90% 15%,97% 24%,84% 40%,88% 56%,100% 70%,92% 81%,74% 72%,58% 80%,55% 100%,45% 100%,42% 80%,26% 72%,8% 81%,0 70%,12% 56%,16% 40%,3% 24%,10% 15%,28% 26%,42% 20%)}
.nav a[href="/guide/"]:before{clip-path:polygon(18% 6%,78% 6%,88% 16%,88% 94%,18% 94%)}
.nav a[href="/contact/"]:before{clip-path:polygon(8% 18%,92% 18%,92% 78%,64% 78%,50% 92%,36% 78%,8% 78%)}
.hero{background:var(--deep);color:#fff;padding:30px 7vw 58px}
.crumb{font-size:13px;color:#8190a5;margin-bottom:18px}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:stretch}
h1{margin:0;font-size:42px;font-weight:500;color:#e5eaf0;line-height:1.25}
.lead{max-width:760px;margin:14px 0 24px;color:#b7c2d0;font-size:16px}
.kicker{color:#91c9df;font-size:14px;margin-bottom:8px;letter-spacing:.08em}
.hero-image{overflow:hidden;background:#eaf4fa;border:1px solid rgba(255,255,255,.14);min-height:360px}
.hero-image img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tags span{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);padding:7px 12px;color:#e5edf5;font-size:13px}
.section{padding:58px 7vw;border-bottom:1px solid var(--line)}
.section.alt{background:var(--soft)}
.section h2{font-size:27px;font-weight:500;margin:0 0 18px}
.section-intro{max-width:880px;color:var(--muted);margin:0 0 26px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--line);background:#fff;padding:24px;min-height:178px}
.card b{display:flex;align-items:center;gap:9px;font-size:19px;margin-bottom:8px;color:#203048}
.card b:before{content:"";width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:inset 0 0 0 6px rgba(255,255,255,.45);flex:0 0 auto}
.card p,.card li{margin:0;color:var(--muted);font-size:14px}
.card ul{margin:10px 0 0;padding-left:18px}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.metric{background:#fff;border:1px solid var(--line);padding:18px}
.metric strong{display:block;font-size:26px;color:var(--brand);line-height:1.2}
.metric span{color:var(--muted);font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.split.wide-left{grid-template-columns:1.2fr .8fr}
.split.wide-right{grid-template-columns:.8fr 1.2fr}
.table{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.table th,.table td{border:1px solid #cfd8e3;padding:11px 13px;text-align:left;vertical-align:top}
.table th{width:30%;background:#f1f5f9;color:#2d3b4f}
.timeline{display:grid;gap:14px}
.step{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--line);padding:18px}
.step span{display:grid;place-items:center;width:42px;height:42px;background:#eef6fb;color:var(--blue);font-weight:800;border-radius:8px}
.step b{display:block;margin-bottom:4px}.step p{margin:0;color:var(--muted);font-size:14px}
.callout{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);padding:22px;color:var(--muted)}
.callout b{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:18px;margin-bottom:8px}
.callout b:before{content:"";width:20px;height:20px;border-radius:50%;background:var(--brand);box-shadow:inset 0 0 0 6px rgba(255,255,255,.5)}
.checklist{display:grid;gap:10px}
.checklist div{background:#fff;border:1px solid var(--line);padding:14px 16px;color:var(--muted);font-size:14px}
.checklist div:before{content:"";display:inline-block;width:8px;height:8px;background:var(--teal);margin-right:10px}
.mini-image{overflow:hidden;border:1px solid var(--line);background:#fff}
.mini-image img{display:block;width:100%;height:260px;object-fit:cover}
.notice{background:#f7f9fb;padding:28px 7vw;color:#445166;font-size:14px}
.footer-main{background:#f2f3f5;padding:52px 7vw;display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:48px;color:#263447}
.footer-logo{font-size:24px;font-weight:800;letter-spacing:.02em;margin-bottom:18px}
.footer-main h3{font-size:15px;margin:0 0 14px;color:#111827}
.footer-main p,.footer-main a,.footer-main li{font-size:14px;color:#4f5f70;margin:0;line-height:1.85}
.footer-main ul{list-style:none;margin:0;padding:0}
.footer-search{margin-top:24px;background:#fff;border:1px solid #e5e9ef;border-radius:999px;height:42px;display:flex;align-items:center;padding:0 18px;color:#7a8796;max-width:280px}
.service-button{border:1px solid #cdd5df;background:#fff;border-radius:999px;padding:10px 24px;cursor:pointer;color:#1e2b3a;font:inherit;margin-top:14px}
.socials{display:flex;gap:12px}
.socials span{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #e5e9ef;display:grid;place-items:center;color:var(--brand);font-weight:700}
.footer-legal{padding:24px 7vw;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px;color:#566273}
.footer-legal a{color:#566273}
.service-float{position:fixed;right:24px;bottom:24px;z-index:30;border:0;border-radius:999px;background:var(--brand);color:#fff;padding:13px 18px;font:inherit;font-weight:700;box-shadow:0 10px 30px rgba(20,30,50,.22);cursor:pointer}
.service-panel{position:fixed;right:24px;bottom:84px;z-index:31;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #d7dee8;box-shadow:0 24px 60px rgba(15,23,42,.22);display:none}
.service-panel.open{display:block}
.service-head{background:#2f75ff;color:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}
.service-head b{font-size:16px}
.service-close{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.service-body{background:#f0f2f5;padding:18px;min-height:250px}
.service-msg{display:flex;gap:10px;margin-bottom:14px}
.service-avatar{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--brand);font-weight:800;flex:0 0 auto}
.service-bubble{background:#fff;border-radius:8px;padding:10px 12px;color:#1f2937;font-size:14px;line-height:1.7}
.service-input{border-top:1px solid #d7dee8;padding:12px;background:#fff;display:flex;gap:8px}
.service-input input{flex:1;border:0;outline:0;font:inherit;color:#6b7280}
.service-input button{border:0;background:#8fb2ff;color:#fff;padding:8px 14px;border-radius:4px}
@media(max-width:980px){.top{height:auto;padding:16px 18px;align-items:flex-start;gap:14px}.logo{font-size:17px}.mark{width:38px;height:38px}.mark:before{width:17px;height:17px;left:8px;top:10px}.mark:after{width:8px;height:8px;right:7px;bottom:8px}.nav{overflow:auto;justify-content:flex-start}.nav a{min-width:112px;font-size:15px;padding:13px 16px}.hero,.section,.notice,.footer-main,.footer-legal{padding-left:18px;padding-right:18px}.hero-grid,.grid,.grid.two,.split,.split.wide-left,.split.wide-right,.metric-row,.footer-main{grid-template-columns:1fr}h1{font-size:30px}.hero-image,.hero-image img{min-height:300px}.footer-legal{display:block}.service-float{right:16px;bottom:16px}.service-panel{right:16px;bottom:74px}}