/* ===================== 媒体查询 ===================== */
/* 包含：所有 @media 断点规则（min-width/max-width）。
   注意：@media (prefers-reduced-motion:reduce) 和 @supports 在 base.css 中 */

@media(min-width:880px){
  .ac-page{max-width:960px}
  .ac-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
  .ac-grid .ac-section.span-2{grid-column:1 / -1}
}

@media(max-width:720px){
  .grid{grid-template-columns:1fr;gap:12px}
}

@media(max-width:400px){
  .grid{grid-template-columns:1fr;gap:10px}
}

@media(max-width:680px){
  .modal-scrim.ai-doc-modal{padding:0}
  .modal-scrim.ai-doc-modal .modal{max-width:100%;max-height:100vh;max-height:100dvh;border-radius:0;height:100vh;height:100dvh;padding:14px 14px 12px}
  /* ===================== AI 文档处理弹窗移动端适配 =====================
   * 取消内容框的 max-height 和 min-height 限制，让它撑满弹窗剩余空间，
   * 避免内容框底部和按钮中间留出大面积空白 */
  .modal-scrim.ai-doc-modal .modal .ai-doc-result-wrap{margin-top:10px;gap:8px}
  .modal-scrim.ai-doc-modal .modal .ai-doc-result-view,
  .modal-scrim.ai-doc-modal .modal .ai-doc-result-area{min-height:0;max-height:none;flex:1}
  .modal-scrim.ai-doc-modal .modal .m-acts{margin-top:10px;flex-wrap:nowrap;gap:8px}
  .modal-scrim.ai-doc-modal .modal .m-acts button:not(.ai-doc-stop-btn){flex:1;min-width:0}
}

@media(max-width:460px){
  .gate{padding:16px}
  .gate .lg-card{padding:32px 22px 26px;border-radius:20px}
  .gate .lg-brand h1{font-size:19px}
  .upg-pricing{grid-template-columns:repeat(2,1fr);gap:10px}
  .upg-features{grid-template-columns:1fr}
}
/* ===================== 移动端隐藏会员功能列表 ===================== */
/* 移动端屏幕空间有限，会员功能列表会挤压价格和二维码的展示空间，直接隐藏。 */
@media(max-width:768px){
  .upg-features{display:none}
}

@media(min-width:900px){
  .key-card .k-pc-only{display:flex !important}
  .key-card{cursor:default}
}

@media(max-width:899px){
  .keys-grid{grid-template-columns:1fr;gap:8px}
  .key-card{padding:11px 13px;cursor:pointer}
}

@media (min-width:1200px){
  .pp-card{max-width:min(1100px,calc(100vw - 80px));padding:28px 30px 22px}
  .ai-pick-panel .pp-card .doc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
}
@media (min-width:1600px){
  .pp-card{max-width:1300px;max-height:min(860px,88vh)}
  .ai-pick-panel .pp-card .doc-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
}

@media(max-width:768px){
  
  .modal input[type=text],.modal select,.modal textarea,
  .field input,.field textarea,.field select,
  .search-overlay-field input,
  .key-field input,
  .ac-row input,
  #aeInput,
  #aiDocEditor{font-size:16px !important}
  .ai-input-wrap textarea{font-size:16px}
  
  .drawer.half{width:100%!important;border-radius:0}
  
  .c-act,.m-close,.ai-doc-close,
  .key-card .k-clear-x{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  
  .d-head-actions{padding:0;background:var(--md-primary-container);border:1px solid var(--md-outline-var)}
  .d-head-actions .d-expand{width:36px;height:36px;min-width:44px;min-height:44px}
  .d-head-actions .d-expand svg{width:18px;height:18px}
  .d-close{width:44px;height:44px;min-width:44px;min-height:44px}
  .d-close svg{width:20px;height:20px}
  .d-back{width:44px;height:44px;min-width:44px;min-height:44px}
  .d-back svg{width:20px;height:20px}
  
  /* ===================== 移动端工具栏整体横向滑动 =====================
   * 整个 .d-tools-row 一起滑动，保证用户从左滑到右能看到所有按钮（换行/缩放/AI工具）
   * 椭圆按钮保持椭圆形态，缩放按钮组保持椭圆容器 */
  .d-tools-row{padding:0 12px;margin:8px 12px 0;gap:8px;max-height:64px;background:transparent;border-radius:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}
  .d-tools-row::-webkit-scrollbar{display:none}
  .d-tools-row.collapsed{max-height:0;margin:0 12px}
  .d-tool-pill{height:44px;min-width:44px;padding:0 14px;font-size:13px;flex:none}
  .d-tool-pill svg{width:18px;height:18px}
  .d-foot-tools{flex:none;overflow:hidden}
  .d-foot-tools .d-tool{width:44px;height:44px;flex:none;min-width:44px}
  .d-foot-tools .d-tool svg{width:20px;height:20px}
  .d-foot-tools .d-tool-text{font-size:13px;font-weight:600;min-width:36px}
  .d-foot-tools .d-tool + .d-tool{border-left:1px solid var(--md-outline-var)}
  .d-foot-tools .d-tool:active{background:var(--md-primary-container);color:var(--md-primary)}
  .ai-doc-tools{flex:none;min-width:0;gap:8px}
  .ai-doc-btn{height:44px;padding:0 14px;font-size:13px}
  /* active 状态与其他 .d-tool-pill 一致：仅 scale 反馈，不改变填充色（避免深紫色突兀） */
  .ai-doc-btn:active{transform:scale(.96)}

  .editor-gutter{width:36px;border-radius:0;border-left:none;border-top:none;border-bottom:none}
  .ln-container{padding-right:6px}

  /* ===================== 移动端编辑区域去边距：textarea 和 gutter 贴满 drawer ===================== */
  .d-body{padding:0}
  .d-body textarea{border-right:none;border-top:none;border-bottom:none;border-radius:0}

  /* ===================== 移动端搜索 UI =====================
   * 不再撑满宽度（避免太宽），右对齐 + 限宽 320px；
   * 增大 input padding 让输入框更高（避免太矮），方便触控 */
  .editor-search{left:auto;right:8px;top:8px;width:min(320px,calc(100% - 16px));max-width:none;padding:8px;gap:6px}
  .editor-search input{padding:8px 10px;font-size:14px}
  .editor-search button{width:32px;height:32px}
  .editor-search button svg{width:16px;height:16px}
  .editor-search .s-case-btn{min-width:34px;height:32px;padding:0 8px;font-size:13px}
  .editor-search .s-text-btn{height:32px;line-height:32px;padding:0 12px;font-size:13px}
}

@media(max-width:768px){
  .ai-split{flex:1;height:auto;min-height:0;flex-direction:column;border-radius:0;border:none}
  .ai-chat{order:1}
  .ai-doc{position:fixed;top:0;right:0;height:100dvh;width:min(440px,92vw);z-index:40;
    border-right:none;border-left:1.5px solid var(--line);transform:translateX(102%);
    transition:transform .3s cubic-bezier(.2,.9,.3,1);box-shadow:var(--shadow-lg)}
  .ai-doc.open{transform:translateX(0)}
  .ai-doc-head{gap:6px;padding:10px 12px;height:auto;min-height:54px}
  .ai-doc-close{display:flex}
  .ai-doc-acts{gap:5px}
  .ai-doc-btn{padding:6px 10px;font-size:12px}
  .ai-doc-editor{padding:12px}
  .ai-doc-toggle{display:none !important}
  /* ===================== 移动端隐藏 AI 文档栏的分享/预览按钮 =====================
   * 移动端 AI 文档面板宽度有限（min(440px,92vw)），保留核心按钮（问AI/撤销/恢复/保存）。
   * 分享和预览功能可在主编辑器中使用。 */
  #aiDocShare,#aiDocPreview{display:none !important}
  .ai-chat{width:100%;min-width:0;max-width:none;border-left:none}
  
  .ai-ctx{padding:10px 14px;gap:8px;border-bottom:1.5px solid var(--line);height:auto;min-height:54px}
  .ai-ctx-label{display:none}
  .ctx-chip{max-width:none;flex:1;justify-content:flex-start}
  .ai-ctx .ai-quota{display:none}
  .ai-ctx .ai-clear span{display:none}
  .ai-ctx .ai-clear{padding:8px 10px}
  body.view-ai .ai-quota-top{display:inline-flex;align-items:center;order:4}
  /* ===================== 移动端 AI 视图：显示账号中心按钮（带头像），额度次数紧贴其左边 ===================== */
  body.view-ai .tb-account{display:inline-flex;order:5;margin-left:0;padding:3px 5px;height:34px}
  body.view-ai .tb-account .ava{width:28px;height:28px;font-size:12px}
  .ai-msgs{padding:12px}
  .ai-empty{padding:16px 16px 5vh}
  .bubble{max-width:92%;padding:9px 12px;font-size:13px;line-height:1.6;margin-bottom:8px}
  .bubble.ai .raw-text{font-size:12px}

  .ai-bar{padding:10px 14px;gap:8px}
  .ai-input-wrap textarea{height:auto;min-height:38px;max-height:140px;padding:6px 0;font-size:13.5px;line-height:1.5}
  .ai-expand{width:30px;height:30px}
  .ai-expand svg{width:18px;height:18px}
  .ai-send{width:38px;height:38px}
  .ai-send svg{width:16px;height:16px}
  
  .ai-pick-panel{align-items:flex-end;justify-content:center;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}
  /* ===================== 移动端卡片使用 100vh 而非 100dvh ===================== */
  /* 100dvh 在 URL 栏显隐时会变化，导致卡片 max-height 重算 + translateY(100%) 位移变化，
     配合 history.pushState 触发的 URL 栏显隐会造成视觉抖动。改用 100vh 保持稳定。 */
  .ai-pick-panel .pp-card{width:100%;max-width:none;margin:0;max-height:calc(100vh - env(safe-area-inset-bottom,0px));border-radius:var(--md-rs-lg) var(--md-rs-lg) 0 0;padding:8px 0 calc(14px + env(safe-area-inset-bottom,0px));opacity:1;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}
  .ai-pick-panel.open .pp-card{transform:translateY(0)}
  
  .ai-pick-panel .pp-card .m-head{margin:0;padding:14px 16px 12px;gap:10px;border-bottom:1px solid var(--md-outline-var);position:relative;flex-shrink:0}
  /* 移动端 .ds-handle 显示为顶部小白条（与长按菜单一致），替代原 ::before 伪元素 */
  .ai-pick-panel .pp-card .ds-handle{display:block;margin:6px auto 8px;flex-shrink:0}
  .ai-pick-panel .pp-card .m-head .m-icon{width:32px;height:32px;border-radius:9px}
  .ai-pick-panel .pp-card .m-head .m-icon svg{width:17px;height:17px}
  .ai-pick-panel .pp-card .m-head .m-titles{padding-top:0}
  .ai-pick-panel .pp-card .m-head .m-titles b{font-size:15px;font-weight:700;display:block;line-height:1.3}
  .ai-pick-panel .pp-card .m-head .m-titles small{font-size:11.5px;color:var(--md-muted);display:block;margin-top:2px}
  .ai-pick-panel .pp-card .m-head .m-close{top:14px;right:14px;width:28px;height:28px;font-size:18px}
  
  .ai-pick-panel .pp-card .pp-sticky-head{padding:0;border-bottom:none;background:var(--md-surface);flex-shrink:0}
  .ai-pick-panel .pp-card .m-tabs{margin:0;padding:6px 16px;border-bottom:1px solid var(--md-outline-var);background:var(--md-surface)}
  .ai-pick-panel .pp-card .m-tab{padding:7px 8px;font-size:12.5px;border-radius:8px}
  
  .ai-pick-panel .pp-card #ppBody{padding:12px 16px}
  .ai-pick-panel .pp-card .doc-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .ai-pick-panel .pp-card .doc-card{padding:10px;gap:8px}
  .ai-pick-panel .pp-card .doc-card .d-ic{width:30px;height:30px}
  .ai-pick-panel .pp-card .doc-card .d-ic svg{width:16px;height:16px}
  .ai-pick-panel .pp-card .doc-card .d-meta b{font-size:12.5px}
  .ai-pick-panel .pp-card .doc-card .d-meta small{font-size:10.5px}
  
  .ai-pick-panel .pp-card .m-acts{margin:0;border-radius:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:none;background:var(--md-surface-container);border-top:1px solid var(--md-outline-var);flex-wrap:nowrap;gap:8px;overflow-x:auto;flex-shrink:0}
  .ai-pick-panel .pp-card .m-acts .m-acts-left{order:1;width:auto;flex:1;justify-content:flex-start;gap:6px;min-width:0}
  .ai-pick-panel .pp-card .m-acts .m-acts-count{font-size:11.5px;min-width:auto;padding:0;margin-left:2px}
  .ai-pick-panel .pp-card .m-acts .m-mini{height:30px;padding:0 10px;font-size:12px;border-radius:15px;flex:none}
  .ai-pick-panel .pp-card .m-acts .m-acts-right{order:2;width:auto;gap:8px;flex:none}
  .ai-pick-panel .pp-card .m-acts button:not(.m-mini){flex:none;min-width:auto;height:34px;padding:0 16px;border-radius:17px;font-size:13px}
  
  .recycle-batch.show{
    position:sticky;top:64px;
    margin:0 0 8px;
    border:1px solid var(--md-outline-var);border-top:none;border-radius:0 0 var(--md-rs-sm) var(--md-rs-sm);
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));
    background:var(--md-surface);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    box-shadow:var(--shadow-sm);
    flex-direction:row;align-items:center;gap:10px;
    z-index:4;max-height:220px;
    transition:max-height .25s cubic-bezier(.2,.9,.3,1),transform .25s cubic-bezier(.2,.9,.3,1),padding .25s cubic-bezier(.2,.9,.3,1),margin .25s cubic-bezier(.2,.9,.3,1),border-color .2s ease,opacity .2s ease,top .25s cubic-bezier(.2,.9,.3,1);
  }
  
  body.topbar-hide .recycle-batch.show{top:0;border-top:none}

  .recycle-batch.show #rbCount,
  .recycle-batch.show #dbCount{
    flex:none;min-width:0;
    font-size:13px;font-weight:500;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }

  .recycle-batch.show .rb-acts{
    flex:1 1 0;min-width:0;flex-direction:row;flex-wrap:nowrap;gap:6px;
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .recycle-batch.show .rb-acts::-webkit-scrollbar{display:none}
  
  .recycle-batch.show .rb-acts .mini{
    flex:0 0 auto;min-width:auto;
    padding:0 12px;height:34px;line-height:34px;
    border-radius:17px;font-size:12.5px;white-space:nowrap;
  }
  
  .recycle-batch.show .rb-acts #rbClear,
  .recycle-batch.show .rb-acts #dbClear{
    position:relative;
    width:34px;padding:0;flex:0 0 34px;
    border-radius:50%;font-size:0;
    background:var(--md-surface-container-high);border-color:transparent;
    overflow:hidden;
  }
  .recycle-batch.show .rb-acts #rbClear::before,
  .recycle-batch.show .rb-acts #dbClear::before{
    content:'';position:absolute;inset:0;margin:auto;
    width:14px;height:14px;
    background:var(--md-on-surface-variant);
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'><path d='M18 6 6 18M6 6l12 12'/></svg>") center/contain no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'><path d='M18 6 6 18M6 6l12 12'/></svg>") center/contain no-repeat;
  }
  
  body.multi-on .content{padding-bottom:0}
  
  .content{padding-bottom:80px}
  .content.ai-view{padding-bottom:0}
}
@media(max-width:420px){
  .btn-new{padding:8px 12px}
  .seg button{padding:6px 8px;font-size:12px}
  .topbar{gap:8px}
  
  .ai-pick-panel .pp-card .doc-grid{grid-template-columns:1fr}
}

@media(max-width:620px){ .msg-acts{opacity:1} }

.float-fab{position:fixed;right:32px;bottom:calc(32px + env(safe-area-inset-bottom,0px));z-index:18;transition:opacity .25s,transform .25s}

body.multi-on .float-fab,
body.fab-hide .float-fab,
body.side-open .float-fab{opacity:0;transform:translateY(120%);pointer-events:none}

@media(max-width:620px){ .fab-main{height:50px;padding:0 18px 0 14px;font-size:14px} .fab-main svg{width:22px;height:22px} }

@media(max-width:900px){

  .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:20;width:50%;transform:translateX(-101%);box-shadow:var(--shadow-lg);height:100dvh;transition:transform .3s cubic-bezier(.2,.9,.3,1);
    background:linear-gradient(to right, var(--md-surface), var(--md-surface-container-high) 90%)}
  .sidebar.open{transform:translateX(0)}
  
  .group-panel{display:flex !important;position:fixed;left:50%;top:0;bottom:0;right:0;z-index:20;
    width:50%;transform:translateX(101%);box-shadow:var(--shadow-lg);
    border-right:none;border-left:none;pointer-events:none;
    background:linear-gradient(to left, var(--md-surface), var(--md-surface-container-high) 90%);
    transition:transform .3s cubic-bezier(.2,.9,.3,1)}
  .group-panel.hidden{display:flex !important;transform:translateX(101%)}
  .group-panel.show{transform:translateX(0);pointer-events:auto}
  
  .side-scrim{z-index:15}
  .side-scrim.show{pointer-events:auto}
  .hamb{display:grid}
  .tb-search{display:grid}
  
  .grp-panel-close{display:grid !important}
  .main{transition:transform .3s cubic-bezier(.2,.9,.3,1)}
  .main.push{transform:translateX(50%)}
  
  .sb-nav{align-items:stretch;padding:12px}
  .sb-item{flex-direction:row;align-items:center;gap:12px;padding:10px 14px;width:100%;text-align:left;border-radius:var(--md-rs-sm);font-size:13px}
  .sb-icon{width:32px;height:32px}
  .sb-lbl{font-size:13px;flex:1}
  .sb-count{position:static;margin-left:auto}
  .sb-brand{padding:20px 16px}
  
  .float-fab{right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:680px){
  .search-overlay{padding:0 12px}
  .tb-account-info{display:none}
  .seg{order:3}
  .btn-new{order:0;padding:8px 14px}
  .btn-new span{display:none}
  
  .bk-acts .btn-new span{display:inline}
  .btn-new-split{order:5}
  .ac-page{gap:12px}
  .ac-hero{padding:18px;gap:12px}
  .ac-hero .ac-ava{width:48px;height:48px;font-size:20px}
  .ac-hero .ac-info b{font-size:16px}
  .ac-stat-item{padding:12px 6px}
  .ac-stat-item b{font-size:17px}
  .ac-row{padding:11px 12px}
  .content{padding:14px}
  .toolbar-wrap{padding:8px 14px}
  .sub-filter{padding:6px 14px 0}
  .stats-row{padding:6px 14px 0}
}

@media(max-width:680px){
  .modal-scrim{padding:14px}
  .modal{width:100%;max-width:100%;padding:22px 18px 18px}
  .menu{max-width:calc(100vw - 20px)}
  .ttl,.card .ttl{font-size:13.5px}
  .tb-titles b{font-size:15px}

  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .card{padding:12px 13px;border-radius:var(--md-rs-sm);gap:6px}
  .card-head{gap:6px}
  .card .ttl{font-size:14px;line-height:1.35}
  .card-stats{font-size:11.5px;gap:8px}
  .card-stats b{font-size:12px}
  .card-time{font-size:11px}
  .tag{font-size:10.5px;padding:2px 8px}
  
  .card .c-act{width:28px;height:28px}
  .card .c-act svg{width:15px;height:15px}

  
  .topbar{padding:10px 14px;flex-wrap:nowrap;overflow:visible}
  .tb-header{order:2;flex:1;min-width:0}
  .hamb{order:1}
  .search-overlay{padding:0 12px}
  .toolbar-wrap{padding:8px 14px;gap:8px}
  .seg{display:none}
  
  .filter-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}
  .filter-tabs::-webkit-scrollbar{display:none}
  .ftab{flex:none;white-space:nowrap}
  
  .btn-new-split{order:5;flex:none}
  .btn-new-split .btn-new{padding:0;width:40px;height:40px;justify-content:center;border-radius:var(--md-rs-full)}
  .btn-new-split .btn-new span{display:none}
  .btn-new-split .btn-new svg{width:20px;height:20px}
  .btn-new-split .btn-new-caret{width:34px;height:40px;border-radius:0 var(--md-rs-full) var(--md-rs-full) 0}
  .split-menu{right:0;left:auto;min-width:180px}
  .split-menu button{padding:10px 12px}
  
  .tb-search{order:3;flex:none;width:40px;height:40px}
  .tb-more{display:inline-flex;order:4;flex:none;margin-left:auto}
  #btnMulti{display:none !important}
  
  .tool-right{display:none}
  
  .tb-account{display:none}
  .sub-filter{padding:6px 14px 0}
  .stats-row{padding:6px 14px 0}
  .content{padding:14px}


  
  .recycle-item{flex-wrap:wrap;gap:8px 10px;padding:12px 14px}
  .recycle-item .info{flex:1 1 100%;min-width:0}
  .recycle-item .acts{width:100%;justify-content:flex-end}
  .recycle-item .acts .mini{padding:5px 10px;font-size:12px}

  .limit-grid{flex-direction:column;gap:14px}
  .limit-grid>.mcol{width:100%;gap:14px}
  /* ===================== 移动端单分组时宽度撑满 =====================
   * column flex 布局下 flex:1 影响高度而非宽度，单分组时 .limit-group 宽度由内容决定（可能半屏）。
   * 显式设置 width:100% 确保撑满容器宽度，flex:none 避免不必要的高度撑满。 */
  .limit-grid>.limit-group{width:100%;flex:none}
  .limit-row{padding:9px 14px}
  .limit-badge{max-width:90px;text-overflow:ellipsis;overflow:hidden}
  .lg-head{padding:10px 14px;min-height:42px}
  .lg-foot{padding:10px 14px;min-height:42px}
  .lg-foot .mini{padding:6px 10px;font-size:12px}
  
  .bk-grid{grid-template-columns:1fr;gap:12px}
  .bk-acts .btn-new{flex:1 1 calc(50% - 4px);min-width:0}

  .ai-bar{padding:8px 12px;gap:8px}
  .ai-input-wrap textarea{height:auto;min-height:28px;max-height:96px;padding:4px 0;font-size:13px;line-height:1.5}
  .ai-expand{width:28px;height:28px}
  .ai-expand svg{width:16px;height:16px}
  .ai-send{width:34px;height:34px}
  .ai-send svg{width:15px;height:15px}
  .ai-doc-toggle{display:none !important;right:8px;bottom:72px;padding:9px 12px;font-size:12px}
  .ai-doc-toggle svg{width:16px;height:16px}
}
@media(max-width:400px){
  .btn-new{padding:8px 12px}
  .seg button{padding:6px 8px;font-size:12px}
  .topbar{gap:8px}
  
  .card{padding:13px 14px;gap:8px}
  .card .ttl{font-size:15px}
  .card-stats{font-size:12px}
  .card-time{font-size:11.5px}
  .card .c-act{width:32px;height:32px}
  .card .c-act svg{width:17px;height:17px}
}