/* 聚帜科技 · 2026-11 内容与页面更新。系统字体、原创 CSS 图形，无外部依赖。 */
:root{--muted:#536782;--line:#dce5f3}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.8}h1,h2,h3{letter-spacing:-.025em}button,a{-webkit-tap-highlight-color:transparent}.main-nav{gap:22px}.brand{width:178px}.site-header .shell{gap:24px}.site-header .nav-cta{white-space:nowrap}.eyebrow{font-size:12px;letter-spacing:.08em}.refresh-hero{min-height:0;background:radial-gradient(ellipse at 85% 35%,#dbeaff 0,transparent 55%),linear-gradient(130deg,#f8fbff,#eef5ff)}.refresh-hero::before{display:none}.refresh-hero .hero-grid{min-height:610px;gap:50px;grid-template-columns:1.12fr 1fr}.refresh-hero h1{font-size:clamp(34px,4.35vw,58px);line-height:1.3;letter-spacing:-.04em}.refresh-hero .hero-copy{padding:70px 0}.refresh-hero .hero-copy>p:last-of-type{font-size:17px;line-height:1.95}.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px;font-size:12px;color:#456080}.hero-points span{border:1px solid #c7d9f4;background:#fff9;padding:4px 10px}.hero-points span::before{content:"✓";margin-right:6px;color:var(--blue)}.hero-bottom{border-top:1px solid #d2e0f4;background:#ffffff70}.hero-bottom .shell{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:23px}.hero-bottom p{margin:0;display:grid;gap:3px}.hero-bottom b{font-size:15px}.hero-bottom span{font-size:12px;color:var(--muted)}
.service-console{position:relative;border:1px solid #c0d3ef;border-radius:12px;background:#fff;box-shadow:0 30px 60px #124e9b18;transform:rotate(-1deg);overflow:hidden}.console-top{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;border-bottom:1px solid #dce5f3;background:#f8fbff;font-size:11px;color:#5f7290}.console-top>span:first-child{display:flex;gap:5px}.console-top i{display:block;width:7px;height:7px;background:#c8d8ed;border-radius:50%}.console-top i:first-child{background:#1769ff}.console-body{padding:25px}.console-label{font-size:12px;color:#587194;margin-bottom:18px}.console-domain{display:flex;align-items:center;gap:10px;color:#1255c6;font-weight:700;font-size:20px;padding:12px 15px;border:1px solid #bcd3f7;background:#f0f6ff;overflow-wrap:anywhere}.console-domain>span{font-size:24px}.console-domain small{margin-left:auto;font-size:11px;white-space:nowrap;font-weight:400;color:#5570a8}.console-flow{display:grid;gap:10px;margin-top:19px}.console-flow>div{display:flex;gap:12px;align-items:center;padding:11px 13px;border:1px solid #dfe7f4;background:linear-gradient(110deg,#fff,#f8faff)}.console-flow>div>span{font-size:11px;color:#1769ff;background:#edf4ff;padding:5px}.console-flow p{margin:0;display:grid}.console-flow b{font-size:14px;line-height:1.5}.console-flow small{font-size:11px;color:#6a7d99;margin-top:3px}.console-flow em{font-size:11px;font-style:normal;color:#6a7d99;margin-left:auto;white-space:nowrap}.console-caption{font-size:10px;color:#6b7f9d;margin:16px 0 0}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-tile{display:block;position:relative;padding:29px 30px 30px;min-height:290px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.service-tile:hover{background:#f4f8ff}.tile-top{display:flex;justify-content:space-between;margin-bottom:26px;color:var(--blue);font-size:15px}.tile-top span:first-child{display:grid;place-items:center;width:34px;height:34px;background:#edf4ff;border-radius:6px;font-weight:700}.service-tile>small{font-size:10px;letter-spacing:.1em;color:#6b7e98}.service-tile h3{margin:7px 0 10px;font-size:23px}.service-tile p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:18px}.text-link{color:#1256c9;font-size:14px;font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.scenario-section{background:#0d2044;color:#fff;padding:85px 0}.scenario-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:75px}.scenario-layout h2{font-size:39px;line-height:1.4;margin-bottom:20px}.scenario-layout>div>p:not(.eyebrow){color:#afc3e2}.scenario-section .eyebrow{color:#9dbcec}.scenario-section .text-link{color:#b3d3ff}.scenario-list a{display:block;position:relative;padding:22px 35px 24px 0;border-top:1px solid #ffffff25}.scenario-list a:last-child{border-bottom:1px solid #ffffff25}.scenario-list span{font-size:11px;color:#97baf0}.scenario-list h3{font-size:21px;margin:8px 0}.scenario-list p{margin:0;font-size:14px;color:#b5c6e0}.scenario-list b{position:absolute;right:0;top:39px;font-size:24px;color:#8fbaff}.scenario-list a:hover h3{color:#a8cbff}
.knowledge-section{background:#f5f8fd}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;padding:28px 30px;background:#fff;border:1px solid var(--line);transition:border-color .2s,transform .2s}.guide-card:hover{border-color:#1769ff;transform:translateY(-3px)}.guide-top{display:flex;justify-content:space-between;font-size:12px;color:#3165ac;margin-bottom:21px}.guide-top>span:first-child{background:#edf4ff;padding:2px 9px}.guide-card h3{font-size:22px;line-height:1.6;margin-bottom:12px}.guide-card p{font-size:15px;color:var(--muted);margin-bottom:22px}.guide-bottom{margin-top:auto;display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #edf1f8;font-size:13px;color:#1256c9}.faq-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:70px}.faq-layout h2{font-size:35px;line-height:1.4}.question-list{border-top:1px solid var(--line)}.question-list details{border-bottom:1px solid var(--line)}.question-list summary{padding:21px 33px 21px 0;position:relative;cursor:pointer;list-style:none;font-weight:600;line-height:1.8}.question-list summary::-webkit-details-marker{display:none}.question-list summary::after{content:"+";position:absolute;right:5px;top:18px;font-size:24px;color:#1769ff;font-weight:400}.question-list details[open]>summary::after{content:"−"}.question-list details>div{padding:0 23px 20px 0;color:var(--muted)}.question-list details p{margin:0;font-size:15px;line-height:1.95}
.breadcrumb{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;padding-block:22px;font-size:12px;color:#647994;line-height:1.65}.breadcrumb a{color:#235fae}.breadcrumb [aria-current]{max-width:100%}.page-intro{padding-top:30px;padding-bottom:52px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(30px,4vw,49px);line-height:1.4;max-width:1000px;margin-bottom:22px}.page-intro .intro-summary{font-size:17px;line-height:1.95;color:var(--muted);max-width:820px;margin-bottom:24px}.intro-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.content-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-top:49px;padding-bottom:85px}.page-toc{align-self:start;position:sticky;top:110px}.page-toc>p{font-size:12px;color:#647994;letter-spacing:.08em;font-weight:600;margin-bottom:14px}.page-toc nav{display:grid;border-left:1px solid var(--line)}.page-toc nav a{font-size:13px;line-height:1.8;padding:8px 13px;display:block;color:#526984}.page-toc nav a:hover{color:var(--blue);background:#f0f6ff}.toc-contact{display:block;font-size:12px;color:#1769ff;margin-top:22px}.content-column{min-width:0}.content-block{margin:0 0 47px;padding-bottom:40px;border-bottom:1px solid var(--line)}.content-block:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.content-block>h2{font-size:27px;line-height:1.6;margin-bottom:22px}.content-block>p{font-size:16px;color:#425976;line-height:2}.content-block a:not(.button){text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b0c8e9;color:#145cc2}.content-block a:hover{text-decoration-color:#145cc2}.content-block .guide-card,.content-block .info-card a{text-decoration:none!important}.block-intro{color:var(--muted)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-card{padding:23px;background:#f5f8fd;border:1px solid #e4ebf6}.info-card h3{font-size:19px;line-height:1.6;margin-bottom:11px}.info-card p{font-size:15px;line-height:1.95;color:var(--muted);margin-bottom:12px}.info-card p:last-child{margin-bottom:0}.plain-list{padding-left:23px;margin:0;color:#425976}.plain-list li{padding-left:5px;margin:13px 0;line-height:1.95}.plain-list li::marker{color:#1769ff}.table-scroll{overflow-x:auto;border:1px solid var(--line);margin-bottom:20px;background:#fff;overscroll-behavior-inline:contain}.table-scroll table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.85;min-width:480px}.table-scroll caption{text-align:left;background:#edf4ff;font-size:12px;padding:12px 16px;color:#3e6495}.table-scroll th,.table-scroll td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.table-scroll thead{background:#f6f9ff}.table-scroll tbody th{font-weight:600;min-width:100px;max-width:170px;color:#153460}.table-scroll td{color:#4c617e}.table-scroll tr:last-child>*{border-bottom:0}.content-note{border-left:3px solid #1769ff;background:#edf4ff;padding:17px 20px;color:#38577f;font-size:14px;line-height:1.95;margin-block:25px}.content-note p:last-child{margin:0}.article-meta{font-size:12px;color:#647994;display:flex;gap:10px;flex-wrap:wrap}.article-intro{padding-bottom:32px}.article-layout .content-block>p{line-height:2.1}.content-block .guide-grid{grid-template-columns:1fr}.refresh-footer{grid-template-columns:1.65fr 1fr 1fr 1fr;gap:40px}.footer-phone{font-size:21px!important;color:#e5efff!important;margin-block:13px!important}.site-footer .footer-brand p{color:#afbfda}.site-footer img{height:auto}.contact-band .eyebrow{color:#ccddff}.contact-band .eyebrow::before{background:#a7c7ff}.contact-band h2{font-size:34px}.contact-band p{margin-bottom:0}.contact-band .shell{gap:30px}.contact-page{padding-top:65px}.contact-copy>p{color:var(--muted);font-size:16px}.contact-page h1{font-size:46px;line-height:1.4}.error-page{padding-block:100px;min-height:450px}.error-page h1{font-size:36px}.error-page>p{color:var(--muted)}
@media(min-width:701px) and (max-width:1100px){.brand{width:145px}.main-nav{gap:13px;font-size:13px}.site-header .shell{gap:13px}.refresh-hero .hero-grid{gap:28px}.console-body{padding:20px}.refresh-footer{gap:25px}.content-layout{gap:35px;grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:900px){.refresh-hero .hero-grid{grid-template-columns:1fr 1fr}.refresh-hero h1{font-size:36px}.hero-points{gap:5px}.service-tile{padding:23px}.service-tile h3{font-size:21px}.scenario-layout{gap:35px}.scenario-layout h2{font-size:32px}.faq-layout{gap:35px}.guide-card{padding:23px}.guide-card h3{font-size:20px}}
@media(max-width:700px){.site-header .shell{gap:14px}.brand{width:156px}.main-nav{gap:1px}.refresh-hero .hero-grid{grid-template-columns:1fr;gap:0}.refresh-hero .hero-copy{padding:45px 0 32px}.refresh-hero h1{font-size:clamp(28px,6.6vw,43px);line-height:1.45}.refresh-hero .hero-copy>p:last-of-type{font-size:15px;margin-bottom:25px}.hero-points{margin-top:22px;font-size:11px}.hero-points span{padding:3px 7px}.hero-actions{gap:17px}.hero-actions .button{font-size:13px;padding-inline:15px}.service-console{max-width:500px;transform:none;width:100%;margin:0 auto 36px}.console-body{padding:18px}.console-domain{font-size:18px}.console-top{padding:12px 16px}.console-flow>div{padding:10px 12px}.console-flow b{font-size:14px}.hero-bottom .shell{grid-template-columns:1fr;gap:13px;padding-block:21px}.hero-bottom p{grid-template-columns:1fr 1.5fr;gap:12px;align-items:baseline}.hero-bottom b{font-size:12px}.hero-bottom span{font-size:11px}.section{padding-block:57px}.section-heading h2{font-size:29px;line-height:1.45}.section-heading .button-quiet{margin-top:16px}.service-grid{grid-template-columns:1fr}.service-tile{min-height:0;padding:24px}.tile-top{margin-bottom:17px}.service-tile h3{font-size:23px}.service-tile p{max-width:420px}.scenario-section{padding:54px 0}.scenario-layout{grid-template-columns:1fr;gap:27px}.scenario-layout h2{font-size:31px}.scenario-list h3{font-size:19px}.scenario-list p{font-size:14px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{padding:23px}.guide-card h3{font-size:21px}.faq-layout{grid-template-columns:1fr;gap:27px}.faq-layout h2{font-size:29px}.question-list summary{font-size:15px;padding-block:18px}.breadcrumb{padding-top:18px;font-size:11px}.page-intro{padding-top:17px;padding-bottom:35px}.page-intro h1{font-size:29px;line-height:1.55}.page-intro .intro-summary{font-size:15px}.content-layout{grid-template-columns:1fr;gap:28px;padding-top:25px;padding-bottom:55px}.page-toc{position:static;padding:18px;border:1px solid var(--line);background:#f7faff}.page-toc nav{border:0;display:flex;flex-wrap:wrap;gap:6px 12px}.page-toc nav a{padding:3px 0;font-size:12px}.page-toc .toc-contact{margin-top:14px}.content-block{margin-bottom:30px;padding-bottom:29px}.content-block>h2{font-size:24px;line-height:1.55;margin-bottom:18px}.content-block>p{font-size:15px}.info-grid{grid-template-columns:1fr}.info-card{padding:20px}.plain-list{font-size:15px}.table-scroll th,.table-scroll td{padding:13px}.table-scroll table{font-size:13px}.article-meta{font-size:11px;gap:5px}.article-meta>span{display:none}.refresh-footer{grid-template-columns:1fr 1fr;gap:29px}.refresh-footer .footer-brand{grid-column:1/-1}.contact-band h2{font-size:27px}.contact-band .shell{padding-block:42px}.contact-band p{font-size:13px}.contact-page h1{font-size:35px}.floating-contact{font-size:13px;padding:11px 15px}.error-page{padding-block:65px}.error-page h1{font-size:29px}}
.modal-card{overflow-y:auto;overflow-x:hidden}.modal-close{z-index:2;min-width:40px;min-height:40px;top:8px;right:8px}.qr-card .qr-figure{max-width:100%}
@media(prefers-reduced-motion:reduce){.guide-card:hover{transform:none}}