/* 义道账号中心。颜色照抄官网 site.css 的变量，形状也按官网的 Carbon 规矩：
   圆角 0、没有投影、层次只靠细线和底色，印章红是唯一的彩色。 */
:root{
  --ink:#14181c; --paper:#ffffff; --sand:#f0f2f4; --line:#dee2e6; --line-2:#ccd4da;
  --text:#1a1f24; --muted:#5b6670; --seal:#b2381f; --seal-d:#8d2a15; --gold:#7a8792;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--sand);color:var(--text);min-height:100vh;display:flex;flex-direction:column;
  font-family:"IBM Plex Sans","PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;line-height:1.6}
a{color:inherit}
.top{background:var(--paper);border-bottom:1px solid var(--line)}
.top-in{max-width:1312px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;font-size:16px}
.top-links{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.top-links a{text-decoration:none;color:var(--muted);font-size:14px;padding:6px 10px}
.top-links a:hover{color:var(--text);background:var(--sand)}
.main{flex:1;padding:48px 16px}
.card{max-width:440px;margin:0 auto;background:var(--paper);border:1px solid var(--line);padding:32px}
.card.wide{max-width:760px}
.eyebrow{font-size:14px;color:var(--gold)}
h1{font-size:32px;font-weight:300;margin:4px 0 8px}
.lead{color:var(--muted);font-size:15px;margin-bottom:20px}
.ok,.err{padding:10px 14px;font-size:14px;margin-bottom:16px;border-left:3px solid}
.ok{background:#eef6f1;border-color:#2f7d4f;color:#1f5a38}
.err{background:#fbeeea;border-color:var(--seal);color:var(--seal-d)}
.tab-r{position:absolute;opacity:0;pointer-events:none}
.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}
.tabs label{flex:1;text-align:center;padding:10px 4px;font-size:14px;color:var(--muted);cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs label:hover{color:var(--text)}
#t-account:checked~.tabs label[for=t-account],#t-code:checked~.tabs label[for=t-code],
#t-forum:checked~.tabs label[for=t-forum]{color:var(--text);font-weight:600;border-bottom-color:var(--seal)}
#t-account:focus-visible~.tabs label[for=t-account],#t-code:focus-visible~.tabs label[for=t-code],
#t-forum:focus-visible~.tabs label[for=t-forum]{outline:2px solid var(--seal);outline-offset:-2px}
.panel{display:none}
.panel.show{display:block}
#t-account:checked~.panels .p-account,#t-code:checked~.panels .p-code,#t-forum:checked~.panels .p-forum{display:block}
.panel label{display:block;font-size:14px;color:var(--muted);margin:12px 0 6px}
.panel input{width:100%;height:44px;padding:0 12px;border:0;border-bottom:1px solid var(--line-2);
  background:var(--sand);font:inherit;font-size:15px;color:var(--text)}
.panel input:focus{outline:2px solid var(--seal);outline-offset:-2px}
.hint{font-size:13px;color:var(--muted);margin-top:8px}
button,.btn{display:inline-block;margin-top:20px;height:48px;padding:0 24px;border:0;background:var(--seal);
  color:#fff;font:inherit;font-size:15px;cursor:pointer;text-decoration:none;line-height:48px}
.panel button{width:100%}
button:hover,.btn:hover{background:var(--seal-d)}
button.ghost{background:transparent;color:var(--text);border:1px solid var(--line-2);margin-top:0}
button.ghost:hover{background:var(--sand)}
.tag{display:inline-block;font-size:12px;padding:1px 8px;border:1px solid var(--line-2);color:var(--text);margin-right:6px}
.tag.fde{border-color:var(--seal);color:var(--seal)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin:8px 0 24px}
.tile{display:block;background:var(--paper);padding:20px;text-decoration:none}
.tile:hover{background:var(--sand)}
.tile b{display:block;font-size:16px;font-weight:600;margin-bottom:6px}
.tile span{font-size:13px;color:var(--muted)}
.tile.off{opacity:.55}
.logout{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.logout .hint{margin:0}
.btn.ghost-link{margin-top:0;height:auto;line-height:1.6;padding:10px 18px;background:transparent;color:var(--text);border:1px solid var(--line-2)}
.btn.ghost-link:hover{background:var(--sand)}
.foot-hint{margin-top:20px}
.foot-hint a{color:var(--seal)}
.skip{margin-top:12px}
.skip button{width:100%}
.foot{text-align:center;font-size:12px;color:var(--muted);padding:24px 16px 32px}
@media (max-width:560px){.card{padding:24px 20px}.top-links a{padding:6px 6px;font-size:13px}h1{font-size:26px}}