:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#252735;background:#f5f6f8;--red:#ed312c;--red-dark:#d62529;--ink:#252735;--muted:#777d89;--line:#e6e9ef;--soft:#fff4f2}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 82% 20%,#fff0ed 0,transparent 26%),#f5f6f8}button,input,select{font:inherit}a{text-decoration:none}
header{background:#fff}.account-top{height:70px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:18px;border-top:4px solid var(--red)}.account-brand{display:flex;align-items:center;gap:10px;color:#202532}.account-brand img{width:44px;height:44px;object-fit:contain}.account-brand span{display:flex;flex-direction:column}.account-brand small{color:#858b97}.account-region{display:flex;align-items:center;gap:6px;color:#6d7280;font-size:12px}.account-region select{height:36px;padding:0 8px;border:1px solid #e0e3e8;border-radius:18px;background:#fff}.account-search{height:42px;display:flex;flex:1;max-width:500px;border:1px solid #dfe2e7;border-radius:22px;overflow:hidden;background:#f8f9fb}.account-search input{flex:1;min-width:0;padding:0 15px;border:0;outline:0;background:transparent}.account-search button{width:78px;border:0;color:#fff;background:var(--red);cursor:pointer}.account-entry{margin-left:auto;padding:8px 15px;border:1px solid var(--red);border-radius:20px;color:var(--red);white-space:nowrap}.account-nav{height:48px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:28px;overflow-x:auto;background:linear-gradient(105deg,#c91e27,#f43b2f)}.account-nav a{height:48px;line-height:48px;color:#fff;white-space:nowrap}
main{width:min(1240px,calc(100% - 36px));margin:34px auto 60px}.loading-card{padding:80px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:18px}.auth-shell{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px rgba(42,31,36,.08)}.auth-shell>aside{padding:48px;background:linear-gradient(145deg,#fff1ef,#fff 65%)}.auth-shell>aside img{width:140px;height:145px;object-fit:contain}.auth-shell>aside h1{margin:22px 0 12px;font-size:32px}.auth-shell>aside p,.auth-shell>aside li{color:#676d7a;line-height:1.85}.auth-card{padding:38px 44px}.tabs{display:flex;margin-bottom:28px;border-bottom:1px solid var(--line)}.tabs button{flex:1;padding:14px;border:0;border-bottom:3px solid transparent;color:#777d89;background:#fff;cursor:pointer}.tabs button.active{color:var(--red);border-color:var(--red);font-weight:700}.auth-form h2{margin:0 0 20px}.auth-form label,.activate label,.security-form label{display:grid;gap:7px;margin:13px 0;color:#555b67;font-size:14px}.auth-form input,.activate input,.security-form input{height:46px;padding:0 13px;border:1px solid #dfe2e8;border-radius:9px;outline:none}.auth-form input:focus,.activate input:focus,.security-form input:focus{border-color:#ff7771;box-shadow:0 0 0 3px #fff0ef}.auth-form>button,.activate button,.primary-button{border:0;border-radius:9px;padding:13px 20px;color:#fff;background:var(--red);cursor:pointer}.auth-form>button{width:100%;margin-top:10px}.auth-form>small{display:block;margin-top:12px;color:#888e99;line-height:1.6}.form-message{min-height:22px;margin-top:7px;color:#167044}.form-message.error{color:#b91c1c}
.member-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:stretch;min-height:660px}.member-sidebar,.member-content{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(44,30,35,.055)}.member-sidebar{display:flex;align-items:center;flex-direction:column;padding:34px 18px 24px}.profile-avatar{width:86px;height:86px;display:grid;place-items:center;border:7px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff5b51,#d92329);box-shadow:0 9px 25px rgba(223,41,44,.23);font-size:32px;font-weight:800}.member-sidebar h1{margin:16px 0 3px;font-size:22px}.member-sidebar>p{margin:0;color:#8a909b}.account-status{margin-top:10px;padding:3px 10px;border-radius:12px;color:#1c7b4b;background:#ebf8f1;font-size:12px}.profile-nav{width:100%;margin-top:30px;padding-top:16px;border-top:1px solid var(--line)}.profile-nav button{width:100%;display:flex;align-items:center;gap:10px;margin:5px 0;padding:12px 15px;border:0;border-radius:10px;color:#616773;background:#fff;text-align:left;cursor:pointer}.profile-nav button span{width:22px;color:#9da1aa;text-align:center}.profile-nav button.active{color:var(--red);background:#fff0ef;font-weight:700}.profile-nav button.active span{color:var(--red)}.root-console{width:100%;margin-top:auto;padding:11px;border-radius:9px;color:#fff;background:#2f3340;text-align:center}.logout-button{width:100%;margin-top:10px;padding:10px;border:1px solid #ffd5d2;border-radius:9px;color:var(--red);background:#fff;cursor:pointer}
.member-content{min-width:0;padding:34px 38px}.member-panel{display:none}.member-panel.active{display:block}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.panel-heading span{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.14em}.panel-heading h2{margin:5px 0 4px;font-size:25px}.panel-heading p{margin:0;color:#858a95}.primary-small{padding:10px 25px;border:0;border-radius:9px;color:#fff;background:var(--red);cursor:pointer}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:28px}.profile-form label{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;color:#6a707b}.profile-form input{height:46px;padding:0 13px;border:1px solid #dde1e7;border-radius:7px;outline:none}.profile-form input:disabled{color:#737985;background:#f7f8fa}.profile-form input:not(:disabled){border-color:#ff9993;background:#fff}.profile-form .form-message,.profile-actions{grid-column:1/-1}.profile-actions{display:flex;justify-content:flex-end;gap:10px}.ghost-button{padding:11px 23px;border:1px solid #dfe2e7;border-radius:9px;color:#606672;background:#fff;cursor:pointer}.security-form{max-width:560px;margin-top:28px}.security-form .primary-button{margin-top:9px}.permissions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.permission{min-height:92px;padding:15px;border:1px solid #e7e9ee;border-radius:12px;background:#f8f9fb}.permission strong{display:block;font-size:14px}.permission small{display:block;margin-top:8px;color:#9297a1}.permission.on{border-color:#bce5cd;color:#156a41;background:#edf9f2}.permission.free{border-color:#f1d398;color:#8a6413;background:#fff9e9}.permission.off{color:#9297a1}.activate{display:flex;align-items:end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.activate label{flex:1}.activate button{height:46px;margin-bottom:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.service-grid a{padding:12px;border-radius:9px;color:#fff;background:#343741;text-align:center}.service-grid a.locked{color:#8b8f98;background:#eceef2;pointer-events:none}.service-grid a[hidden]{display:none}
@media(max-width:900px){main{width:calc(100% - 20px);margin-top:20px}.member-shell{grid-template-columns:210px 1fr}.member-content{padding:28px 24px}.profile-form{grid-template-columns:1fr}.permissions{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.account-top{min-height:112px;height:auto;padding:10px;display:grid;grid-template-columns:minmax(126px,1fr) auto auto;gap:8px}.account-brand img{width:38px;height:38px}.account-region span{display:none}.account-region select{max-width:74px;height:34px}.account-entry{margin:0;padding:6px 9px;font-size:12px}.account-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:40px}.account-search button{width:70px}.account-nav{height:44px;padding:0 8px;gap:0}.account-nav a{height:44px;line-height:44px;padding:0 12px;font-size:13px}.auth-shell{grid-template-columns:1fr}.auth-shell>aside{display:none}.auth-card{padding:24px 20px}.member-shell{display:block}.member-sidebar{padding:22px 14px 12px;border-radius:15px 15px 0 0}.profile-avatar{width:68px;height:68px}.member-sidebar h1{margin-top:9px}.profile-nav{display:flex;gap:4px;margin-top:17px;padding-top:10px;overflow-x:auto}.profile-nav button{justify-content:center;min-width:96px;padding:9px 7px}.profile-nav button span{display:none}.root-console,.logout-button{margin-top:8px}.member-content{padding:22px 16px;border-radius:0 0 15px 15px}.panel-heading h2{font-size:22px}.panel-heading p{font-size:13px}.profile-form{gap:13px;margin-top:20px}.profile-form label{grid-template-columns:74px 1fr}.permissions{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.activate{display:block}.activate button{width:100%;margin:0}.primary-small{padding:8px 17px}}