.secure-login{min-height:100vh;background:linear-gradient(145deg,#eef3ff,#f8fafc 55%,#eefcf8);padding:32px;color:#17233b}.secure-login-brand{border:0;background:transparent;display:flex;gap:12px;align-items:center;color:inherit}.secure-login-brand i{width:42px;height:42px;border-radius:13px;background:#4169f6;color:#fff;display:grid;place-items:center}.secure-login-brand span{display:grid;text-align:left}.secure-login-brand b{font-size:18px}.secure-login-brand small{color:#74809a;margin-top:3px}.secure-login-card{max-width:1020px;margin:70px auto 0;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid #dce4f2;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(34,52,91,.13)}.secure-login-card>section{padding:64px;background:linear-gradient(145deg,#315ce9,#5e7bf5);color:#fff}.secure-login-tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-size:14px}.secure-login-card h1{font-size:38px;line-height:1.24;margin:28px 0 18px}.secure-login-card>section p{font-size:17px;line-height:1.8;color:#e8edff}.secure-login-card ul{padding:0;margin:34px 0 0;display:grid;gap:16px;list-style:none}.secure-login-card li{display:flex;align-items:center;gap:10px;font-size:16px}.secure-login-card li svg{width:19px}.secure-login-card main{padding:54px}.secure-login-title{display:flex;gap:14px;align-items:center;margin-bottom:28px}.secure-login-title>svg{width:26px;color:#4169f6}.secure-login-title h2{font-size:25px;margin:0 0 5px}.secure-login-title p{margin:0;color:#7b879e}.secure-login form{display:grid;gap:18px}.secure-login label{display:grid;gap:8px;font-size:15px;font-weight:650}.secure-login input{height:48px;border:1px solid #d6deeb;border-radius:12px;padding:0 14px;font-size:16px;outline:none}.secure-login input:focus{border-color:#4169f6;box-shadow:0 0 0 3px rgba(65,105,246,.11)}.secure-login form button{height:50px;border:0;border-radius:12px;background:#4169f6;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.secure-login form button svg{width:18px}.secure-login-error{padding:11px 13px;background:#fff1f2;color:#c93645;border-radius:10px;font-size:14px}.wechat-config-state{margin-top:24px;border:1px solid #e0e6ef;border-radius:13px;padding:13px;display:flex;gap:11px;color:#8390a7}.wechat-config-state.ready{color:#19875f;background:#effbf6}.wechat-config-state svg{width:20px}.wechat-config-state span{display:grid;gap:4px}.wechat-config-state small{font-weight:400}.secure-login-note{font-size:12px;line-height:1.6;color:#8b96a9;margin:18px 0 0}@media(max-width:760px){.secure-login{padding:20px}.secure-login-card{grid-template-columns:1fr;margin-top:32px}.secure-login-card>section{display:none}.secure-login-card main{padding:32px 24px}}
.wechat-config-state span{flex:1}.wechat-config-state>button{border:1px solid #bfe7d7;background:#fff;color:#19875f;border-radius:9px;padding:7px 10px;white-space:nowrap}
.secure-login label.remember-login{display:flex;grid-template-columns:none;align-items:center;gap:10px;font-weight:400}.secure-login label.remember-login>input{width:18px;height:18px;accent-color:#4169f6}.remember-login>span{display:grid;gap:2px}.remember-login b{font-size:14px}.remember-login small{font-size:12px;color:#8390a4}
:root{--public-blue:#315efb;--public-ink:#111b31;--public-muted:#63708a;--public-line:#e2e8f2}.public-site{min-height:100vh;background:#fff;color:var(--public-ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;overflow:hidden}.public-site button,.public-site a{font:inherit}.public-header{height:76px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:48px;position:relative;z-index:20}.public-logo{border:0;background:transparent;display:flex;align-items:center;gap:11px;color:var(--public-ink);padding:0}.public-logo>i{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#315efb,#6847ef);color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(49,94,251,.22)}.public-logo svg{width:20px}.public-logo span{display:grid;text-align:left}.public-logo b{font-size:17px;letter-spacing:.2px}.public-logo small{font-size:11px;color:#78849b;margin-top:2px}.public-header nav{display:flex;align-items:center;gap:32px;margin-left:auto}.public-header nav a{text-decoration:none;color:#536079;font-size:14px;font-weight:600}.public-header nav a:hover{color:var(--public-blue)}.public-login{height:42px;border:1px solid #d8e0ed;background:#fff;border-radius:10px;padding:0 15px;display:flex;align-items:center;gap:7px;color:#26344e;font-weight:700}.public-login:hover{border-color:#9eb1f7;color:var(--public-blue)}.public-login svg{width:16px}.public-login svg:last-child{width:15px}.public-hero{min-height:680px;max-width:1280px;margin:auto;padding:86px 44px 78px;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center;position:relative}.public-hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-120px;top:-170px;background:radial-gradient(circle,rgba(74,112,255,.13),rgba(74,112,255,0) 68%)}.public-hero-copy{position:relative;z-index:2}.public-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#3157d7;background:#eff3ff;border:1px solid #dfe6ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.public-eyebrow i{width:7px;height:7px;background:#3964fa;border-radius:50%;box-shadow:0 0 0 4px #dce5ff}.public-hero h1{font-size:54px;line-height:1.18;letter-spacing:-2px;margin:25px 0 23px}.public-hero h1 em{font-style:normal;color:var(--public-blue)}.public-hero-copy>p{max-width:560px;font-size:18px;line-height:1.85;color:var(--public-muted);margin:0}.public-hero-actions{display:flex;align-items:center;gap:23px;margin-top:32px}.public-hero-actions button,.public-cta button{height:50px;border:0;border-radius:11px;background:linear-gradient(135deg,#315efb,#4a70fb);color:#fff;padding:0 21px;font-weight:800;display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px rgba(49,94,251,.24)}.public-hero-actions button:hover,.public-cta button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(49,94,251,.3)}.public-hero-actions svg,.public-cta button svg{width:18px}.public-hero-actions a{display:flex;align-items:center;gap:3px;text-decoration:none;color:#42506a;font-weight:700}.public-hero-actions a svg{width:17px}.public-hero-proof{display:flex;gap:20px;margin-top:32px;color:#6d7890;font-size:13px}.public-hero-proof span{display:flex;align-items:center;gap:6px}.public-hero-proof svg{width:15px;color:#239772}.product-preview{position:relative;z-index:2;perspective:1000px}.preview-window{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 30px 80px rgba(28,48,90,.17);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg);position:relative;z-index:2}.preview-window>header{height:44px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e8edf4;background:#fafbfe;font-size:10px;color:#6c7890}.preview-window>header>span{display:flex;gap:5px}.preview-window>header>span i{width:7px;height:7px;border-radius:50%;background:#fd6b68}.preview-window>header>span i:nth-child(2){background:#f5bd4f}.preview-window>header>span i:nth-child(3){background:#48c58a}.preview-window>header b{margin:auto;font-size:10px}.preview-window>header em{font-style:normal;color:#239772}.preview-body{height:430px;display:grid;grid-template-columns:112px 1fr}.preview-body>aside{border-right:1px solid #e7ebf2;padding:13px 8px;display:flex;flex-direction:column;gap:5px}.preview-mark{width:28px;height:28px;border-radius:8px;background:#315efb;color:#fff;display:grid;place-items:center;margin:2px 8px 12px}.preview-mark svg{width:14px}.preview-body>aside>span{height:31px;border-radius:7px;padding:0 8px;display:flex;align-items:center;gap:7px;font-size:8px;color:#77839a}.preview-body>aside>span i{width:7px;height:7px;border:1px solid #9aa5b7;border-radius:2px}.preview-body>aside>span.active{background:#edf2ff;color:#315efb;font-weight:700}.preview-body>main{background:#f3f6fa;padding:13px}.preview-top{display:flex;align-items:center}.preview-top span{display:grid}.preview-top small{font-size:7px;color:#8a95a7}.preview-top b{font-size:12px;margin-top:2px}.preview-top em{margin-left:auto;background:#eaf8f2;color:#18835e;border-radius:6px;padding:5px 7px;font-size:7px;font-style:normal}.preview-route{display:flex;align-items:center;justify-content:space-between;margin:13px 0;background:#fff;border:1px solid #e4e9f1;border-radius:9px;padding:9px}.preview-route span{display:grid;justify-items:center;gap:3px;position:relative}.preview-route span:not(:last-child):after{content:"";position:absolute;width:38px;height:1px;background:#dfe4ed;left:23px;top:9px}.preview-route i{width:18px;height:18px;border-radius:50%;background:#eef1f5;color:#7e899a;display:grid;place-items:center;font-style:normal;font-size:7px;position:relative;z-index:1}.preview-route svg{width:9px}.preview-route small{font-size:6px;color:#8490a4}.preview-route .done i{background:#dff6ec;color:#19815d}.preview-route .current i{background:#315efb;color:#fff}.preview-content{display:grid;grid-template-columns:1fr 100px;height:292px;background:#fff;border:1px solid #e1e7f0;border-radius:10px;overflow:hidden}.preview-page{position:relative;padding:14px;text-align:center}.preview-page>header{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #edf0f4}.preview-page>header b{color:#315efb;font-size:9px}.preview-page>header span{font-size:6px;margin:auto;color:#657188}.preview-page>header em{font-size:6px;background:#315efb;color:#fff;padding:5px 7px;border-radius:5px;font-style:normal}.preview-page h3{font-size:16px;margin:36px 0 8px}.preview-page>p{font-size:7px;color:#8290a6}.preview-buttons{display:flex;justify-content:center;gap:8px;margin:15px}.preview-buttons b,.preview-buttons span{font-size:6px;padding:7px 10px;border-radius:5px;background:#315efb;color:#fff}.preview-buttons span{background:#eef1f5;color:#566278}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:34px}.preview-cards i{height:49px;border:1px solid #e3e8ef;border-radius:7px;background:linear-gradient(#fff,#fafbfe)}.preview-page>u{position:absolute;right:26%;top:41px;text-decoration:none;background:#ef4d57;color:#fff;width:18px;height:18px;border-radius:50% 50% 50% 4px;font-size:7px;display:grid;place-items:center}.preview-content>aside{border-left:1px solid #e5eaf1;padding:10px;text-align:left}.preview-content>aside>b{font-size:8px}.preview-content>aside>span{display:block;font-size:6px;color:#e44752;margin:7px 0 13px}.preview-content>aside>span i{display:inline-block;width:5px;height:5px;background:#e44752;border-radius:50%;margin-right:3px}.preview-content>aside article{display:flex;gap:5px;border-top:1px solid #edf0f4;padding:9px 0}.preview-content>aside article em{font-style:normal;background:#eef2ff;color:#315efb;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:6px;flex:none}.preview-content>aside article p{font-size:6px;line-height:1.45;margin:0;color:#657188}.preview-shadow{position:absolute;inset:30px -18px -22px 30px;background:#dce5ff;border-radius:22px;transform:rotate(3deg);z-index:1}.public-principles{max-width:1160px;margin:0 auto 30px;border:1px solid var(--public-line);border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 15px 45px rgba(34,51,86,.07);background:#fff}.public-principles article{display:flex;align-items:center;justify-content:center;gap:13px;padding:23px}.public-principles article:not(:last-child){border-right:1px solid var(--public-line)}.public-principles article>i{width:40px;height:40px;border-radius:11px;background:#eef3ff;color:#315efb;display:grid;place-items:center}.public-principles svg{width:20px}.public-principles span{display:grid;gap:4px}.public-principles b{font-size:15px}.public-principles small{font-size:12px;color:#7b879c}.public-section{max-width:1180px;margin:auto;padding:110px 24px}.public-section-head>span{color:#315efb;font-size:14px;font-weight:800;letter-spacing:1px}.public-section-head h2{font-size:39px;line-height:1.35;margin:14px 0 17px;letter-spacing:-1px}.public-section-head>p{max-width:650px;font-size:16px;line-height:1.8;color:#69768d}.public-section-head.centered{text-align:center}.public-section-head.centered>p{margin-left:auto;margin-right:auto}.public-why{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}.public-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.public-problem-grid article{border:1px solid var(--public-line);border-radius:14px;padding:22px;min-height:200px;background:#fff}.public-problem-grid article:hover{border-color:#bfcdfc;box-shadow:0 15px 36px rgba(42,65,111,.09);transform:translateY(-3px)}.public-problem-grid em{font-size:12px;color:#315efb;background:#edf2ff;border-radius:7px;padding:5px 7px;font-style:normal}.public-problem-grid h3{font-size:18px;margin:21px 0 10px}.public-problem-grid p,.public-capability-grid p{color:#718097;font-size:14px;line-height:1.75}.public-workflow{max-width:none;background:#f5f7fb;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2))}.public-workflow-list{display:grid;grid-template-columns:repeat(6,1fr);margin-top:56px}.public-workflow-list article>div{display:flex;align-items:center}.public-workflow-list article>div i{width:42px;height:42px;border-radius:50%;background:#fff;border:2px solid #315efb;color:#315efb;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;flex:none}.public-workflow-list article>div em{height:2px;background:#cad5f8;flex:1}.public-workflow-list article>span{display:block;padding:17px 15px 0 0}.public-workflow-list b{font-size:16px}.public-workflow-list p{font-size:13px;line-height:1.65;color:#748198}.public-capabilities{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}.public-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.public-capability-grid article{border:1px solid var(--public-line);border-radius:14px;padding:21px}.public-capability-grid article>i{width:39px;height:39px;border-radius:10px;background:#edf2ff;color:#315efb;display:grid;place-items:center}.public-capability-grid svg{width:20px}.public-capability-grid h3{font-size:17px;margin:16px 0 7px}.public-capability-grid p{margin:0;min-height:72px}.public-capability-grid article>span{display:flex;align-items:center;gap:5px;color:#248362;font-size:12px;font-weight:700;margin-top:15px}.public-capability-grid article>span svg{width:14px}.public-security{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.public-security-visual{height:410px;position:relative;border-radius:30px;background:radial-gradient(circle,#edf2ff,#f8faff 60%,#fff 70%)}.security-ring{position:absolute;width:150px;height:150px;border:1px solid #cad7ff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#315efb;box-shadow:0 0 0 26px rgba(226,233,255,.6),0 0 0 52px rgba(240,244,255,.65)}.security-ring svg{width:56px}.security-card{position:absolute;background:#fff;border:1px solid #dfe6f1;border-radius:13px;padding:13px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px rgba(35,55,93,.1)}.security-card>svg{width:21px;color:#315efb}.security-card span{display:grid;gap:3px}.security-card b{font-size:13px}.security-card small{font-size:11px;color:#7b879b}.security-card.one{left:2%;top:16%}.security-card.two{right:0;top:25%}.security-card.three{left:18%;bottom:8%}.public-security ul{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:13px}.public-security li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#536079}.public-security li svg{width:17px;color:#248c66;flex:none}.public-cta{max-width:1132px;margin:30px auto 100px;border-radius:25px;background:linear-gradient(135deg,#172a66,#315efb 70%,#5877f5);color:#fff;text-align:center;padding:65px 30px;position:relative;overflow:hidden}.public-cta:before,.public-cta:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.15);border-radius:50%;left:-100px;top:-120px}.public-cta:after{left:auto;top:auto;right:-100px;bottom:-160px;width:360px;height:360px}.public-cta>span{width:46px;height:46px;margin:auto;border-radius:13px;background:rgba(255,255,255,.15);display:grid;place-items:center}.public-cta>span svg{width:24px}.public-cta h2{font-size:35px;margin:19px 0 10px}.public-cta p{color:#dfe6ff;font-size:16px}.public-cta button{margin:27px auto 0;background:#fff;color:#244fdc;box-shadow:none;position:relative;z-index:1}.public-footer{max-width:1180px;margin:auto;padding:35px 24px 45px;border-top:1px solid var(--public-line);display:flex;align-items:center;gap:25px}.public-footer p{color:#718097;font-size:13px}.public-footer>span{margin-left:auto;color:#909bad;font-size:12px}.public-footer .public-logo>i{width:34px;height:34px}.public-footer .public-logo b{font-size:15px}@media(max-width:1050px){.public-header nav{display:none}.public-hero{grid-template-columns:1fr;padding-top:60px}.public-hero-copy{text-align:center}.public-hero-copy>p{margin:auto}.public-hero-actions,.public-hero-proof{justify-content:center}.product-preview{max-width:700px;margin:auto;width:100%}.public-why,.public-capabilities,.public-security{grid-template-columns:1fr}.public-workflow-list{grid-template-columns:repeat(3,1fr);gap:30px 0}.public-workflow-list article:nth-child(3) em{display:none}.public-security-visual{order:2}.public-section-head{text-align:center}.public-section-head>p{margin-left:auto;margin-right:auto}}@media(max-width:680px){.public-header{height:66px;padding:0 16px}.public-header .public-logo small{display:none}.public-login{margin-left:auto}.public-hero{padding:48px 20px 55px}.public-hero h1{font-size:39px;letter-spacing:-1px}.public-hero-copy>p{font-size:16px}.public-hero-actions{flex-direction:column}.public-hero-proof{flex-wrap:wrap;gap:10px 16px}.product-preview{display:none}.public-principles{margin:0 16px;grid-template-columns:1fr}.public-principles article{justify-content:flex-start}.public-principles article:not(:last-child){border-right:0;border-bottom:1px solid var(--public-line)}.public-section{padding:75px 18px}.public-section-head h2{font-size:30px}.public-why{gap:35px}.public-problem-grid,.public-capability-grid{grid-template-columns:1fr}.public-workflow-list{grid-template-columns:1fr}.public-workflow-list article{display:grid;grid-template-columns:44px 1fr}.public-workflow-list article>div{display:block;position:relative}.public-workflow-list article>div em{display:block!important;position:absolute;width:2px;height:calc(100% + 20px);left:20px;top:42px}.public-workflow-list article>span{padding:2px 0 25px 14px}.public-capabilities{gap:35px}.public-security{gap:25px}.public-security-visual{height:350px}.security-card.two{right:-7px}.public-cta{margin:20px 16px 65px;padding:48px 20px}.public-cta h2{font-size:28px}.public-footer{flex-wrap:wrap;margin:0 16px}.public-footer p{width:100%;order:2}.public-footer>span{margin-left:0;order:3}}
.notification-scrim{position:fixed;inset:0;border:0;background:rgba(18,29,49,.2);z-index:79}.notification-panel{position:fixed;right:0;top:0;bottom:0;width:min(430px,100vw);background:#fff;z-index:80;box-shadow:-18px 0 54px rgba(22,34,58,.18);display:flex;flex-direction:column}.notification-panel>header{height:72px;padding:0 20px;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between}.notification-panel>header>div{display:flex;align-items:center;gap:12px}.notification-panel>header svg{width:21px;color:#4169f6}.notification-panel>header span{display:grid;gap:3px}.notification-panel>header b{font-size:17px}.notification-panel>header small{font-size:12px;color:#8190a7}.notification-panel>header>button{border:0;background:#fff;color:#68758b}.notification-tools{padding:12px 16px;display:flex;justify-content:space-between;border-bottom:1px solid #edf1f6}.notification-tools button{border:0;background:#f3f6fc;color:#4162d9;border-radius:8px;padding:8px 11px;display:flex;gap:6px;align-items:center;font-size:13px}.notification-tools button:disabled{color:#a0a9b8}.notification-tools svg{width:15px}.notification-panel main{overflow:auto;flex:1}.notification-panel main>button{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:16px 18px;display:flex;gap:11px;text-align:left;color:#26344d}.notification-panel main>button:hover{background:#f7f9fe}.notification-panel main>button.unread{background:#f5f8ff}.notification-panel main>button>i{width:8px;height:8px;border-radius:50%;background:transparent;margin-top:7px;flex:none}.notification-panel main>button.unread>i{background:#4169f6}.notification-panel main span{display:grid;gap:5px}.notification-panel main b{font-size:14px}.notification-panel main p{margin:0;color:#617089;font-size:13px;line-height:1.55}.notification-panel main small{font-size:12px;color:#98a2b2}.notification-state{text-align:center;color:#7c899e;line-height:1.7;padding:50px 28px}
.global-search {
  position: relative;
  margin-left: 24px;
  width: min(380px, 32vw);
  display: flex;
  align-items: center;
}
.global-search > svg {
  position: absolute;
  left: 11px;
  width: 17px;
  color: #8793a6;
}
.global-search > input {
  width: 100%;
  height: 38px;
  border: 1px solid #dfe5ee;
  border-radius: 9px;
  background: #f7f9fc;
  padding: 0 38px;
  font-size: 14px;
  outline: none;
}
.global-search > input:focus {
  background: #fff;
  border-color: #7f9aff;
  box-shadow: 0 0 0 3px rgba(65, 105, 246, 0.1);
}
.global-search > button {
  position: absolute;
  right: 6px;
  border: 0;
  background: transparent;
  color: #8793a6;
}
.global-search > button svg {
  width: 15px;
}
.global-search-results {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(25, 39, 66, 0.18);
  padding: 6px;
  z-index: 100;
}
.global-search-results > button {
  width: 100%;
  border: 0;
  background: #fff;
  border-radius: 8px;
  padding: 11px;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.global-search-results > button:hover {
  background: #f2f6ff;
}
.global-search-results span {
  display: grid;
  gap: 4px;
}
.global-search-results b {
  font-size: 14px;
}
.global-search-results small {
  font-size: 12px;
  color: #8490a4;
}
.global-search-results em {
  font-style: normal;
  font-size: 11px;
  color: #4169f6;
}
.global-search-results p {
  text-align: center;
  color: #8591a5;
  font-size: 13px;
  padding: 18px;
}
@media (max-width: 1000px) {
  .global-search {
    display: none;
  }
}
:root {
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: #17233b;
  background: #f4f7fb;
  font-synthesis: none;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  min-width: 320px;
  background: #f4f7fb;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
.release-loading {
  height: 100vh;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  color: #52698f;
}
.release-loading svg {
  color: #4169f6;
}
.release-app {
  min-height: 100vh;
}
.release-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 272px;
  background: #fff;
  border-right: 1px solid #e1e7f0;
  z-index: 30;
  display: flex;
  flex-direction: column;
}
.release-brand {
  height: 76px;
  padding: 0 20px;
  border: 0;
  border-bottom: 1px solid #edf1f5;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #17233b;
}
.release-brand > i {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #4169f6;
  color: #fff;
  display: grid;
  place-items: center;
}
.release-brand svg {
  width: 21px;
}
.release-brand span {
  display: grid;
  text-align: left;
}
.release-brand b {
  font-size: 17px;
}
.release-brand small {
  font-size: 13px;
  color: #7e8aa0;
  margin-top: 3px;
}
.release-sidebar nav {
  padding: 14px 12px;
  overflow: auto;
  flex: 1;
}
.release-sidebar nav section {
  margin-bottom: 5px;
}
.release-nav-main {
  width: 100%;
  min-height: 56px;
  border: 0;
  border-radius: 11px;
  background: #fff;
  color: #56637a;
  padding: 8px 11px;
  display: flex;
  align-items: center;
  gap: 11px;
  text-align: left;
}
.release-nav-main:hover,
.release-nav-main.active {
  background: #edf2ff;
  color: #3158df;
}
.release-nav-main > svg {
  width: 20px;
  flex: none;
}
.release-nav-main > svg:last-child {
  width: 15px;
  margin-left: auto;
}
.release-nav-main span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.release-nav-main b {
  font-size: 15px;
}
.release-nav-main small {
  font-size: 12px;
  color: #8b96a8;
}
.release-subnav {
  margin: 4px 0 9px 37px;
  border-left: 1px solid #e0e6ef;
  padding-left: 9px;
}
.release-subnav button {
  width: 100%;
  border: 0;
  border-radius: 9px;
  background: #fff;
  padding: 8px 10px;
  text-align: left;
  display: grid;
  gap: 3px;
  color: #59667b;
}
.release-subnav button:hover,
.release-subnav button.active {
  background: #f0f4ff;
  color: #3158df;
}
.release-subnav span {
  font-size: 14px;
  font-weight: 650;
}
.release-subnav small {
  font-size: 12px;
  color: #8a96aa;
}
.release-sidebar footer {
  border-top: 1px solid #edf1f5;
  padding: 13px;
}
.release-user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
}
.release-user > span {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e8efff;
  color: #3158df;
  display: grid;
  place-items: center;
  font-weight: 800;
}
.release-user div {
  display: grid;
  flex: 1;
}
.release-user b {
  font-size: 14px;
}
.release-user small {
  font-size: 12px;
  color: #8894a8;
  margin-top: 2px;
}
.release-user button {
  width: 32px;
  height: 32px;
  border: 0;
  background: #fff;
  color: #8793a6;
}
.release-user button svg {
  width: 18px;
}
.release-main {
  margin-left: 272px;
  min-height: 100vh;
}
.release-topbar {
  height: 64px;
  background: #fff;
  border-bottom: 1px solid #e3e8f0;
  display: flex;
  align-items: center;
  padding: 0 24px;
  position: sticky;
  top: 0;
  z-index: 20;
}
.release-topbar > div:first-of-type {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  color: #7c8799;
}
.release-topbar > div:first-of-type svg {
  width: 14px;
}
.release-topbar b {
  color: #27344d;
}
.mobile-menu {
  display: none;
}
.release-top-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
}
.release-top-actions button {
  height: 38px;
  border: 1px solid #dfe5ef;
  border-radius: 9px;
  background: #fff;
  padding: 0 13px;
}
.release-top-actions button svg {
  width: 18px;
}
.release-top-actions .next {
  background: #4169f6;
  border-color: #4169f6;
  color: #fff;
  font-weight: 700;
}
.release-tabs {
  height: 45px;
  background: #f7f9fc;
  border-bottom: 1px solid #e3e8f0;
  padding: 7px 20px 0;
  display: flex;
  gap: 5px;
  overflow: auto;
  position: sticky;
  top: 64px;
  z-index: 19;
}
.release-tabs > button {
  height: 38px;
  min-width: 112px;
  border: 1px solid #dfe5ed;
  border-radius: 9px 9px 0 0;
  background: #eef2f7;
  color: #6e7a8f;
  padding: 0 9px 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}
.release-tabs > button.active {
  background: #fff;
  color: #3158df;
  border-bottom-color: #fff;
}
.release-tabs span {
  font-size: 14px;
  font-weight: 650;
}
.release-tabs i {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.release-tabs i:hover {
  background: #e2e8f1;
}
.release-tabs svg {
  width: 13px;
}
.release-content {
  min-height: calc(100vh - 109px);
}
.release-page-loading {
  padding: 60px;
  text-align: center;
  color: #7e899d;
}
.release-setting-page {
  padding: 30px;
  max-width: 1440px;
  margin: auto;
}
.release-setting-page > header > span {
  font-size: 14px;
  color: #4467eb;
  font-weight: 700;
}
.release-setting-page > header h1 {
  font-size: 30px;
  margin: 8px 0;
}
.release-setting-page > header p {
  font-size: 16px;
  color: #718096;
}
.release-ai {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  background: #4169f6;
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 10px 26px rgba(65, 105, 246, 0.3);
}
.release-ai svg {
  width: 22px;
}
.release-toast {
  position: fixed;
  left: calc(50% + 136px);
  bottom: 28px;
  transform: translateX(-50%);
  background: #18243b;
  color: #fff;
  border-radius: 10px;
  padding: 12px 17px;
  z-index: 70;
  font-size: 14px;
  box-shadow: 0 10px 30px rgba(20, 31, 55, 0.2);
}
@media (max-width: 850px) {
  .release-sidebar {
    transform: translateX(-100%);
  }
  .release-main {
    margin-left: 0;
  }
  .mobile-menu {
    display: block;
    border: 0;
    background: #fff;
    margin-right: 10px;
  }
  .release-toast {
    left: 50%;
  }
  .release-topbar {
    padding: 0 14px;
  }
}
body{font-size:16px}.brand span{font-size:12px;letter-spacing:.4px}.demo-badge{font-size:13px}.nav-main{height:44px;font-size:15px}.subnav button{font-size:14px;padding:8px 10px}.sidebar-footer strong,.sidebar-footer span{font-size:12px}.sync{font-size:13px}.period{font-size:14px}.profile span{font-size:14px}.workspace-tab-link span{font-size:13px}.workspace-close-others{font-size:12px}.assistant-head b{font-size:16px}.assistant-head span{font-size:13px}.assistant-summary>span{font-size:13px}.assistant-summary h3{font-size:17px}.assistant-summary p{font-size:14px}.quick-q>b{font-size:14px}.quick-q button{font-size:14px}.assistant-input button{font-size:14px}.toast{font-size:14px}
.notification-trigger{position:relative}.notification-trigger>i{position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#f04452;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center;border:2px solid #fff}.release-mobile-scrim{display:none}@media(max-width:850px){.release-sidebar{transition:transform .2s ease}.release-sidebar.mobile-open{transform:translateX(0)}.release-mobile-scrim{display:block;position:fixed;inset:0;border:0;background:rgba(20,31,50,.4);z-index:29}}
