/* ===== 11-polish.css —— V2.1-V2.3 细节打磨（源自原型 V2.10，行区间 891-1145） ===== */
  /* ===== V2.1 内容细节打磨 ===== */
  /* 案号小字（案件名称下方） */
  .sub-no{display:block;font-size:11px;font-weight:400;color:var(--text-meta);margin-top:3px;letter-spacing:.2px;}

  /* 待办逾期 */
  .task-row.overdue .task-text{color:#C0392B;}
  .task-row.overdue .task-time{color:#C0392B;font-weight:600;}
  .badge-red-soft{background:#FBEAE8;color:#C0392B;}

  /* 三性质证预标注 */
  .sx-chips{display:inline-flex;gap:4px;flex-wrap:wrap;}
  .sx-chip{font-size:10px;line-height:1;padding:4px 7px;border-radius:4px;background:#E4F4EA;color:#2E9E5B;font-weight:500;white-space:nowrap;}
  .sx-chip.warn{background:#FDEBE0;color:#C26A0E;}
  .sx-chip.off{background:#F1F2F6;color:#99A9BA;}

  /* ===== V2.14 登录页运行模式徽标 ===== */
  .login-mode{display:inline-block;margin-top:18px;font-size:12px;color:#6B7785;border:1px solid rgba(201,162,74,.35);border-radius:999px;padding:5px 14px;background:rgba(201,162,74,.06);letter-spacing:.5px;}
  /* V3.24：服务不可达 —— 红色警示。用户在登录页第一眼就该知道
     「不是账号有问题，是服务没启动」，而不是反复重输口令。 */
  .login-mode.mode-warn{color:#B4232C;border-color:rgba(180,35,44,.38);background:rgba(180,35,44,.08);font-weight:600;}

  /* ===== V3.24：本地模式演示账号提示 ===== */
  /* 独立分发版双击打开时，客户第一眼就该知道用什么账号能进去，
     而不是自己试错试出「账号或密码错误」。 */
  .demo-account-hint{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 13px;font-size:12.5px;line-height:1.6;color:var(--text-body);background:#F5F7FB;border:1px dashed var(--border);border-radius:10px;}
  .demo-account-hint b{font-weight:600;color:var(--text-strong);}
  .demo-account-hint .login-link{margin-left:auto;}

  /* ===== V3.24：业务数据为空的提示条 ===== */
  /* 登录成功却是空工作台时，界面必须把话说清楚 ——
     静默的空界面会被理解成「产品没数据」，而不是「本机数据曾被清空」。 */
  .empty-data-hint{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:13px 17px;font-size:13px;line-height:1.7;color:var(--text-body);background:#FFF8E8;border:1px solid rgba(201,162,74,.42);border-radius:12px;}
  .empty-data-hint b{font-weight:600;color:#8A6A1F;}
  .empty-data-hint span{flex:1;min-width:220px;}
  .empty-data-hint .btn-ghost{flex:none;}

  /* ===== V3.29：检索范围（板块 / 类目）—— 各类目精准提取 =====
     V3.67：统一知识库无分类标签，控件由 rcHideCatalog() 隐藏，改显示下方提示。 */
  .research-class{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px;}
  .rc-label{font:400 12px/1 var(--font-cn);color:var(--text-meta);}
  .rc-unified-tip{font:400 12px/1.5 var(--font-cn);color:var(--text-meta);}
  .rc-domains{display:flex;gap:6px;flex-wrap:wrap;}
  .rc-dom{
    height:28px;padding:0 14px;border:1px solid var(--border);border-radius:999px;cursor:pointer;
    background:#fff;color:var(--text-body);font:500 12.5px/1 var(--font-cn);
    transition:border-color .12s,color .12s,background .12s;
  }
  .rc-dom:hover{border-color:var(--gold);color:#8A6100;}
  .rc-dom.on{border-color:var(--gold);background:var(--gold-tint);color:#8A6100;font-weight:600;}
  .rc-cat{
    height:28px;padding:0 10px;border:1px solid var(--border);border-radius:8px;cursor:pointer;
    background:#fff;color:var(--text-body);font:400 12.5px/1 var(--font-cn);
  }
  .rc-cat:focus{outline:none;border-color:var(--gold);}

  /* ===== V3.29：检索结果的板块 / 类目标签 ===== */
  .res-cat-tag{
    display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;
    font:500 11px/1.5 var(--font-cn);color:#8A6100;background:var(--gold-tint);
    border:1px solid rgba(201,162,74,.4);white-space:nowrap;vertical-align:middle;
  }

  /* 检索历史 */
  .hist-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center;}
  .hist-label{font:500 12px/1 var(--font-cn);color:var(--text-meta);}

  /* 发票信息条 */
  .invoice-strip{display:flex;gap:10px;align-items:flex-start;background:#F5F7FB;border:1px dashed var(--border);border-radius:10px;padding:12px 16px;margin-bottom:14px;font:400 12.5px/1.7 var(--font-cn);color:var(--text-body);flex-wrap:wrap;}
  .invoice-strip b{color:var(--text-strong);font-weight:600;}

  /* 证据筛选条 */
  .evidence-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}

  /* ===== V2.2 借鉴同类工作台打磨 ===== */
  /* 数据更新时间戳 */
  .update-strip{display:flex;align-items:center;gap:10px;background:#F5F7FB;border:1px solid var(--border);border-radius:10px;padding:8px 14px;margin-bottom:14px;font:400 12px/1 var(--font-num);color:var(--text-meta);}
  .update-strip .dot{width:7px;height:7px;border-radius:4px;background:#2E9E5B;flex:none;}
  .update-strip b{color:var(--text-strong);font-weight:600;}
  .refresh-btn{margin-left:auto;border:1px solid var(--border);background:#fff;border-radius:7px;padding:5px 12px;font:500 12px/1 var(--font-cn);color:var(--text-body);cursor:pointer;display:flex;align-items:center;gap:5px;}
  .refresh-btn:hover{border-color:var(--gold);color:var(--gold);}

  /* 关键日程卡 */
  .sched-item{display:flex;align-items:center;gap:12px;height:52px;border-bottom:1px solid #F2F3F7;}
  .sched-item:last-child{border-bottom:none;}
  .sched-date{flex:none;width:44px;height:44px;border-radius:10px;background:#F4F6FA;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;}
  .sched-date .d{font:600 15px/1 var(--font-num);color:var(--text-strong);}
  .sched-date .m{font:400 9px/1 var(--font-cn);color:var(--text-meta);}
  .sched-item.urgent .sched-date{background:#FBEAE8;}
  .sched-item.urgent .sched-date .d{color:#C0392B;}
  .sched-item.soon .sched-date{background:#FDEBE0;}
  .sched-item.soon .sched-date .d{color:#C26A0E;}
  .sched-info{flex:1;min-width:0;}
  .sched-info .t{display:block;font:500 13px/1.4 var(--font-cn);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .sched-info .s{display:block;font:400 11px/1 var(--font-num);color:var(--text-meta);margin-top:4px;}
  .sched-count{flex:none;font:500 11px/1 var(--font-num);color:var(--text-meta);padding:4px 8px;border-radius:6px;background:#F1F2F6;}
  .sched-item.urgent .sched-count{background:#FBEAE8;color:#C0392B;}
  .sched-item.soon .sched-count{background:#FDEBE0;color:#C26A0E;}

  /* 案件看板视图 */
  .view-seg{display:flex;background:#EEF1F6;border-radius:9px;padding:3px;gap:2px;}
  .view-seg .seg-btn{padding:6px 14px;border-radius:7px;font-size:12.5px;}
  .view-seg .seg-btn.active{background:#fff;box-shadow:0 1px 3px rgba(13,26,51,.1);color:var(--text-strong);}
  .kanban-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;}
  .kb-col{background:#F4F6FA;border:1px solid var(--border);border-radius:12px;padding:12px;min-height:320px;}
  .kb-col-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 2px;}
  .kb-dot{width:8px;height:8px;border-radius:4px;}
  .kb-col-title{font:600 13px/1 var(--font-cn);color:var(--text-strong);}
  .kb-col-count{font:500 11px/1 var(--font-num);color:var(--text-meta);background:#fff;border-radius:8px;padding:3px 8px;margin-left:auto;border:1px solid var(--border);}
  .kb-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:box-shadow .15s,border-color .15s;}
  .kb-card:hover{box-shadow:0 3px 10px rgba(13,26,51,.08);border-color:var(--gold);}
  .kb-card .kb-name{font:500 13px/1.45 var(--font-cn);color:var(--text-strong);display:block;}
  .kb-card .kb-no{display:block;font:400 10.5px/1 var(--font-num);color:var(--text-meta);margin-top:5px;}
  .kb-card .kb-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;}
  .kb-owner{font:400 11px/1 var(--font-cn);color:var(--text-label);}
  .kb-date{font:400 10.5px/1 var(--font-num);color:var(--text-meta);}

  /* 材料按案件分组 */
  /* V3.3：案件名所在行改为浅黄底 —— 这一行是「案件 → 材料」的分组锚点，
     用浅黄把案件边界标出来，材料清单在下方滚动时一眼能看出归属哪个案。
     底色取金色浅调 --gold-tint(#F7EFD9)，与金色描边配套，弱而不抢。 */
  .mat-group-head{
    display:flex;align-items:center;gap:10px;
    background:var(--gold-tint);
    border:1px solid rgba(201,162,74,.42);
    border-radius:10px;padding:9px 14px;margin:14px 0 6px;
  }
  .mat-group-head .g-name{font:600 13px/1 var(--font-cn);color:var(--text-strong);}
  .mat-group-head .g-count{font:400 11px/1 var(--font-num);color:var(--text-meta);}
  .mat-group-head:first-of-type{margin-top:0;}

  /* V3.5：案件名 = 分组折叠开关
     分组默认收起，只露案件名那一行；点案件名才展开该案材料清单。
     案件名做成 button（键盘可达、语义正确），视觉上仍是一行浅黄底里的标题文字，
     前面加一个折叠箭头提示「可展开」—— 收起时箭头朝右，展开时朝下。
     分组头其余部分（数量 / 生成工作报告 / 增加文件）保持原样可点。
     V3.63：原注释里的「协作律师」已下线 —— 分组头不再有协作成员标签。 */
  .mat-group-head .g-name{
    display:inline-flex;align-items:center;gap:6px;
    border:none;background:transparent;padding:0;margin:0;
    font:600 13px/1 var(--font-cn);color:var(--text-strong);
    cursor:pointer;text-align:left;
  }
  .mat-group-head .g-name:hover{color:#8A6A16;text-decoration:underline;text-underline-offset:3px;}
  .mat-group-head .g-name:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px;}
  /* V3.7：材料份数徽标 —— 默认全收起时，律师靠它判断该点哪个案子 */
  .mat-group-head .g-badge{
    font:500 11px/1 var(--font-num);color:#8A6A16;
    background:rgba(201,162,74,.22);border:1px solid rgba(201,162,74,.38);
    border-radius:999px;padding:3px 8px;white-space:nowrap;
  }
  .mat-group-head .g-name:hover .g-badge{background:rgba(201,162,74,.32);}
  .mat-group-head .g-caret{
    flex:none;stroke:var(--gold);stroke-width:2.4;
    transition:transform .18s ease;
    transform:rotate(-90deg);          /* 收起：朝右，提示「点开」 */
  }
  .mat-group-head .g-name.open .g-caret{transform:rotate(0deg);}   /* 展开：朝下 */
  /* 分组体：折叠容器。展开时不加任何额外留白（材料表自带上边距），
     收起时 display:none（由 JS 控制），此处只兜底初始态。 */
  .mat-group-body{animation:matGroupIn .18s ease;}
  @keyframes matGroupIn{from{opacity:.4;}to{opacity:1;}}

  /* 案件详情抽屉 */
  .detail-drawer{position:fixed;top:0;right:-460px;width:440px;max-width:92vw;height:100%;background:#F8FAFC;z-index:80;box-shadow:-8px 0 30px rgba(7,27,49,.18);transition:right .28s ease;display:flex;flex-direction:column;}
  .detail-drawer.show{right:0;}
  .dd-head{position:relative;padding:20px 22px 16px;background:#fff;border-bottom:1px solid var(--border);}
  .dd-title{font:600 16px/1.4 var(--font-cn);color:var(--text-strong);}
  .dd-no{font:400 12px/1 var(--font-num);color:var(--text-meta);margin-top:6px;}
  .dd-head .dd-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border:none;background:#F1F2F6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-label);}
  .dd-head .dd-close:hover{background:#E8EEF5;color:var(--text-strong);}
  .dd-body{flex:1;overflow-y:auto;padding:18px 22px 26px;}
  .dd-kv{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px;}
  .dd-kv .kv{min-width:0;}
  .dd-kv .kv-label{font:400 10.5px/1 var(--font-cn);color:var(--text-meta);display:block;margin-bottom:5px;}
  .dd-kv .kv-val{font:500 12.5px/1.3 var(--font-cn);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .dd-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
  .dd-section-title .t{font:600 14px/1 var(--font-cn);color:var(--text-strong);}
  .dd-add-btn{display:flex;align-items:center;gap:5px;border:1px solid var(--border);background:#fff;border-radius:7px;padding:5px 11px;font:500 11.5px/1 var(--font-cn);color:var(--text-body);cursor:pointer;}
  .dd-add-btn:hover{border-color:var(--gold);color:var(--gold);}
  .dd-add-row{display:none;margin-bottom:12px;}
  .dd-add-row.show{display:flex;gap:8px;}
  .dd-add-row input{flex:1;height:36px;border:1px solid var(--border);border-radius:8px;padding:0 12px;font:400 13px/1 var(--font-cn);color:var(--text-body);min-width:0;}
  .dd-add-row input:focus{outline:none;border-color:var(--gold);}
  .dd-add-row .ok{border:none;background:var(--gold);color:#fff;border-radius:8px;padding:0 14px;font:500 12px/1 var(--font-cn);cursor:pointer;}
  .dd-add-row .cancel{border:1px solid var(--border);background:#fff;color:var(--text-label);border-radius:8px;padding:0 12px;font:500 12px/1 var(--font-cn);cursor:pointer;}
  .ms-list{position:relative;padding-left:22px;margin:0;}
  .ms-list:before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#E4E8F0;border-radius:1px;}
  .ms-item{position:relative;padding:0 0 16px 6px;}
  .ms-item:last-child{padding-bottom:2px;}
  .ms-item:before{content:'';position:absolute;left:-22px;top:3px;width:10px;height:10px;border-radius:5px;background:#fff;border:2px solid var(--gold);box-sizing:border-box;}
  .ms-item.gray:before{border-color:#B9C4D2;}
  .ms-item .ms-date{display:block;font:400 11px/1 var(--font-num);color:var(--text-meta);margin-bottom:5px;}
  .ms-item .ms-text{font:400 13px/1.55 var(--font-cn);color:var(--text-body);}
  .ms-item .ms-author{display:block;font:400 10.5px/1 var(--font-cn);color:var(--text-meta);margin-top:5px;}
  .dd-actions{display:flex;gap:10px;margin-top:16px;}
  .dd-actions .btn-primary{flex:1;justify-content:center;}

  /* V3.41：审计与安全的「系统健康」状态条随页下线。 */
  /* 客户端门户：服务流程 */
  .svc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;}
  .svc-step{background:#F5F7FB;border:1px solid var(--border);border-radius:10px;padding:12px 10px;text-align:center;}
  .svc-step .n{width:22px;height:22px;border-radius:11px;background:#E1EBF5;color:#2E5A86;font:600 11.5px/22px var(--font-num);display:inline-block;margin-bottom:8px;}
  .svc-step.done .n{background:#2E9E5B;color:#fff;}
  .svc-step .t{display:block;font:500 11.5px/1.4 var(--font-cn);color:var(--text-strong);}
  .svc-step .s{display:block;font:400 10px/1.5 var(--font-cn);color:var(--text-meta);margin-top:5px;}

  /* Responsive */
  @media (max-width:1100px){
    .kanban-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:1100px){
    .main-grid{flex-direction:column;}
    .col-right{width:100%;}
    .search-bar{width:220px;}
    .template-grid{grid-template-columns:repeat(2,1fr);}
    .pipeline-detail{grid-template-columns:1fr;}
    .settings-grid{grid-template-columns:1fr;}
    /* V3.93：窄屏下三组纵向堆叠；「身份与授权」组内两块本就已上下堆叠（单列），
       这里保留显式兜底。分栏定位的复位由 17-wxpay-settings.css 的媒体查询完成
       （本文件的 .settings-grid 特异性较低，单独写不足以覆盖两栏声明）。 */
    #page-settings .settings-col-identity{grid-template-columns:1fr;}
    .settings-col .grid-team{grid-template-columns:minmax(0,1fr) 110px 90px 90px 130px;min-width:680px;}
    .settings-col .grid-log{grid-template-columns:140px 110px 120px minmax(0,1fr) 90px;min-width:760px;}
    .login-brand{display:none;}
    .login-panel{width:100%;flex:1;padding:40px 28px;}
  }
  @media (max-width:720px){
    .sidebar{
      position:fixed;left:0;top:0;bottom:0;z-index:80;
      transform:translateX(-100%);transition:transform .22s ease;
      width:272px;
    }
    .sidebar.open{transform:none;}
    .menu-btn{display:flex;}
    .search-bar{display:none;}
    .sync-chip{display:none;}
    .template-grid{grid-template-columns:1fr;}
    .content{padding:16px;}
    .topbar{padding:0 16px;gap:10px;}
    .page-title{font-size:16px;}
    .ai-button{padding:0 12px;font-size:13px;}
    .ai-button .btn-txt{display:none;}
    .filter-search{width:100%;}
    .new-case-btn{margin-left:0;}
    .banner{padding:20px;}
    .banner .greeting{font-size:19px;}
    .l-row{flex-direction:column;gap:14px;}
    .stepper{flex-wrap:wrap;gap:10px;}
    .st-node{flex:1 1 30%;}
    .st-node::before{display:none;}
    .notif-panel{right:16px;}
    input,select,textarea{font-size:16px;}
    .msg{max-width:100%;}
    .kanban-grid{grid-template-columns:1fr;}
    .detail-drawer{width:100%;max-width:100%;}
    .svc-steps{grid-template-columns:repeat(2,1fr);}
    .dd-kv{grid-template-columns:1fr;}
    .update-strip{flex-wrap:wrap;}
  }

  /* ===================== V2.3 微交互细节 ===================== */
  /* 按钮按压反馈（统一） */
  .btn-primary,.export-btn,.chip,.bell-button,.logout-btn,.menu-btn,.uz-btn,.btn-plain,.seg-btn{
    transition:transform .1s ease,filter .15s,background .15s,color .15s,border-color .15s,box-shadow .15s;
  }
  .btn-primary:active,.export-btn:active,.chip:active,.bell-button:active,.logout-btn:active,.menu-btn:active,.uz-btn:active,.btn-plain:active,.seg-btn:active{transform:scale(.95);}
  .btn-primary:focus-visible,.export-btn:focus-visible,.chip:focus-visible,.uz-btn:focus-visible,.btn-plain:focus-visible,.seg-btn:focus-visible{outline:2px solid rgba(46,90,134,.55);outline-offset:2px;}
  .seg-btn:active{transform:scale(1);}

  /* 统计卡 / 方案卡 hover 上浮 */
  .stat-card{transition:transform .15s ease,box-shadow .15s ease;}
  .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(7,27,49,.08);}
  .stat-card .number{animation:numIn .45s ease;}
  @keyframes numIn{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
  /* V3.15：.plan-card 随档位对比卡下线一并移除 */

  /* 页面切换 fade */
  .content{animation:pageIn .18s ease;}
  @keyframes pageIn{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}

  /* Toast 类型变体：error 深红 / success 金边 */
  .toast.error{background:#A03A2E;}
  .toast.success{border:1px solid rgba(201,162,74,.45);}

  /* 待办打勾描边动画 */
  .check-mark{stroke-dasharray:18;stroke-dashoffset:18;animation:drawMark .28s ease forwards;}
  @keyframes drawMark{to{stroke-dashoffset:0;}}
  .checkbox{transition:background .15s,border-color .15s,transform .15s;}
  .checkbox.todo:hover{border-color:var(--gold);}

  /* 通知角标呼吸 */
  .badge-count{animation:badgePulse 2.8s ease-in-out infinite;}
  @keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.30);}50%{box-shadow:0 0 0 5px rgba(192,57,43,0);}}

  /* 表格斑马纹（hover 优先级更高） */
  .table-row:nth-child(even){background:#FAFBFD;}
  .table-row:nth-child(even).clickable:hover{background:#F2F5F9;}

  /* 待办行 hover */
  .task-row{margin:0 -8px;padding:0 8px;border-radius:8px;transition:background .12s;}
  .task-row:hover{background:#F7F9FC;}

  /* 客户端消息滑入 */
  .msg{animation:msgIn .22s ease;}
  @keyframes msgIn{from{opacity:0;transform:translateY(6px);}}

  /* 自定义滚动条 */
  ::-webkit-scrollbar{width:8px;height:8px;}
  ::-webkit-scrollbar-thumb{background:#C9D2DC;border-radius:8px;}
  ::-webkit-scrollbar-thumb:hover{background:#B0BCCA;}
  ::-webkit-scrollbar-track{background:transparent;}

  /* 表单错误态：红框 + shake */
  @keyframes shakeX{0%,100%{transform:translateX(0);}20%{transform:translateX(-5px);}40%{transform:translateX(5px);}60%{transform:translateX(-3px);}80%{transform:translateX(3px);}}
  .field-error{border-color:#C0392B !important;background:#FFF8F7 !important;animation:shakeX .32s ease;}
  .field-error:focus{border-color:#C0392B !important;}

  /* 空状态放大镜图标 */
  .empty-state::before{
    content:"";display:block;width:46px;height:46px;margin:0 auto 10px;opacity:.5;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA7B5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5L21 21'/%3E%3C/svg%3E") center/contain no-repeat;
  }


/* ===== V2.18 案件详情抽屉：办案阶段推进条 ===== */
.dd-progress{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:10px 0 2px; border-top:1px dashed #E3E8EF; margin-top:12px; }
.dp-lbl{ font:500 11px/1 var(--font-cn); color:var(--text-meta); margin-right:6px; }
.dp-step{ font:500 11px/1 var(--font-num); color:#7A8494; background:#F1F2F6; border:1px solid #E3E8EF; border-radius:999px; padding:5px 10px; cursor:default; }
.dp-step.cur{ background:#0E2A47; border-color:#0E2A47; color:#fff; }
.dp-step.can{ cursor:pointer; color:#2E5A86; background:#E8EEF5; border-color:#C7D6E6; }
.dp-step.can:hover{ background:#2E5A86; border-color:#2E5A86; color:#fff; }
.dp-hint{ font:400 11px/1 var(--font-cn); color:#99A9BA; margin-left:auto; }