/* SEO Guard · 布局补充样式
   补齐 layout.php / 认证页 / 错误页 / 会员与后台二级导航所需的类名。
   与 app.css 共用同一套 CSS 变量，不引入新色值。 */

.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 16px;background:var(--surface,#fff);color:var(--brand,#2563eb);border:1px solid var(--line,#e5e9f0);border-radius:0 0 10px 0}
.skip-link:focus{left:0}

.site-header{background:var(--surface,#fff);border-bottom:1px solid var(--line,#e5e9f0);position:sticky;top:0;z-index:20}
.header__inner{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text,#1f2a37);font-weight:700;font-size:17px}
.brand__mark{width:22px;height:22px;border-radius:7px;background:var(--brand,#2563eb);box-shadow:inset 0 0 0 5px var(--brand-soft,#eff4ff)}
.brand__name{white-space:nowrap}
.nav__list{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.inline-form{display:inline;margin:0}
.site-main{min-height:60dvh;padding:0 0 40px}
.site-footer{border-top:1px solid var(--line,#e5e9f0);background:var(--surface,#fff);margin-top:32px;padding:32px 0 20px}
.footer__inner{display:flex;gap:16px 32px;flex-wrap:wrap;justify-content:space-between}
.footer__about{max-width:420px;color:var(--muted,#6b7280);font-size:14px}
.footer__brand{font-weight:700;color:var(--text,#1f2a37);font-size:16px;margin-bottom:6px}
.footer__nav{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.footer__nav a{color:var(--muted,#6b7280);text-decoration:none;font-size:14px}
.footer__nav a:hover,.footer__nav a:focus-visible{color:var(--brand,#2563eb)}
/* 友情链接：独占一行，位于品牌/导航行下方；标题与链接同行显示 */
.footer__links{flex:0 0 100%;display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding-top:14px;border-top:1px solid var(--line,#e5e9f0)}
.footer__col-title{flex:0 0 auto;color:var(--text,#1f2a37);font-weight:700;font-size:14px;margin:0 6px 0 0}
.footer__links a{color:var(--muted,#6b7280);text-decoration:none;font-size:14px}
.footer__links a:hover,.footer__links a:focus-visible{color:var(--brand,#2563eb)}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--line,#e5e9f0);color:var(--muted,#6b7280);font-size:12px}
.footer__bottom p{margin:0}

.auth-wrap{max-width:560px}
.auth-card{padding:28px}
.auth-card__foot{margin-top:18px;font-size:14px;color:var(--muted,#6b7280)}
.auth-card__foot a{color:var(--brand,#2563eb)}
.form{display:block}
.form .field{margin-bottom:16px}
.field--check label{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:14px;line-height:1.6}
.field--check input[type="checkbox"]{width:16px;height:16px;margin-top:3px;flex:0 0 16px}
.card__text{color:var(--muted,#6b7280);font-size:14px;margin-top:12px}
.card__text a{color:var(--brand,#2563eb)}
.muted{color:var(--muted,#6b7280);font-size:13px}

.err{background:#fdecec;color:var(--danger,#dc2626);padding:12px 14px;border-radius:12px;margin-bottom:14px}
.success{background:#eafaf1;color:#0b7a43;padding:14px;border-radius:12px}
.error-card{text-align:center;padding:40px 28px}
.error-card__code{font-size:64px;font-weight:800;line-height:1;color:var(--brand,#2563eb);margin:0 0 12px}
.error-card__text{color:var(--muted,#6b7280);margin-bottom:20px}
.feature{padding:0}
.member-nav,.admin-nav{display:flex;gap:6px;list-style:none;margin:0 0 20px;padding:0;flex-wrap:wrap;border-bottom:1px solid var(--line,#e5e9f0);padding-bottom:12px}
.report-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.code-chip{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--surface-2,#fbfcfe);border:1px solid var(--line,#e5e9f0);border-radius:8px;padding:3px 10px;color:var(--text,#1f2a37);white-space:nowrap}
.code-list{display:flex;flex-wrap:wrap;gap:8px}

/* 会员中心·购买兑换码卡片 */
.buy-card{text-align:left}
.buy-price{font-size:28px;font-weight:800;color:var(--text,#1f2a37);margin:12px 0 4px;line-height:1.1}
.buy-price__unit{font-size:13px;font-weight:400;color:var(--muted,#6b7280)}
/* 会员中心/后台·订单卡片 */
.order-card{padding:20px}
.order-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.order-card__head .card__title{margin:0}
.order-card__proof{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}
.order-card__proof .field{flex:1 1 220px;margin-bottom:0}
.order-card__actions{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-top:12px}
.order-card__reject{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.order-card__reject .input{max-width:260px}
/* 收银台（在线支付动态二维码） */
.pay-cashier{text-align:center}
.pay-cashier__qr svg{width:100%;max-width:240px;height:auto;background:#fff;border:1px solid var(--line,#e5e9f0);border-radius:12px;padding:8px}
/* 静态收款码展示 */
.pay-qr-static{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}
.pay-qr-item{margin:0;text-align:center}
.pay-qr-item img{max-width:150px;width:100%;border:1px solid var(--line,#e5e9f0);border-radius:12px;padding:6px;background:#fff;display:block}
.pay-qr-item figcaption{margin-top:6px;font-size:12px;color:var(--muted,#6b7280)}
/* 页脚友情链接：满一行自动换行加固 */
.footer__links a{max-width:100%;overflow-wrap:anywhere}

@media (max-width:768px){
  .header__inner{gap:10px;min-height:56px}
  .header__actions{margin-left:0;width:100%;justify-content:flex-end}
  .nav__list{gap:2px}
  .footer__inner{flex-direction:column;gap:16px}
  .footer__links{flex-basis:auto}
  .auth-card,.error-card{padding:20px}
  .error-card__code{font-size:48px}
}