/* finesse · product login · sage / forest · static, Chromium-compatible */
.welcome-page{min-height:100vh;background:#f3f5f0;color:#203e33;padding:36px 28px;display:flex;align-items:center;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.welcome-wrap{width:100%;max-width:1120px;margin:0 auto}
.welcome-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.welcome-brand{display:flex;align-items:center}
.welcome-brand img{width:46px;height:auto;margin-right:13px;display:block}
.welcome-brand strong{display:block;font-size:19px;letter-spacing:.5px;font-weight:700}
.welcome-brand div>span{display:block;color:#69776f;font-size:12px;margin-top:5px;letter-spacing:2px}
.welcome-header-note{color:#69776f;font-size:13px;letter-spacing:2px}
.welcome-shell{display:table;table-layout:fixed;width:100%;border-radius:22px;overflow:hidden;background:#fdfefb;border:1px solid #dbe4da;box-shadow:0 22px 65px -35px rgba(23,68,46,.27)}
.welcome-story{display:table-cell;width:54%;padding:44px 46px;background:#154f3b;color:#f3f9ed;vertical-align:middle}
.welcome-eyebrow{font-size:12px;letter-spacing:1.6px;color:#d3e9d4;margin-bottom:25px}
.welcome-eyebrow>span{display:inline-block;width:6px;height:6px;background:#bcdb9e;border-radius:50%;margin-right:8px;vertical-align:2px}
.welcome-story h1{font-size:38px;line-height:1.5;letter-spacing:-.8px;font-weight:700;margin:0 0 16px;color:#f6faee}
.welcome-intro{font-size:15px;line-height:1.9;margin:0;color:#cfe2d5}
.welcome-preview{margin-top:30px;background:#f2f6eb;border:1px solid #91b49a;border-radius:12px;overflow:hidden;box-shadow:0 12px 24px rgba(9,33,24,.14)}
.preview-bar{padding:12px 15px;border-bottom:1px solid #d9e3d3;color:#5b7061;line-height:14px;font-size:11px}
.preview-bar i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9fb4a1;margin-right:5px;vertical-align:2px}
.preview-bar>span{margin-left:12px}
.preview-content{padding:3px 17px}
.preview-item{padding:13px 0;border-bottom:1px solid #dce5d5;display:flex;align-items:center}
.preview-item:last-child{border-bottom:0}
.preview-icon{width:32px;line-height:32px;border:1px solid #ceddbe;border-radius:8px;text-align:center;flex-shrink:0;color:#476344;font-size:11px;margin-right:12px;background:#e5eddb}
.preview-item>div{flex:1}
.preview-item strong{display:block;color:#2b4936;font-size:12px;font-weight:600}
.preview-item small{display:block;color:#647362;font-size:10px;margin-top:4px}
.preview-item b{color:#58714f;background:#e5eedc;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:400;margin-left:8px}
.welcome-caption{color:#c5dbc9;font-size:11px;letter-spacing:.8px;margin:24px 0 0}
.welcome-caption span{margin:0 12px;color:#92ba9a}
.welcome-login{display:table-cell;width:46%;vertical-align:middle;padding:42px 48px}
.welcome-kicker{font-size:12px;letter-spacing:2px;color:#537762}
.welcome-form-head h2{font-size:29px;letter-spacing:1px;line-height:1.4;margin:12px 0 8px;color:#1e3c2f}
.welcome-form-head p{font-size:13px;color:#6a796f;margin:0 0 31px;line-height:1.8}
.welcome-field{margin-bottom:20px}
.welcome-field label{display:block;font-size:13px;font-weight:600;margin-bottom:9px;color:#365345}
.welcome-field input{display:block;width:100%;height:48px;padding:0 14px;background:#f7f9f4;border:1px solid #d9e2d5;border-radius:8px;font-size:14px;font-family:inherit;color:#203e33;outline:none;transition:border-color .15s,box-shadow .15s}
.welcome-field input::placeholder{color:#7b857c}
.welcome-field input:hover{border-color:#a8bba7}
.welcome-field input:focus{background:#fdfefb;border-color:#34835a;box-shadow:0 0 0 3px rgba(52,131,90,.12)}
.welcome-submit{display:block;width:100%;height:49px;margin-top:27px;padding:0 18px;border:1px solid #17603e;border-radius:8px;background:#1c7048;color:#f8fbed;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 5px 12px rgba(28,112,72,.12);transition:background .15s}
.welcome-submit>span{float:right;font-size:19px;font-weight:400;line-height:20px}
.welcome-submit:hover{background:#155b39}
.welcome-submit:active{background:#124c30;box-shadow:none}
.welcome-submit:focus,.welcome-help a:focus{outline:2px solid #34835a;outline-offset:4px}
.welcome-account-help{font-size:11px;color:#718073;line-height:1.8;text-align:center;margin:16px 0 29px}
.welcome-help{border-top:1px solid #e1e7dc;padding-top:23px}
.welcome-help>span{display:block;font-size:12px;color:#6b7b6e;margin-bottom:9px}
.welcome-help a{display:inline-block;color:#256843;font-size:13px;font-weight:600;text-decoration:none;line-height:1.8}
.welcome-help a:hover{text-decoration:underline}
.welcome-help a span{margin-left:7px}
.welcome-error{background:#fcf0e9;color:#93462b;border:1px solid #eed5c6;padding:11px 13px;border-radius:7px;font-size:12px;line-height:1.8;margin:0 0 18px}
.welcome-footer{display:flex;justify-content:space-between;margin-top:22px;font-size:11px;color:#718072;line-height:1.8}
@media(min-width:1500px){.welcome-wrap{max-width:1200px}.welcome-story{padding:52px}.welcome-login{padding:48px 62px}.welcome-story h1{font-size:42px}}
@media(max-width:900px){.welcome-page{padding:24px 20px}.welcome-story{padding:32px 28px;width:50%}.welcome-login{padding:32px 28px;width:50%}.welcome-story h1{font-size:29px}.preview-item b{display:none}.welcome-caption span{margin:0 5px}.welcome-header-note{display:none}}
@media(max-width:620px){.welcome-page{display:block;padding:25px 18px;min-height:100vh}.welcome-header{margin-bottom:22px}.welcome-brand img{width:38px}.welcome-brand strong{font-size:17px}.welcome-shell{display:block;border-radius:16px}.welcome-story{display:block;width:100%;padding:25px 25px 24px}.welcome-eyebrow{margin-bottom:11px;font-size:11px}.welcome-story h1{font-size:25px;line-height:1.45;margin-bottom:10px}.welcome-story h1 br{display:none}.welcome-intro{font-size:12px;line-height:1.8}.welcome-intro br{display:none}.welcome-preview,.welcome-caption{display:none}.welcome-login{display:block;width:100%;padding:29px 25px}.welcome-form-head h2{font-size:26px;margin-top:8px}.welcome-form-head p{margin-bottom:24px}.welcome-account-help{margin-bottom:22px}.welcome-field input{font-size:16px}.welcome-footer{display:block;text-align:center;margin-top:19px}.welcome-footer span{display:block}.welcome-footer span+span{margin-top:4px}}
