/* 提取的弹窗结构使用现有网站的深绿金色视觉。 */
html, body.modal-import { height: 100%; overflow: hidden; }
body.modal-import {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: #071c17;
  color: #f4dfbb;
}
.yx-modal-head {
  flex: 0 0 auto;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(232,174,62,.72);
  background: linear-gradient(180deg,rgba(21,60,45,.96),rgba(4,28,21,.98));
  box-shadow: inset 0 -1px 0 rgba(255,231,161,.12);
}
.embedded-modal .yx-modal-head { display: none; }
.yx-modal-title {
  margin: 0;
  color: #f7d185;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 2px;
  text-shadow: 0 1px 5px rgba(0,0,0,.6);
}
.yx-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px;
  background: radial-gradient(circle at 50% 0,rgba(46,112,77,.22),transparent 36%),linear-gradient(180deg,rgba(9,39,30,.97),rgba(3,22,17,.99));
  scrollbar-color: #c98722 #0a231b;
  scrollbar-width: thin;
}
.yx-modal-body::-webkit-scrollbar { width: 8px; height: 8px; }
.yx-modal-body::-webkit-scrollbar-track { background: #0a231b; }
.yx-modal-body::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#f2c15d,#9a560e); border: 1px solid #3b3723; border-radius: 999px; }
.yx-section-card {
  position: relative;
  margin: 0 0 13px;
  padding: 15px;
  border: 1px solid rgba(225,164,48,.62);
  border-radius: 10px;
  background: linear-gradient(180deg,rgba(32,77,55,.68),rgba(7,31,23,.86));
  box-shadow: inset 0 1px 0 rgba(255,231,165,.16),0 7px 18px rgba(0,0,0,.2);
}
.yx-section-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(255,224,143,.78),transparent);
}
.yx-section-title {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 10px;
  padding: 5px 13px 6px;
  border: 1px solid rgba(255,214,112,.7);
  border-radius: 999px;
  background: linear-gradient(180deg,#f0bd58,#c77c16 48%,#8f4709);
  color: #3b1602;
  font-size: 15px;
  font-weight: 800;
  text-shadow: 0 1px 0 rgba(255,242,191,.55);
  box-shadow: inset 0 1px 0 rgba(255,245,202,.58),0 4px 10px rgba(0,0,0,.24);
}
.yx-section-desc, .yx-note-item, .yx-kv-item, .yx-data-table td { color: #f4dfbb; font-size: 14px; line-height: 1.7; }
.yx-section-desc strong, .yx-data-table strong { color: #ffd879; }
.yx-note-list { display: grid; gap: 8px; margin-top: 7px; }
.yx-note-list-spaced { margin-top: 13px; }
.yx-note-item { display: flex; align-items: flex-start; gap: 7px; }
.yx-note-bullet { color: #f4bd4e; text-shadow: 0 0 6px rgba(244,189,78,.36); }
.yx-kv-grid { display: grid; gap: 9px; }
.yx-kv-item { padding: 10px 12px; border: 1px solid rgba(214,145,35,.5); border-radius: 7px; background: linear-gradient(180deg,rgba(30,70,50,.58),rgba(9,35,26,.8)); }
.yx-kv-item b { display: block; margin-bottom: 5px; padding-bottom: 4px; border-bottom: 1px solid rgba(220,153,42,.28); color: #ffd67a; }
.yx-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid rgba(222,156,45,.62); background: rgba(6,31,23,.83); }
.yx-data-table { width: 100%; min-width: 380px; border-collapse: collapse; background: linear-gradient(180deg,rgba(20,61,44,.88),rgba(5,27,20,.94)); }
.yx-data-table th, .yx-data-table td { padding: 9px; border-bottom: 1px solid rgba(215,147,36,.28); text-align: center; }
.yx-data-table th { color: #3a1603; background: linear-gradient(180deg,#edbb58,#b96d12); font-size: 13px; }
.yx-modal-actions { flex: 0 0 auto; padding: 11px 16px; border-top: 1px solid rgba(226,163,51,.65); background: linear-gradient(180deg,rgba(18,57,42,.96),rgba(3,24,18,.98)); }
.modal-btn { display: block; padding: 10px 14px; border: 1px solid #e4bb62; border-radius: 6px; background: linear-gradient(180deg,#f3ce78,#bf7b1d); color: #4a2105; text-align: center; text-decoration: none; font-weight: 800; }
.modal-btn:hover, .modal-btn:focus-visible { filter: brightness(1.1); outline: 2px solid #ffe8ab; }
@media(max-width:480px) { .yx-modal-body { padding: 12px; } .yx-section-card { padding: 12px; } .yx-section-title { font-size: 14px; } }
@media (max-width: 480px) {
  .offers-page .yx-table-wrap { overflow-x: hidden; }
  .offers-page .yx-data-table { width: 100%; min-width: 0; table-layout: fixed; }
  .offers-page .yx-data-table th,
  .offers-page .yx-data-table td {
    padding: 7px 3px;
    font-size: clamp(10px, 2.8vw, 12px);
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  .offers-page .yx-data-table th:first-child,
  .offers-page .yx-data-table td:first-child { width: 44%; }
}