:root{color-scheme:light;--bg: #f2eee4;--card: #fffdf8;--ink: #1b1814;--muted: #8b8378;--line: #ebe3d4;--pine: #1a3d30;--pine-soft: #e7efe9;--wechat: #07c160;--danger: #c4564a;--shadow: 0 1px 0 rgba(40, 28, 12, .04), 0 12px 32px rgba(40, 28, 12, .05);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(680px 280px at 50% -60px,#dce8df 0%,transparent 70%),radial-gradient(420px 180px at 90% 10%,rgba(232,214,180,.35),transparent 60%),var(--bg)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.42;cursor:not-allowed}a{color:var(--pine)}.screen{width:min(400px,calc(100% - 2rem));margin:0 auto;padding:max(40px,env(safe-area-inset-top)) 0 max(56px,env(safe-area-inset-bottom));animation:enter .38s ease}.gate{min-height:72vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}.gate p{margin:0;letter-spacing:.16em;font-size:13px}.gate .logo{animation:breathe 1.8s ease-in-out infinite}.login-shell{text-align:center}.login-brand{padding-top:7vh}.login-form{padding-top:4px}.logo{width:68px;height:68px;margin:0 auto 22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 46%),var(--pine);color:#f6efe3;display:grid;place-items:center;font-size:30px;font-family:Songti SC,STSong,"Noto Serif SC",serif;box-shadow:inset 0 1px #fff3,0 14px 28px #1a3d3029}.logo.amber{background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 46%),#8b5a2b;box-shadow:inset 0 1px #fff3,0 14px 28px #8b5a2b2e}.login-brand h1,.login h1{margin:0 0 8px;font-size:28px;font-weight:650;letter-spacing:.06em}.login-brand .lead,.login .lead{margin:0 auto 32px;max-width:18em;color:var(--muted);line-height:1.75;font-size:15px}.btn{width:100%;height:50px;border:0;border-radius:16px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s ease,opacity .14s ease,filter .14s ease,box-shadow .14s ease}.btn svg{display:block}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){transform:scale(.985)}.btn-wechat{background:var(--wechat);color:#fff;box-shadow:0 10px 22px #07c16038}.btn-primary{background:var(--pine);color:#f6efe3;box-shadow:0 10px 22px #1a3d3029}.btn-text{background:none;border:0;color:var(--muted);font-size:14px;padding:10px}.or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#b3aa9e;font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.more{margin-top:4px}.panel{text-align:left;background:var(--card);border:1px solid rgba(40,28,12,.05);border-radius:22px;padding:16px 16px 18px;box-shadow:var(--shadow);animation:enter .28s ease}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:14px;background:#efe8dc;border-radius:12px}.seg button{height:36px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #281c0c14}.field{margin-bottom:12px}.field input{width:100%;height:48px;border:1px solid var(--line);background:#fffcf6;border-radius:14px;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#b4aa9d}.field input:focus{outline:none;border-color:var(--pine);box-shadow:0 0 0 4px #1a3d301a}.otp{position:relative}.otp-real{position:absolute;inset:0;opacity:0;z-index:1;border:0;padding:0}.otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;pointer-events:none}.otp-boxes span{height:50px;border:1px solid var(--line);background:#fffcf6;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.otp-boxes span.on{border-color:#c8d4cc}.otp:focus-within .otp-boxes span.cur{border-color:var(--pine);box-shadow:0 0 0 4px #1a3d301a}.otp-tools{display:flex;justify-content:flex-end;margin:4px 0 12px}.otp-tools .btn-text{padding:4px 2px;color:var(--pine)}.banner{text-align:left;border-radius:14px;padding:11px 13px;margin-bottom:14px;font-size:13px;line-height:1.55}.banner.err{background:#fdecea;color:var(--danger)}.banner.ok{background:#e8f6ee;color:#1b7a45}.legal{margin-top:28px;font-size:12px;color:var(--muted);line-height:1.7}.legal a{color:var(--muted);margin:0 2px;text-underline-offset:2px}.section{margin:22px 6px 8px;font-size:12px;color:var(--muted);letter-spacing:.06em}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.top .name{font-weight:650;letter-spacing:.08em;font-size:15px}.top button{border:0;background:none;color:var(--muted);padding:6px 0}.me{display:flex;gap:14px;align-items:center;margin-bottom:18px;padding:16px;background:var(--card);border:1px solid rgba(40,28,12,.05);border-radius:22px;box-shadow:var(--shadow)}.avatar{width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 50%),var(--pine);color:#f6efe3;display:grid;place-items:center;font-size:22px;flex:none;box-shadow:inset 0 1px #ffffff2e}.avatar.amber{background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 50%),#8b5a2b}.me h2{margin:0 0 4px;font-size:20px;font-weight:650;cursor:text}.me p{margin:0;color:var(--muted);font-size:13px}.me input{width:180px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:2px 0;font-size:20px;font-weight:650}.me input:focus{outline:none;border-bottom-color:var(--pine)}.group{background:var(--card);border:1px solid rgba(40,28,12,.05);border-radius:22px;padding:4px 8px 4px 12px;margin-bottom:14px;box-shadow:var(--shadow)}.row{display:flex;align-items:center;min-height:64px;border-top:1px solid var(--line);gap:12px;padding-right:8px}.group>.row:first-child,.group>div:first-child .row{border-top:0}.row .meta{flex:1;min-width:0}.row .ttl{font-size:15px;display:flex;align-items:center;gap:6px}.row .desc{color:var(--muted);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .act{border:0;background:none;color:var(--pine);font-size:13px;padding:6px 10px;border-radius:999px;flex:none}.row .act:hover{background:var(--pine-soft)}.row .act.warn{color:var(--danger)}.row .act.warn:hover{background:#fdecea}.ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}.ico.wechat{background:#e8f8ee;color:var(--wechat)}.ico.phone{background:var(--pine-soft);color:var(--pine)}.ico.email{background:#f4eee3;color:#8b5a2b}.ico.app{background:#efe8dc;color:#6d6254}.chip{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:999px;background:var(--pine-soft);color:var(--pine);font-size:11px;font-weight:550}.ok-dot{width:22px;height:22px;border-radius:50%;background:#e8f8ee;color:var(--wechat);display:grid;place-items:center;font-size:12px;margin-right:6px}.bind{padding:0 8px 16px 48px;animation:enter .22s ease}.hint{margin:10px 0 0;font-size:12px;color:var(--muted)}.panel .hint{margin:-4px 2px 12px}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes breathe{50%{transform:scale(.96);opacity:.88}}@media(min-width:880px){body{background:radial-gradient(900px 420px at 18% -80px,#d5e4d8 0%,transparent 62%),radial-gradient(640px 280px at 92% 8%,rgba(232,214,180,.28),transparent 58%),var(--bg)}.screen-login{width:min(920px,calc(100% - 64px));min-height:100vh;display:grid;place-items:center;padding:48px 0}.login-shell{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:560px;background:var(--card);border:1px solid rgba(40,28,12,.05);border-radius:28px;box-shadow:0 18px 50px #281c0c14;overflow:hidden;text-align:left}.login-shell-single{grid-template-columns:1fr;max-width:420px;min-height:0;margin:0 auto;text-align:center}.login-brand{padding:56px 44px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%),var(--pine);color:#f6efe3;display:flex;flex-direction:column;justify-content:center}.login-brand .logo{margin:0 0 24px;box-shadow:inset 0 1px #fff3}.login-brand h1{font-size:32px;letter-spacing:.08em}.login-brand .lead{margin:0;max-width:16em;color:#f6efe3b8}.login-form{padding:48px 44px;display:flex;flex-direction:column;justify-content:center;text-align:center}.login-shell-single .login-brand{background:transparent;color:var(--ink);padding:40px 40px 0}.login-shell-single .login-brand .logo{margin:0 auto 22px}.login-shell-single .login-brand .lead{color:var(--muted);margin:0 auto}.login-shell-single .login-form{padding:12px 40px 40px}.screen-home{width:min(880px,calc(100% - 64px));padding:40px 0 64px}.home-grid{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.home-grid .me{margin:0;flex-direction:column;align-items:flex-start;padding:22px 20px;position:sticky;top:24px}.home-grid .me .avatar{width:64px;height:64px;border-radius:20px}.home-main .section:first-child{margin-top:0}.bind{padding-left:48px;max-width:420px}}