/* Jianyi / primary colours. Red is the action, yellow is the highlight, blue is the workspace. */
:root{--red:#e94335;--yellow:#ffd447;--blue:#2455d6;--paper:#fffcf5;--white:#fff;--ink:#252733;--muted:#737583;--line:#e0ded6;--green:var(--red);--lime:var(--yellow);--dark:#173b96;--radius:10px;--shadow:5px 5px 0 #25273310}
body[data-page]{background:var(--paper)}body[data-page] h1,body[data-page] h2{letter-spacing:-2px}body[data-page] .eyebrow{color:var(--blue)}
.site-header{background:#fffcf5f5;border-bottom:1px solid #deddd6;backdrop-filter:blur(14px)}.site-header:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--red) 0 33.33%,var(--yellow) 33.33% 66.66%,var(--blue) 66.66%)}
.brand-logo{background:var(--red);border-radius:5px;box-shadow:3px 3px 0 var(--blue)}.brand-logo:after{background:var(--yellow);border-color:var(--paper);width:10px;height:10px}.brand small{color:#888a91}.nav-links a{color:#777780}.nav-links a.active,.nav-links a:hover{color:var(--blue)}.nav-links a.active:after{background:var(--red);width:18px;height:3px;left:calc(50% - 9px);border-radius:0}.nav-actions>.button.primary{background:var(--blue);border-color:var(--blue)}
.button{border-radius:5px;border-color:#d7d6d0;box-shadow:none}.button.primary{background:var(--red);border-color:var(--red)}.button.primary:hover{background:#c92e25;border-color:#c92e25}.button.lime{background:var(--yellow);border-color:var(--yellow);color:#292b35}.button:hover{background:#fff4c5}.button.ghost:hover{background:#ffffff1a}.link{color:var(--blue)}.tag{border-radius:3px}.tag.green{background:#eaf0ff;color:var(--blue);border-color:#d6e0ff}.tag.light{color:#e7efff;border-color:#ffffff45;background:#ffffff08}.pill-dot{background:var(--yellow)}
.hero{background:var(--paper);padding-top:78px;padding-bottom:75px;position:relative}.hero-grid{gap:50px}.hero .eyebrow{color:var(--blue);background:var(--yellow);display:inline-flex;padding:5px 10px;border-radius:2px;letter-spacing:1.2px;font-size:10px}.hero h1{font-weight:750;font-size:67px;letter-spacing:-3px;line-height:1.23;margin:26px 0}.hero h1 em{color:var(--red);display:inline-block;isolation:isolate}.hero h1 em:after{background:var(--yellow);height:15px;bottom:3px;left:-3px;right:-7px;transform:rotate(-3deg)}.hero .lead{color:#757782;line-height:1.95}.hero .button:not(.primary){border-color:#2e3549;color:#2e3549}.hero-note{color:#92929a}.hero .button{padding:14px 22px}.reveal{animation:none}
.workspace{padding-bottom:35px;isolation:isolate}.workspace:before{inset:40px -17px 20px 55px;background:var(--yellow);border:2px solid #2a3042;border-radius:5px;transform:rotate(4deg)}.workspace:after{content:"";position:absolute;right:-10px;top:-8px;width:94px;height:94px;border-radius:50%;background:var(--red);z-index:-1}.drawing-window{background:#254caf;border:2px solid #202e59;border-radius:6px;transform:rotate(-3deg);box-shadow:7px 8px 0 #23356124}.window-bar{background:#20439e;color:#c5d4ff;border-color:#ffffff30}.window-bar i{background:#9db9ff}.window-bar i:first-child{background:var(--red)}.window-bar i:nth-child(2){background:var(--yellow)}.window-bar i:nth-child(3){background:#fff}.window-bar b{color:#9eb9f9}.drawing-canvas{background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px)}.drawing-tools span{background:#3a5eb3;color:#d6e2ff;border-color:#ffffff28;border-radius:2px}.drawing-tools span.selected{background:var(--yellow);color:#233052}.drawing-bottom{color:#c3d4ff;border-color:#ffffff25}.float-label{background:var(--red);color:#fff;border:1px solid #c93128;border-radius:3px;box-shadow:3px 3px 0 #18294b24;transform:rotate(-7deg)}.formula-float{border:2px solid #283352;border-top:5px solid var(--red);border-radius:5px;box-shadow:5px 6px 0 #263b6220;transform:rotate(1deg)}.formula-head{border-color:#e7e5de}.formula-head .icon,.formula-rows b{color:var(--blue)}.formula-rows i{color:#a6a6aa}.formula-total{background:var(--yellow);color:#30313a}.formula-total strong{font-weight:750}.visual-caption{color:#92949c}
.product-strip{background:#fff;border-color:#deddd7;padding:26px 18px}.strip-item{color:#363947}.strip-item .icon{color:var(--blue);width:29px;height:29px;padding:4px;background:#edf2ff;border-radius:3px}.strip-item:nth-child(3n+2) .icon{color:var(--red);background:#fff0ed}.strip-item:nth-child(3n+1) .icon{color:#75540d;background:#fff3bb}.strip-item small{color:#9093a0}.product-tab{border-radius:4px}.product-tab:hover{background:#fff0bf}.product-tab[aria-selected=true]{background:var(--blue)}.product-showcase{border:1px solid #c4c8d3;border-radius:7px;box-shadow:5px 5px 0 #25273308}.product-demo{background:#f1f3f9}.product-copy .product-index{color:var(--red)}.product-copy h3{letter-spacing:-.8px}.checklist{color:#6b7180}.checklist .icon{color:var(--blue)}.small-card{border-radius:6px;border-color:#dadbdc;box-shadow:3px 3px 0 #25273305}.small-card>.icon{color:var(--blue)}.small-card:nth-child(2)>.icon{color:var(--red)}.small-card:nth-child(3)>.icon{color:#b38612}.sheet-top{background:var(--blue)}.sheet-toolbar{color:#697387}.sheet-formula{color:#385792;background:#fafbff}.demo-sheet{border-color:#bdc9e0;border-radius:4px}.demo-sheet th{background:#f3f5fb;color:#7c8595}.demo-sheet td,.demo-sheet th{border-color:#e2e5ed}.demo-sheet .answer{background:#fff1ad;color:#304b8f;border-color:var(--blue)}.demo-badge{color:#9399a7}
.workflow{background:var(--blue)}.workflow:before{background:var(--red);border:0;border-radius:0;width:180px;height:180px;top:-90px;right:8%;transform:rotate(45deg)}.workflow .eyebrow{color:var(--yellow)}.workflow h2{color:#fff}.workflow p{color:#d4dfff}.workflow-step{border-color:#ffffff45}.workflow-step>span{font:600 18px/1.5 Consolas,monospace;color:var(--yellow)}.workflow-step:before{background:var(--yellow);border-radius:0;width:9px;height:9px;top:-5px}.workflow-step:nth-child(2n):before{background:#ff8379}.workflow-step h3{font-weight:650}.workflow-step p{color:#d1ddff}
.resource{border:1px solid #293757;border-radius:5px;padding:29px;box-shadow:4px 4px 0 #28314b12}.resource:first-child{background:var(--red);border-color:#d73c2e;color:#fff}.resource:first-child p,.resource:first-child .number{color:#ffe0da}.resource:first-child .link{color:white}.resource:nth-child(2){background:var(--yellow);border-color:#e2bc36;color:#343337}.resource:nth-child(2) p,.resource:nth-child(2) .number{color:#7c682e}.resource:nth-child(2) .link{color:#33374b}.resource:nth-child(3){background:var(--blue);border-color:#204bc4;color:#fff}.resource:nth-child(3) p,.resource:nth-child(3) .number{color:#d6dfff}.resource:nth-child(3) .link{color:var(--yellow)}.resource h3{font-weight:650;letter-spacing:-.7px}.resource .number{margin-bottom:32px}
.cta-band{background:var(--yellow);border-radius:6px;border:1px solid #d2b13a;padding:43px 45px;box-shadow:5px 5px 0 #26344b12}.cta-band p{color:#8b742e}.cta-band h2{color:#30313a}.cta-band .button.primary{background:var(--red);border-color:var(--red)}.site-footer{background:#192d65;border-color:#192d65;position:relative;color:#fff}.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--red) 0 33.33%,var(--yellow) 33.33% 66.66%,var(--blue) 66.66%)}.site-footer .brand-logo{background:var(--red);box-shadow:3px 3px 0 #4f72c2}.site-footer .brand-logo:after{border-color:#192d65}.site-footer .brand small{color:#8ca4d8}.footer-grid p,.footer-col a{color:#a7b8df}.footer-col a:hover{color:var(--yellow)}.footer-col h4{color:#e5ecff}.footer-bottom{color:#7f98ca;border-color:#ffffff20}.footer-bottom .beian-pending{color:#8da3ce}.site-footer .tag{color:#a7b8df;border-color:#ffffff30}
.page-hero h1{color:#2e3345}.page-hero .eyebrow{color:var(--red)}.download-feature{background:var(--blue);border:2px solid #183b9a;border-radius:6px;box-shadow:5px 5px 0 #1b3b8315}.download-feature>.icon{color:var(--yellow)}.download-feature p,.download-feature small{color:#d2dfff}.download-feature .button.lime{background:var(--yellow);color:#2b3553}.download-item,.download-row{border-radius:6px;border-color:#d1d5df}.download-item>.icon,.download-row>.icon{color:var(--blue)}.download-item:first-child{border-top:4px solid var(--red)}.notice{background:#fff6cf;color:#8e7434;border-color:#e9d892;border-radius:4px}.release-row strong{color:var(--blue)}.empty-state{border-color:#cbd1df;border-radius:5px}.guide-menu button{border-radius:4px}.guide-menu button[aria-current=true]{background:var(--yellow);color:#3b3a33}.guide-menu button:hover{background:#f5efdf}.guide-article,.support,.legal{border-radius:6px;border-color:#d5d5d4}.guide-article .help-note{background:#fff5d0;border-left:3px solid var(--yellow);border-radius:2px}.guide-article .article-kicker{color:var(--red)}.guide-article a{color:var(--blue)}
.auth-layout{border-radius:7px;border:1px solid #d2d6df;box-shadow:5px 5px 0 #2437550d}.auth-story{background:var(--blue)}.auth-story .eyebrow{color:var(--yellow)}.auth-story h1{color:#fff}.auth-story p{color:#d7e2ff}.auth-story:after{content:"";position:absolute;right:-35px;top:36%;width:115px;height:115px;border-radius:50%;background:var(--red)}.auth-story small{color:#b5cbfa}.auth-tabs button.active{color:var(--red);border-color:var(--red)}.auth-story .plan-art{opacity:.65}.auth-note a{color:var(--blue)}.auth-panel .button.primary{background:var(--red)}.form-message.success{color:var(--blue)}.consent input{accent-color:var(--blue)}input:focus,textarea:focus{outline-color:#9db7ed}.account-card{border-radius:6px;border-color:#d6dae2}.account-license{background:var(--blue);border-color:var(--blue)}.account-license p{color:#ccdfff}.account-license .tag.light{color:#e9f0ff;border-color:#ffffff55}.account-card .link{color:var(--blue)}.account-license .license-date{color:var(--yellow)}
/* The management workspace shares the same three-colour identity. */
/* Typographic identity: a legible Chinese wordmark, without a coloured badge. */
.brand{gap:13px;letter-spacing:0;font-weight:500}.brand-wordmark{display:block;width:76px;height:40px;object-fit:contain;flex:none}.brand .brand-tagline,.admin-logo .brand-tagline{display:block;border-left:1px solid #d8d9da;padding-left:13px;font-size:11px;font-weight:500;letter-spacing:1px;line-height:1.6;color:#717580}.brand .brand-tagline small,.admin-logo .brand-tagline small{display:block;font:8px/1.6 "Segoe UI",sans-serif;letter-spacing:2.4px;color:#92969d}.site-footer .brand .brand-tagline{border-color:#ffffff30;color:#c9d4ee}.site-footer .brand .brand-tagline small{color:#8fa5cc}.admin-logo .brand-wordmark{width:76px;height:40px}.admin-sidebar .admin-logo{gap:12px;padding:0 5px;letter-spacing:0}.admin-sidebar .admin-logo .brand-tagline{padding-left:10px;border-color:#ffffff35;font-size:10px;color:#e4edff;white-space:nowrap}.admin-sidebar .admin-logo .brand-tagline small{color:#b3c8f1;font-size:7px;letter-spacing:2px}.login-story .admin-logo{display:flex;gap:15px;align-items:center;letter-spacing:0}.login-story .admin-logo .brand-wordmark{width:91px;height:48px}.login-story .admin-logo .brand-tagline{font-size:12px;color:#717580}.login-story .admin-logo .brand-tagline small{color:#92969d;font-size:9px}
@media(max-width:480px){.brand{gap:10px}.brand-wordmark{width:64px;height:35px}.brand .brand-tagline{font-size:10px;padding-left:10px}.brand .brand-tagline small{font-size:7px;letter-spacing:1.8px}}
body:not([data-page]){--bg:#faf9f4;--panel:#fff;--line:#e2e1dc;--text:#2c3040;--muted:#848794;--blue2:#e94335;--green:#2455d6;background:var(--bg)}
.admin-sidebar{background:var(--blue);border-right:0}.admin-logo small{color:#a9c0f2}.sidebar-label{color:#aac0f3}.sidebar-nav button,.sidebar-nav a{color:#d0dfff}.sidebar-nav button:hover,.sidebar-nav a:hover{background:#ffffff15}.sidebar-nav button.selected{background:var(--yellow);color:#263052;box-shadow:3px 3px 0 #122d8428}.sidebar-bottom{color:#a0b8ec}.sidebar-bottom span{color:var(--yellow)}.admin-intro{background:var(--yellow);border:1px solid #e0bf41;border-radius:6px;color:#2f3446}.admin-intro p{color:#867335}.admin-intro small{color:var(--blue)}.admin-intro:after{border-color:#e9433514}.card{border-radius:6px;box-shadow:3px 3px 0 #25355005}.metric{border-top:4px solid var(--red)}.metric:nth-child(2){background:#fff9df;border-color:#e9d990;border-top-color:var(--yellow)}.metric:nth-child(3){border-top-color:var(--blue)}.metric:nth-child(4){border-top-color:var(--red)}.metric:after,.metric:nth-child(2):after,.metric:nth-child(3):after,.metric:nth-child(4):after{border-color:#f0f1f4}.metric strong{color:#28395e}.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover{background:#c92e25;color:white}.status.active{color:var(--blue);background:#edf3ff}.status.paused{color:#88651b;background:#fff3c6}.status.blocked,.status.closed{color:#b24840;background:#fff0ed}.good{color:var(--blue)}.danger{color:#be4237;border-color:#efcec8;background:#fff4f0}.checks input{accent-color:var(--blue)}.login,.login:before{background:#fffcf5}.login-story h2{color:#30384b}.login-story h2 span{color:var(--red)}.login-story .login-label{background:var(--yellow);color:#414646}.login-story p{color:#8a8c94}.login .card{border:1px solid #d4d8df;border-top:5px solid var(--blue);border-radius:6px;box-shadow:6px 6px 0 #26345b0c}.login .admin-logo{color:var(--blue)}.bar{background:var(--blue)}.bar.download{background:var(--red)}.legend i{background:var(--blue)}.legend i.download{background:var(--red)}.range button.active{background:var(--yellow);border-color:#e5c54f;color:#4b4637}
@media(max-width:1100px){.hero h1{font-size:55px}.hero-grid{gap:30px}}
@media(max-width:800px){.hero{padding:46px 0 55px}.hero h1{font-size:54px}.hero-grid{gap:35px}.workspace:after{right:0;top:0;width:72px;height:72px}.cta-band{padding:30px}.resource .number{margin-bottom:20px}.admin-sidebar{border-radius:0}.product-strip{padding:20px 15px}}
@media(max-width:480px){.hero h1{font-size:44px;letter-spacing:-2px}.hero .button{padding:12px 15px;font-size:12px}.hero .eyebrow{font-size:9px}.workspace:before{inset:25px -7px 26px 32px}.workspace:after{width:60px;height:60px;right:0;top:0}.drawing-window{box-shadow:4px 5px 0 #23356124}.formula-float{box-shadow:3px 4px 0 #263b6220}.cta-band{padding:27px}.product-strip{padding:20px 13px}.hero-note{font-size:10px}}