/* V0.5: the reference's spatial hierarchy, adapted to Tongxing. */
:root{--blue:#5060dc;--blue-soft:#eef1ff;--ink:#25344a;--muted:#7e8a9c;--canvas:#f6f8fc;--line:#e5eaf2}
.btn.primary{background:#5360da;border-color:#5360da}.btn.primary:hover{background:#424fc4;border-color:#424fc4}
.portal-page{background:#f7f8fc;color:#29374b}.welcome-page{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 11% 45%,#eaf0fa80,transparent 58%),linear-gradient(135deg,#f8f9fc,#f4f7fc 60%,#edf2fa)}
.welcome-layout{width:min(1376px,100%);margin:auto;flex:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(365px,1fr);gap:56px;align-items:center;padding:12px 54px 34px}.brand-visual{position:relative;align-self:stretch;min-height:530px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden}.brand-visual-copy{position:relative;z-index:1;padding:0 24px;margin-top:8px;pointer-events:none}.brand-visual-copy>span{font-size:10px;letter-spacing:2.2px;color:#8b9ab0}.brand-visual h1{font-size:clamp(38px,3.9vw,58px);line-height:1.28;font-weight:600;letter-spacing:-2px;color:#263e62;margin:22px 0 19px}.brand-visual h1 span{color:#526dd0}.brand-visual-copy>p{font-size:12px;letter-spacing:2px;color:#8798ae;margin:0}.brand-visual>img{width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply;margin-top:-14px;filter:drop-shadow(0 18px 22px #526fa10a)}.brand-visual-caption{padding:0 24px;color:#9ba9ba;font-size:11px;letter-spacing:.08em;margin-top:-12px}
.access-card{width:100%;max-width:476px;justify-self:end;padding:31px 34px 28px;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#ffffffed,#ffffffb8);box-shadow:0 15px 55px #7186ab0d,inset 0 0 0 1px #edf0f6;backdrop-filter:blur(18px)}
.access-context{border-bottom:1px solid #e6eaf2;padding-bottom:24px}.access-clock{display:flex;align-items:baseline;gap:14px}.access-clock time{font-size:29px;line-height:1.25;color:#4f5e74;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-weight:400}.access-clock>span{font-size:10px;color:#8f99a7}.weather-inline{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-height:19px;margin-top:11px;color:#828d9d}.weather-inline [data-weather-result]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px}.weather-inline .weather-loading{font-size:10px;color:#929caa}.weather-line{display:flex;align-items:center;gap:7px;color:#7c889b;font-size:10px;white-space:nowrap}.weather-line strong{font-size:11px;color:#63748f;font-weight:500}.weather-attribution{margin-left:auto;display:flex;gap:6px;font-size:9px;color:#929aaa;flex-wrap:wrap}.weather-attribution a{color:inherit}.weather-attribution a:hover{text-decoration:underline}.weather-accuracy{font-size:9px;color:#a3acb9;flex-basis:100%;line-height:1.5}.weather-inline .weather-accuracy{display:none}.weather-inline [data-weather-result]:hover .weather-accuracy{display:block}.weather-unavailable{font-size:10px;color:#8e99a8;line-height:1.7}
.access-heading{padding:26px 0 24px}.access-heading>span{font-size:9px;letter-spacing:1.9px;color:#9aa5b5}.access-heading h2{font-size:29px;line-height:1.4;letter-spacing:-1px;font-weight:550;color:#2f3f57;margin:13px 0 7px}.access-heading p{font-size:11px;color:#8c99ac;margin:0}.access-field{display:block;border:1px solid #e1e6f0;border-radius:11px;padding:12px 15px 13px;background:#ffffffb5;margin-bottom:17px;transition:border-color .15s}.access-field:focus-within{border-color:#a4b4e8;box-shadow:0 0 0 3px #758be510}.access-field>span{display:block;font-size:11px;color:#8c98aa;margin-bottom:7px}.access-field input{width:100%;background:transparent;border:0;border-radius:0;box-shadow:none!important;outline:none;font-size:14px;padding:0;min-height:24px;color:#4e5e76;line-height:1.6}.access-field input::placeholder{color:#acb6c7;font-size:12px}.access-field input:focus-visible{outline:none}.access-field .password-input{display:flex;gap:10px;background:transparent;border:0}.access-field .password-input>input{min-width:0}.access-field .password-input>button{flex-shrink:0;color:#94a2b8;min-width:25px;min-height:25px;padding:0}.access-demo{font-size:10px;color:#97a4b9;line-height:1.7;margin:2px 0 21px}.access-demo b{font-weight:500;color:#7388b0}.access-demo>span{margin:0 5px}.btn.access-submit{width:100%;min-height:48px;position:relative;justify-content:center;font-size:13px;font-weight:500;background:linear-gradient(105deg,#6062e7,#4863cb);border:1px solid #606bdf;border-radius:11px;color:#fff;box-shadow:0 10px 23px #566acf1b}.access-submit>.icon{position:absolute;right:19px;width:15px;height:15px}.access-submit:hover{background:linear-gradient(105deg,#5054d3,#4058b8)!important}.access-secondary{text-align:center;padding-top:24px}.access-secondary a{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#8e9aaf}.access-secondary .icon{width:11px;height:11px}.access-secondary a:hover{color:#5069c9}.access-boundary{display:block;font-size:9px;text-align:center;color:#aab3c2;line-height:1.6;margin-top:19px}.access-card .form-error{font-size:12px;margin-bottom:16px}.access-card .signed-in-card{padding:12px 0 27px;gap:12px}.signed-in-card small{display:block;font-size:11px;color:#96a3b9;margin-top:5px}.access-card .signed-in-card strong{font-size:15px;font-weight:500;color:#61718d}.btn.access-signout{display:flex;margin:14px auto -7px;border:0;background:transparent;color:#8b9ab2;font-size:11px;min-height:28px;padding:3px 10px}
.welcome-footer{display:flex;justify-content:space-between;gap:20px;padding:14px 48px 22px;color:#aeb9cc;font-size:9px;letter-spacing:1.4px}.welcome-footer>span:last-child{letter-spacing:1px}
.portal-footer{border-color:#e6eaf2;color:#9aa5b7}.portal-footer strong{color:#516581}.portal-footer strong>span{color:#96a6bd}.library-main{max-width:1140px;padding:34px 38px 65px}.library-heading h1{color:#2e435e}.library-heading h1>span,.library-heading p{color:#8695a8}.library-heading .section-kicker{color:#9aa9c0}.case-filters .btn.secondary{background:#fff;border-color:#e2e7f1;color:#74869f}.case-card{border-color:#e3e9f2}.case-body h3{color:#3b526c}.case-body p{color:#8593a4}.sample-label{color:#939fae}.case-detail{border-color:#e2e8f0}.case-detail-heading h1,.case-detail-grid h2,.case-detail-grid h3{color:#3a536e}.case-detail-heading>p,.case-detail-grid p,.case-detail-grid li{color:#7c8da3}.case-use{background:#f3f6fb}.case-facts b{color:#5c7495}.case-detail-grid ul{color:#7689a4}
.update-timeline article{grid-template-columns:112px 1fr;border-color:#e3e8f1;gap:28px;padding:25px 0}.update-date strong{font-size:19px;color:#7990b1;font-weight:500;margin-top:9px}.update-date time{font-size:11px;color:#94a2b6}.update-body{border:1px solid #e6eaf2;border-radius:12px;background:#ffffffbd;padding:23px 26px}.update-body summary{position:relative;list-style:none;cursor:pointer;padding-right:21px}.update-body summary::-webkit-details-marker{display:none}.update-body summary::after{content:'+';position:absolute;right:0;top:12px;color:#9eaac0;font-size:20px;font-weight:300}.update-body[open] summary::after{content:'−'}.update-body h2{font-size:20px;line-height:1.5;color:#3c5474;margin:9px 0}.update-body>p,.update-body li{font-size:13px;color:#8392a6;line-height:1.95}.update-body>p{margin-top:15px}.update-body .badge{font-size:9px}.update-body summary:focus-visible{outline:2px solid #91a1e5;outline-offset:5px}
.shell .sidebar{background:#fafbfe;border-color:#e7ebf2}.shell .brand{color:#334862}.shell .nav-item.active{color:#4c60a8;background:#f0f3fc;border-color:#e1e6f6}.shell .nav-item:hover{color:#4c60a8;background:#f1f4fb}.shell .nav-group-label{color:#98a4b5}.shell .btn.sidebar-create{margin-bottom:11px}.shell .brand{margin-bottom:27px}.topbar .workspace-title strong{color:#3c5069}.shell main{background:#f6f8fc}.ops-heading{align-items:center}.ops-heading-aside{display:grid;gap:5px;justify-items:end;max-width:47%}.ops-heading-aside .weather-card{margin-top:0}.ops-heading-aside .weather-attribution{margin-left:4px}.ops-summary{font-size:11px;color:#91a0b6}.mobile-create{display:none!important}.ops-metrics{margin-top:10px}.employee-shell .weather-card:not(.weather-inline){padding:20px 22px}.employee-shell .weather-line{font-size:13px;color:#758565}.employee-shell .weather-line strong{font-size:23px;color:#61734f;font-weight:500}.employee-shell .weather-attribution{font-size:10px;margin:14px 0 0;color:#8f9d82}.employee-shell .weather-accuracy{display:block;font-size:10px;line-height:1.8;margin-top:7px;color:#9ba98a}
@media(min-width:1550px){.welcome-layout{max-width:1480px;gap:88px;padding:30px 80px 50px}.brand-visual{min-height:620px}.brand-visual h1{font-size:66px}.brand-visual>img{height:375px}.access-card{max-width:495px;padding:36px 39px 31px}.access-heading{padding-top:30px;padding-bottom:29px}.access-field{padding:15px 16px}.welcome-layout{grid-template-columns:1.5fr 1fr}}
@media(max-width:1100px){.welcome-layout{gap:20px;padding:12px 34px 30px;grid-template-columns:1.25fr minmax(350px,1fr)}.brand-visual-copy{padding:0 13px}.brand-visual h1{font-size:45px}.brand-visual>img{height:295px}.brand-visual-caption{padding:0 13px;font-size:10px}.access-card{padding:28px}.welcome-footer{padding-left:35px;padding-right:35px}.ops-heading-aside .weather-attribution{display:none}.ops-heading-aside .weather-inline .weather-accuracy{display:none}}
@media(max-width:800px){.welcome-layout{padding:12px 25px 30px;grid-template-columns:minmax(0,1fr) minmax(305px,1fr);gap:16px}.brand-visual h1{font-size:38px;letter-spacing:-1.5px}.brand-visual-copy{padding:0 5px}.brand-visual-copy>span{font-size:8px;letter-spacing:1.2px}.brand-visual-copy>p{font-size:10px;letter-spacing:1px}.brand-visual>img{height:255px;max-width:120%;width:120%;margin-left:-8%}.brand-visual-caption{font-size:9px;padding:0 5px;letter-spacing:0}.access-card{padding:25px 23px;border-radius:19px}.access-clock time{font-size:26px}.access-clock>span{font-size:9px}.access-clock{gap:10px}.access-heading h2{font-size:26px}.weather-attribution{font-size:8px}.weather-inline [data-weather-result]{gap:5px}.welcome-footer{padding:10px 25px 21px;font-size:8px}.ops-heading-aside{max-width:45%}}
@media(max-width:650px){.welcome-layout{display:flex;flex-direction:column;padding:0 25px 32px;gap:13px;margin:0 auto;flex:1;width:100%;max-width:500px}.brand-visual{min-height:190px;height:190px;width:100%;display:block;align-self:auto;overflow:hidden;margin-bottom:3px}.brand-visual-copy{padding:20px 0 0;max-width:68%;z-index:2}.brand-visual-copy>span{font-size:7px;letter-spacing:1px}.brand-visual h1{font-size:34px;line-height:1.27;margin:13px 0;letter-spacing:-1.4px}.brand-visual-copy>p{font-size:9px;letter-spacing:.5px;position:relative;z-index:2}.brand-visual>img{position:absolute;width:77%;max-width:none;height:200px;right:-31%;top:5px;margin:0;object-fit:contain;opacity:.83;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 28%)}.brand-visual-caption{display:none}.access-card{max-width:450px;padding:26px 27px 25px;align-self:center}.access-context{padding-bottom:21px}.access-clock time{font-size:29px}.access-clock>span{font-size:10px}.weather-inline [data-weather-result]{font-size:10px;gap:8px}.weather-attribution{font-size:8px}.access-heading{padding:23px 0}.access-heading h2{font-size:27px}.access-heading>span{font-size:8px}.access-heading p{font-size:11px}.access-field{padding:11px 13px 12px;margin-bottom:14px}.access-field>span{font-size:11px}.access-field input{font-size:16px;min-height:25px}.access-field input::placeholder{font-size:13px}.access-demo{font-size:10px;margin:2px 0 18px}.btn.access-submit{min-height:47px;font-size:13px}.access-secondary{padding-top:21px}.access-boundary{font-size:8px;margin-top:14px}.welcome-footer{padding:0 25px 20px;font-size:7px;letter-spacing:.5px;max-width:500px;width:100%;margin:auto;gap:12px}.welcome-footer>span:last-child{letter-spacing:0}.library-main{padding:26px 22px 45px}.library-heading h1{font-size:28px}.update-timeline article{grid-template-columns:1fr;gap:14px;padding:21px 0}.update-date{display:flex;align-items:center;gap:15px}.update-date strong{font-size:15px;margin:0}.update-body{padding:20px}.update-body h2{font-size:19px}.update-body>p,.update-body li{font-size:12px;line-height:1.9}.ops-heading{align-items:flex-start}.ops-heading-aside{max-width:45%;gap:10px}.ops-heading-aside .weather-card{display:none}.ops-heading-aside .ops-summary{display:none}.mobile-create{display:inline-flex!important;font-size:12px;min-height:37px;padding:8px 11px}.shell .brand{margin-bottom:0}.shell .nav-group-label{display:none}.ops-metrics{margin-top:0}}
@media(max-width:380px){.welcome-layout{padding-inline:19px}.access-card{padding-inline:23px}.brand-visual h1{font-size:31px}.welcome-footer{padding-inline:20px}}

/* Blend the static artwork into the page; no visible image rectangle. */
.brand-visual>img{mask-image:radial-gradient(ellipse 62% 61% at 49% 52%,#000 35%,transparent 85%)}
@media(min-width:651px) and (max-height:900px){.welcome-layout{padding-top:3px;padding-bottom:14px}.access-card{padding-top:25px;padding-bottom:22px}.access-context{padding-bottom:18px}.access-heading{padding-top:21px;padding-bottom:20px}.access-field{margin-bottom:13px;padding-top:10px;padding-bottom:10px}.access-demo{margin-bottom:16px}.access-secondary{padding-top:17px}.access-boundary{margin-top:13px}.welcome-footer{padding-top:7px;padding-bottom:14px}.brand-visual{min-height:490px}}
@media(max-width:650px){.brand-visual>img{mask-image:radial-gradient(ellipse at center,#000 20%,transparent 73%)}}

@media(max-width:650px){.ops-heading-aside .weather-card{display:block;order:2}.ops-heading-aside .weather-line{font-size:9px}.ops-heading-aside .weather-attribution,.ops-heading-aside .weather-accuracy{display:none}.ops-heading-aside .mobile-create{order:1}}