/* ===== 并购重组候选池 v3.0 公共样式 ===== */
:root {
  --bg: #0b0e11;
  --bg2: #15181c;
  --bg3: #1e2329;
  --border: #1e2329;
  --border2: #2b3139;
  --text: #e7e9ea;
  --text2: #848e9c;
  --text3: #5a5f66;
  --gold: #f0b90b;
  --gold2: #f8d12f;
  --green: #0ecb81;
  --blue: #1e80ff;
  --red: #f6465d;
  --purple: #a26ee8;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}
a{color:var(--blue);text-decoration:none}
.container{max-width:1500px;margin:0 auto;padding:12px 16px}

/* ===== Header ===== */
header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:12px}
header h1{font-size:18px;color:var(--gold);font-weight:600}
header h1 span{color:var(--text2);font-size:12px;font-weight:400;margin-left:8px}
header .back{color:var(--gold);font-size:22px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px 8px;margin:-6px -8px;border-radius:6px;transition:background .15s}
header .back:hover{background:rgba(240,185,11,.12)}
header .back:hover{color:var(--gold)}
.header-right{font-size:12px;color:var(--text3)}

/* ===== 顶部统计卡片 ===== */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.stat-card{background:var(--bg2);border-radius:10px;padding:12px 14px;border:1px solid var(--border);cursor:pointer;transition:border-color .15s}
.stat-card:active{border-color:var(--gold)}
.stat-card .label{font-size:11px;color:var(--text2);margin-bottom:2px}
.stat-card .value{font-size:22px;font-weight:700}
.stat-card .value.gold{color:var(--gold)}
.stat-card .value.green{color:var(--green)}
.stat-card .value.red{color:var(--red)}
.stat-card .value.blue{color:var(--blue)}
.stat-card .value.purple{color:var(--purple)}
.stat-card .sub{font-size:10px;color:var(--text3);margin-top:2px}
.stat-card.cols2{grid-column:span 2}
.stat-card.full{grid-column:1/-1}

/* ===== Tab栏 ===== */
.tab-bar{display:flex;gap:4px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.tab-bar::-webkit-scrollbar{height:0}
.tab-item{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;color:var(--text2);display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}
.tab-item:active{opacity:.7}
.tab-item.active{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:600}
.tab-item .badge{font-size:10px;background:rgba(255,255,255,.1);padding:0 6px;border-radius:8px;min-width:18px;text-align:center}
.tab-item.active .badge{background:rgba(0,0,0,.15)}

/* ===== 筛选工具栏 ===== */
.toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.toolbar select,.toolbar input{background:var(--bg3);color:var(--text);border:1px solid var(--border2);border-radius:6px;padding:5px 8px;font-size:12px;height:30px}
.toolbar input::placeholder{color:var(--text3)}
.toolbar .date-range{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text2)}
.toolbar .date-range input{width:90px}
.filter-btn{background:var(--gold);color:var(--bg);border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;height:30px}
.filter-btn:active{opacity:.8}
.filter-toggle{background:none;border:none;color:var(--text2);font-size:12px;cursor:pointer;padding:5px 8px}
.filter-toggle:hover{color:var(--text)}
.filters-panel{display:none;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;flex-wrap:wrap;gap:8px;align-items:center}
.filters-panel.show{display:flex}
.filters-panel label{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:4px}
.filters-panel input[type="text"]{width:70px}
.filters-panel input[type="date"]{width:110px}
.filters-panel .filter-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap}

/* ===== 信息条 ===== */
.info-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;color:var(--text2)}
.info-bar select{background:var(--bg3);color:var(--text2);border:1px solid var(--border2);border-radius:4px;padding:2px 6px;font-size:11px}

/* ===== 表格/列表 ===== */
.list-wrap{background:var(--bg2);border-radius:10px;border:1px solid var(--border);overflow:hidden}
/* 手机端表格滚动容器 */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.table-wrap table{min-width:750px}
/* 桌面表格 */
table{width:100%;border-collapse:collapse;display:none}
table.show{display:table}
thead th{position:sticky;top:0;background:var(--bg3);color:var(--text2);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:8px 8px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border2);cursor:pointer;user-select:none}
thead th:active{opacity:.6}
thead th .sort-arr{display:inline-block;width:12px;margin-left:2px;font-size:9px;color:var(--text3)}
thead th.sorted .sort-arr{color:var(--gold)}
tbody td{padding:7px 8px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:middle}
tbody tr:active td{background:rgba(240,185,11,.06)}
tbody tr:last-child td{border-bottom:none}
/* 手机卡片列表 */
.card-list{display:none}
.card-list.show{display:block}
.card-item{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer}
.card-item:active{border-color:var(--gold)}
.card-item .card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.card-item .card-row:last-child{margin-bottom:0}
.card-item .card-left{flex:1}
.card-item .card-right{text-align:right;flex-shrink:0;margin-left:8px}
.card-code{font-size:14px;font-weight:600;font-family:monospace;color:var(--blue)}
.card-name{font-size:12px;color:var(--text2)}
.card-tag{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px}
.card-meta{font-size:11px;color:var(--text2);margin-top:2px}
.card-meta span{margin-right:8px}
.card-highlight{font-size:11px;color:var(--text2);margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.card-gap{font-size:13px;font-weight:700}
.card-progress{font-size:10px;padding:1px 6px;border-radius:6px}

/* ===== 分页 ===== */
.pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:14px;flex-wrap:wrap;padding:4px 0 16px}
.page-btn{min-width:30px;height:30px;border-radius:6px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);font-size:12px;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}
.page-btn:hover{border-color:var(--gold);color:var(--gold)}
.page-btn:active{transform:scale(.94)}
.page-btn.active{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:700;box-shadow:0 0 8px rgba(240,185,11,.3)}
.page-btn:disabled{opacity:.25;cursor:default;border-color:var(--border2);color:var(--text3);transform:none;box-shadow:none}
.page-info{font-size:11px;color:var(--text3);margin-left:8px}

/* ===== 徽标 ===== */
.badge-type{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px}
.badge-type.ma{background:rgba(14,203,129,.15);color:var(--green)}
.badge-type.pre{background:rgba(30,128,255,.15);color:var(--blue)}
.badge-type.debt{background:rgba(240,185,11,.15);color:var(--gold)}
.badge-type.don{background:rgba(162,110,232,.15);color:var(--purple)}
.badge-type.other{background:rgba(132,142,156,.15);color:var(--text2)}
.badge-type.sale{background:rgba(246,70,93,.15);color:var(--red)}
.badge-type.acq{background:rgba(30,128,255,.15);color:var(--blue)}
.badge-type.exp{background:rgba(240,185,11,.15);color:var(--gold)}
.badge-st{display:inline-block;background:var(--red);color:#fff;font-size:8px;font-weight:700;padding:1px 3px;border-radius:2px;margin-left:2px;vertical-align:middle}

.badge-progress{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px}
.badge-progress.done{background:rgba(14,203,129,.15);color:var(--green)}
.badge-progress.fail{background:rgba(246,70,93,.15);color:var(--red)}
.badge-progress.pending{background:rgba(30,128,255,.15);color:var(--blue)}
.badge-progress.active{background:rgba(240,185,11,.15);color:var(--gold)}
.badge-progress.end{background:rgba(132,142,156,.15);color:var(--text2)}

/* ===== Modal ===== */
#modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 12px;overflow-y:auto}
#modal-overlay.active{display:flex}
#modal{background:var(--bg2);border-radius:12px;max-width:800px;width:100%;max-height:85vh;overflow-y:auto;border:1px solid var(--border2)}
#modal-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg2);z-index:1}
#modal-header h2{font-size:15px;font-weight:600;color:var(--text)}
#modal-close{background:none;border:none;color:var(--text3);font-size:20px;cursor:pointer;line-height:1;padding:4px}
#modal-body{padding:14px 16px}
.modal-section{margin-bottom:14px}
.modal-section:last-child{margin-bottom:0}
.modal-section h3{font-size:12px;color:var(--gold);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.modal-section .content{font-size:13px;line-height:1.6;color:var(--text)}
.modal-section .meta{font-size:11px;color:var(--text3);margin-bottom:4px}
.modal-event{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:6px}
.modal-event .title{font-weight:600;font-size:13px;margin-bottom:4px;color:var(--blue)}
.modal-event .meta{font-size:10px;color:var(--text3);margin-bottom:3px}
.modal-event .desc{font-size:12px;color:var(--text2);line-height:1.5}
.modal-event .desc .diff{color:var(--gold);font-weight:600}
.modal-loading{text-align:center;padding:30px;color:var(--text3);font-size:13px}

/* ===== 工具类 ===== */
.text-gold{color:var(--gold)}
.text-green{color:var(--green)}
.text-blue{color:var(--blue)}
.text-red{color:var(--red)}
.text-purple{color:var(--purple)}
.text-muted{color:var(--text2)}
.text-dim{color:var(--text3)}
.fw6{font-weight:600}
.fs11{font-size:11px}
.fs12{font-size:12px}
.mt4{margin-top:4px}
.mb4{margin-bottom:4px}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== 响应式 ===== */
@media(min-width:769px){
  .container{padding:16px 24px}
  table{display:table;font-size:12px}
  .card-list{display:none}
  .stats-row{grid-template-columns:repeat(6,1fr);gap:10px}
  .stat-card{padding:14px 16px}
  thead th{padding:9px 10px;font-size:10px}
  tbody td{padding:8px 10px;font-size:12px}
}
@media(max-width:768px){
  .container{padding:8px 10px}
  table,.table-wrap{display:none}
  .card-list{display:block}
  .stats-row{grid-template-columns:repeat(2,1fr);gap:6px}
  .stat-card{padding:10px 12px}
  .stat-card .value{font-size:18px}
  header h1{font-size:15px}
  header h1 span{display:none}
  .toolbar input{width:80px}
  .toolbar .date-range input{width:75px}
  .filters-panel input[type="date"]{width:110px}
  #modal-overlay{padding:20px 8px}
  #modal{padding:0}
}