/* etsy123.net · Etsy导航页样式（从 ERP 百宝箱移植，变量本地化） */
:root {
  --en-text: #22282e;
  --en-text2: #6b7280;
  --en-text3: #9ca3af;
  --en-card: #fff;
  --en-border: #e5e7eb;
}

.en-hero{background:linear-gradient(135deg,#F1641E 0%,#F7882F 55%,#FBA843 100%);border-radius:14px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px;box-shadow:0 4px 14px rgba(241,100,30,.25);}
.en-hero-title{color:#fff;font-size:22px;margin:0 0 6px;font-weight:700;}
.en-hero-sub{color:rgba(255,255,255,.92);font-size:13px;margin:0;}
.en-hero-search{position:relative;flex:0 0 340px;max-width:100%;}
.en-search-input{width:100%;padding:11px 40px 11px 16px;border:none;border-radius:22px;font-size:14px;outline:none;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);font-family:inherit;}
.en-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.55;}
.en-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.en-filter-group{display:flex;gap:8px;flex-wrap:wrap;}
.en-filter-btn{border:1px solid var(--en-border);background:var(--en-card);color:var(--en-text2);border-radius:18px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;}
.en-filter-btn:hover{border-color:#F1641E;color:#C2570F;}
.en-filter-btn.active{background:#F1641E;border-color:#F1641E;color:#fff;font-weight:600;}
.en-filter-btn.en-fb-must.active{background:#D14500;border-color:#D14500;}
.en-ext-toggle.active{background:#FFF3EA;border-color:#F1641E;color:#C2570F;}
.en-result-count{font-size:12px;color:var(--en-text3);margin-left:auto;}
.en-result-count b{color:#C2570F;}
.en-empty{text-align:center;color:var(--en-text3);padding:60px 0;font-size:14px;}

/* 分类药丸 tab（工具表上方，点击只看对应栏目） */
.en-cat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px;}
.en-cat-tab{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--en-border);background:var(--en-card);color:var(--en-text2);border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;}
.en-cat-tab:hover{border-color:#F1641E;color:#C2570F;background:#FFF8F3;}
.en-cat-tab.active{background:#F1641E;border-color:#F1641E;color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(241,100,30,.3);}
.en-cat-tab .en-tab-num{background:#FFF3EA;color:#C2570F;border-radius:9px;font-size:11px;padding:0 7px;font-weight:700;line-height:17px;min-width:17px;text-align:center;}
.en-cat-tab.active .en-tab-num{background:rgba(255,255,255,.25);color:#fff;}
.en-cat-tab.is-zero{opacity:.45;}

/* 成长路线 */
.en-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;}
.en-stage{border:1px solid var(--en-border);border-radius:12px;padding:16px;background:linear-gradient(170deg,#FFFDFB,#fff);}
.en-stage-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;}
.en-stage-tag{border-radius:9px;font-size:12px;font-weight:700;padding:3px 10px;color:#fff;}
.en-stage-tag.st0{background:#0F6E56;}
.en-stage-tag.st1{background:#185FA5;}
.en-stage-tag.st2{background:#534AB7;}
.en-stage-sales{font-size:12px;color:var(--en-text3);}
.en-stage-combo{font-size:12px;color:var(--en-text2);line-height:1.7;margin-bottom:10px;}
.en-stage-budget{font-size:12px;color:var(--en-text);}
.en-stage-budget b{color:#C2570F;}

/* 风控 + 场景 */
.en-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:20px;}
.en-risk-item{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:9px;margin-bottom:7px;font-size:12.5px;line-height:1.6;background:#FAFAFA;}
.en-risk-item.is-risk{background:#FDF2F2;}
.en-risk-dim{flex-shrink:0;font-weight:600;color:var(--en-text);min-width:104px;}
.en-risk-item.is-risk .en-risk-dim{color:#A32D2D;}
.en-risk-txt{color:var(--en-text2);}
.en-foot-note{text-align:center;font-size:11.5px;color:var(--en-text3);padding:22px 0 8px;}
.en-card-title{font-size:15px;font-weight:700;margin-bottom:12px;}
.en-card-box{background:var(--en-card);border:1px solid var(--en-border);border-radius:12px;padding:18px;margin-top:16px;}

/* Excel 总表 */
.en-table-wrap{overflow-x:auto;border:1px solid var(--en-border);border-radius:12px;background:var(--en-card);}
.en-table{width:100%;border-collapse:collapse;font-size:13px;min-width:960px;}
.en-table thead th{background:#FFF3EA;color:#C2570F;font-size:12.5px;font-weight:700;text-align:left;padding:10px 12px;white-space:nowrap;border-bottom:2px solid #FBD3B4;}
.en-table td{padding:10px 12px;border-bottom:1px solid var(--en-border);vertical-align:top;line-height:1.6;color:var(--en-text2);}
.en-table tbody tr:hover td{background:#FFF8F3;}
.en-cat-row td{background:#FFF3EA;color:#C2570F;font-weight:700;font-size:13.5px;border-bottom:2px solid #FBD3B4;padding:8px 12px;}
.en-cat-badge{margin-left:8px;background:#fff;color:#C2570F;border-radius:9px;font-size:11px;padding:1px 8px;font-weight:700;border:1px solid #FBD3B4;}
.en-c-idx{width:44px;text-align:center;color:var(--en-text3);font-size:12px;}
.en-c-name{width:150px;}
.en-c-name a{color:var(--en-text);font-weight:600;text-decoration:none;}
.en-c-name a:hover{color:#F1641E;text-decoration:underline;}
.en-c-star{width:118px;white-space:nowrap;}
.en-stars{font-size:12px;letter-spacing:1px;}
.en-stars.s5{color:#D14500;}
.en-stars.s4{color:#F1641E;}
.en-stars.s3{color:#7CB0E4;}
.en-stars.s2{color:#7CB0E4;}
.en-tag{display:inline-block;margin-left:5px;border-radius:8px;font-size:10.5px;font-weight:700;padding:1px 7px;vertical-align:1px;}
.en-tag.t-must{background:#FDE3D3;color:#D14500;}
.en-tag.t-common{background:#DBEAFE;color:#185FA5;}
.en-tag.t-rec{background:#D1FAE5;color:#0F6E56;}
.en-tag.t-opt{background:#f0f0f0;color:#6b7280;}
.en-tag.t-ext{background:#F3F0FA;color:#534AB7;}
.en-c-func{min-width:280px;}
.en-c-pain{min-width:200px;color:var(--en-text3);}
.en-c-fee{width:140px;}
.en-c-link{width:72px;white-space:nowrap;}
.en-link-btn{display:inline-block;padding:4px 11px;border-radius:8px;background:#F1641E;color:#fff !important;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;}
.en-link-btn:hover{background:#D14500;}

/* 类别分块底色（8 色轮换） */
.en-cat-row.en-cg0 td{background:#D9EAFB;color:#185FA5;}
.en-table tbody tr.en-cg0 td{background:#F3F9FE;}
.en-table tbody tr.en-cg0:hover td{background:#E3F0FC;}
.en-cat-row.en-cg1 td{background:#FCF0C4;color:#A16207;}
.en-table tbody tr.en-cg1 td{background:#FFFCF0;}
.en-table tbody tr.en-cg1:hover td{background:#FBF5DC;}
.en-cat-row.en-cg2 td{background:#D8F1E1;color:#0F6E56;}
.en-table tbody tr.en-cg2 td{background:#F1FBF5;}
.en-table tbody tr.en-cg2:hover td{background:#E1F6E9;}
.en-cat-row.en-cg3 td{background:#FDE3CE;color:#C2570F;}
.en-table tbody tr.en-cg3 td{background:#FFF7F1;}
.en-table tbody tr.en-cg3:hover td{background:#FCEBDD;}
.en-cat-row.en-cg4 td{background:#E6DFF7;color:#534AB7;}
.en-table tbody tr.en-cg4 td{background:#F8F6FD;}
.en-table tbody tr.en-cg4:hover td{background:#EFEAFA;}
.en-cat-row.en-cg5 td{background:#FBDEE7;color:#B4329E;}
.en-table tbody tr.en-cg5 td{background:#FEF4F7;}
.en-table tbody tr.en-cg5:hover td{background:#FBE7EE;}
.en-cat-row.en-cg6 td{background:#D3EFF2;color:#0E7490;}
.en-table tbody tr.en-cg6 td{background:#F0FAFB;}
.en-table tbody tr.en-cg6:hover td{background:#E0F4F7;}
.en-cat-row.en-cg7 td{background:#E2E9F1;color:#47586E;}
.en-table tbody tr.en-cg7 td{background:#F6F9FB;}
.en-table tbody tr.en-cg7:hover td{background:#EAEFF5;}
.en-cat-row.en-cg0 .en-cat-badge{border-color:#B9D8F6;}
.en-cat-row.en-cg1 .en-cat-badge{border-color:#F3E1A0;}
.en-cat-row.en-cg2 .en-cat-badge{border-color:#B8E4CB;}
.en-cat-row.en-cg3 .en-cat-badge{border-color:#F7CCAA;}
.en-cat-row.en-cg4 .en-cat-badge{border-color:#D2C5F0;}
.en-cat-row.en-cg5 .en-cat-badge{border-color:#F6C4D6;}
.en-cat-row.en-cg6 .en-cat-badge{border-color:#B0E2E8;}
.en-cat-row.en-cg7 .en-cat-badge{border-color:#CBD7E4;}

@media (max-width:760px){
  .en-hero{padding:18px;}
  .en-hero-search{flex:1 1 100%;}
  .en-result-count{margin-left:0;width:100%;}
}