/* 官网与介绍长图共用 brand-graphics.css 的颜色、字阶和业务图形。 */
.brand-home .brand-nav{position:sticky;top:0;z-index:20;background:#fff3d8ee;backdrop-filter:blur(12px);margin:0;padding:0 3.5%;border-bottom:1px solid #1800dc25}.brand-nav .brand strong{font-size:19px}.brand-home section[id]{scroll-margin-top:95px}.skip-link{position:fixed;top:-60px;left:12px;z-index:50;background:var(--accent);color:#fff;padding:12px 20px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site-menu{display:none;border:0;background:none;color:var(--accent);padding:12px;font-size:13px}.positioning{font-size:16px;font-weight:600;margin-bottom:12px}.brand-home .hero{min-height:660px}.brand-home .hero h1{font-size:clamp(64px,7vw,100px);margin:30px 0 24px}.brand-home .hero-foot{margin-top:40px}.brand-home .capabilities{padding-top:68px;padding-bottom:85px}.brand-home .capability .description{display:block;margin-top:12px;font-size:12px;color:#676152;max-width:420px;line-height:1.8}.capability .benefit{font-size:14px}.case-stories{padding:82px 3.5% 70px;background:#f9f8f2;color:#16181b}.case-stories .section-title h2{color:#16181b}.case-story{display:grid;grid-template-columns:6fr 5fr;column-gap:8%;align-items:center;padding:55px 0;border-top:1px solid #c7c5bb}.case-story:nth-of-type(2){grid-template-columns:5fr 6fr}.case-story:nth-of-type(2) .case-info{grid-column:2;grid-row:1}.case-story:nth-of-type(2) .case-flow{grid-column:1;grid-row:1}.case-info .eyebrow{color:var(--accent);display:flex;justify-content:space-between;gap:18px;line-height:1.6}.case-info .eyebrow span{color:#69685e;font-size:10px;font-weight:400}.case-info h3{font-size:clamp(30px,3.1vw,46px);line-height:1.2;letter-spacing:-.06em;max-width:560px;margin:28px 0 22px}.case-intro{font-size:14px;line-height:1.9;max-width:480px;color:#5d5b51}.case-info details{margin-top:28px;max-width:480px;border-top:1px solid #c7c5bb}.case-info summary{list-style:none;display:flex;justify-content:space-between;font-size:12px;cursor:pointer;padding:17px 0;color:var(--accent)}.case-info summary::-webkit-details-marker{display:none}.case-info details[open] summary span{transform:rotate(45deg)}.case-info dl{display:grid;grid-template-columns:88px 1fr;gap:16px;font-size:12px;line-height:1.8;margin:10px 0 20px}.case-info dt{color:var(--accent)}.case-info dd{margin:0;color:#55534a}.case-flow{padding:30px;background:#eeeade;position:relative;overflow:hidden}.case-flow::after{position:absolute;content:'';width:220px;height:160px;right:-45px;bottom:-50px;background:radial-gradient(#1800dc .7px,transparent .8px);background-size:5px 5px;opacity:.12;transform:rotate(-18deg);pointer-events:none}.case-flow>small{font-size:10px;color:#6c685a}.case-flow ol{margin:32px 0 26px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-flow li{position:relative;z-index:1;padding:20px;background:#fff9e9;color:#1800dc;font-size:13px;min-height:94px}.case-flow li span{display:block;font:11px Consolas,monospace;margin-bottom:14px}.case-flow li:last-child{background:var(--accent);color:#fff}.case-flow li:nth-child(2){transform:translateY(10px)}.case-flow>p{font-size:11px;color:#605b4d;margin-top:24px}.case-disclosure{font-size:11px;color:#767366;line-height:1.8;padding-top:22px;border-top:1px solid #c7c5bb}.cooperation{padding:85px 3.5%;background:var(--paper)}.cooperation ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:60px 0 35px;list-style:none}.cooperation li{padding:0 30px 0 0;border-top:1px solid #1800dc45;padding-top:20px}.cooperation li+li{border-left:1px solid #1800dc25;padding-left:25px}.cooperation li>span{font:12px Consolas,monospace;color:var(--accent)}.cooperation h3{font-size:22px;margin:32px 0 16px;letter-spacing:-.02em}.cooperation li>p{font-size:12px;line-height:1.8;color:#676152;max-width:250px}.fit{font-size:12px;line-height:1.9;color:#676152;max-width:650px;padding-top:22px;border-top:1px solid #d4cab6}.contact-strip{display:grid;grid-template-columns:7fr 5fr;align-items:center;gap:45px;background:var(--accent);color:#fff3d8;padding:50px 3.5%}.contact-strip h2{font-size:28px;letter-spacing:-.04em;font-weight:600;margin-top:18px}.contact-links{display:flex;flex-direction:column;gap:16px;align-items:flex-start;font-size:13px}.copy-wechat{padding:0;border:0;background:none;color:inherit;font-size:13px;display:flex;gap:25px;align-items:center}.copy-wechat span{font-size:10px;border-bottom:1px solid #fff8;padding-bottom:2px}.copy-message{font-size:11px;min-height:14px}.brand-footer{background:#16181b;color:#b9b9b3;padding:30px 3.5%;display:flex;justify-content:space-between;gap:22px;font-size:10px;line-height:1.8}.brand-footer>div{display:flex;flex-wrap:wrap;gap:18px}.brand-footer a{display:inline-flex;align-items:center;gap:5px}.brand-footer img{width:15px;height:15px}.brand-footer a:hover{color:white}.brand-home .hero-work{will-change:transform}.reveal-element{opacity:1;transform:none}.motion-active .reveal-element.pending-reveal{opacity:0;transform:translateY(16px)}.reveal-element{transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
/* MG: movements follow the work, never move readable body copy. */
.brand-home .case-flow{background:none;padding:0;overflow:visible}.case-flow::after{display:none}.case-picture{margin:0}.case-picture img{display:block;width:100%;height:auto}.case-picture figcaption{font-size:10px;color:#777263;margin-top:10px}.brand-home .case-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:22px 0 0}.brand-home .case-flow li{display:block;padding:12px 8px!important;font-size:11px;min-width:0;transform:none!important;background:none;color:var(--accent);border-top:1px solid #1800dc45;border-bottom:0;margin:0}.brand-home .case-flow li span{margin:0 0 8px;display:block}.brand-home .case-flow>p{font-size:12px;color:var(--accent);margin-top:16px}.brand-home .case-story{grid-template-columns:5fr 7fr;gap:5%}.brand-home .case-story:nth-of-type(2){grid-template-columns:7fr 5fr}
.brand-home .visual{--cycle:7s}.brand-home .visual .scan-line{animation:mg-scan var(--cycle) ease-in-out infinite}.brand-home .visual .fields dl dd{animation:mg-field var(--cycle) ease infinite;animation-delay:.5s}.brand-home .visual .fields dl dd:nth-of-type(2){animation-delay:.85s}.brand-home .visual .fields dl dd:nth-of-type(3){animation-delay:1.2s}.brand-home .visual .status{animation:mg-confirm var(--cycle) ease infinite}.brand-home .visual-arrow{animation:mg-arrow var(--cycle) ease infinite}.brand-home .difference{animation:mg-difference var(--cycle) ease infinite}.brand-home .exception>span{animation:mg-alert var(--cycle) ease infinite}.brand-home .documents span{animation:mg-document var(--cycle) ease infinite}.brand-home .documents span:nth-child(2){animation-delay:.6s}.brand-home .documents span:nth-child(3){animation-delay:1.2s}.brand-home .citation{animation:mg-citation var(--cycle) ease infinite}.brand-home .flow-track>span,.brand-home .flow-branches>span{animation:mg-node var(--cycle) ease infinite}.brand-home .flow-track>span:nth-of-type(2){animation-delay:1s}.brand-home .flow-track>span:nth-of-type(3){animation-delay:2s}.brand-home .flow-branches>span{animation-delay:3s}.brand-home .flow-track>.human{animation-delay:4s}.brand-home .flow-track>i{animation:mg-arrow 3s ease infinite}.brand-home .visual:not(.mg-playing) *{animation-play-state:paused}.brand-home .cta span,.brand-nav a{transition:transform .3s,color .3s}.brand-home .cta:hover span{transform:translate(4px,4px)}.case-info details[open] dl{animation:mg-open .35s ease both}.case-info summary span{transition:transform .25s}.brand-nav::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}.brand-home .cooperation li{position:relative}.brand-home .cooperation li::after{content:'→';position:absolute;right:18px;top:17px;color:var(--accent);font-size:19px}.brand-home .cooperation li:last-child::after{content:'✓'}
@keyframes mg-scan{0%,10%{top:24%;opacity:0}18%{opacity:.75}50%{top:78%;opacity:.75}60%,100%{top:78%;opacity:0}}@keyframes mg-field{0%,18%{opacity:.35;transform:translateX(7px)}32%,85%{opacity:1;transform:translateX(0)}100%{opacity:.35;transform:translateX(7px)}}@keyframes mg-confirm{0%,35%{opacity:.5}50%,90%{opacity:1}100%{opacity:.5}}@keyframes mg-arrow{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(4px);opacity:1}}@keyframes mg-difference{0%,30%,100%{transform:scale(.94)}45%,80%{transform:scale(1.05)}}@keyframes mg-alert{0%,45%,100%{transform:scale(1)}55%,65%{transform:scale(1.15)}}@keyframes mg-document{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes mg-citation{0%,25%,100%{background:#b9f50040}45%,80%{background:#b9f500}}@keyframes mg-node{0%,100%{box-shadow:inset 3px 0 #1800dc00}30%,50%{box-shadow:inset 3px 0 #b9f500}}@keyframes mg-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:740px){.brand-home .case-story,.brand-home .case-story:nth-of-type(2){display:block}.brand-home .case-flow{margin-top:24px}.brand-home .case-flow li{font-size:10px}.case-picture figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-home *, .brand-home *::after{animation:none!important;transition:none!important}.brand-home .visual .fields dl dd,.brand-home .visual .status{opacity:1!important;transform:none!important}.brand-nav::after{display:none}}
/* 长图源文件：1080px 画布，导出时使用2倍像素密度。 */
.brand-poster{width:1080px;min-width:1080px;margin:0;background:var(--paper)}.brand-poster #proposal{max-width:none}.poster-brand{display:flex;align-items:center;gap:14px;padding:34px 45px 24px;border-bottom:1px solid #1800dc25}.poster-brand img{width:80px;filter:invert(1)}.poster-brand strong{font-size:23px}.poster-brand span{margin-left:auto;font:12px Arial,sans-serif;letter-spacing:.06em;color:var(--accent)}.brand-poster .hero{padding:35px 45px 0;min-height:0}.brand-poster .hero h1{font-size:78px;margin:20px 0;line-height:1.06}.brand-poster .positioning{font-size:26px;color:var(--accent);margin-bottom:14px}.brand-poster .intro{max-width:800px;font-size:20px}.brand-poster .hero .eyebrow{display:none}.brand-poster .hero .cta{display:none}.brand-poster .hero-foot{padding:20px 0;margin-top:26px;font-size:16px}.brand-poster .hero-foot>a{display:none}.brand-poster .capabilities{padding:45px 45px 55px}.brand-poster .section-title{grid-template-columns:170px 1fr;gap:15px;margin-bottom:45px}.brand-poster .section-title>span{font-size:13px}.brand-poster .section-title h2{font-size:57px}.brand-poster .capability-layout{gap:38px 4%}.brand-poster .capability-copy{padding-left:46px;padding-bottom:24px}.brand-poster .capability h3{font-size:28px}.brand-poster .capability .benefit{font-size:18px;line-height:1.6}.brand-poster .capability .description{display:none}.brand-poster .serial{font-size:17px}.brand-poster .visual small,.brand-poster .demo-label{font-size:12px}.brand-poster .capability.extract{grid-column:1/13}.brand-poster .capability .visual.extract{min-height:300px;padding-top:40px;padding-bottom:28px}.brand-poster .source-sheet{padding:18px 18px 24px}.brand-poster .source-sheet b{font-size:30px}.brand-poster .source-sheet p{font-size:15px}.brand-poster .fields dl{font-size:16px}.brand-poster .status{font-size:13px}.brand-poster .capability.compare{grid-column:1/6;margin-top:0}.brand-poster .capability.knowledge{grid-column:6/13;margin-top:50px}.brand-poster .record-pair strong{font-size:39px}.brand-poster .record-pair small,.brand-poster .record-pair span{font-size:13px}.brand-poster .difference{bottom:102px}.brand-poster .exception b{font-size:14px}.brand-poster .exception small{font-size:12px;line-height:1.6}.brand-poster .documents span{font-size:13px}.brand-poster .answer>p{font-size:18px}.brand-poster .answer>b{font-size:17px}.brand-poster .citation{font-size:14px}.brand-poster .answer-note{font-size:13px}.brand-poster .capability.workflow{grid-column:3/12;margin-top:0}.brand-poster .flow-track{font-size:17px}.brand-poster .flow-track>span{min-width:270px}.brand-poster .flow-branches span small{font-size:15px}.brand-poster .flow-foot{font-size:14px}.poster-method{padding:26px 45px;border-top:1px solid #1800dc25;display:flex;justify-content:space-between;font-size:17px;color:var(--accent)}.poster-method i{font-style:normal}.poster-contact{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 45px;background:var(--accent);color:#fff3d8}.poster-contact p{font-size:13px;letter-spacing:.06em}.poster-contact h2{font-size:38px;letter-spacing:-.04em;margin:18px 0}.poster-contact span{font-size:19px}.poster-contact small{display:block;line-height:1.9;margin-top:25px;font-size:16px}.poster-contact figure{width:200px;flex:0 0 200px}.poster-contact figure img{width:200px;display:block}.poster-contact figcaption{font-size:14px;text-align:center;margin-top:12px;letter-spacing:.04em}.brand-poster .scan-line{animation:none}
.case-flow ol{display:flex;flex-direction:column;gap:0;margin-top:28px}.case-flow li{display:flex;align-items:center;gap:24px;min-height:0;padding:14px 8px;background:none;border-bottom:1px solid #1800dc25;transform:none!important;font-size:17px}.case-flow li span{margin:0;min-width:26px;font-size:11px}.case-flow li:last-child{margin-top:16px;padding:18px;color:#fff;background:var(--accent);border-bottom:0}.case-flow li:nth-child(2){padding-left:25px}.case-flow li:nth-child(3){padding-left:40px}.case-flow>p{margin-top:20px;line-height:1.8}
.poster-contact figure{width:280px;flex-basis:280px}.poster-contact figure img{width:280px}
@media(max-width:1000px){.brand-home .case-story{gap:5%;grid-template-columns:1fr 1fr}.cooperation ol{grid-template-columns:1fr 1fr;gap:35px 0}.cooperation li:nth-child(3){border-left:0;padding-left:0}.brand-footer{flex-direction:column}.case-info h3{font-size:32px}}
@media(max-width:740px){.brand-home .brand-nav{padding:0 16px;height:68px}.site-menu{display:block}.brand-home .brand-nav nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:15px 20px 25px;background:var(--paper);border-bottom:1px solid #1800dc30;font-size:18px}.brand-home .brand-nav nav.open{display:flex}.brand-home .brand-nav nav a{padding:15px 0}.brand-home .hero{padding-top:45px;min-height:0}.brand-home .hero h1{font-size:clamp(48px,12.5vw,78px);margin:30px 0 22px}.positioning{font-size:15px}.brand-home .intro{font-size:13px;max-width:300px}.brand-home .hero-foot{font-size:10px;margin-top:32px}.brand-home .capabilities{padding-top:60px}.brand-home .hero-meta{font-size:10px}.brand-home .hero-work-title{font-size:13px}.case-stories,.cooperation{padding:60px 16px}.case-story,.brand-home .case-story:nth-of-type(2){display:block;padding:35px 0}.case-info h3{font-size:29px}.case-intro{font-size:13px}.case-flow{margin-top:25px;padding:25px 20px}.case-flow ol{gap:14px}.case-flow li{font-size:13px;padding:17px}.cooperation ol{grid-template-columns:1fr;margin-top:35px;gap:26px}.cooperation li+li{border-left:0;padding-left:0}.cooperation h3{font-size:22px;margin-top:22px}.cooperation li>p{max-width:100%}.contact-strip{grid-template-columns:1fr;gap:26px;padding:35px 16px}.contact-strip h2{font-size:24px}.brand-footer{padding:25px 16px}.brand-footer>div{flex-direction:column;gap:9px}.brand-home .hero-work{will-change:auto}.brand-home .case-info .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.reveal-element,.motion-active .reveal-element.pending-reveal{opacity:1;transform:none;transition:none}.brand-home .hero-work{transform:none!important}}