/* creative.css */

/* ── 创意页面(商品管理) (原 772-957) ── */
  /* ─────────── 创意页面（商品管理） ─────────── */
  .cr-page{padding:6px 2px 24px}
  .cr-page{
    --cr-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
    font-family:var(--cr-ui-font);
  }

  /* 顶部统计栏 */
  .cr-stats-bar{
    background:linear-gradient(180deg,#eff5ff 0%,#f7fafe 100%);
    border:1px solid var(--line);border-radius:10px;
    padding:14px 20px;margin:14px 0 14px;
    display:flex;align-items:center;gap:36px;flex-wrap:wrap;
    justify-content:space-between;
  }
  .cr-stats-group{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
  .cr-stat{display:flex;align-items:center;gap:8px;font-size:12.5px}
  .cr-stat .lbl{color:var(--text-3)}
  .cr-stat .lbl .unit{color:var(--text-4);margin-left:2px;font-size:11.5px}
  .cr-stat .val{
    font-family:"Inter";font-weight:600;font-size:15px;color:var(--text);
    letter-spacing:-0.01em;
  }
  .cr-stat .val.budget-unlimited{color:var(--text);font-weight:600}
  .cr-stat-edit{
    color:var(--text-4);cursor:pointer;padding:2px;border-radius:4px;
    transition:all .15s;display:inline-flex;align-items:center;
  }
  .cr-stat-edit:hover{color:var(--primary);background:var(--primary-soft)}
  .cr-date-range{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--panel);border:1px solid var(--line-mid);border-radius:6px;
    padding:6px 12px;font-size:12.5px;color:var(--text-2);
    font-family:"Inter",inherit;
  }
  .cr-date-range svg{color:var(--text-3);flex:none}
  .cr-date-range .sep{color:var(--text-4);margin:0 2px}

  /* Tab 栏 */
  .cr-tabs{
    display:flex;align-items:center;gap:0;
    border-bottom:1px solid var(--line);
    padding:0 2px;margin-bottom:14px;
  }
  .cr-tab{
    padding:11px 18px;font-size:14px;color:var(--text-2);font-weight:400;
    cursor:pointer;border:none;background:transparent;font-family:inherit;
    position:relative;transition:color .15s;
  }
  .cr-tab:hover{color:var(--text)}
  .cr-tab.active{color:var(--primary);font-weight:600}
  .cr-tab.active::after{
    content:'';position:absolute;left:14px;right:14px;bottom:-1px;
    height:2px;background:var(--primary);border-radius:1px;
  }

  /* 筛选工具栏 */
  .cr-toolbar{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    margin-bottom:14px;
  }
  .cr-new-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--primary);color:#fff;border:none;
    padding:8px 16px;border-radius:6px;cursor:pointer;
    font-size:13px;font-weight:500;font-family:inherit;
    transition:background .15s;flex:none;
  }
  .cr-new-btn:hover{background:#0e54e6}
  .cr-filter-input{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--panel);border:1px solid var(--line-mid);border-radius:6px;
    padding:0 12px;height:32px;min-width:180px;
    transition:border-color .15s;
  }
  .cr-filter-input:focus-within{border-color:var(--primary)}
  .cr-filter-input .filter-lbl{font-size:12.5px;color:var(--text-3);white-space:nowrap;flex:none}
  .cr-filter-input input{
    border:none;outline:none;background:transparent;flex:1;min-width:0;
    font-size:12.5px;color:var(--text);font-family:inherit;
  }
  .cr-filter-input input::placeholder{color:var(--text-4)}
  .cr-filter-input svg{color:var(--text-4);flex:none;cursor:pointer}
  .cr-filter-select{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--panel);border:1px solid var(--line-mid);border-radius:6px;
    padding:0 30px 0 12px;height:32px;min-width:160px;
    font-size:12.5px;color:var(--text);font-family:inherit;
    appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 10px center;
    transition:border-color .15s;
  }
  .cr-filter-select:hover, .cr-filter-select:focus{border-color:var(--primary)}
  .cr-custom-filter-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--panel);border:1px solid var(--line-mid);border-radius:6px;
    height:32px;padding:0 12px;
    font-size:12.5px;color:var(--text-2);cursor:pointer;font-family:inherit;
    transition:all .15s;
  }
  .cr-custom-filter-btn:hover{border-color:var(--primary);color:var(--primary)}
  .cr-custom-filter-btn svg{color:var(--text-4)}
  .cr-custom-filter-btn:hover svg{color:var(--primary)}
  .cr-toolbar-spacer{flex:1}
  .cr-tool-icon-btn{
    background:transparent;border:1px solid var(--line-mid);
    width:32px;height:32px;border-radius:6px;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    color:var(--text-3);transition:all .15s;
  }
  .cr-tool-icon-btn:hover{color:var(--primary);border-color:var(--primary)}

  /* 表格 */
  .cr-table-card{
    background:var(--panel);border:1px solid var(--line);border-radius:10px;
    overflow:hidden;
  }
  .cr-product-layout{
    display:block;
  }
  .cr-product-layout.show-province-filter{
    display:grid;
    grid-template-columns:220px minmax(0, 1fr);
    gap:14px;
    align-items:start;
  }
  .cr-product-layout.province-filter-collapsed{
    display:block;
  }
  .cr-product-table-meta{
    display:none;
    height:48px;
    align-items:center;
    gap:8px;
    padding:0 18px;
    border-bottom:1px solid var(--line);
    color:var(--text-3);
    font-size:13px;
    font-family:var(--cr-ui-font);
    background:#fff;
  }
  .cr-product-table-meta b{
    color:var(--text);
    font-weight:600;
  }
  .cr-table-wrap{overflow-x:auto;min-height:360px;position:relative}
  .cr-table{
    width:100%;border-collapse:separate;border-spacing:0;
    font-size:13px;min-width:1100px;
    table-layout:auto;
  }
  .cr-table thead th{
    background:var(--bg-2);font-weight:400;font-size:12.5px;
    color:var(--text-3);text-align:center;
    padding:11px 10px;border-bottom:1px solid var(--line);
    white-space:nowrap;
    font-family:var(--cr-ui-font);
  }
  .cr-table thead th:first-child{padding-left:14px}
  .cr-table thead th:last-child{padding-right:14px}
  .cr-table thead th.cr-th-sortable{cursor:pointer;user-select:none;transition:color .15s}
  .cr-table thead th.cr-th-sortable:hover{color:var(--text)}
  .cr-table thead th.cr-th-sortable .cr-sort-icon{
    display:inline-flex;flex-direction:column;gap:1px;
    vertical-align:middle;margin-left:4px;
    color:var(--text-4);
  }
  .cr-table thead th.cr-th-sortable .cr-sort-icon svg{display:block}
  .cr-table thead th.cr-th-sortable.asc .cr-sort-icon{color:var(--primary)}
  .cr-table thead th.cr-th-sortable.desc .cr-sort-icon{color:var(--primary)}
  .cr-table tbody td{
    padding:11px 10px;font-size:13px;color:var(--text);
    border-bottom:1px solid var(--line-soft);
    text-align:center;
    transition:background .12s;
  }
  .cr-table tbody td:first-child{padding-left:14px}
  .cr-table tbody td:last-child{padding-right:14px}
  .cr-table td.cr-name-cell{text-align:left;color:var(--text);font-weight:500}
  .cr-table td.cr-product-name-cell,
  .cr-table td.cr-product-name-cell *{
    font-weight:400 !important;
  }
  .cr-product-name-text{
    color:var(--text-2);
    font-size:12px;
    line-height:1.35;
    font-weight:400;
  }
  .cr-operator-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:auto;
    padding:3px 8px;
    border-radius:4px;
    font-size:13px;
    font-weight:400;
    line-height:1.2;
    font-family:var(--cr-ui-font);
    white-space:nowrap;
  }
  .cr-operator-badge.mobile{background:#eaf2ff;color:#1677ff}
  .cr-operator-badge.broadcast{background:#fff1e6;color:#f97316}
  .cr-operator-badge.telecom{background:#e9faec;color:#16a34a}
  .cr-operator-badge.unicom{background:#fff0f0;color:#ef4444}
  .cr-operator-badge.other{background:#f4f5f7;color:var(--text-2)}
  .cr-province-scope{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-height:34px;
    font-family:var(--cr-ui-font);
  }
  .cr-province-scope-main{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:var(--text-2);
    font-size:13px;
    line-height:1.25;
    white-space:nowrap;
  }
  .cr-province-scope-main i{
    width:7px;
    height:7px;
    border-radius:50%;
    flex:none;
    background:#10b981;
  }
  .cr-province-scope.multi .cr-province-scope-main i{background:#fb923c}
  .cr-province-scope.single .cr-province-scope-main i{background:#fb923c}
  .cr-province-scope.disabled .cr-province-scope-main i{background:#ef4444}
  .cr-province-scope-sub{
    margin-top:4px;
    color:var(--text-3);
    font-size:12px;
    line-height:1.3;
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .cr-table tbody tr:hover td{background:var(--bg-2)}
  .cr-table .cr-summary-row td{
    background:var(--bg-1);font-weight:500;color:var(--text);
    border-bottom:1px solid var(--line);
  }
  .cr-table .cr-summary-row td:first-child{color:var(--text-2)}
  .cr-table .cr-empty-cell{
    padding:60px 20px;text-align:center;color:var(--text-4);
  }
  .cr-page.is-creative-tab .cr-table thead th,
  .cr-page.is-creative-tab .cr-table tbody td,
  .cr-page.is-creative-tab .cr-table td.cr-name-cell,
  .cr-page.is-creative-tab .cr-table td.cr-product-name-cell{
    text-align:center !important;
  }
  .cr-page.is-creative-tab .cr-province-scope{
    align-items:center;
  }
  .cr-checkbox{
    width:14px;height:14px;border:1px solid var(--line-mid);border-radius:3px;
    cursor:pointer;display:inline-block;vertical-align:middle;
    background:var(--panel);transition:all .15s;position:relative;
  }
  .cr-checkbox:hover{border-color:var(--primary)}
  .cr-checkbox.checked{background:var(--primary);border-color:var(--primary)}
  .cr-checkbox.checked::after{
    content:'';position:absolute;left:3px;top:0px;
    width:5px;height:9px;border:1.5px solid #fff;
    border-top:0;border-left:0;transform:rotate(40deg);
  }
  .cr-money{font-family:"Inter";color:var(--text);font-weight:400}
  .cr-num{font-family:"Inter";color:var(--text);font-weight:400}
  .cr-percent{font-family:"Inter";color:var(--text);font-weight:400}
  .cr-listing-toggle:hover{background:var(--bg-2)!important}
  .cr-weight-pill{transition:background .15s, color .15s, transform .15s}
  .cr-weight-pill:hover{background:#e0e6ed !important;color:var(--primary) !important;transform:scale(1.08)}
  .cr-empty-state{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:70px 20px;color:var(--text-4);font-size:13px;gap:14px;
  }
  .cr-empty-state .cr-empty-icon{
    width:88px;height:88px;border-radius:50%;
    background:var(--bg-2);
    display:flex;align-items:center;justify-content:center;
    color:var(--text-4);
  }
  .cr-empty-state .cr-empty-text{color:var(--text-3);font-size:13px}
  .cr-province-filter-panel{
    display:none;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px;
    min-height:520px;
    max-height:calc(100vh - 210px);
    overflow:hidden;
  }
  .cr-product-layout.show-province-filter .cr-province-filter-panel{
    display:flex;
    flex-direction:column;
  }
  .cr-province-filter-title{
    padding:14px 16px 8px;
    color:var(--text-2);
    font-size:13px;
    font-weight:500;
    font-family:var(--cr-ui-font);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
  .cr-province-collapse-btn,
  .cr-province-expand-btn{
    border:1px solid var(--line-mid);
    background:#fff;
    color:var(--text-3);
    cursor:pointer;
    font-family:var(--cr-ui-font);
    transition:all .15s;
  }
  .cr-province-collapse-btn{
    width:26px;
    height:26px;
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    flex:none;
  }
  .cr-province-collapse-btn:hover,
  .cr-province-expand-btn:hover{
    color:var(--primary);
    border-color:var(--primary);
    background:#f0f7ff;
  }
  .cr-province-expand-btn{
    height:28px;
    padding:0 10px;
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:12.5px;
    flex:none;
  }
  .cr-province-stat-list{
    flex:1;
    overflow-y:auto;
    padding:0 8px 10px;
  }
  .cr-province-stat-list::-webkit-scrollbar{width:6px}
  .cr-province-stat-list::-webkit-scrollbar-thumb{background:#dfe2e8;border-radius:4px}
  .cr-province-stat-row{
    width:100%;
    border:0;
    background:transparent;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 34px;
    align-items:center;
    gap:8px;
    min-height:32px;
    padding:0 10px;
    border-radius:6px;
    color:var(--text-2);
    cursor:pointer;
    font-family:inherit;
    text-align:left;
    transition:background .12s, color .12s;
  }
  .cr-province-stat-row:hover{background:#f0f6ff;color:var(--primary)}
  .cr-province-stat-row.active{background:#e9f1ff;color:var(--primary)}
  .cr-province-stat-name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
  }
  .cr-province-stat-count{
    text-align:right;
    font-family:"Inter";
    font-size:13px;
    color:#c2c7d0;
    font-weight:400;
  }
  .cr-province-stat-row.active .cr-province-stat-count,
  .cr-province-stat-row:hover .cr-province-stat-count{color:var(--primary)}
  @media (max-width: 1180px){
    .cr-product-layout.show-province-filter{grid-template-columns:1fr}
    .cr-product-layout.show-province-filter .cr-province-filter-panel{
      min-height:0;
      max-height:none;
    }
    .cr-province-stat-list{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:6px;
      max-height:220px;
    }
  }


/* ── 创意图(AI运营) (原 958-1322) ── */
  /* ─────────── 创意图（AI运营） ─────────── */
  .ci-page{padding:6px 2px 24px}
  .ci-header{
    display:flex;justify-content:space-between;align-items:flex-end;
    gap:16px;flex-wrap:wrap;padding:14px 0 18px;
  }
  .ci-title{margin:0 0 4px;font-size:22px;font-weight:600;color:var(--text);letter-spacing:-0.01em}
  .ci-sub{margin:0;color:var(--text-3);font-size:13px}
  .ci-sub b{color:var(--text);font-weight:600;font-family:"Inter"}
  .ci-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

  /* Tab 切换：我方创意 / 竞品创意 */
  .ci-tabs{
    display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line);
    margin-bottom:14px;
  }
  .ci-tab{
    padding:10px 18px;font-size:14px;color:var(--text-2);font-weight:400;
    cursor:pointer;border:none;background:transparent;font-family:inherit;
    position:relative;transition:color .15s;
    display:inline-flex;align-items:center;gap:6px;
  }
  .ci-tab:hover{color:var(--text)}
  .ci-tab.active{color:var(--primary);font-weight:600}
  .ci-tab.active::after{
    content:'';position:absolute;left:14px;right:14px;bottom:-1px;
    height:2px;background:var(--primary);border-radius:1px;
  }
  .ci-tab .ci-tab-count{
    background:var(--bg-3);color:var(--text-4);font-family:"Inter";font-size:11px;
    font-weight:500;padding:1px 6px;border-radius:99px;line-height:1.4;
  }
  .ci-tab.active .ci-tab-count{background:var(--primary);color:#fff}

  /* KPI 概览（顶部统计卡） */
  .ci-kpi-row{
    display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;
    margin-bottom:14px;
  }
  @media (max-width:1080px){.ci-kpi-row{grid-template-columns:repeat(3, 1fr)}}
  @media (max-width:680px){.ci-kpi-row{grid-template-columns:repeat(2, 1fr)}}
  .ci-kpi{
    background:var(--panel);border:1px solid var(--line);border-radius:8px;
    padding:12px 14px;
  }
  .ci-kpi .ci-kpi-lbl{font-size:11.5px;color:var(--text-3);margin-bottom:6px}
  .ci-kpi .ci-kpi-val{
    font-family:"Inter";font-size:20px;font-weight:600;
    color:var(--text);letter-spacing:-0.02em;
  }
  .ci-kpi .ci-kpi-val .unit{font-size:11px;color:var(--text-4);font-weight:400;margin-left:3px}
  .ci-kpi .ci-kpi-trend{
    font-family:"Inter";font-size:11px;margin-top:3px;
    display:inline-flex;align-items:center;gap:3px;
  }
  .ci-kpi .ci-kpi-trend.up{color:#f53f3f}
  .ci-kpi .ci-kpi-trend.down{color:#00b42a}

  /* 工具栏 */
  .ci-toolbar{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;
  }
  .ci-search{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--panel);border:1px solid var(--line-mid);border-radius:6px;
    padding:0 12px;height:32px;width:220px;
    transition:border-color .15s;
  }
  .ci-search:focus-within{border-color:var(--primary)}
  .ci-search svg{color:var(--text-4);flex:none}
  .ci-search input{
    border:none;outline:none;background:transparent;flex:1;min-width:0;
    font-size:12.5px;color:var(--text);font-family:inherit;
  }
  .ci-search input::placeholder{color:var(--text-4)}
  .ci-select{
    background:var(--panel);border:1px solid var(--line-mid);border-radius:6px;
    padding:0 30px 0 12px;height:32px;min-width:140px;
    font-size:12.5px;color:var(--text);font-family:inherit;
    appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 10px center;
    transition:border-color .15s;
  }
  .ci-select:hover, .ci-select:focus{border-color:var(--primary)}
  .ci-sort-btns{
    display:inline-flex;background:var(--panel);
    border:1px solid var(--line-mid);border-radius:6px;overflow:hidden;
  }
  .ci-sort-btns button{
    background:transparent;border:none;border-right:1px solid var(--line);
    color:var(--text-2);font-size:12.5px;font-weight:400;
    padding:0 12px;height:32px;cursor:pointer;font-family:inherit;
    white-space:nowrap;transition:all .15s;
  }
  .ci-sort-btns button:last-child{border-right:none}
  .ci-sort-btns button.active{background:var(--primary-soft);color:var(--primary);font-weight:500}
  .ci-sort-btns button:hover:not(.active){background:var(--bg-2);color:var(--text)}
  .ci-view-toggle{
    display:inline-flex;background:var(--panel);
    border:1px solid var(--line-mid);border-radius:6px;overflow:hidden;
  }
  .ci-view-toggle button{
    background:transparent;border:none;border-right:1px solid var(--line);
    width:32px;height:32px;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    color:var(--text-3);transition:all .15s;
  }
  .ci-view-toggle button:last-child{border-right:none}
  .ci-view-toggle button.active{background:var(--primary-soft);color:var(--primary)}
  .ci-view-toggle button:hover:not(.active){background:var(--bg-2);color:var(--text)}
  .ci-toolbar-spacer{flex:1}
  .ci-add-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--primary);color:#fff;border:none;
    padding:0 14px;height:32px;border-radius:6px;cursor:pointer;
    font-size:12.5px;font-weight:500;font-family:inherit;
    transition:background .15s;
  }
  .ci-add-btn:hover{background:#0e54e6}

  /* 网格视图 */
  .ci-grid{
    display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    gap:14px;
  }
  .ci-card{
    background:var(--panel);border:1px solid var(--line);border-radius:10px;
    overflow:hidden;transition:all .15s;
    display:flex;flex-direction:column;
  }
  .ci-card:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(22,100,255,0.08)}
  .ci-card-img{
    width:100%;aspect-ratio:16/9;background:var(--bg-2);
    position:relative;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
  }
  .ci-card-img .ci-img-placeholder{
    width:100%;height:100%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-family:"Inter",sans-serif;font-size:22px;font-weight:700;
    letter-spacing:-0.02em;
    text-shadow:0 2px 8px rgba(0,0,0,0.2);
  }
  .ci-card-img .ci-rank-badge{
    position:absolute;top:8px;left:8px;
    background:rgba(0,0,0,0.5);color:#fff;
    font-family:"Inter";font-size:11px;font-weight:600;
    padding:2px 8px;border-radius:99px;
    backdrop-filter:blur(4px);
  }
  .ci-card-img .ci-rank-badge.top1{background:rgba(245,63,63,0.85)}
  .ci-card-img .ci-rank-badge.top2{background:rgba(255,125,0,0.85)}
  .ci-card-img .ci-rank-badge.top3{background:rgba(255,184,0,0.85)}
  .ci-card-img .ci-status-tag{
    position:absolute;top:8px;right:8px;
    background:rgba(255,255,255,0.95);color:var(--text);
    font-size:11px;padding:2px 8px;border-radius:99px;
    display:inline-flex;align-items:center;gap:4px;font-weight:500;
  }
  .ci-card-img .ci-status-tag .dot{width:5px;height:5px;border-radius:50%}
  .ci-card-img .ci-competitor-tag{
    position:absolute;bottom:8px;left:8px;
    background:rgba(114,46,209,0.9);color:#fff;
    font-size:10.5px;padding:2px 7px;border-radius:99px;
    backdrop-filter:blur(4px);font-weight:500;
  }
  .ci-card-body{padding:11px 12px 12px;flex:1;display:flex;flex-direction:column}
  .ci-card-title{
    font-size:13px;font-weight:500;color:var(--text);
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;
    min-height:36px;
  }
  .ci-card-meta{
    font-size:11px;color:var(--text-4);margin-top:5px;
    font-family:"Inter",inherit;display:flex;align-items:center;gap:6px;
  }
  .ci-card-meta .source{
    display:inline-flex;align-items:center;gap:3px;
    padding:1px 6px;border-radius:3px;background:var(--bg-2);
    font-size:10.5px;color:var(--text-3);
  }
  .ci-card-stats{
    display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;
    margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft);
  }
  .ci-card-stat{display:flex;flex-direction:column;gap:1px}
  .ci-card-stat .lbl{font-size:10.5px;color:var(--text-4)}
  .ci-card-stat .val{
    font-family:"Inter";font-size:13px;font-weight:600;color:var(--text);
    letter-spacing:-0.01em;
  }
  .ci-card-stat .val.ctr-high{color:#00b42a}
  .ci-card-stat .val.ctr-low{color:var(--text-2);font-weight:500}

  /* 列表视图（表格） */
  .ci-list-card{
    background:var(--panel);border:1px solid var(--line);border-radius:10px;
    overflow:hidden;
  }
  .ci-list-wrap{overflow-x:auto}
  .ci-table{
    width:100%;border-collapse:separate;border-spacing:0;
    font-size:13px;min-width:1100px;
  }
  .ci-table thead th{
    background:var(--bg-2);font-weight:400;font-size:12.5px;
    color:var(--text-3);text-align:center;
    padding:11px 12px;border-bottom:1px solid var(--line);
    white-space:nowrap;
  }
  .ci-table thead th.ci-th-sortable{cursor:pointer;user-select:none;transition:color .15s}
  .ci-table thead th.ci-th-sortable:hover{color:var(--text)}
  .ci-table thead th.ci-th-sortable .sort-ico{
    display:inline-block;margin-left:4px;color:var(--text-4);
    transition:transform .15s, color .15s;vertical-align:middle;
  }
  .ci-table thead th.ci-th-sortable.asc .sort-ico{color:var(--primary);transform:rotate(180deg)}
  .ci-table thead th.ci-th-sortable.desc .sort-ico{color:var(--primary)}
  .ci-table tbody td{
    padding:10px 12px;font-size:13px;color:var(--text);
    border-bottom:1px solid var(--line-soft);text-align:center;
    transition:background .12s;
  }
  .ci-table tbody tr:hover td{background:var(--bg-2)}
  .ci-table .ci-tbl-thumb{
    width:96px;height:54px;border-radius:5px;
    display:inline-flex;align-items:center;justify-content:center;
    color:#fff;font-family:"Inter";font-size:13px;font-weight:700;
    vertical-align:middle;margin-right:10px;flex:none;
    text-shadow:0 1px 3px rgba(0,0,0,0.2);
    position:relative;cursor:zoom-in;transition:transform .15s;
  }
  .ci-table .ci-tbl-thumb:hover{transform:scale(1.06);box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:3}
  /* 浮动大图预览（通过 JS 控制位置，body 末尾的固定元素）*/
  #ci-thumb-popover{
    position:fixed;width:480px;aspect-ratio:16/9;
    background-color:#000;background-size:contain;background-repeat:no-repeat;background-position:center;
    border:1px solid rgba(0,0,0,0.1);border-radius:10px;
    box-shadow:0 16px 48px rgba(0,0,0,0.25);
    opacity:0;pointer-events:none;
    transition:opacity .12s;z-index:9999;
  }
  #ci-thumb-popover.show{opacity:1}
  .ci-table .ci-tbl-name{text-align:left;color:var(--text);font-weight:500;max-width:380px;display:flex;align-items:center;gap:0}
  .ci-table .ci-tbl-name .name-text-wrap{display:inline-flex;flex-direction:column;gap:3px;min-width:0;flex:1}
  .ci-table .ci-tbl-name .name-main{
    display:block;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    max-width:260px;
  }
  .ci-table .ci-tbl-name .name-meta{
    display:block;font-size:11px;color:var(--text-4);
    margin:0;font-family:"Inter",inherit;
  }
  .ci-table .ci-money{font-family:"Inter";font-weight:500}
  .ci-table .ci-num{font-family:"Inter";font-weight:500}
  .ci-table .ci-percent{font-family:"Inter";font-weight:600}
  .ci-table .ci-percent.high{color:#00b42a}
  .ci-table .ci-percent.low{color:var(--text-2)}

  .ci-empty{
    padding:80px 20px;text-align:center;color:var(--text-4);font-size:13px;
    background:var(--panel);border:1px solid var(--line);border-radius:10px;
  }
  .ci-empty svg{margin-bottom:14px;opacity:0.5}

  /* 卡片上的封面图（覆盖渐变占位） */
  .ci-card-img .ci-cover-img{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;display:block;
  }
  /* 列表视图缩略图同样支持真实图片 */
  .ci-table .ci-tbl-thumb.has-img{padding:0;overflow:hidden}
  .ci-table .ci-tbl-thumb.has-img img{
    width:100%;height:100%;object-fit:cover;display:block;
  }

  /* 创意图编号显示在卡片底部 */
  .ci-card-code{
    display:flex;align-items:center;gap:5px;
    margin-top:8px;padding:5px 8px;
    background:var(--bg-2);border-radius:5px;
    font-size:11px;color:var(--text-3);
    font-family:"Inter",inherit;
  }
  .ci-card-code .lbl{color:var(--text-4)}
  .ci-card-code .val{
    color:var(--text-2);font-weight:500;
    letter-spacing:0.02em;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .ci-card-code .copy-btn{
    margin-left:auto;color:var(--text-4);cursor:pointer;
    padding:1px;border-radius:3px;flex:none;
    transition:color .15s;
  }
  .ci-card-code .copy-btn:hover{color:var(--primary)}
  .ci-table td .ci-tbl-code{
    font-family:"Inter",inherit;font-size:11.5px;color:var(--text-3);
    display:block;margin-left:50px;margin-top:2px;
  }

  /* 创意图复盘内容 */
  .ci-card-review{
    margin-top:8px;padding:8px 10px;border-radius:6px;
    background:linear-gradient(135deg, rgba(22,100,255,0.05) 0%, rgba(91,142,255,0.05) 100%);
    border:1px solid rgba(22,100,255,0.12);
    font-size:11.5px;color:var(--text-2);line-height:1.55;
    position:relative;
  }
  .ci-card-review .lbl{
    display:inline-flex;align-items:center;gap:4px;
    font-size:10.5px;color:var(--primary);font-weight:600;
    margin-bottom:4px;letter-spacing:0.02em;
  }
  .ci-card-review .lbl svg{flex:none}
  .ci-card-review .txt{
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden;text-overflow:ellipsis;
    word-break:break-word;
  }
  .ci-card-review.expanded .txt{
    -webkit-line-clamp:unset;overflow:visible;
  }
  .ci-card-review .more{
    margin-top:3px;font-size:11px;color:var(--primary);
    background:transparent;border:none;cursor:pointer;
    padding:0;font-family:inherit;
  }
  .ci-card-review .more:hover{text-decoration:underline}
  .ci-card-review-empty{
    margin-top:8px;padding:8px 10px;border-radius:6px;
    background:var(--bg-2);
    font-size:11.5px;color:var(--text-4);
    display:flex;align-items:center;gap:5px;font-style:italic;
  }

  /* 列表视图复盘列 */
  .ci-table td.ci-tbl-review{
    text-align:left;max-width:260px;
    font-size:12.5px;color:var(--text-2);line-height:1.55;
  }
  .ci-table td.ci-tbl-review .review-text{
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;text-overflow:ellipsis;
  }
  .ci-table td.ci-tbl-review .review-empty{color:var(--text-4);font-style:italic}

  /* 卡片底部编辑入口（hover 显示） */
  .ci-card{position:relative}
  .ci-card-edit-btn{
    position:absolute;top:8px;right:8px;z-index:3;
    width:28px;height:28px;border-radius:50%;
    background:rgba(255,255,255,0.92);
    border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    color:var(--text-2);opacity:0;transform:scale(0.9);
    transition:all .15s;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
  }
  .ci-card:hover .ci-card-edit-btn{opacity:1;transform:scale(1)}
  .ci-card-edit-btn:hover{color:var(--primary);background:#fff}


/* ── 创意文案(AI运营) (原 1985-2316) ── */
  /* ─────────── 创意文案（AI运营） ─────────── */
  .cc-page{padding:6px 2px 24px}
  .cc-header{
    display:flex;justify-content:space-between;align-items:flex-end;
    gap:16px;flex-wrap:wrap;padding:14px 0 18px;
  }
  .cc-title{margin:0 0 4px;font-size:22px;font-weight:600;color:var(--text);letter-spacing:-0.01em}
  .cc-sub{margin:0;color:var(--text-3);font-size:13px}
  .cc-sub b{color:var(--text);font-weight:600;font-family:"Inter"}
  .cc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .cc-add-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--primary);color:#fff;border:none;
    padding:0 14px;height:32px;border-radius:6px;cursor:pointer;
    font-size:12.5px;font-weight:500;font-family:inherit;
    transition:background .15s;
  }
  .cc-add-btn:hover{background:#0e54e6}

  /* Tab 切换：我方 / 竞品 */
  .cc-tabs{
    display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line);
    margin-bottom:14px;
  }
  .cc-tab{
    padding:10px 18px;font-size:14px;color:var(--text-2);font-weight:400;
    cursor:pointer;border:none;background:transparent;font-family:inherit;
    position:relative;transition:color .15s;
    display:inline-flex;align-items:center;gap:6px;
  }
  .cc-tab:hover{color:var(--text)}
  .cc-tab.active{color:var(--primary);font-weight:600}
  .cc-tab.active::after{
    content:'';position:absolute;left:14px;right:14px;bottom:-1px;
    height:2px;background:var(--primary);border-radius:1px;
  }
  .cc-tab .cc-tab-count{
    background:transparent;color:var(--text-4);font-family:"Inter";font-size:11px;
    font-weight:500;padding:0;border-radius:0;line-height:1.4;
    margin-left:1px;
  }
  .cc-tab.active .cc-tab-count{background:transparent;color:var(--primary)}
  .cc-subtab .cc-tab-count{
    background:transparent;color:var(--text-4);
    padding:0;margin-left:1px;
    font-family:"Inter";font-size:11px;font-weight:500;
  }
  .cc-subtab.active .cc-tab-count{color:var(--primary)}

  /* 二级 Tab：标题 / 评论 / 视频文案 */
  .cc-subtabs{
    display:inline-flex;gap:0;border:1px solid var(--line-mid);
    border-radius:6px;overflow:hidden;background:var(--panel);
    margin-bottom:14px;
  }
  .cc-subtab{
    padding:7px 16px;font-size:12.5px;color:var(--text-2);
    background:transparent;border:none;border-right:1px solid var(--line);
    cursor:pointer;font-family:inherit;transition:all .15s;
    display:inline-flex;align-items:center;gap:6px;
  }
  .cc-subtab:last-child{border-right:none}
  .cc-subtab:hover{background:var(--bg-2);color:var(--text)}
  .cc-subtab.active{background:var(--primary-soft);color:var(--primary);font-weight:600}

  /* 工具栏 */
  .cc-toolbar{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;
  }
  .cc-search{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--panel);border:1px solid var(--line-mid);border-radius:6px;
    padding:0 12px;height:32px;width:240px;
    transition:border-color .15s;
  }
  .cc-search:focus-within{border-color:var(--primary)}
  .cc-search svg{color:var(--text-4);flex:none}
  .cc-search input{
    border:none;outline:none;background:transparent;flex:1;min-width:0;
    font-size:12.5px;color:var(--text);font-family:inherit;
  }
  .cc-search input::placeholder{color:var(--text-4)}
  .cc-toolbar-spacer{flex:1}
  .cc-view-toggle{
    display:inline-flex;background:var(--panel);
    border:1px solid var(--line-mid);border-radius:6px;overflow:hidden;
  }
  .cc-view-toggle button{
    background:transparent;border:none;border-right:1px solid var(--line);
    width:32px;height:32px;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    color:var(--text-3);transition:all .15s;
  }
  .cc-view-toggle button:last-child{border-right:none}
  .cc-view-toggle button.active{background:var(--primary-soft);color:var(--primary)}
  .cc-view-toggle button:hover:not(.active){background:var(--bg-2);color:var(--text)}

  /* 列表视图 */
  .cc-list-card{
    background:var(--panel);border:1px solid var(--line);border-radius:10px;
    overflow:hidden;
  }
  .cc-list-wrap{overflow-x:auto}
  .cc-table{
    width:100%;border-collapse:separate;border-spacing:0;
    font-size:13px;min-width:880px;
  }
  .cc-table thead th{
    background:var(--bg-2);font-weight:400;font-size:12.5px;
    color:var(--text-3);text-align:left;
    padding:11px 14px;border-bottom:1px solid var(--line);
    white-space:nowrap;
  }
  .cc-table thead th.center{text-align:center}
  .cc-table tbody td{
    padding:12px 14px;font-size:13px;color:var(--text);
    border-bottom:1px solid var(--line-soft);
    vertical-align:top;transition:background .12s;
  }
  .cc-table tbody td.center{text-align:center;vertical-align:middle}
  .cc-table tbody tr:hover td{background:var(--bg-2)}
  .cc-table tbody tr:last-child td{border-bottom:none}
  .cc-tbl-type{
    display:inline-flex;align-items:center;gap:4px;
    padding:2px 8px;border-radius:99px;
    font-size:10.5px;font-weight:500;letter-spacing:0.02em;white-space:nowrap;
  }
  .cc-tbl-type.title{background:rgba(22,100,255,0.1);color:#1664ff}
  .cc-tbl-type.comment{background:rgba(255,125,0,0.1);color:#d96900}
  .cc-tbl-type.video{background:rgba(114,46,209,0.1);color:#722ed1}
  .cc-tbl-content{
    color:var(--text);line-height:1.6;
    max-width:520px;word-break:break-word;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;text-overflow:ellipsis;
  }
  .cc-tbl-content.title{font-weight:600;font-size:13.5px}
  .cc-tbl-content.video{
    white-space:pre-wrap;-webkit-line-clamp:3;
    background:var(--bg-1);padding:8px 10px;border-radius:5px;
    border-left:2px solid var(--primary);font-size:12.5px;
  }
  .cc-tbl-meta{font-size:11.5px;color:var(--text-4);margin-top:5px;font-family:"Inter",inherit}
  .cc-tbl-meta .brand{color:var(--text-2);font-weight:500}
  .cc-tbl-meta .sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--text-4);margin:0 6px;vertical-align:middle}
  .cc-tbl-tags{display:inline-flex;flex-wrap:wrap;gap:4px}
  .cc-tbl-tag{
    font-size:11px;color:var(--text-3);padding:1px 6px;
    background:var(--bg-2);border-radius:3px;
  }
  .cc-tbl-actions{display:inline-flex;gap:4px}
  .cc-tbl-act{
    width:26px;height:26px;border-radius:5px;
    background:var(--bg-2);border:none;color:var(--text-2);
    cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
    transition:all .15s;
  }
  .cc-tbl-act:hover{background:var(--primary-soft);color:var(--primary)}
  .cc-tbl-act.danger:hover{background:rgba(245,63,63,0.1);color:#f53f3f}

  /* 文案卡片列表 */
  .cc-list{
    display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));
    gap:14px;
  }
  .cc-card{
    background:var(--panel);border:1px solid var(--line);border-radius:10px;
    padding:14px 16px 12px;transition:all .15s;
    display:flex;flex-direction:column;gap:8px;position:relative;
  }
  .cc-card:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(22,100,255,0.08)}

  .cc-card-head{
    display:flex;justify-content:space-between;align-items:flex-start;gap:8px;
  }
  .cc-card-type-tag{
    display:inline-flex;align-items:center;gap:4px;
    padding:2px 8px;border-radius:99px;
    font-size:10.5px;font-weight:500;letter-spacing:0.02em;
    background:var(--primary-soft);color:var(--primary);
  }
  .cc-card-type-tag.title{background:rgba(22,100,255,0.1);color:#1664ff}
  .cc-card-type-tag.comment{background:rgba(255,125,0,0.1);color:#d96900}
  .cc-card-type-tag.video{background:rgba(114,46,209,0.1);color:#722ed1}
  .cc-card-comp-tag{
    display:inline-flex;align-items:center;gap:4px;
    padding:2px 7px;border-radius:99px;
    font-size:10.5px;font-weight:500;
    background:rgba(31,35,41,0.06);color:var(--text-2);
  }

  .cc-card-actions{
    display:flex;align-items:center;gap:4px;
    opacity:0;transition:opacity .15s;
  }
  .cc-card:hover .cc-card-actions{opacity:1}
  .cc-card-act{
    width:24px;height:24px;border-radius:5px;
    background:transparent;border:none;color:var(--text-3);
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    transition:all .15s;
  }
  .cc-card-act:hover{background:var(--bg-2);color:var(--primary)}
  .cc-card-act.danger:hover{color:#f53f3f}

  .cc-card-content{
    font-size:13.5px;color:var(--text);line-height:1.6;
    word-break:break-word;
    flex:1;
  }
  .cc-card-content.title{
    font-size:15px;font-weight:600;letter-spacing:-0.005em;
  }
  .cc-card-content.video{
    background:var(--bg-1);border-radius:6px;padding:10px 12px;
    border-left:3px solid var(--primary);
    white-space:pre-wrap;font-size:13px;line-height:1.65;
    max-height:260px;overflow-y:auto;
  }
  .cc-card-content.comment{
    font-size:13px;color:var(--text-2);font-style:normal;
    padding-left:12px;border-left:3px solid var(--line);
  }

  .cc-card-foot{
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    padding-top:8px;border-top:1px solid var(--line-soft);
    font-size:11px;color:var(--text-4);font-family:"Inter",inherit;
  }
  .cc-card-foot .ti{display:inline-flex;align-items:center;gap:3px}
  .cc-card-foot .ti svg{flex:none}
  .cc-card-foot .ti.brand{color:var(--text-3);font-weight:500}
  .cc-card-foot .sep{width:3px;height:3px;border-radius:50%;background:var(--text-4)}
  .cc-card-foot .copy-btn{
    margin-left:auto;cursor:pointer;color:var(--text-4);
    padding:2px 4px;border-radius:3px;transition:color .15s;
    display:inline-flex;align-items:center;gap:3px;background:transparent;
    border:none;font-family:inherit;font-size:11px;
  }
  .cc-card-foot .copy-btn:hover{color:var(--primary)}

  .cc-empty{
    padding:80px 20px;text-align:center;color:var(--text-4);font-size:13px;
    background:var(--panel);border:1px solid var(--line);border-radius:10px;
  }
  .cc-empty svg{margin-bottom:14px;opacity:0.5}

  /* 创意文案编辑 Modal */
  .cc-modal-backdrop{
    position:fixed;inset:0;background:rgba(31,35,41,0.45);
    backdrop-filter:blur(3px);opacity:0;pointer-events:none;
    transition:opacity .2s;z-index:200;
  }
  .cc-modal-backdrop.open{opacity:1;pointer-events:auto}
  .cc-modal{
    position:fixed;top:50%;left:50%;
    width:min(580px, calc(100vw - 40px));max-height:calc(100vh - 60px);
    transform:translate(-50%, -48%);opacity:0;pointer-events:none;
    background:var(--panel);border:1px solid var(--line);border-radius:12px;
    box-shadow:0 18px 48px rgba(31,35,41,0.18);
    z-index:210;display:flex;flex-direction:column;overflow:hidden;
    transition:opacity .22s, transform .22s cubic-bezier(.4,.0,.2,1);
  }
  .cc-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%, -50%)}
  .cc-modal-head{
    padding:16px 22px;border-bottom:1px solid var(--line);
    display:flex;justify-content:space-between;align-items:center;
  }
  .cc-modal-head h2{
    margin:0;font-size:16px;font-weight:600;color:var(--text);
  }
  .cc-modal-close{
    background:var(--bg-2);border:none;color:var(--text-2);
    width:28px;height:28px;border-radius:6px;cursor:pointer;
    font-size:18px;line-height:1;
    display:inline-flex;align-items:center;justify-content:center;
    transition:all .15s;
  }
  .cc-modal-close:hover{background:rgba(245,63,63,0.1);color:#f53f3f}
  .cc-modal-body{padding:18px 22px 20px;overflow-y:auto;flex:1}
  .cc-modal-foot{
    padding:12px 22px;border-top:1px solid var(--line);
    display:flex;justify-content:flex-end;gap:8px;background:var(--bg-1);
  }
  .cc-form-row{margin-bottom:14px}
  .cc-form-row:last-child{margin-bottom:0}
  .cc-form-label{
    display:block;font-size:12.5px;color:var(--text-3);
    margin-bottom:6px;
  }
  .cc-form-label .req{color:#f53f3f;margin-left:2px}
  .cc-form-input, .cc-form-select, .cc-form-textarea{
    width:100%;border:1px solid var(--line-mid);border-radius:6px;
    padding:9px 12px;font-size:13px;font-family:inherit;
    color:var(--text);background:var(--panel);
    transition:border-color .15s;outline:none;box-sizing:border-box;
  }
  .cc-form-input:focus, .cc-form-select:focus, .cc-form-textarea:focus{
    border-color:var(--primary);
  }
  .cc-form-input.is-error, .cc-form-textarea.is-error{border-color:#f53f3f}
  .cc-form-textarea{min-height:100px;resize:vertical;line-height:1.6}
  .cc-form-textarea.large{min-height:160px}
  .cc-form-select{
    appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;
    padding-right:32px;
  }
  .cc-form-help{font-size:11.5px;color:var(--text-4);margin-top:4px}
  .cc-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .cc-radio-group{
    display:inline-flex;gap:0;border-radius:6px;overflow:hidden;
    border:1px solid var(--line-mid);
  }
  .cc-radio-group button{
    background:transparent;border:none;border-right:1px solid var(--line);
    color:var(--text-2);font-size:13px;font-family:inherit;
    padding:8px 14px;cursor:pointer;transition:all .15s;
  }
  .cc-radio-group button:last-child{border-right:none}
  .cc-radio-group button.active{background:var(--primary-soft);color:var(--primary);font-weight:500}
  .cc-radio-group button:hover:not(.active){background:var(--bg-2);color:var(--text)}
  .cc-modal-btn-primary, .cc-modal-btn-secondary{
    border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;
    padding:8px 18px;border-radius:6px;transition:all .15s;
  }
  .cc-modal-btn-primary{background:var(--primary);color:#fff}
  .cc-modal-btn-primary:hover{background:#0e54e6}
  .cc-modal-btn-secondary{background:var(--bg-2);color:var(--text-2);border:1px solid var(--line-mid)}
  .cc-modal-btn-secondary:hover{background:var(--bg-3);color:var(--text)}