*{box-sizing:border-box}body{margin:0;background:#fafaf6;color:#34404b;font-family:Inter,"Microsoft YaHei",sans-serif}button,input{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.75}[hidden]{display:none!important}
#quotes-login{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;background-color:#fafaf6;background-image:linear-gradient(#dce3e955 1px,transparent 1px);background-size:100% 36px;background-position:0 94px;display:flex;flex-direction:column}
.login-header{height:94px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7cfd5;background:#fafaf6;flex-shrink:0;position:relative;z-index:2}.login-brand{display:flex;align-items:center;gap:16px;font-size:22px;letter-spacing:4px;font-weight:600}.login-brand>span{font-size:9px;letter-spacing:2px;max-width:82px;line-height:1.6;font-weight:400;color:#83919c}.header-note{font-size:11px;letter-spacing:1.4px;color:#8b99a4}
.writing-area{margin:auto 4%;position:relative;padding:45px 20px 38px 7%;width:92%;min-height:570px;max-width:1500px;align-self:center}.margin-line{position:absolute;left:32px;top:0;bottom:0;border-left:1px solid #d1a7a74a}.edit-caption{font-size:10px;letter-spacing:1.8px;color:#91a0ac;display:flex;align-items:center;gap:12px}.edit-caption>span{color:#7993b7;font-size:17px}.open-mark{position:absolute;top:69px;left:8px;font:155px/1 Georgia,serif;color:#638fff}
h1{font-family:"Songti SC",SimSun,serif;font-size:clamp(44px,5vw,76px);line-height:1.65;letter-spacing:2px;font-weight:400;margin:38px 0 0;color:#384a60}.fill{display:inline-flex;position:relative;min-width:310px;border-bottom:2px solid #638fff;margin-left:12px;color:#638fff;height:1.45em;align-items:center;vertical-align:baseline}.fill-text{font-family:KaiTi,STKaiti,serif;font-size:.85em;opacity:.15;transition:opacity .7s,transform .7s;transform:translateY(3px)}.fill i{position:absolute;left:2px;bottom:12px;height:.85em;width:2px;background:#638fff}.side-note{position:absolute;right:4%;top:325px;font:15px KaiTi,serif;color:#9babc0;transform:rotate(-7deg)}
#login-form{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:28px;align-items:end;margin-top:77px;position:relative;z-index:3;max-width:1150px}.inline-intro>span{display:block;font-size:14px;color:#586f89;margin-bottom:9px}.inline-intro small{font-size:11px;color:#8d9ca8}#login-form label{font-size:11px;letter-spacing:1px;color:#7b8995;display:block;min-width:0}#login-form input{display:block;width:100%;min-width:0;height:43px;border:0;border-bottom:1px solid #b6c4d0;background:#fafaf6;font-size:14px;color:#506781;outline-offset:4px;padding:9px 0}#login-form input::placeholder{color:#a1adb8;font-size:12px}#login-form input:focus-visible{outline:2px solid #638fff}#login-form button{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#638fff;border:0;color:#fff;padding:15px 22px;font-size:14px;border-radius:2px;white-space:nowrap;min-height:48px}#login-form button:hover{background:#527ee7}#login-form button:focus-visible,.arrival a:focus-visible{outline:2px solid #344f79;outline-offset:4px}
#login-status{font-size:12px;color:#7c91a6;line-height:1.7;margin-top:24px;min-height:21px}.password-help{font-size:11px;color:#98a5b0;margin:10px 0 0}#login-error{font-size:13px;line-height:1.7;color:#ae3943;background:#fff0ee;border-left:2px solid #cb6870;padding:10px 12px;max-width:600px;margin:18px 0 0}
.login-footer{margin:0 4%;height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.5px;color:#7c8b97;flex-shrink:0}.success .fill-text{opacity:1;transform:translateY(0)}.success .fill i{opacity:0}
.arrival{position:absolute;inset:0;background:#f6f8fb;z-index:9;display:flex;flex-direction:column;padding:38px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s,visibility .9s;color:#3b5066}.arrival-brand{font-size:13px;letter-spacing:3px;color:#6b8bc5}.arrival-content{margin:auto;text-align:center;transform:translateY(18px);transition:transform 1.1s}.arrival-kicker{font-size:10px;letter-spacing:2px;color:#92a5bd}.arrival h2{font:400 42px/1.6 "Songti SC",SimSun,serif;letter-spacing:3px;margin:22px 0;color:#3b5066}.arrival p{font-size:12px;color:#8d9db0;letter-spacing:1px}.arrival a{display:inline-block;margin-top:23px;padding:10px 18px;color:#6b87af;text-decoration:none;font-size:12px;border:1px solid #d6e0ed;background:#fff;border-radius:4px}.arrival-bottom{text-align:center;font-size:10px;color:#9facbb;letter-spacing:.5px}.arrived .arrival{opacity:1;visibility:visible;pointer-events:auto}.arrived .arrival-content{transform:translateY(0)}
@media(max-width:900px){.writing-area{padding-left:65px}h1{font-size:52px}.fill{min-width:260px}.side-note{top:285px;right:0;font-size:12px}#login-form{gap:18px}.inline-intro>span{font-size:12px}}
@media(max-width:700px){.login-header{height:82px;margin:0 23px}.login-brand{font-size:20px;gap:10px}.header-note{display:none}.writing-area{margin:0 23px;padding:35px 0 28px 25px;width:calc(100% - 46px);min-height:0}.margin-line{left:9px}.edit-caption{font-size:8px;gap:5px;letter-spacing:.6px}.open-mark{font-size:97px;top:77px;left:-12px}h1{font-size:33px;margin-top:36px;line-height:1.8}.fill{display:flex;width:90%;margin-left:0;margin-top:4px;min-width:0;height:67px}.fill-text{font-size:35px}.side-note{position:static;display:block;margin-top:16px;font-size:11px;text-align:right;transform:rotate(-4deg)}#login-form{grid-template-columns:1fr;gap:22px;margin-top:48px;padding-right:8px}#login-form input{height:45px;font-size:16px}#login-form button{margin-top:7px}.login-footer{margin:12px 23px 0;font-size:9px;min-height:62px;flex-wrap:wrap;align-content:center;gap:8px}.login-footer>span:last-child{display:none}#login-status{font-size:11px}.arrival{padding:25px}.arrival h2{font-size:29px}.arrival p{font-size:11px}.arrival-brand{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.login-footer>a{color:inherit;text-decoration:none;white-space:nowrap}.login-footer>a:hover{text-decoration:underline}
