@charset "UTF-8";
/* ==========================================================================
   responsive.css —— 响应式与打印样式
   --------------------------------------------------------------------------
   适配区间：360px 手机 → 1440px 桌面。
   断点策略（逐级收敛，不做跳跃式变化）：
     1080px  平板横屏：后台侧栏收窄，统计卡改为 3 列，个人中心收紧
      860px  平板竖屏：导航换行为两行、后台侧栏变成横向胶囊条、
                       事件网格与个人中心变单列、两列表单变一列
      640px  大屏手机：字号与内边距整体降一档、表格改横向滚动、
                       三列表单变一列、按钮触控尺寸加大
      420px  小屏手机：进一步压缩装饰、精简次要信息、弹窗全宽
   末尾提供 @media print（只打印内容）与 prefers-reduced-motion 兜底。
   本文件不 @import；所有覆盖都使用与来源相同的选择器或 body 前缀，
   以保证在 index.html 历史内联样式之后仍然生效。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ≤1080px —— 平板横屏
   -------------------------------------------------------------------------- */
@media (max-width:1080px){
  :root{
    --sidebar-w:196px;
    --page-max:100%;
  }

  .page{padding:var(--sp-6) var(--sp-5) var(--sp-12)}
  body .page{padding:var(--sp-5) var(--sp-4) var(--sp-12)}

  /* 后台：侧栏收窄，主区优先 */
  .admin-layout{grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:var(--sp-4)}
  .admin-sidebar{padding:var(--sp-2)}

  /* 统计卡最多 3 列，避免出现"1 个卡片占满整行"的尴尬 */
  .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* 个人中心：左卡收窄 */
  .profile-grid{grid-template-columns:minmax(230px,262px) minmax(0,1fr);gap:var(--sp-4)}
  .profile-stats{gap:var(--sp-6)}

  /* 活动网格：最小卡宽下调，尽量保持两列 */
  .event-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}

  /* 大屏左侧品牌区在中等屏幕上改为窄版 */
  .auth-shell.has-side{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--sp-6)}
  .auth-side{padding:var(--sp-6)}

  /* 首页 hero：装饰光斑缩小 */
  .hero::after{width:240px;right:-70px;top:-70px}
}

/* --------------------------------------------------------------------------
   2. ≤860px —— 平板竖屏 / 大屏手机横屏
   -------------------------------------------------------------------------- */
@media (max-width:860px){
  :root{--nav-h:auto;--r-card:14px;--r-modal:18px}

  /* 2.1 顶部导航：品牌与操作区一行，导航链接换到第二行并横向滚动 */
  body .nav-inner{
    flex-wrap:wrap;
    height:auto;
    padding:var(--sp-2) var(--sp-4) var(--sp-1);
    gap:var(--sp-2);
    align-items:center;
  }
  body .nav-brand{flex:0 0 auto}
  body .nav-right{margin-left:auto;flex:0 1 auto;gap:var(--sp-1)}
  .nav-actions{margin-left:0;flex:0 1 auto}
  .topbar-inner{
    flex-wrap:wrap;
    height:auto;
    padding:var(--sp-2) var(--sp-4) var(--sp-1);
    gap:var(--sp-2);
  }
  .nav-links,
  body .nav-links{
    flex:1 0 100%;
    order:3;
    gap:var(--sp-1);
    padding:var(--sp-1) 0 2px;
    margin:0 calc(var(--sp-4) * -1);
    padding-left:var(--sp-4);
    padding-right:var(--sp-4);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .nav-links::-webkit-scrollbar{display:none}
  .nav-link,
  body .nav-link{
    padding:7px 12px;
    font-size:var(--fs-xs);
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
  }
  .nav-link::after{left:12px;right:12px;bottom:0}
  .user-chip,
  body .user-chip{padding:3px 10px 3px 3px;font-size:var(--fs-xs);max-width:150px}

  /* 2.2 页面容器 */
  .page,body .page{padding:var(--sp-4) var(--sp-4) var(--sp-12)}

  /* 2.3 首页 hero */
  .hero{padding:var(--sp-5);gap:var(--sp-4);border-radius:var(--r-2xl)}
  body .hero{padding:var(--sp-5);border-radius:var(--r-2xl)}
  .hero-main{flex:1 1 100%}
  .hero-coin{align-items:flex-start;text-align:left;padding:var(--sp-3) var(--sp-5)}
  .hero-actions{width:100%}

  /* 2.4 分区折叠 */
  .section-head{padding:var(--sp-3) var(--sp-4)}
  .section-body{padding:0 var(--sp-4)}
  .section.open .section-body{padding:0 var(--sp-4) var(--sp-4)}

  /* 2.5 后台：整体纵向排列，侧栏变成可横向滚动的胶囊条 */
  .admin-layout{
    display:block;
    gap:0;
  }
  .admin-sidebar{
    position:sticky;
    top:0;
    z-index:var(--z-sidebar);
    display:flex;
    flex-wrap:nowrap;
    gap:var(--sp-2);
    max-height:none;
    margin-bottom:var(--sp-4);
    padding:var(--sp-2) var(--sp-3);
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:var(--r-lg);
    background:var(--c-glass-strong);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .admin-sidebar::-webkit-scrollbar{display:none}
  body .admin-sidebar{background:var(--c-glass-strong)}
  .admin-group{
    display:flex;
    flex:0 0 auto;
    gap:var(--sp-2);
    margin:0;
  }
  .admin-group-title{display:none}
  .admin-group-items,
  .admin-group.open .admin-group-items{
    display:flex !important;
    gap:var(--sp-2);
    margin:0;
    padding:0;
  }
  .admin-group-item,
  body .admin-group-item{
    width:auto;
    flex:0 0 auto;
    padding:7px 14px;
    border-radius:var(--r-pill);
    background:var(--c-surface-2);
    color:var(--c-primary-700);
    font-size:var(--fs-xs);
    font-weight:var(--fw-semi);
    white-space:nowrap;
    scroll-snap-align:start;
  }
  .admin-group-item.active,
  body .admin-group-item.active{
    background:var(--g-primary);
    color:#fff;
    box-shadow:var(--sh-primary);
  }

  /* 2.6 网格与表单收敛 */
  .event-grid{grid-template-columns:1fr;gap:var(--sp-3)}
  .profile-grid{grid-template-columns:1fr;gap:var(--sp-4)}
  .profile-card{padding:var(--sp-5) var(--sp-4)}
  .profile-top{flex-wrap:wrap;gap:var(--sp-3)}
  .profile-top-stats{
    width:100%;
    justify-content:flex-start;
    gap:var(--sp-8);
    margin-top:var(--sp-2);
    padding-top:var(--sp-3);
    border-top:1px dashed var(--c-border);
  }
  .row3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mod-item-row{grid-template-columns:106px minmax(0,1fr) 34px;gap:6px}
  .slot-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px 34px;gap:6px}
  .member-row{grid-template-columns:minmax(0,1fr) 108px 76px;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}

  /* 2.7 表格：改由容器横向滚动，去掉负边距出血 */
  .table-wrap{
    margin:0;
    padding:0;
    border-radius:var(--r-lg);
  }
  .table th,.table td{padding:9px 12px;font-size:var(--fs-xs)}
  .table{min-width:560px}

  /* 2.8 统计卡 2 列 */
  .stat-grid,
  body .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
  .stat-card{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4)}

  /* 2.9 弹窗与提示 */
  .modal{padding:var(--sp-5);max-height:92vh}
  body .modal{padding:var(--sp-5)}
  .modal-actions{justify-content:stretch}
  .modal-actions .btn{flex:1 1 46%}
  .toast-wrap{
    top:auto;
    bottom:var(--sp-5);
    right:var(--sp-4);
    left:var(--sp-4);
    align-items:stretch;
    max-width:none;
  }
  .toast{justify-content:center}

  /* 2.10 认证页：小屏隐藏左侧宣传区 */
  #authView{padding:var(--sp-4)}
  .auth-shell.has-side{grid-template-columns:minmax(0,1fr)}
  .auth-side{display:none}
  .auth-card{
    padding:var(--sp-6) var(--sp-5);
    border-radius:var(--r-2xl);
    max-width:440px;
  }
  body .auth-card{padding:var(--sp-6) var(--sp-5)}
  .auth-brand{margin-bottom:var(--sp-5)}
  .auth-brand .brand-logo,
  .auth-brand .brand-logo-sm{width:52px;height:52px;font-size:14px}

  /* 2.11 排行榜与用户详情 */
  .period-bar{padding:var(--sp-2) var(--sp-3)}
  .rank-item{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}
  .rank-coin{font-size:var(--fs-sm)}
  .ud-body{max-height:56vh}
  .notice-modal .nm-content{max-height:50vh}

  /* 2.12 拖拽/拼图验证在小屏下占满可用宽度 */
  .slider-verify,.slider-puzzle{max-width:none}
}

/* --------------------------------------------------------------------------
   3. ≤640px —— 大屏手机
   -------------------------------------------------------------------------- */
@media (max-width:640px){
  /* 3.1 基础字号与圆角整体降一档，提升信息密度 */
  html{font-size:15px}
  body .page{padding:var(--sp-4) var(--sp-3) var(--sp-10)}
  .page{padding:var(--sp-4) var(--sp-3) var(--sp-10)}

  /* 3.2 导航：只留头像与主要按钮 */
  .user-chip-name,
  .user-chip span:not(.avatar){display:none}
  .user-chip{padding:3px;max-width:none}
  body .user-chip span:not(.avatar){display:none}
  .brand-name{font-size:var(--fs-sm)}
  .brand-sub{display:none}
  body .brand-logo.small{width:28px;height:28px;font-size:9px}

  /* 3.3 表单：两列/三列全部变单列 */
  .row2,.row3{grid-template-columns:1fr;gap:0}
  body .row2,body .row3{grid-template-columns:1fr}
  .field{margin-bottom:var(--sp-3)}
  /* 触控友好：输入框与按钮加大到 44px 级别 */
  .field input,.field select,.field textarea{min-height:44px;font-size:var(--fs-md)}
  .btn{min-height:42px;padding:10px 16px}
  .btn-sm{min-height:34px;padding:6px 12px}
  .btn-icon{width:42px;height:42px}
  .btn-icon.btn-sm{width:34px;height:34px}

  /* 3.4 表格：窄屏下横向滚动，首列固定便于对照 */
  .table-wrap{overflow-x:auto;border-radius:var(--r-md)}
  .table{min-width:520px}
  .table th,.table td{padding:8px 10px;white-space:nowrap}
  .table td .truncate,.table td .list-item-title{max-width:180px}

  /* 3.5 卡片 / 分区 / 列表项 */
  .card{padding:var(--sp-4);border-radius:var(--r-lg)}
  .section-head{padding:var(--sp-3)}
  .section-body{padding:0 var(--sp-3)}
  .section.open .section-body{padding:0 var(--sp-3) var(--sp-3)}
  .notice-item,.mod-item,.poll-item,.fb-item,.review-card{padding:var(--sp-4);border-radius:var(--r-lg)}
  .event-card{padding:var(--sp-4);border-radius:var(--r-lg)}
  .list-item{flex-wrap:wrap;padding:var(--sp-3)}
  .list-item-actions{width:100%;justify-content:flex-end}
  .empty{padding:var(--sp-8) var(--sp-4)}
  .empty-icon{transform:scale(.88)}

  /* 3.6 统计卡与排行榜 */
  .stat-grid,body .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
  .stat-card{padding:var(--sp-3)}
  .stat-card::before{top:var(--sp-2);bottom:var(--sp-2)}
  .season-pill{padding:6px 13px;font-size:var(--fs-xs)}
  .period-pill{padding:5px 11px}
  .rank-item{padding:var(--sp-3);gap:var(--sp-2);border-radius:var(--r-md)}
  .rank-no{width:26px;height:26px;font-size:var(--fs-xs)}
  .rank-item.me::after{right:var(--sp-2)}

  /* 3.7 后台成员行：三列压成两列，操作区换行 */
  .member-row{grid-template-columns:minmax(0,1fr) 96px;gap:var(--sp-2)}
  .member-row .m-coin,
  .member-row>input:last-child{grid-column:1 / -1;text-align:left}
  .slot-row{grid-template-columns:minmax(0,1fr) 32px;gap:6px}
  .slot-row input:nth-child(2),
  .slot-row input:nth-child(3){grid-column:1}
  .slot-row .icon-btn,
  .slot-row .del-row{grid-column:2;grid-row:1}
  .mod-item-row{grid-template-columns:minmax(0,1fr) 34px;gap:6px}
  .mod-item-row select{grid-column:1 / -1}
  .opt-row{grid-template-columns:minmax(0,1fr) 34px}

  /* 3.8 弹窗：接近全屏 */
  .modal-mask{padding:var(--sp-3);align-items:flex-end}
  .modal{
    max-width:none;
    max-height:92vh;
    padding:var(--sp-4);
    border-radius:var(--r-2xl) var(--r-2xl) var(--r-lg) var(--r-lg);
  }
  .modal-sm,.modal-lg,.modal-wide{max-width:none}
  .modal-actions{gap:var(--sp-2)}
  .modal-actions .btn{flex:1 1 100%}
  .notice-modal .nm-content{max-height:46vh;padding:var(--sp-3) var(--sp-4)}
  .ud-body{max-height:50vh}

  /* 3.9 头部 hero 与其他装饰收敛 */
  .hero{padding:var(--sp-4);border-radius:var(--r-xl)}
  body .hero{padding:var(--sp-4)}
  .hero::after{display:none}
  .hero-coin{width:100%;padding:var(--sp-3) var(--sp-4)}
  .hero-coin::before{position:static;align-self:flex-start;margin-bottom:var(--sp-1)}
  .page-title::after{width:26px}

  /* 3.10 个人中心 */
  .profile-top-stats{gap:var(--sp-6)}
  .p-tabs{width:100%;display:flex}
  .p-tab{flex:1 1 0;padding:7px 0;text-align:center}

  /* 3.11 验证码行换行显示 */
  .cap-wrap{flex-wrap:wrap}
  .captcha-box{flex-wrap:wrap}
  .captcha-input{flex:1 1 100%;order:2}
  .captcha-canvas,.captcha-img{order:1}
  .captcha-refresh{order:1}

  /* 3.12 官方头像设置卡纵向排列 */
  .official-avatar-card{flex-direction:column;align-items:flex-start;text-align:left}
  .theme-swatch{width:30px;height:30px}
  .theme-swatch.active::after,
  .theme-swatch[aria-pressed="true"]::after{left:9px;top:7px;width:6px;height:10px}
}

/* --------------------------------------------------------------------------
   4. ≤420px —— 小屏手机（360px 起可用）
   -------------------------------------------------------------------------- */
@media (max-width:420px){
  html{font-size:14.5px}

  /* 4.1 进一步压缩间距 */
  .page,body .page{padding:var(--sp-3) var(--sp-3) var(--sp-10)}
  .card,.notice-item,.mod-item,.poll-item,.fb-item,.review-card,.event-card{padding:var(--sp-3)}

  /* 4.2 导航只保留图标与头像 */
  .nav-link,body .nav-link{padding:6px 10px;font-size:var(--fs-2xs)}
  .nav-link::after{left:10px;right:10px}
  .nav-right .btn-sm,
  body .nav-right .btn-sm{padding:5px 9px;font-size:var(--fs-2xs)}
  .brand-name{display:none}
  .brand-logo,.brand-logo-sm{width:28px;height:28px;font-size:9px}
  body .brand-logo.small{width:28px;height:28px}

  /* 4.3 统计卡单列改双列后仍显拥挤时降到紧凑双列 */
  .stat-grid,body .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .stat-card{padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);border-radius:var(--r-md)}
  .stat-card::before{width:2px}
  .stat-value{font-size:var(--fs-lg)}
  .stat-label{font-size:var(--fs-2xs)}

  /* 4.4 英雄区与币值块 */
  .hero h2,.hero-main h2{font-size:var(--fs-lg)}
  .hero-sub{font-size:var(--fs-xs)}
  .hero-coin strong{font-size:var(--fs-2xl)}
  .coin-label{font-size:10px}
  .hero-actions .btn{flex:1 1 100%}

  /* 4.5 认证页几乎无留白 */
  #authView{padding:var(--sp-2)}
  .auth-card{padding:var(--sp-5) var(--sp-4);border-radius:var(--r-xl)}
  body .auth-card{padding:var(--sp-5) var(--sp-4)}
  .auth-brand .brand-logo,.auth-brand .brand-logo-sm{width:46px;height:46px;font-size:12px}
  .auth-brand h1,.auth-brand .brand-name{font-size:var(--fs-lg)}
  .auth-tabs .auth-tab,.auth-tabs .segmented-item{font-size:var(--fs-xs);padding:7px 0}

  /* 4.6 表格与成员行最小化 */
  .table{min-width:440px;font-size:var(--fs-2xs)}
  .table th,.table td{padding:7px 9px}
  .member-row{grid-template-columns:minmax(0,1fr) 84px;gap:5px;padding:var(--sp-2)}
  .member-row .m-nick{display:block;margin-left:0}
  .member-row input{text-align:left}

  /* 4.7 排行与标签精简 */
  .season-bar{gap:5px}
  .season-pill{padding:5px 11px;font-size:var(--fs-2xs)}
  .period-bar{gap:5px;padding:var(--sp-2)}
  .period-pill{padding:4px 9px;font-size:var(--fs-2xs)}
  .rank-item{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2)}
  .rank-coin{font-size:var(--fs-xs)}
  .imp-tag,.ver-tag,.fb-type,.badge,.tag,.chip{padding:2px 7px;font-size:10px}

  /* 4.8 弹窗全宽无圆角 */
  .modal-mask{padding:0}
  .modal{max-height:96vh;border-radius:0;padding:var(--sp-4) var(--sp-3)}
  .modal-actions .btn{flex:1 1 100%;min-width:0}

  /* 4.9 官方头像与主题色板 */
  .official-avatar-card{padding:var(--sp-3);gap:var(--sp-3)}
  .theme-swatch{width:26px;height:26px}
  .theme-swatch.active::after,
  .theme-swatch[aria-pressed="true"]::after{left:7px;top:5px;width:6px;height:10px;border-width:2px}
  .avatar-xl,.avatar-xl.avatar-letter,.avatar-xl.avatar-official{width:76px;height:76px;font-size:26px}

  /* 4.10 时间线与拖拽验证 */
  .timeline{padding-left:var(--sp-5)}
  .timeline-item::before{left:calc(var(--sp-5) * -1 + 1px);width:10px;height:10px}
  .slider-handle{width:36px;height:36px}
  .slider-track{height:40px}
  .slider-hint{padding-left:46px;font-size:var(--fs-2xs)}
}

/* --------------------------------------------------------------------------
   5. 横屏矮视口（例如手机横屏）：减少纵向占位
   -------------------------------------------------------------------------- */
@media (max-height:520px) and (orientation:landscape){
  .modal{max-height:94vh}
  .ud-body{max-height:60vh}
  .notice-modal .nm-content{max-height:56vh}
  .hero{padding:var(--sp-4)}
}

/* --------------------------------------------------------------------------
   6. 宽屏优化（≥1440px）：限制行宽，居中留白
   -------------------------------------------------------------------------- */
@media (min-width:1440px){
  .page,body .page{max-width:var(--page-max)}
  .topbar-inner,body .nav-inner{max-width:var(--page-max)}
  .hero{padding:var(--sp-8)}
  .event-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
}

/* 高对比度偏好：加强描边，弱化纯装饰 */
@media (prefers-contrast: more){
  .card,.section,.notice-item,.mod-item,.poll-item,.event-card,.stat-card,.fb-item{
    border-color:var(--c-text-2);
  }
  .btn{border-width:2px}
  .muted,.hint,.list-item-desc,.notice-meta{color:var(--c-text-2)}
}

/* --------------------------------------------------------------------------
   7. 减少动态效果：兜底关闭所有动画与过渡（tokens.css 已有一层，这里再收紧）
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation:none !important;
    transition:none !important;
  }
  .view.active,.tab-panel.active,.auth-panel.active,.p-panel.active,
  .accordion.open .accordion-body{animation:none !important}
  #authView::before,#authView::after{animation:none !important}
  .nav-dot::after,.notice-unread-dot::after{animation:none !important;opacity:0}
  .skeleton::after{animation:none !important}
  .rank-item:hover,.event-card:hover,.notice-item:hover,.stat-card.clickable:hover{transform:none !important}
}

/* --------------------------------------------------------------------------
   8. 打印：只打印内容
   -------------------------------------------------------------------------- */
@media print{
  :root{
    --c-bg:#fff;
    --c-surface:#fff;
    --c-surface-2:#fff;
    --c-surface-3:#fff;
    --c-text:#000;
    --c-text-2:#222;
    --c-muted:#444;
    --c-border:#bbb;
    --c-glass:transparent;
    --c-glass-strong:transparent;
  }

  @page{margin:14mm}

  html,body{
    background:#fff !important;
    background-image:none !important;
    color:#000;
    font-size:11.5pt;
  }

  /* 8.1 隐藏所有导航、操作与浮层 */
  .topbar,.navbar,.sidebar,.admin-sidebar,.admin-layout>aside,
  .nav-links,.nav-actions,.nav-right,.nav-dot,.user-chip,
  .modal-mask,.modal-close,.toast,.toast-wrap,.loading-mask,
  .btn,.icon-btn,.del-row,.auth-side,
  .season-bar,.period-bar,.p-tabs,.auth-tabs,
  .section-arrow,.accordion-arrow,.empty-icon,
  .slider-verify,.slider-puzzle,.captcha-box,.cap-wrap,
  .hero-actions,.profile-actions,.table-actions,
  .card-actions,.modal-actions{display:none !important}

  /* 8.2 显示所有视图与折叠内容，避免打印出"空页面" */
  #authView{display:none !important}
  #appView,.view,.tab-panel,.p-panel,.auth-panel{
    display:block !important;
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  #appView.hidden,.view.hidden,.tab-panel.hidden,.p-panel.hidden,.hidden{display:block !important}
  /* 真正的功能性隐藏元素仍不打印 */
  .no-print,.sr-only{display:none !important}
  .section-body{max-height:none !important;padding:0 !important;overflow:visible !important}
  .accordion-body{display:block !important}
  .ud-body,.notice-modal .nm-content{max-height:none !important;overflow:visible !important}

  /* 8.3 版式：去阴影、加描边，保证黑白打印可读 */
  .page,.admin-layout{display:block !important;max-width:none;padding:0;margin:0}
  .card,.section,.notice-item,.mod-item,.poll-item,.event-card,.stat-card,
  .fb-item,.review-card,.rank-item,.list-item,.table-wrap,.modal,.fieldset{
    box-shadow:none !important;
    border:1px solid #999 !important;
    background:#fff !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .hero,.official-avatar-card{
    background:#fff !important;
    border:1px solid #999 !important;
    box-shadow:none !important;
  }
  .event-grid,.stat-grid,.profile-grid,.row2,.row3{
    display:block !important;
  }
  .event-grid>*,.stat-grid>*{margin-bottom:6pt}
  .table{min-width:0 !important;width:100% !important;font-size:9.5pt}
  .table th{background:#eee !important;color:#000 !important}
  .table td{border-top:1px solid #ccc !important}
  .table-wrap{overflow:visible !important}
  .badge,.tag,.chip,.pill,.imp-tag,.fb-type,.ver-tag,.notice-flag,.nm-flag{
    border:1px solid #999 !important;
    background:#fff !important;
    color:#000 !important;
    box-shadow:none !important;
  }
  .opt-bar,.progress-bar,.slider-fill{
    background:#ddd !important;
  }
  .avatar,.avatar-letter,.avatar-official{
    background:#eee !important;
    color:#000 !important;
    box-shadow:none !important;
    border:1px solid #999 !important;
  }
  a{color:#000;text-decoration:underline}
  h1,h2,h3,h4,.page-title,.section-title{break-after:avoid;page-break-after:avoid}
  .page-title::after{display:none}
}