/* 面板 · 账户、侧栏显示 的样式（pages/account.js）。归 M1 平台。只写这一页自己的类，类名带这一页的前缀；共用的在 shell.css。 */
.acct { padding: 0; overflow: hidden; }
/* 上面一行（整行是一个按钮）：头像、名字、状态和学号，右边「编辑」；点了就地展开下面的 .acct-edit */
.acct-head { display: flex; align-items: center; gap: 16px; width: 100%; padding: 22px 24px; border: 0; border-radius: 0; background: none; text-align: left; font-weight: 400; }
.acct-head:where(:hover:not(:disabled)) { background: var(--soft); }
.acct-head:where(:active:not(:disabled)) { transform: none; background: var(--soft-2); }
.acct-head:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--tint); }
.acct .av.big { width: 56px; height: 56px; font-size: 22px; }
.acct .av.big::after { width: 13px; height: 13px; box-shadow: 0 0 0 3px var(--panel); }
.acct-head:hover .av.big::after { box-shadow: 0 0 0 3px var(--soft); }
.acct-who { min-width: 0; }
.acct b { display: block; color: var(--ink); font-size: 19px; font-weight: 650; line-height: 1.3; }
.acct-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-top: 4px; }
.acct-meta small { color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.acct-pen { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; color: var(--muted); font-size: 13px; }
.acct-pen-i { width: 16px; height: 16px; }
.acct.is-open .acct-pen { visibility: hidden; }
/* 展开的部分：名字、头像、完成 */
.acct-edit { padding: 4px 24px 20px; border-top: 1px solid var(--line); }
.acct-f { padding-top: 18px; }
.acct-f > h3 { margin: 0 0 10px; font-size: 13px; font-weight: var(--fw-head); color: var(--muted); }
.acct-f .row { flex-wrap: nowrap; }
.acct-name { flex: 1; min-width: 0; max-width: 280px; }
.acct-msg:empty { display: none; }
.acct-nick { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: var(--muted); font-size: 13px; }
.acct-nick.is-none { color: var(--red); }
.acct-nick .nk-dot { margin-left: 0; }
.acct-f input.su-input.nk-in { display: inline-block; width: auto; }
.acct-msg { margin: 8px 0 0; }
.acct-done { display: flex; justify-content: flex-end; padding-top: 18px; }
@media (max-width: 640px) {
  .acct-head { padding: 18px 16px; }
  .acct-edit { padding: 4px 16px 16px; }
}
.side-preview { width: min(100%, 220px); padding: 6px 10px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--side); box-shadow: var(--shadow-1); }
/* 和左栏展开后的一件事同一个样子（shell.css「课程目录」） */
.side-preview .it { padding: 5px 8px; }
.side-preview .it .tico { width: 16px; height: 16px; border-radius: 5px; margin-top: 1px; }
.side-preview .it .tico .ic { width: 11px; height: 11px; }
label.set-row { cursor: pointer; }
/* 侧栏显示：每项一个开关（.su-sw 在 setup.css），整行都能点；没有图标，行间细线从左边开始 */
.acc-sw-row { cursor: pointer; }
.acc-sw-row:hover { background: none; }
.acc-sw-row.is-fixed { cursor: default; }
.acc-sw-row + .acc-sw-row::before { left: 16px; }
.acc-sw { margin-left: auto; }
.acc-sw input:disabled + .su-sw-ui { opacity: .45; }
/* 账户页最后一组：一行红字「退出登录」；点了就地问一句 */
.acc-out { justify-content: center; width: 100%; border: 0; background: none; font: inherit; font-size: 15px; font-weight: var(--fw-medium); color: var(--red); cursor: pointer; }
.acc-out:hover { background: var(--red-soft); }
.acc-out:active { transform: none; }
.acc-fb { width: 100%; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; }   /* 意见反馈：按钮做成和别的行一样，名字加粗 */
.acc-fb .set-row-t { font-weight: 700; }
.acc-fb .set-row-v .fb-dot { margin-right: 2px; }
.acc-ask { flex-wrap: wrap; justify-content: space-between; gap: 10px 14px; }
.acc-ask:hover { background: none; }
.acc-ask-t { color: var(--muted); font-size: 14px; }
.acc-ask-b { display: inline-flex; gap: 8px; margin-left: auto; }
.page > [data-sec="acct-out"] > .set-list { margin-top: 24px; }
/* 助手的规矩（pages/settings.js 的 rulesPage）：一行一条，没有图标，行间细线从左边开始；右边一个叉，点了就地变成「删除」 */
.rl-row { min-height: 50px; }
.rl-row:hover { background: none; }
.rl-row + .rl-row::before { left: 16px; }
.rl-t { flex: 1; min-width: 0; font-size: 15px; line-height: 1.5; }
.rl-none { color: var(--muted); }
.rl-bad { color: var(--red); font-weight: 600; }
.rl-x { flex: none; display: grid; place-items: center; width: 30px; height: 30px; margin-right: -6px; padding: 0; border: 0; border-radius: 8px;
  background: none; color: var(--faint); cursor: pointer; }
.rl-x:hover { background: var(--soft); color: var(--red); }
.rl-x-i { width: 16px; height: 16px; }
.rl-foot { display: flex; justify-content: center; margin-top: 16px; }
.rl-gones { margin-top: 16px; }
.rl-gone .rl-t { color: var(--muted); }