*{box-sizing:border-box}html{min-height:100%;background:#c8a7c9}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:48px 32px;font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif;color:#382c47;background:radial-gradient(ellipse at 45% 12%,#ffe5fc 0%,transparent 48%),radial-gradient(ellipse at 13% 78%,#e6b2c6 0%,transparent 48%),linear-gradient(108deg,#b28ba6 0%,#e6c1de 46%,#706b96 75%,#242643 100%)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #825ba9;outline-offset:5px}.login-shell{width:min(1100px,100%);display:grid;grid-template-columns:minmax(330px,.87fr) minmax(0,1.13fr);align-items:center}.login-card{position:relative;z-index:1;padding:36px 42px 30px;border:1px solid #ffffff77;border-right:0;border-radius:32px 0 0 32px;background:linear-gradient(135deg,#fff5ff88,#f2d6ed91);box-shadow:0 25px 55px #3d28493b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.login-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.login-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#44324f;font-weight:750;font-size:17px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:31px;height:34px;border-radius:10px;background:linear-gradient(140deg,#6a457d,#35253e);font-size:22px;color:#fce8f9;box-shadow:0 5px 12px #704a7130}.brand-dot{color:#986a9a}.login-top select{width:83px;border:1px solid #9e7aa752;background:#fff4;padding:6px 4px;border-radius:9px;color:#57425e;font-size:11px}.login-intro{margin:54px 0 34px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#7e6088}.login-intro h1{font-size:30px;letter-spacing:-1.2px;line-height:1.4;margin:12px 0 10px}.login-intro p{margin:0;color:#796581;font-size:13px;line-height:1.7}.login-form>label{display:block;font-size:12px;font-weight:650;color:#59425f;margin:22px 0 6px}.login-input{display:flex;align-items:center;border-bottom:1px solid #8b6f9a99;transition:border-color .15s;gap:8px}.login-input:focus-within{border-bottom-color:#604176;box-shadow:0 1px #604176}.login-input input{min-width:0;width:100%;height:40px;padding:6px 0;background:transparent;border:0;outline:0;color:#34243e;font-size:16px;border-radius:0}.login-input>svg,.login-input button svg{height:19px;width:19px;flex-shrink:0}.login-input>svg{margin-right:5px;color:#715779}.login-input button{border:0;display:grid;place-items:center;background:transparent;color:#715779;padding:7px;border-radius:7px}.login-input button:hover{background:#ffffff55}.login-error{font-size:12px;line-height:1.6;color:#9b2447;margin:10px 0;min-height:19px}.login-submit{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;border:1px solid #82648b;padding:13px 18px;border-radius:100px;background:linear-gradient(180deg,#9876a3 0%,#684572 48%,#3d294e 100%);color:#fff5ff;font-size:14px;font-weight:650;box-shadow:0 8px 16px #68427235,inset 0 1px #e6caed66;transition:transform .15s,box-shadow .15s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 10px 22px #68427250}.login-submit>span:last-child{font-size:20px;line-height:1}.login-footer{text-align:center;font-size:11px;color:#7f6688;margin:34px 0 4px}.inspiration-card{position:relative;isolation:isolate;overflow:hidden;min-height:652px;padding:35px 43px 30px;border:1px solid #c2b0ea50;border-radius:38px;color:#f9f2ff;background:radial-gradient(ellipse at 105% -8%,#8870b267,transparent 58%),radial-gradient(ellipse at -8% 105%,#bd76a148,transparent 58%),linear-gradient(145deg,#292743,#14162d);box-shadow:0 32px 65px #18142955}.inspiration-card:after{content:"";position:absolute;z-index:-1;width:400px;height:400px;border:1px solid #cdb0d411;border-radius:50%;right:-250px;bottom:-100px;box-shadow:0 0 0 65px #cdb0d409,0 0 0 130px #cdb0d405}.inspiration-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.inspiration-label{font-size:9px;letter-spacing:2px;color:#bcadcd}.inspiration-top time{padding:7px 10px;border-radius:100px;border:1px solid #c6acd02e;color:#d4c5e2;font-size:10px;white-space:nowrap}.inspiration-heading{display:flex;gap:11px;align-items:center;margin:29px 0 10px}.spark{color:#d9afdc;font-size:23px}.inspiration-heading h2{font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0}.quote-block{padding:21px 0 23px;border-bottom:1px solid #c8b4d92b}.quote-language{font-size:10px;color:#b8acd0;letter-spacing:.2px}.quote-main{font-size:22px;font-weight:650;line-height:1.65;letter-spacing:-.5px;margin:9px 0 8px;word-break:keep-all}.quote-action{font-size:11px;line-height:1.7;color:#bfb0cf;margin:0}.quote-chinese{font-family:"Microsoft YaHei","微软雅黑","Microsoft YaHei UI","PingFang SC",sans-serif}.quote-chinese .quote-main{font-size:21px;letter-spacing:.2px;font-weight:550;font-synthesis:none}.quote-english{border:0;padding-bottom:10px}.quote-english .quote-main{font-size:21px;line-height:1.5;letter-spacing:-.2px}.inspiration-footer{display:flex;align-items:center;gap:12px;margin-top:18px;color:#a99abc;font-size:10px;letter-spacing:.3px}.footer-line{width:30px;height:1px;background:#bc9bc4}@media(min-width:1500px){.login-shell{width:1140px}.login-card{padding:40px 48px 34px}.inspiration-card{padding:38px 48px}}@media(max-width:850px){body{padding:30px 20px}.login-shell{grid-template-columns:minmax(285px,.9fr) minmax(0,1.1fr)}.login-card{padding:28px 27px}.login-brand{font-size:15px}.login-intro{margin-top:40px}.login-intro h1{font-size:26px}.inspiration-card{padding:28px;min-height:640px}.quote-main,.quote-chinese .quote-main,.quote-english .quote-main{font-size:19px}.inspiration-label{letter-spacing:1px;font-size:8px}.inspiration-top{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:650px){body{padding:25px 18px;background:radial-gradient(ellipse at 50% 0%,#ffe1fc,transparent 65%),linear-gradient(150deg,#b28ba6,#b9a4ce 65%,#45405e)}.login-shell{max-width:440px;grid-template-columns:1fr;gap:20px}.login-card{border:1px solid #ffffff77;border-radius:28px;padding:28px 30px}.login-intro{margin:32px 0 22px}.login-intro h1{font-size:28px}.login-footer{margin-top:26px}.inspiration-card{border-radius:28px;min-height:0;padding:28px 30px}.inspiration-top{flex-direction:row;align-items:center}.inspiration-label{font-size:8px}.inspiration-heading{margin-top:24px}.quote-main,.quote-chinese .quote-main,.quote-english .quote-main{font-size:20px}.quote-block{padding:18px 0}.inspiration-footer{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.login-brand{font-size:26px;gap:13px}.brand-symbol{width:51px;height:55px;font-size:36px;border-radius:15px}.login-card{min-height:590px;display:flex;flex-direction:column;justify-content:center}.login-top select{flex-shrink:0}.login-intro{margin:45px 0 18px}.login-intro p{margin-top:14px}.login-fortune{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #c8b4d940;background:#b99bca0d;padding:17px 18px;border-radius:16px;margin-top:13px}.login-fortune>div{flex:1;min-width:175px}.login-fortune h3{font-size:18px;margin:7px 0;color:#f8edff}.login-fortune p{font-size:11px;line-height:1.6;color:#bdafce;margin:0}.login-fortune button{border:1px solid #b391c280;border-radius:30px;background:linear-gradient(160deg,#a385b1,#695080);padding:11px 14px;color:white;font-size:12px;font-weight:650;white-space:nowrap}.login-fortune>small{font-size:9px;color:#ad9bbc;flex-basis:100%;line-height:1.5}.inspiration-card{min-height:780px}.quote-block{padding:17px 0 18px}.inspiration-heading{margin-top:23px}.inspiration-footer{margin-top:16px}@media(max-width:900px){.login-brand{font-size:22px;gap:9px}.brand-symbol{width:44px;height:48px;font-size:31px}.login-top{gap:8px}.login-top select{width:72px}.login-card{padding-left:25px;padding-right:25px}.login-fortune{padding:14px}.login-fortune>div{min-width:130px}}@media(max-width:650px){.login-brand{font-size:26px}.brand-symbol{width:50px;height:54px;font-size:35px}.login-card{min-height:0;padding:30px}.login-intro{margin-top:32px;margin-bottom:14px}.inspiration-card{min-height:0}.login-fortune>div{min-width:140px}}