/* 登录页。从 UI 标准仓库 prototypes/产品设计图-v2.html 内联 <style> 原样拷来，
   只把资源路径从 ../ui-system/assets/ 改成 /ui/。不在本仓库改。 */
.auth-stage{padding:32px;background-color:#F7F0DF;background-image:linear-gradient(rgba(104,126,148,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(104,126,148,.08) 1px,transparent 1px);background-size:16px 16px}.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);width:min(1080px,100%);min-width:0;margin:auto;background:#FFF9EE;color:#34261E;border:2px solid #6E5946;box-shadow:8px 8px 0 rgba(92,65,38,.22);font-family:var(--pc-han)}.auth-story{position:relative;min-width:0;overflow:hidden;padding:56px 44px 38px;background:linear-gradient(150deg,#E9F3F0 0 38%,#FFF2D8 38% 100%);border-right:2px solid #6E5946}.auth-story:before{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(155deg,transparent 0 20%,rgba(107,157,91,.32) 21% 38%,rgba(96,137,78,.48) 39% 100%);clip-path:polygon(0 58%,18% 27%,36% 52%,55% 18%,73% 48%,100% 12%,100% 100%,0 100%)}.auth-story__badge{position:relative;z-index:1;display:inline-block;padding:8px 11px;background:#FFF9EE;border:2px solid #6E5946;box-shadow:4px 4px 0 rgba(92,65,38,.17);font-size:13px;font-weight:800}.auth-story h5{position:relative;z-index:1;margin-top:28px;max-width:12ch;font-size:34px;line-height:1.25}.auth-story>p{position:relative;z-index:1;margin-top:16px;font-size:14px;line-height:1.8}.auth-story__ip{position:absolute;z-index:1;right:22px;top:176px;width:126px;max-height:142px;object-fit:contain;image-rendering:pixelated}.auth-benefits{position:relative;z-index:1;display:flex;gap:22px;margin-top:42px;list-style:none;font-size:12px;font-weight:700}.auth-benefits li{display:grid;justify-items:center;gap:7px}.auth-benefits b{color:#527A41;font:18px var(--pc-bit)}.auth-project{position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;width:min(390px,100%);margin:36px auto 0;padding:12px;background:#FFF0D2;border:2px solid #6E5946;box-shadow:5px 5px 0 rgba(92,65,38,.18)}.auth-project__icon{display:grid;place-items:center;width:52px;height:52px;background:#FFD58A;border:2px solid #8A6538;font-size:22px}.auth-project b,.auth-project small,.auth-project em{display:block}.auth-project b{font-size:14px}.auth-project small{margin-top:4px;color:#766353;font-size:11px}.auth-project em{margin-top:5px;color:#4F7B3E;font-size:11px;font-style:normal}.auth-card{min-width:0;padding:28px 30px 24px;background:#FFFDF7}.auth-social{display:grid;gap:10px;margin-top:20px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#766353;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#C9BBA8}.auth-form{display:grid;gap:8px}.auth-form[hidden]{display:none}.auth-forgot{justify-self:end;color:#D85110;font-size:12px;font-weight:700}.auth-submit{margin-top:6px}.auth-switch{text-align:center;color:#766353;font-size:12px}.auth-switch button{padding:4px;background:transparent;color:#D85110;border:0;font:700 12px var(--pc-han);cursor:pointer}.auth-switch button:focus-visible,.auth-forgot:focus-visible{outline:2px solid #D69B24;outline-offset:2px}[data-theme="dark"] .auth-stage{background-color:#211A13}[data-theme="dark"] .auth-shell{background:#35291E;color:#F6E9D2;border-color:#7B6651}[data-theme="dark"] .auth-story{background:linear-gradient(150deg,#243631 0 38%,#3A2D20 38% 100%);border-color:#7B6651}[data-theme="dark"] .auth-story__badge,[data-theme="dark"] .auth-project{background:#3D3023;border-color:#8B735B}[data-theme="dark"] .auth-card{background:#2D241C;color:#F6E9D2}[data-theme="dark"] .auth-project__icon{background:#5A4528}[data-theme="dark"] .auth-project small,[data-theme="dark"] .auth-divider,[data-theme="dark"] .auth-switch{color:#C6B49E}
@media(max-width:860px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-story{border-right:0;border-bottom:2px solid #6E5946}.auth-story__ip{right:8%;top:130px}.auth-card{padding:26px}}
@media(max-width:520px){.auth-stage{padding:10px}.auth-story{padding:30px 20px 24px}.auth-story h5{font-size:27px}.auth-story__ip{right:8px;top:112px;width:92px}.auth-benefits{gap:10px;justify-content:space-between}.auth-project{margin-top:26px}.auth-card{padding:20px 16px}}
.auth-stage{background-image:linear-gradient(rgba(255,249,238,.5),rgba(255,249,238,.5)),url("/ui/auth/login-world-bg.png");background-size:auto,cover;background-position:center}.auth-story{background:rgba(255,249,238,.78);backdrop-filter:saturate(.9)}.auth-story:before{display:none}.auth-story__brand{position:relative;z-index:1;display:block;width:148px;height:auto;margin-bottom:26px}.auth-story__ip{width:154px;max-height:172px;object-fit:contain}.auth-benefits img{display:block;width:32px;height:32px}.auth-project__icon img{display:block;width:42px;height:42px}[data-theme="dark"] .auth-stage{background-image:linear-gradient(rgba(20,16,11,.55),rgba(20,16,11,.55)),url("/ui/auth/login-world-bg.png")}[data-theme="dark"] .auth-story{background:rgba(45,36,28,.86)}
@media(max-width:520px){.auth-story__brand{width:128px;margin-bottom:18px}.auth-story__ip{width:112px}}
.auth-stage{display:block;padding:0;background:#F7F0DF}.auth-page-nav{display:flex;align-items:center;min-height:66px;padding:0 34px;background:rgba(255,249,238,.96);border-bottom:2px solid #6E5946;color:#34261E;font-family:var(--pc-han)}.auth-page-nav__brand img{display:block;width:176px;height:auto}.auth-page-nav__links{display:flex;gap:42px;margin-left:72px}.auth-page-nav a{color:inherit;text-decoration:none;font-size:14px;font-weight:700}.auth-page-nav__actions{display:flex;align-items:center;gap:20px;margin-left:auto}.auth-page-nav__actions button{padding:8px 14px;background:transparent;color:inherit;border:0;border-right:1px solid #B7A997;font:700 12px var(--pc-bit)}.auth-shell{grid-template-columns:minmax(0,57fr) minmax(420px,43fr);width:100%;min-height:630px;margin:0;border:0;box-shadow:none}.auth-story{padding:76px 48px 42px;background:linear-gradient(90deg,rgba(255,249,238,.94) 0 40%,rgba(255,249,238,.72) 72%,rgba(255,249,238,.42) 100%),url("/ui/auth/login-world-bg.png");background-size:auto,cover;background-position:left center;border-right:2px solid #6E5946;backdrop-filter:none}.auth-story h5{max-width:none;white-space:nowrap;font-size:38px;margin-top:30px}.auth-story>p{margin-top:24px;font-size:15px}.auth-story__ip{right:18px;top:190px;width:178px;max-height:190px}.auth-benefits{gap:34px;margin-top:52px}.auth-benefits img{width:38px;height:38px}.auth-project{width:min(430px,94%);margin:42px 0 0 46px;padding:16px}.auth-card{padding:54px 42px 36px}.auth-social{margin-top:28px}.auth-divider{margin:26px 0}.auth-form{gap:10px}.auth-submit{margin-top:10px}[data-theme="dark"] .auth-page-nav{background:#2D241C;color:#F6E9D2;border-color:#7B6651}[data-theme="dark"] .auth-story{background:linear-gradient(90deg,rgba(45,36,28,.96) 0 40%,rgba(45,36,28,.82) 72%,rgba(45,36,28,.58) 100%),url("/ui/auth/login-world-bg.png");background-size:auto,cover;background-position:left center}
@media(max-width:860px){.auth-page-nav{padding:0 18px}.auth-page-nav__brand img{width:138px}.auth-page-nav__links{display:none}.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-story{padding:40px 28px 34px}.auth-story h5{white-space:normal}.auth-story__ip{right:24px;top:150px}.auth-card{padding:34px 28px}}
@media(max-width:520px){.auth-page-nav{min-height:58px}.auth-page-nav__actions button{display:none}.auth-page-nav__actions{gap:10px}.auth-page-nav a{font-size:12px}.auth-story{padding:30px 20px 26px}.auth-story h5{font-size:28px}.auth-story__ip{right:5px;top:120px;width:112px}.auth-benefits{gap:10px;margin-top:44px}.auth-project{width:100%;margin:30px 0 0}.auth-card{padding:26px 16px}}
.auth-story{background:linear-gradient(90deg,rgba(255,249,238,.12) 0%,rgba(255,249,238,.32) 38%,rgba(255,249,238,.78) 74%,#FFF9EE 100%),url("/ui/auth/login-world-bg.png");background-size:auto,cover;background-position:left center}[data-theme="dark"] .auth-story{background:linear-gradient(90deg,rgba(45,36,28,.28) 0%,rgba(45,36,28,.48) 38%,rgba(45,36,28,.86) 74%,#2D241C 100%),url("/ui/auth/login-world-bg.png");background-size:auto,cover;background-position:left center}
.auth-story{padding-left:100px}
@media(max-width:860px){.auth-story{padding-left:42px}}
@media(max-width:520px){.auth-story{padding-left:20px}}
