:root{--ink:#332c27;--muted:#7b7269;--paper:#fbf8f3;--line:#ded4c9;--accent:#a34d36;--soft:#f1e9df;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--paper)}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a.member-primary{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 16px;background:white;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #467d78;outline-offset:3px}button.member-primary,a.member-primary{background:var(--accent);border-color:var(--accent);color:white;font-weight:700}
.member-header{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px max(24px,5vw);color:var(--muted);font-size:14px}.member-brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:20px;font-weight:800}.member-brand>span{display:grid;place-items:center;background:var(--ink);color:white;border-radius:14px;width:44px;height:44px}
.member-main{max-width:1150px;margin:64px auto 30px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:32px 70px;align-items:start}.member-intro{padding-top:26px}.member-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.3;letter-spacing:-.03em;margin:18px 0}.member-intro p{line-height:1.9;max-width:430px}.eyebrow{color:var(--accent);font-weight:700;font-size:14px}.member-steps{list-style-position:inside;display:flex;flex-wrap:wrap;gap:12px;font-size:14px;padding:18px 0}.member-steps li{background:var(--soft);padding:8px 12px;border-radius:10px}
.member-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:white;box-shadow:0 12px 40px #332c2708;min-width:0}.member-card h2{margin:8px 0 12px;font-size:24px}.member-card p{font-size:14px;line-height:1.75}.member-card h3{margin:24px 0 8px}.member-tabs{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--soft);margin-bottom:24px}.member-tabs button{border:0;background:transparent;flex:1}.member-tabs [aria-pressed=true]{background:white;font-weight:700;box-shadow:0 2px 5px #332c2710}
form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select{width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:white;color:var(--ink);font-size:16px}label[hidden]{display:none}.member-muted,.member-footer{color:var(--muted);font-size:13px;line-height:1.7}.member-footer{text-align:center;padding:20px 24px 36px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-status,.member-preview{background:#f3eee7;border-radius:12px;padding:16px}.member-preview button{margin:3px}.member-devices{padding-left:20px;font-size:13px;color:var(--muted);line-height:1.8}.member-card details{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.member-card summary{cursor:pointer;margin-bottom:16px;min-height:32px}.member-card #admin-link{display:block;margin-top:18px}
#account-message{grid-column:2;margin:0;min-height:24px;color:var(--accent);font-size:14px;line-height:1.7;overflow-wrap:anywhere}#enter-design,#bind-device{width:100%}
.admin-main{max-width:1280px;margin:32px auto;padding:0 24px}.admin-main h1{font-size:30px}.admin-main .member-card{margin:24px 0}.admin-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.admin-toolbar label{flex:1;min-width:130px}.admin-toolbar button{min-width:110px}.table-wrap{overflow-x:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top;white-space:nowrap}th{color:var(--muted);font-weight:600}td button{padding:6px 10px;min-height:36px;margin-right:5px}td code{font-size:12px}.user-actions{display:flex;gap:5px;flex-wrap:wrap}.admin-message{position:sticky;top:0;z-index:10;padding:12px;background:var(--soft);border-radius:10px;min-height:44px}.admin-empty{color:var(--muted);padding:18px}.member-dialog{width:min(460px,94vw);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink)}.member-dialog::backdrop{background:#211b1766}.member-dialog form{margin-top:18px}
.member-mini-status{font-size:12px;max-width:330px}.member-account-link{font-size:13px;white-space:nowrap}.member-expired-dialog{z-index:10000}
@media(max-width:760px){.member-header{padding:12px 18px;min-height:68px}.member-main{display:flex;flex-direction:column;margin:18px auto;gap:20px;padding:0 18px}.member-intro{padding:0}.member-intro h1{font-size:30px;margin:8px 0}.member-intro h1 br{display:none}.member-intro p{margin:8px 0;font-size:14px;max-width:none}.member-steps{padding:0;margin:12px 0 0;font-size:12px;gap:6px}.member-steps li{padding:6px 8px}.member-card{padding:22px;width:100%}.member-footer{font-size:12px}.admin-main{padding:0 14px}.admin-main .member-card{padding:16px}.admin-toolbar label{min-width:120px}.member-mini-status{display:none}}