:root{
                    --storyos-login-bg:#eef2f7;
                    --storyos-surface:#ffffff;
                    --storyos-surface-soft:#f8fafc;
                    --storyos-border:#e2e8f0;
                    --storyos-line:#edf2f7;
                    --storyos-text:#0f172a;
                    --storyos-text-soft:#475569;
                    --storyos-text-muted:#94a3b8;
                    --storyos-primary:#4f46e5;
                    --storyos-primary-deep:#4338ca;
                    --storyos-shadow:0 24px 64px rgba(15,23,42,0.14);
                }

                .storyos-login-shell,
                .storyos-login-shell *{
                    box-sizing:border-box;
                    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
                }

                body.login.storyos-login-page,
                body.storyos-login-modal-open{
                    background:var(--storyos-login-bg);
                }

               .storyos-login-shell{
                    width:min(400px,92vw);
                    min-height:560px;
                    max-height:92vh;
                    background:var(--storyos-surface);
                    border:1px solid var(--storyos-border);
                    border-radius:22px;
                    box-shadow:var(--storyos-shadow);
                    display:flex;
                    flex-direction:column;
                    overflow:hidden;
                    margin:0 auto;
                }

               .storyos-login-left{
                    padding:32px 34px 0;
                    background:var(--storyos-surface);
                    border-right:none;
                    display:flex;
                    justify-content:center;
                }
                .storyos-brand-row{
                    align-items:center;
                    justify-content:center;
                }
              .storyos-brand-logo{
                    height:36px;
                    width:auto;
                    max-width:180px;
                    object-fit:contain;
                    display:block;
                }

                .storyos-brand-row{display:flex;flex-direction:column;gap:12px;}
                .storyos-brand-mark{
                    width:42px;height:42px;border-radius:12px;background:#fff;color:var(--storyos-text);
                    display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;
                    border:1px solid var(--storyos-border);
                }
                .storyos-brand-text{font-size:26px;line-height:1;font-weight:800;color:var(--storyos-text);letter-spacing:-0.45px;}
                .storyos-brand-text span{color:#ff6b81;}

                .storyos-hero-copy{max-width:320px;margin-top:18px;}
                .storyos-hero-copy h2{
                    margin:0 0 16px;
                    font-size:30px;
                    line-height:1.26;
                    font-weight:800;
                    letter-spacing:-0.9px;
                    color:var(--storyos-text);
                }
                .storyos-hero-copy p{
                    margin:0;
                    font-size:14px;
                    line-height:1.72;
                    color:var(--storyos-text-soft);
                    font-weight:500;
                }
                .storyos-hero-footer{
                    font-size:12px;color:var(--storyos-text-muted);font-weight:600;letter-spacing:0.2px;
                }

              .storyos-login-right{
                    position:relative;
                    padding:8px 34px 32px;
                    display:flex;
                    flex-direction:column;
                    flex:1;
                    overflow-y:auto;
                }

                .storyos-login-topbar{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-bottom:24px;
}

                .storyos-station-badge{
                    display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--storyos-text-soft);
                }

                .storyos-guest-link{
                    font-size:12px;font-weight:700;color:var(--storyos-text-muted);text-decoration:none;cursor:pointer;transition:color .2s;
                }
                .storyos-guest-link:hover{color:var(--storyos-text);}

               .storyos-login-main{
                    width:100%;
                    max-width:none;
                    margin:0 auto;
                    display:flex;
                    flex-direction:column;
                    justify-content:center;
                    flex:1;
                }
                .storyos-login-right{
                    align-items:stretch;
                }
                .storyos-login-topbar{
                    position:absolute;
                    top:18px;
                    right:22px;
                    margin-bottom:0;
                    z-index:6;
                }
                .storyos-login-topbar .storyos-guest-link{
                    font-size:11px;
                }

                .storyos-auth-box{
                    width:100%;
                    display:flex;
                    flex-direction:column;
                }

                .storyos-login-header{
                    margin-bottom:14px;
                }

             .storyos-form-title{
                    font-size:20px;
                    font-weight:800;
                    color:var(--storyos-text);
                    margin-bottom:5px;
                    letter-spacing:-0.02em;
                }

                .storyos-form-subtitle{
                    font-size:12px;
                    line-height:1.55;
                    color:var(--storyos-text-muted);
                    font-weight:500;
                }

                .storyos-auth-panel{display:none;}
                .storyos-auth-panel.is-active{display:block;}

                .storyos-input-wrap{position:relative;margin-bottom:12px;}
                .storyos-input{
                    width:100%;
                    height:44px;
                    border:1px solid var(--storyos-border);
                    border-radius:10px;
                    background:#fff;
                    padding:0 14px;
                    color:var(--storyos-text);
                    font-size:14px;
                    font-weight:600;
                    outline:none;
                    transition:all .2s ease;
                }
                .storyos-input:focus{
                    border-color:#9cc0dd;
                    box-shadow:0 0 0 3px rgba(70,130,180,0.10);
                }
                .storyos-input::placeholder{
                    color:#a3afbf;
                    font-weight:500;
                }
                .storyos-input--password{padding-right:42px;}

                .storyos-password-wrap .storyos-password-toggle{
                    position:absolute;
                    right:4px;
                    top:50%;
                    transform:translateY(-50%);
                    width:34px;
                    height:34px;
                    border:none;
                    background:transparent;
                    color:var(--storyos-text-muted);
                    cursor:pointer;
                    border-radius:6px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                }
                .storyos-password-wrap .storyos-password-toggle:hover{
                    background:var(--storyos-surface-soft);
                    color:var(--storyos-text-soft);
                }

                .storyos-code-row{
                    display:grid;
                    grid-template-columns:minmax(0,1fr) 104px;
                    gap:10px;
                    align-items:center;
                    margin-bottom:12px;
                }
                .storyos-code-input{margin-bottom:0;}
                .storyos-cap-btn{height:44px;border:1px solid var(--storyos-border);border-radius:10px;background:#FAFAFA;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;}
                .storyos-cap-btn img{width:96px;height:32px;display:block;}
                .storyos-cap-btn img:not([src]){visibility:hidden;}

                .storyos-code-btn{
                    height:44px;
                    border:1px solid var(--storyos-border);
                    border-radius:10px;
                    background:#fff;
                    color:var(--storyos-text);
                    font-size:13px;
                    font-weight:700;
                    cursor:pointer;
                    transition:.2s;
                }
                .storyos-code-btn:hover{
                    background:var(--storyos-surface-soft);
                }
                .storyos-code-btn:disabled{
                    opacity:.5;
                    cursor:not-allowed;
                }

                .storyos-switch-link{
                    border:none;
                    background:transparent;
                    padding:0;
                    margin:2px 0 12px;
                    color:#64748b;
                    font-size:12px;
                    font-weight:700;
                    cursor:pointer;
                    text-align:left;
                    text-decoration:underline;
                    text-underline-offset:3px;
                }
                .storyos-switch-link:hover{
                    color:var(--storyos-text);
                }

               .storyos-submit-btn{
                    width:100%;
                    height:46px;
                    border:none;
                    border-radius:11px;
                    background:#4682B4;
                    color:#fff;
                    font-size:14px;
                    font-weight:800;
                    cursor:pointer;
                    transition:.2s;
                }
                .storyos-submit-btn:hover{
                    background:#3a6b96;
                    transform:translateY(-1px);
                    box-shadow:0 10px 24px rgba(70,130,180,0.24);
                }
                .storyos-submit-btn:disabled{
                    opacity:.6;
                    cursor:not-allowed;
                    transform:none;
                    box-shadow:none;
                }

                .storyos-legal-row{
                    margin-top:14px;
                    text-align:center;
                    font-size:11px;
                    line-height:1.7;
                    color:var(--storyos-text-muted);
                    font-weight:500;
                }
                .storyos-legal-link{
                    border:none;
                    background:transparent;
                    padding:0;
                    color:var(--storyos-text-soft);
                    font-size:11px;
                    font-weight:700;
                    cursor:pointer;
                    text-decoration:underline;
                    text-underline-offset:3px;
                }

                .storyos-divider{
                    position:relative;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    margin:18px 0 14px;
                    color:#94a3b8;
                    font-size:11px;
                    font-weight:700;
                    letter-spacing:.04em;
                }
                .storyos-divider:before,
                .storyos-divider:after{
                    content:'';
                    position:absolute;
                    top:50%;
                    width:34%;
                    height:1px;
                    background:var(--storyos-border);
                }
                .storyos-divider:before{left:0;}
                .storyos-divider:after{right:0;}
                .storyos-divider span{
                    position:relative;
                    z-index:1;
                    padding:0 10px;
                    background:#fff;
                }

                .storyos-wechat-btn{
                    width:100%;
                    height:44px;
                    border:1px solid var(--storyos-border);
                    border-radius:10px;
                    background:#fff;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    gap:8px;
                    color:var(--storyos-text-soft);
                    font-size:13px;
                    font-weight:700;
                    cursor:pointer;
                    transition:.2s;
                }
                .storyos-wechat-btn:hover{
                    background:var(--storyos-surface-soft);
                    color:var(--storyos-text);
                }
                .storyos-wechat-btn__icon{
                    display:inline-flex;
                    align-items:center;
                    justify-content:center;
                    color:inherit;
                }

                                      /* ================================
                 * StoryOS 微信扫码登录页｜方案 D 中轴海报感
                 * 重点：二维码满格、无内白框、右侧中轴居中
                 * ================================ */

              .storyos-login-shell{
                    width:min(400px,92vw);
                    min-height:560px;
                    max-height:92vh;
                    grid-template-columns:none;
                }
                .storyos-login-left{
                    padding:30px 34px 22px;
                    background:var(--storyos-surface);
                }

                .storyos-brand-mark{
                    width:48px;
                    height:48px;
                    border-radius:14px;
                    font-size:13px;
                }

                .storyos-brand-text{
                    font-size:38px;
                    letter-spacing:-1.2px;
                }

                .storyos-hero-copy{
                    max-width:330px;
                }

                .storyos-hero-copy h2{
                    font-size:38px;
                    line-height:1.18;
                    letter-spacing:-1.3px;
                    margin-bottom:22px;
                }

                .storyos-hero-copy h2::after{
                    content:'';
                    display:block;
                    width:42px;
                    height:3px;
                    border-radius:999px;
                    background:#ff6b81;
                    margin-top:24px;
                }

                .storyos-hero-copy p{
                    max-width:280px;
                    font-size:13px;
                    line-height:1.9;
                    font-weight:650;
                    color:#53627a;
                }

               .storyos-login-right{
                    padding:8px 34px 32px;
                    background:var(--storyos-surface);
                }

                .storyos-login-shell.is-wechat-mode .storyos-login-topbar{
                    display:none;
                }

                .storyos-login-shell.is-wechat-mode .storyos-login-main{
                    max-width:520px;
                    height:100%;
                    justify-content:center;
                }

             .storyos-wechat-view{
                    display:none;
                    width:100%;
                    text-align:center;
                    padding:4px 0 0;
                }

                .storyos-auth-box.is-wechat-view .storyos-standard-view,
                .storyos-auth-box.is-wechat-view .storyos-legal-row,
                .storyos-auth-box.is-wechat-view .storyos-divider,
                .storyos-auth-box.is-wechat-view .storyos-wechat-btn,
                .storyos-auth-box.is-wechat-view .storyos-login-header{
                    display:none;
                }

                .storyos-auth-box.is-wechat-view .storyos-wechat-view{
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    justify-content:center;
                }

              .storyos-wechat-back{
                    position:static;
                    align-self:flex-start;
                    transform:none;
                    border:1px solid var(--storyos-border);
                    background:rgba(248,250,252,.86);
                    padding:7px 14px;
                    margin:0 0 10px;
                    border-radius:999px;
                    color:#334155;
                    font-size:12px;
                    font-weight:800;
                    cursor:pointer;
                    box-shadow:0 6px 18px rgba(15,23,42,.04);
                    transition:all .18s ease;
                }

                .storyos-wechat-back:hover{
                    background:#fff;
                    color:#0f172a;
                    transform:translateY(-1px);
                    box-shadow:0 10px 24px rgba(15,23,42,.08);
                }

              .storyos-wechat-title{
                    font-size:24px;
                    line-height:1.25;
                    font-weight:900;
                    color:var(--storyos-text);
                    margin:0 0 6px;
                    letter-spacing:-.6px;
                }

                .storyos-wechat-subtitle{
                    font-size:14px;
                    line-height:1.5;
                    color:#8390a5;
                    font-weight:700;
                    margin:0 0 14px;
                }

              .storyos-wechat-qr-card{
                    width:208px;
                    height:208px;
                    border:1px solid #e2e8f0;
                    border-radius:18px;
                    background:#fff;
                    box-shadow:0 12px 30px rgba(15,23,42,0.07);
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    overflow:hidden;
                    margin:6px auto 10px;
                }
              .storyos-wechat-qr-box{
                    width:192px;
                    height:192px;
                    position:relative;
                    overflow:hidden;
                    background:#fff;
                    border:none;
                    box-shadow:none;
                    padding:0;
                    margin:0;
                }

              .storyos-wechat-qr-box iframe{
                    position:absolute !important;
                    top:50% !important;
                    left:50% !important;
                    width:288px !important;
                    height:288px !important;
                    border:0 !important;
                    margin:0 !important;
                    transform:translate(-50%,-50%) scale(.667) !important;
                    transform-origin:center center !important;
                }

               .storyos-wechat-safe-line{
                    width:320px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    gap:12px;
                    margin:6px auto 12px;
                    color:#b5c0d2;
                }

                .storyos-wechat-safe-line span{
                    display:block;
                    width:120px;
                    height:1px;
                    background:linear-gradient(90deg,rgba(226,232,240,0),#e2e8f0,rgba(226,232,240,0));
                }

                .storyos-wechat-safe-line i{
                    width:22px;
                    height:22px;
                    border:1px solid #dbe3ef;
                    border-radius:999px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    font-style:normal;
                    font-size:13px;
                    color:#9aa8bc;
                    background:#fff;
                }

                .storyos-wechat-desc{
                    width:100%;
                    max-width:320px;
                    margin:0 auto;
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    gap:6px;
                    line-height:1.65;
                }

                .storyos-wechat-desc strong{
                    font-size:13px;
                    color:#7d8aa0;
                    font-weight:800;
                }

                .storyos-wechat-desc em{
                    font-style:normal;
                    font-size:12px;
                    color:#b0bacb;
                    font-weight:700;
                }

                .storyos-wechat-qr-placeholder{
                    width:100%;
                    height:100%;
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    justify-content:center;
                    gap:10px;
                    background:linear-gradient(180deg,#f8fafc 0%, #ffffff 100%);
                    border-radius:18px;
                }

                .storyos-wechat-qr-square{
                    width:128px;
                    height:128px;
                    border-radius:10px;
                    border:1px dashed #cbd5e1;
                    background:
                        linear-gradient(90deg,#e2e8f0 50%,transparent 50%) 0 0/12px 12px,
                        linear-gradient(#e2e8f0 50%,transparent 50%) 0 0/12px 12px;
                    opacity:.95;
                }

                .storyos-wechat-qr-lines{
                    width:120px;
                    display:flex;
                    flex-direction:column;
                    gap:6px;
                }

                .storyos-wechat-qr-lines span{
                    display:block;
                    height:6px;
                    border-radius:999px;
                    background:#e2e8f0;
                }
                .storyos-form-status{
                    display:none;
                    margin-top:14px;
                    padding:10px 12px;
                    border-radius:9px;
                    font-size:12px;
                    line-height:1.55;
                    font-weight:700;
                    text-align:center;
                }
                .storyos-form-status.is-success{
                    display:block;
                    background:#eefbf3;
                    color:#166534;
                    border:1px solid #cdeed7;
                }
                .storyos-form-status.is-error{
                    display:block;
                    background:#fff4f4;
                    color:#b42318;
                    border:1px solid #f3c7c2;
                }

                .storyos-inline-legal-overlay{
                    position:absolute;
                    inset:0;
                    background:var(--storyos-surface);
                    z-index:20;
                    overflow:hidden;
                }
                .storyos-inline-legal-panel{
                    display:flex;
                    flex-direction:column;
                    width:100%;
                    height:100%;
                }

                .storyos-inline-legal-head{
                    padding:28px 30px 16px;
                    flex-shrink:0;
                    background:var(--storyos-surface);
                    border-bottom:1px solid var(--storyos-line);
                }
                .storyos-inline-legal-back{
                    border:none;
                    background:transparent;
                    padding:0;
                    margin:0 0 10px;
                    color:var(--storyos-text-soft);
                    font-size:12px;
                    font-weight:800;
                    cursor:pointer;
                }
                .storyos-inline-legal-title{
                    font-size:18px;
                    line-height:1.3;
                    font-weight:800;
                    color:var(--storyos-text);
                    margin-bottom:4px;
                }
                .storyos-inline-legal-sub{
                    font-size:11px;
                    line-height:1.6;
                    color:var(--storyos-text-muted);
                    font-weight:600;
                }

                .storyos-inline-legal-content{
                    flex:1;
                    overflow-y:auto;
                    padding:20px 30px 26px;
                    font-size:13px;
                    line-height:1.85;
                    color:var(--storyos-text-soft);
                }
                .storyos-inline-legal-content::-webkit-scrollbar{width:6px;}
                .storyos-inline-legal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;}

                .storyos-inline-legal-content h1,
                .storyos-inline-legal-content h2,
                .storyos-inline-legal-content h3,
                .storyos-inline-legal-content h4{
                    color:var(--storyos-text);
                    font-weight:800;
                    margin-top:26px;
                    margin-bottom:10px;
                    line-height:1.4;
                }
                .storyos-inline-legal-content h1{font-size:18px;}
                .storyos-inline-legal-content h2{font-size:15px;border-bottom:1px solid var(--storyos-line);padding-bottom:6px;}
                .storyos-inline-legal-content h3{font-size:14px;}
                .storyos-inline-legal-content h4{font-size:13px;}
                .storyos-inline-legal-content p{margin-top:0;margin-bottom:14px;text-align:justify;}
                .storyos-inline-legal-content ul,
                .storyos-inline-legal-content ol{margin-top:0;margin-bottom:14px;padding-left:20px;}
                .storyos-inline-legal-content li{margin-bottom:6px;}
                .storyos-inline-legal-content strong,
                .storyos-inline-legal-content b{color:var(--storyos-text);font-weight:700;}

                .storyos-global-login-mask{
                    position:fixed;
                    inset:0;
                    background:rgba(15,23,42,.40);
                    backdrop-filter:blur(5px);
                    -webkit-backdrop-filter:blur(5px);
                    opacity:0;
                    visibility:hidden;
                    transition:opacity .2s ease;
                    z-index:99990;
                }
                .storyos-global-login-mask.show{opacity:1;visibility:visible;}

                .storyos-global-login-modal{
                    position:fixed;
                    left:50%;
                    top:50%;
                    transform:translate(-50%,-50%);
                    opacity:0;
                    visibility:hidden;
                    transition:all .2s ease;
                    z-index:99991;
                }
                .storyos-global-login-modal.show{opacity:1;visibility:visible;}

                body.login.storyos-login-page{
                    min-height:100vh;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    padding:20px;
                }
                body.login.storyos-login-page #login,
                body.login.storyos-login-page h1,
                body.login.storyos-login-page #nav,
                body.login.storyos-login-page #backtoblog{
                    display:none !important;
                }
                body.login.storyos-login-page #saas-login-root{
                    width:100%;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                }

               @media (max-width: 980px){
                    .storyos-login-shell{
                        width:min(400px,92vw);
                        min-height:auto;
                    }
                }

              @media (max-width: 768px){
                    .storyos-login-shell{
                        min-height:auto;
                    }
                    .storyos-login-left{
                        padding:26px 26px 18px;
                    }
                    .storyos-login-right{
                        min-height:auto;
                        padding:8px 26px 26px;
                    }
                    .storyos-login-main{
                        max-width:none;
                    }
                    .storyos-inline-legal-head{padding:22px 22px 14px;}
                    .storyos-inline-legal-content{padding:18px 22px 22px;}
                }

                @media (max-width: 480px){
                    .storyos-login-shell{
                        width:min(100vw - 24px, 100%);
                        border-radius:18px;
                    }
                    .storyos-login-right{padding:22px 18px 18px;}
                    .storyos-code-row{
                        grid-template-columns:1fr 92px;
                    }
                                        .storyos-wechat-qr-card{
                        width:246px;
                        height:246px;
                        border-radius:20px;
                    }

                    .storyos-wechat-qr-box{
                        width:232px;
                        height:232px;
                    }

                   .storyos-wechat-qr-box iframe{
                        transform:translate(-50%,-50%) scale(.8) !important;
                    }
                }
                /* ===== V18.4（2026-10-22 · 规则书 V2.239 · 效果图 T1）：登录 / 注册框按新规则书「弹窗」规格重排，只改外观 =====
                   白底细边圆角 12、标题衬线 20 / 28 / 600、不要副标题、灰底输入框（圆角 8、高 40）、墨色主按钮、链接色统一、
                   「OR CONTINUE WITH」改中文；去掉固定最小高度（原来内容在 560 高的框里上下居中，切换验证码 / 密码登录时整块跳动）。
                   前缀带 #saas-global-login-modal，压过「全站字体法则层」#242 里旧的登录框规则。 */
                html :is(#saas-global-login-modal, body) .storyos-login-shell { width: min(400px, calc(100vw - 32px)); min-height: 0; border: 1px solid #E4E4E7; border-radius: 12px; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1); background: #FFFFFF; color: #18181B; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell, html :is(#saas-global-login-modal, body) .storyos-login-shell * { font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-login-left { padding: 28px 24px 0; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-brand-logo { height: 28px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-login-right { padding: 20px 24px 24px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-login-main { justify-content: flex-start; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-login-topbar { top: 16px; right: 16px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-login-topbar .storyos-guest-link, html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-guest-link { font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; color: #71717A !important; text-decoration: none; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-guest-link:hover { color: #18181B !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-login-header { margin-bottom: 16px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-form-title { font-family: "Songti SC", "STSong", "SimSun", serif !important; font-size: 20px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: -.02em !important; color: #18181B !important; margin: 0 !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-form-subtitle { display: none !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-input-wrap { margin-bottom: 10px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-code-row { grid-template-columns: minmax(0, 1fr) 112px; gap: 8px; margin-bottom: 10px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-code-input { margin-bottom: 0; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-input { height: 40px; border: 1px solid #E4E4E7; border-radius: 8px; background: #F7F7F8; padding: 0 12px; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: #18181B !important; box-shadow: none; transition: border-color .15s, background .15s; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-input--password { padding-right: 40px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-input::placeholder { color: #A1A1AA; font-weight: 400; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-input:focus { border-color: #71717A; background: #FFFFFF; box-shadow: none; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-password-wrap .storyos-password-toggle { width: 32px; height: 32px; color: #A1A1AA; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-password-wrap .storyos-password-toggle:hover { background: #F4F4F5; color: #52525B; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-cap-btn { height: 40px; border: 1px solid #E4E4E7; border-radius: 8px; background: #F7F7F8; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-code-btn { height: 40px; border: 1px solid #D4D4D8; border-radius: 8px; background: #FFFFFF; font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: #18181B !important; font-variant-numeric: tabular-nums; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-code-btn:hover { background: #F4F4F5; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-code-btn:disabled { opacity: 1; color: #A1A1AA !important; background: #FAFAFA; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-switch-link { margin: 2px 0 14px; font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: #4A55C7 !important; text-decoration: none; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-switch-link:hover { text-decoration: underline; text-underline-offset: 3px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-submit-btn { height: 40px; border-radius: 8px; background: #18181B; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: #FFFFFF !important; box-shadow: none; transform: none; transition: background .15s; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-submit-btn:hover { background: #3F3F46; box-shadow: none; transform: none; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-submit-btn:disabled { background: #A1A1AA; opacity: 1; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-legal-row { margin-top: 12px; font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; color: #71717A !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-legal-link { font-size: 12px !important; line-height: 18px !important; font-weight: 600 !important; color: #18181B !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #D4D4D8; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-legal-link:hover { text-decoration-color: #18181B; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-divider { margin: 20px 0 12px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-divider:before, html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-divider:after { width: calc(50% - 44px); background: #E4E4E7; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-divider span { font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; letter-spacing: 0 !important; color: #A1A1AA !important; background: transparent; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-wechat-btn { height: 40px; border: 1px solid #E4E4E7; border-radius: 8px; background: #FFFFFF; box-shadow: none; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: #18181B !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-wechat-btn:hover { background: #F4F4F5; border-color: #D4D4D8; transform: none; box-shadow: none; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-wechat-btn__icon svg { width: 20px; height: 20px; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-wechat-title { font-family: "Songti SC", "STSong", "SimSun", serif !important; font-size: 20px !important; line-height: 28px !important; font-weight: 600 !important; color: #18181B !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-wechat-subtitle, html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-wechat-desc { font-size: 13px !important; line-height: 20px !important; color: #71717A !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-wechat-back, html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-inline-legal-back { font-size: 13px !important; font-weight: 600 !important; color: #52525B !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-inline-legal-title { font-family: "Songti SC", "STSong", "SimSun", serif !important; font-size: 18px !important; line-height: 28px !important; font-weight: 600 !important; color: #18181B !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-inline-legal-sub { display: none !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-inline-legal-content, html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-inline-legal-content * { font-family: "Songti SC", "STSong", "SimSun", serif !important; }
                html :is(#saas-global-login-modal, body) .storyos-login-shell .storyos-inline-legal-content { font-size: 14px; line-height: 24px; color: #27272A; }