/* putao_new v2 - full visual rewrite (light card theme) */

:root {
  --bg: #f3f6fb;
  --panel: #ffffff;
  --panel-soft: #f9fbff;
  --text: #23314f;
  --text-soft: #64739a;
  --line: #dde5f2;
  --primary: #1266f1;
  --primary-strong: #0f55c9;
  --accent: #ff8a00;
  --danger: #e65757;
  --shadow: 0 10px 24px rgba(29, 55, 104, 0.08);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
  background:
    radial-gradient(1200px 480px at 12% -6%, #e7f0ff 0, rgba(231, 240, 255, 0) 60%),
    radial-gradient(900px 360px at 90% 0, #ffeeda 0, rgba(255, 238, 218, 0) 55%),
    var(--bg);
  color: var(--text);
  line-height: 1.7;
  font-size: 14px;
}

a {
  color: var(--primary);
}

a:hover {
  color: var(--primary-strong);
}

.width1200,
.head_box,
.stui-pannel,
.addition-content,
.list-nav,
.white {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.head_box,
.stui-pannel,
.list-nav,
.white {
  background: var(--panel);
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow) !important;
}

/* header */
.head_box {
  margin-top: 14px;
}

.header {
  margin: 0;
  min-height: 106px;
  height: auto !important;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.header_left,
.header_right,
.header_submit,
.header_submit_b {
  float: none !important;
}

.header_left {
  margin: 0;
}

.header_left a,
.header_left img {
  width: 270px;
  height: 72px;
}

.header_right {
  flex: 1;
  width: 100%;
  margin: 0;
}

.header_submit {
  width: 100%;
  margin: 0;
  height: auto;
}

.header_submit_b {
  display: flex;
}

.header_submit_b form {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.header_submit_b input[type=text] {
  flex: 1 1 auto;
  width: auto;
  height: 44px;
  line-height: 44px;
  border: 1px solid #cfd9ea;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  background: var(--panel-soft);
  color: var(--text);
  text-indent: 14px;
  float: none !important;
  margin: 0 !important;
}

.header_submit_b input[type=text]::placeholder {
  color: #8a98b8;
}

.header_submit_b input[type=submit] {
  flex: 0 0 98px;
  width: 98px;
  height: 44px;
  border-radius: 0 10px 10px 0;
  border: 0;
  background: linear-gradient(135deg, var(--primary), #4094ff);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  float: none !important;
  margin: 0 !important;
}

.header_submit_b input[type=submit]:hover {
  background: linear-gradient(135deg, var(--primary-strong), #2f82f5);
}

.header_list {
  margin-top: 12px;
}

.header_list ul li {
  border-right: 1px solid #d7e0ef;
  color: var(--text-soft);
}

/* category area */
.nav {
  width: auto;
  margin: 10px;
  height: auto;
  overflow: hidden;
}

.nav .width1200 {
  width: 100% !important;
  margin: 0 !important;
}

.nav ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 6px;
  width: 100%;
}

.nav ul li {
  float: none !important;
  width: auto;
  height: 44px;
  line-height: 44px;
  margin: 0;
  border: 1px solid #d8e1f0;
  border-radius: 10px;
  background: #fff;
}

.nav ul li a {
  display: block;
  color: #34466f !important;
  font-size: 16px;
}

.nav ul li:nth-child(1),
.nav ul li:hover,
.nav ul li.yes {
  border-color: #b7ceff;
  background: linear-gradient(135deg, #eff5ff, #dfeeff);
}

.nav ul li:nth-child(1) a,
.nav ul li:hover a,
.nav ul li.yes a {
  color: #1249ac !important;
  font-weight: 700;
}

/* notice */
.announce-panel {
  margin-top: 14px;
  background: #fff !important;
  border: 1px solid #ffd6a3 !important;
  border-radius: 14px !important;
  overflow: hidden;
}

.notice-head {
  padding: 14px 18px !important;
  background: linear-gradient(135deg, #ff9800, #ffb347) !important;
  border-bottom: 1px solid #ffb866 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.notice-head .title {
  margin: 0;
  color: #fff !important;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.notice-meta {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 14px;
}

.notice-meta a {
  color: #fff !important;
  font-weight: 600;
  text-decoration: underline;
}

.notice-body {
  padding: 14px 18px 18px !important;
  background: #fff !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.notice-body p {
  margin: 0 !important;
  color: #2f456f !important;
  word-break: break-all;
  background: #fffaf3;
  border: 1px solid #ffe3be;
  border-radius: 8px;
  padding: 8px 12px;
  line-height: 1.8;
}

.notice-body .text-red {
  color: #e37900 !important;
  font-weight: 600;
}

.announce-panel,
.announce-panel * {
  text-shadow: none !important;
}

.announce-panel a:not(.text-red) {
  color: #1f4c99 !important;
}

.announce-panel .notice-meta {
  color: rgba(255, 255, 255, 0.92) !important;
}

.notice-body span[style*="E53333"] {
  display: inline-block;
  color: var(--danger) !important;
  border-left: 3px solid #ff8c8c;
  padding-left: 8px;
  background: #fff5f5;
}

/* list header + rows */
.addition-content {
  margin-top: 14px;
}

.videotitle {
  background: linear-gradient(135deg, #1a73ff, #4096ff);
  color: #fff;
  border-radius: 14px 14px 0 0 !important;
  border: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 130px 110px 130px;
  column-gap: 12px;
  align-items: center;
  padding: 12px 16px;
}

.videotitle .videoName,
.videotitle .category,
.videotitle .address,
.videotitle .time {
  color: #fff !important;
}

.videotitle .category,
.videotitle .address {
  text-align: center;
}

.videotitle .time {
  text-align: right;
}

.videoContent {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--line) !important;
  border-top: 0 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: var(--shadow) !important;
}

.videoContent li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 130px 110px 130px;
  column-gap: 12px;
  align-items: center;
  padding: 10px 16px !important;
  border-bottom: 1px dashed #e1e8f3;
  float: none !important;
}

.videoContent li:last-child {
  border-bottom: 0;
}

.videoContent .videoName {
  display: block !important;
  width: auto !important;
  float: none !important;
  color: #1d2d4f !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.videoContent .category {
  text-align: center;
  color: #5d6f96;
}

.videoContent .address {
  display: inline-block !important;
  width: auto !important;
  float: none !important;
  text-align: center;
  border: 1px solid #ff9d2a;
  border-radius: 8px;
  color: #e88400;
  background: #fff7ec;
  padding: 3px 10px;
}

.videoContent .address:hover {
  color: #fff;
  background: #ff9d2a;
}

.videoContent .time {
  text-align: right;
  color: #7282a4;
}

/* paging */
.kscont {
  width: 980px;
  margin: 10px auto;
}

.pages {
  height: auto;
  line-height: 1.8;
  font-size: 14px;
  color: #5e6f94;
  text-align: center;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
}

.pages a,
.pages span {
  border: 1px solid #d9e2f0;
  border-radius: 8px;
  background: #fff;
  color: #4a5f89;
}

.pages a:hover,
.pages span.active {
  background: #eaf2ff;
  border-color: #c6d8ff;
  color: #1349ac;
}

/* detail + play */
.list-nav.detail-breadcrumb,
.detail-card,
.player-card {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow) !important;
}

.list-nav.detail-breadcrumb span,
.list-nav.detail-breadcrumb .limit {
  color: #54688f !important;
  background: transparent !important;
}

.list-nav.detail-breadcrumb a {
  color: var(--primary) !important;
}

.section-title {
  background: linear-gradient(90deg, #f4f8ff 0, #fff8ed 100%) !important;
  color: #1c4d9f !important;
  font-size: 18px !important;
}

.detail-info-card .right p {
  color: #233a64 !important;
  font-weight: 600;
}

.bugs {
  border: 1px solid #7ea8ff;
  border-radius: 8px;
  background: #edf3ff;
  color: #295fce;
}

.bugs:hover {
  background: #2c66db;
  border-color: #2c66db;
  color: #fff;
}

.copy-all-btn {
  border: 1px solid #f0a2a2;
  border-radius: 8px;
  color: #d15b5b;
  background: #fff4f4;
}

.copy-all-btn:hover {
  background: #eb6a6a;
  border-color: #eb6a6a;
  color: #fff;
}

.copy-tip {
  color: #4f648f !important;
}

.detail-card,
.detail-card p,
.detail-card a,
.detail-card span {
  text-shadow: none !important;
  opacity: 1 !important;
}

.detail-play-card .player-title {
  color: #1f3f77 !important;
  font-weight: 700;
  background: #f1f6ff;
  border-radius: 8px;
  padding-left: 12px;
  border: 1px solid #d8e5ff;
}

.detail-play-card .play-group {
  margin: 12px 14px 16px;
}

.detail-play-card .play-group h4 {
  margin: 0 0 8px;
}

.detail-play-card .playlist {
  border: 1px solid #dbe4f5;
  border-radius: 10px;
  background: #fbfdff;
  padding: 10px 12px;
}

.detail-play-card .play-url-list {
  margin: 0;
  padding: 0;
}

.detail-play-card .text-style {
  display: flex !important;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  border-bottom: 1px dashed #d8e2f2;
  padding: 10px 0 !important;
  margin: 0;
}

.detail-play-card .text-style:last-child {
  border-bottom: 0;
}

.detail-play-card .copy_text {
  flex: 1 1 auto;
  min-width: 0;
  color: #cc1f1f !important;
  overflow-wrap: anywhere;
}

.detail-play-card .copy_text font {
  color: #e42b2b !important;
}

.detail-play-card .bugs {
  flex: 0 0 auto;
  display: inline-block;
  padding: 4px 14px;
  line-height: 1.4;
  text-align: center;
}

.detail-play-card .copy-all-btn {
  flex: 0 0 auto;
  display: inline-block;
  padding: 4px 12px;
  line-height: 1.4;
}

.detail-play-card .copy-tip {
  margin-left: auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.player-card {
  min-height: 620px !important;
  padding: 14px !important;
}

.player-card iframe,
.player-card video,
.player-card object,
.player-card embed,
.player-card #player,
.player-card .MacPlayer,
.player-card .MacPlayerBox,
.player-card .dplayer {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 540px !important;
}

/* footer */
.footer {
  margin-top: 20px;
  background: #ffffff;
  border-top: 1px solid var(--line);
}

.footer_right p {
  color: #6d7fa6;
}

/* responsive: tablet */
@media (max-width: 1024px) {
  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .width1200,
  .head_box,
  .stui-pannel,
  .addition-content,
  .list-nav,
  .white,
  .kscont,
  .footer .width1200 {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .nav {
    margin: 8px !important;
    height: auto !important;
    overflow: visible !important;
  }

  .nav ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    white-space: normal !important;
  }

  .nav ul li {
    float: none !important;
    display: block !important;
    width: auto !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
  }

  .nav ul li a {
    font-size: 13px !important;
    padding: 0 4px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .header_left a,
  .header_left img {
    width: auto !important;
    max-width: 220px !important;
    height: 48px !important;
  }

  .header_right,
  .header_submit,
  .header_submit_b,
  .header_submit_b form {
    width: 100% !important;
    float: none !important;
  }

  .header_submit_b input[type=text] {
    min-width: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

  .header_submit_b input[type=submit] {
    flex: 0 0 86px;
    width: 86px;
    height: 40px;
    font-size: 14px;
  }

  .header_list {
    margin-top: 8px;
    width: 100%;
  }

  .header_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .header_list ul li {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
    height: auto;
    line-height: 1.4;
  }

  .notice-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .notice-head .title {
    font-size: 18px;
    line-height: 1.35;
  }

  .notice-meta {
    font-size: 13px;
  }

  /* 覆盖 plugin.css 固定 920px 列表宽度 */
  .addition-content .videoContent li,
  .videoContent li {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    min-height: 42px !important;
    line-height: 1.45 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px 90px 96px !important;
    column-gap: 8px !important;
    box-sizing: border-box !important;
  }

  .videotitle {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 90px 90px 96px !important;
    column-gap: 8px !important;
  }

  .addition-content .videoContent .videoName,
  .videoContent .videoName,
  .videotitle .videoName {
    width: auto !important;
    max-width: 100% !important;
  }

  .addition-content .videoContent .category,
  .addition-content .videoContent .address,
  .addition-content .videoContent .time,
  .videoContent .category,
  .videoContent .address,
  .videoContent .time,
  .videotitle .category,
  .videotitle .address,
  .videotitle .time {
    width: auto !important;
  }

  .player-card {
    min-height: 360px !important;
    padding: 10px !important;
  }

  .player-card iframe,
  .player-card video,
  .player-card object,
  .player-card embed,
  .player-card #player,
  .player-card .MacPlayer,
  .player-card .MacPlayerBox,
  .player-card .dplayer {
    min-height: 260px !important;
  }

  .detail-play-card .text-style {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .detail-play-card .copy-tip {
    margin-left: 0;
    white-space: normal;
  }

  .people,
  .detail-info-card .people {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .people .left,
  .people .right,
  .detail-info-card .people .left,
  .detail-info-card .people .right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    height: auto !important;
  }

  .people .left img,
  .detail-info-card .people .left img {
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
  }

  .right p,
  .people .right p {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* responsive: phone */
@media (max-width: 768px) {
  body {
    font-size: 13px;
  }

  .width1200,
  .head_box,
  .stui-pannel,
  .addition-content,
  .list-nav,
  .white,
  .kscont,
  .footer .width1200 {
    width: calc(100% - 10px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .head_box {
    margin-top: 8px !important;
    border-radius: 12px !important;
  }

  .header {
    padding: 10px !important;
    gap: 10px !important;
  }

  .header_left a,
  .header_left img {
    max-width: 168px !important;
    height: 40px !important;
  }

  .header_list {
    display: none !important;
  }

  .header_submit_b input[type=text] {
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    border-radius: 9px 0 0 9px;
  }

  .header_submit_b input[type=submit] {
    flex: 0 0 72px;
    width: 72px;
    height: 38px;
    font-size: 13px;
    border-radius: 0 9px 9px 0;
  }

  /* 分类：2列更稳，避免横向滚动 */
  .nav {
    margin: 6px !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .nav .width1200 {
    width: 100% !important;
    padding: 0 !important;
  }

  .nav ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    white-space: normal !important;
  }

  .nav ul li {
    height: 38px !important;
    line-height: 38px !important;
    border-radius: 9px !important;
  }

  .nav ul li a {
    font-size: 12.5px !important;
  }

  .announce-panel {
    margin-top: 10px !important;
  }

  .notice-head {
    padding: 10px 12px !important;
  }

  .notice-head .title {
    font-size: 16px !important;
  }

  .notice-body {
    padding: 10px !important;
    gap: 6px !important;
  }

  .notice-body p {
    font-size: 12px !important;
    line-height: 1.55 !important;
    padding: 8px 10px !important;
  }

  /* 手机列表：仅标题 + 时间，卡片式 */
  .videotitle,
  .addition-content .videotitle {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    column-gap: 8px !important;
    padding: 10px 12px !important;
    border-radius: 12px 12px 0 0 !important;
  }

  .videotitle .category,
  .videotitle .address {
    display: none !important;
  }

  .videotitle .videoName {
    width: auto !important;
    font-size: 13px !important;
  }

  .videotitle .time {
    width: auto !important;
    text-align: right !important;
    font-size: 12px !important;
  }

  .videoContent,
  .addition-content .videoContent {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 0 0 12px 12px !important;
  }

  .addition-content .videoContent li,
  .videoContent li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    column-gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    height: auto !important;
    min-height: 48px !important;
    line-height: 1.45 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  .videoContent .category,
  .videoContent .address,
  .addition-content .videoContent .category,
  .addition-content .videoContent .address {
    display: none !important;
  }

  .videoContent .videoName,
  .addition-content .videoContent .videoName {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #1d2d4f !important;
  }

  .videoContent .videoName .new,
  .addition-content .videoContent .videoName .new {
    height: 12px !important;
    width: auto !important;
    vertical-align: -1px;
    margin-right: 3px;
  }

  .videoContent .time,
  .addition-content .videoContent .time {
    display: block !important;
    width: auto !important;
    text-align: right !important;
    font-size: 11.5px !important;
    color: #7a89a8 !important;
    white-space: nowrap !important;
  }

  .videoContent .time font {
    color: #e45757 !important;
    font-size: 11.5px !important;
  }

  /* 分页 */
  .pages,
  .kscont {
    width: calc(100% - 10px) !important;
    max-width: 100% !important;
    padding: 10px 6px !important;
    font-size: 12px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .pages a,
  .pages span,
  .pagelink_b {
    display: inline-block !important;
    margin: 2px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
  }

  /* 详情页 */
  .list-nav.detail-breadcrumb {
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    word-break: break-all;
  }

  .detail-card {
    padding: 10px !important;
  }

  .detail-desc-card p {
    margin: 0 !important;
    word-break: break-word;
  }

  .detail-play-card .play-group {
    margin: 10px 6px 12px !important;
  }

  .detail-play-card .playlist {
    padding: 8px !important;
  }

  .detail-play-card .text-style {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 10px 0 !important;
  }

  .detail-play-card .copy_text {
    width: 100% !important;
    font-size: 12px !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }

  .detail-play-card .bugs,
  .detail-play-card .copy-all-btn {
    width: 100% !important;
    text-align: center !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
  }

  .detail-play-card .copy-tip {
    width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    font-size: 12px !important;
  }

  .player-card {
    min-height: 240px !important;
    padding: 8px !important;
  }

  .player-card iframe,
  .player-card video,
  .player-card object,
  .player-card embed,
  .player-card #player,
  .player-card .MacPlayer,
  .player-card .MacPlayerBox,
  .player-card .dplayer {
    min-height: 200px !important;
    height: 56.25vw !important;
    max-height: 280px !important;
  }

  .footer {
    margin-top: 14px !important;
  }

  .footer p {
    font-size: 11px !important;
    line-height: 1.6 !important;
    padding: 0 8px !important;
  }
}

/* responsive: small phone */
@media (max-width: 380px) {
  .nav ul {
    grid-template-columns: 1fr 1fr !important;
  }

  .header_left a,
  .header_left img {
    max-width: 140px !important;
    height: 36px !important;
  }

  .videotitle,
  .addition-content .videoContent li,
  .videoContent li {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .videoContent .videoName,
  .addition-content .videoContent .videoName {
    font-size: 13px !important;
  }
}


/* hermes player layout fix */
.player-wrap{position:relative;width:100%;background:#000;overflow:hidden;aspect-ratio:16/9}
.player-wrap .MacPlayer,.player-wrap #playleft{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.player-wrap iframe,.player-wrap video,.player-wrap .MacPlayer iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important;display:block}


/* hermes player-card fill */
.player-card{position:relative!important;width:100%!important;min-height:200px;aspect-ratio:16/9;background:#000;overflow:hidden}
.player-card .MacPlayer,.player-card #playleft,.player-card .player-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.player-card iframe,.player-card video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;display:block!important}


/* =========================================================
   thzy.me beauty layer v=beauty20260723
   peach blossom / resource-station polish (desktop + mobile)
   ========================================================= */
:root{
  --bg:#eef3ff;
  --bg2:#f7f9fc;
  --panel:#ffffff;
  --panel-soft:#f8fbff;
  --text:#0f172a;
  --text-soft:#64748b;
  --line:#e2e8f0;
  --primary:#e11d48;
  --primary-strong:#be123c;
  --primary-2:#f43f5e;
  --accent:#fb7185;
  --blue:#2563eb;
  --cyan:#06b6d4;
  --violet:#7c3aed;
  --danger:#e11d48;
  --shadow:0 14px 36px rgba(15,23,42,.10);
  --shadow-sm:0 6px 16px rgba(15,23,42,.07);
  --radius:16px;
  --trans:.2s cubic-bezier(.2,.7,.2,1);
  --wrap:1080px;
}

html{scroll-behavior:smooth}
body{
  color:var(--text)!important;
  background:
    radial-gradient(1000px 420px at 8% -8%, rgba(244,63,94,.16), transparent 60%),
    radial-gradient(900px 380px at 95% 0%, rgba(251,113,133,.14), transparent 55%),
    radial-gradient(700px 360px at 50% 100%, rgba(37,99,235,.08), transparent 50%),
    linear-gradient(180deg,#fdf2f8 0%, #eef2ff 40%, #f8fafc 100%)!important;
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(180deg,#000,transparent 88%);
}
body > *{position:relative;z-index:1}

/* ad polish */
body > a[href*="98zy"] img,
body > a[href*="ldddh"] img,
a > img[src*="ad_banner"],
a > img[src*="1233.gif"],
a > img[src*="123.gif"],
a > img[src*="1234.gif"]{
  border-radius:14px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.12)!important;
  max-width:min(1080px,calc(100% - 24px))!important;
  margin-left:auto!important;margin-right:auto!important;
}

.width1200,
.head_box,
.stui-pannel,
.addition-content,
.list-nav,
.white{
  width:min(var(--wrap), calc(100% - 24px))!important;
  max-width:var(--wrap)!important;
}

.head_box,
.stui-pannel,
.list-nav,
.white,
.footer{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:saturate(140%) blur(8px);
}

/* header */
.head_box{
  margin-top:14px!important;
  overflow:hidden;
}
.header{
  margin:0!important;
  min-height:96px!important;
  height:auto!important;
  padding:16px 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  background:
    linear-gradient(90deg,rgba(244,63,94,.06),rgba(37,99,235,.04) 50%,transparent)!important;
}
.header_left a,
.header_left img{
  display:block;
  height:44px!important;
  width:auto!important;
  max-width:220px!important;
  border-radius:10px;
  box-shadow:0 6px 16px rgba(225,29,72,.15);
}
.header_right{flex:1;min-width:0}
.header_submit,
.header_submit_b{width:100%}
.header_submit_b form,
#search{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  border:1px solid #fecdd3!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,#fff7f9)!important;
  box-shadow:inset 0 1px 0 #fff, var(--shadow-sm)!important;
  transition:border-color var(--trans), box-shadow var(--trans);
}
.header_submit_b form:focus-within,
#search:focus-within{
  border-color:#fb7185!important;
  box-shadow:0 0 0 4px rgba(244,63,94,.12), var(--shadow-sm)!important;
}
.header_submit_b input,
#search input,
.header_submit_b .mac_wd{
  flex:1!important;
  border:0!important;
  outline:none!important;
  background:transparent!important;
  padding:12px 16px!important;
  font-size:14px!important;
  color:var(--text)!important;
  height:auto!important;
  line-height:1.4!important;
}
.header_submit_b button,
#search button,
.header_submit_b .mac_search,
.header_submit_b input[type=submit]{
  border:0!important;
  background:linear-gradient(135deg,#e11d48,#f43f5e 55%,#fb7185)!important;
  color:#fff!important;
  font-weight:800!important;
  padding:0 20px!important;
  height:42px!important;
  min-width:84px!important;
  cursor:pointer!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.header_submit_b button:hover,
#search button:hover{filter:brightness(1.05)}

/* top stats / links near header */
.header_right a{transition:color var(--trans)}
.header_right a:hover{color:var(--primary)!important}

/* nav */
.nav,
.list-nav,
.nav_box{
  margin-top:12px!important;
  overflow:hidden;
}
.nav ul,
.list-nav ul{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
  margin:0!important;
  background:linear-gradient(120deg,#9f1239 0%, #e11d48 42%, #fb7185 72%, #fda4af 100%)!important;
  border-radius:14px!important;
  list-style:none!important;
}
.nav ul li,
.list-nav ul li{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.nav ul li a,
.list-nav ul li a,
.nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  color:rgba(255,255,255,.92)!important;
  font-weight:800!important;
  font-size:13px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  transition:all var(--trans)!important;
  white-space:nowrap;
}
.nav ul li a:hover,
.list-nav ul li a:hover,
.nav a:hover{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  transform:translateY(-1px);
}
.nav ul li.active a,
.nav ul li.cur a,
.list-nav ul li.active a,
.nav a.active{
  background:linear-gradient(135deg,#fff,#ffe4e6)!important;
  color:#9f1239!important;
  box-shadow:0 6px 14px rgba(255,255,255,.2)!important;
}

/* panels / notice / content cards */
.stui-pannel,
.white,
.addition-content{
  margin-top:14px!important;
  overflow:hidden;
}
.stui-pannel-box,
.stui-pannel_hd,
.stui-pannel_bd{
  border:0!important;
  background:transparent!important;
}
.stui-pannel_hd,
.pannel_head,
.list-title{
  padding:12px 16px!important;
  border-bottom:1px solid var(--line)!important;
  background:linear-gradient(180deg,#fff7f9,#fff1f2)!important;
}
.stui-pannel_hd h2,
.stui-pannel_hd h3,
.pannel_head h2,
.list-title{
  margin:0!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.2px;
  color:var(--text)!important;
  position:relative;
  padding-left:12px!important;
}
.stui-pannel_hd h2::before,
.stui-pannel_hd h3::before,
.pannel_head h2::before,
.list-title::before{
  content:"";
  position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;
  background:linear-gradient(180deg,#e11d48,#fb7185);
}

/* video list */
.videotitle,
.addition-content .videoContent li,
.videoContent li,
.list-item,
.stui-vodlist__box{
  transition:background var(--trans), transform var(--trans), box-shadow var(--trans)!important;
}
.videoContent li,
.addition-content .videoContent li{
  border-bottom:1px solid #f1f5f9!important;
  background:transparent!important;
}
.videoContent li:nth-child(even),
.addition-content .videoContent li:nth-child(even){
  background:rgba(255,241,242,.45)!important;
}
.videoContent li:hover,
.addition-content .videoContent li:hover{
  background:linear-gradient(90deg,#fff1f2,#f8fafc)!important;
}
.videoContent .videoName a,
.addition-content .videoContent .videoName a,
.videoName a{
  color:#9f1239!important;
  font-weight:800!important;
}
.videoContent .videoName a:hover,
.videoName a:hover{color:var(--primary)!important}

/* tags / time */
.videoTime,
.time,
.remarks,
.pic-text,
.ep-tag,
span.remarks{
  color:#e11d48!important;
  font-weight:700!important;
}
.pic-text,
.ep-tag,
.tag{
  background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;
  border:1px solid #fdba74!important;
  color:#c2410c!important;
  border-radius:999px!important;
  padding:1px 8px!important;
}

/* buttons */
.layui-btn,
.btn,
.copy-all-btn,
button.copy,
a.btn{
  border-radius:999px!important;
  font-weight:800!important;
  transition:all var(--trans)!important;
}
.layui-btn-normal,
.layui-btn-primary:hover,
.copy-all-btn{
  background:linear-gradient(135deg,#e11d48,#f43f5e)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(225,29,72,.25)!important;
}
.layui-btn:hover,
.copy-all-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}

/* detail */
.detail-play-card,
.player-card,
.content-detail,
.vod-detail{
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow-sm)!important;
  border:1px solid var(--line)!important;
  overflow:hidden;
}
.player-card{
  background:#000!important;
  border-radius:var(--radius)!important;
}

/* paging */
.stui-page,
.mac_pages,
.paging{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:14px 0!important;
}
.stui-page li a,
.stui-page li span,
.mac_pages a,
.mac_pages span,
.page a,
.page span,
.paging a,
.paging span{
  min-width:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px!important;
  border-radius:11px!important;
  border:1px solid #fecdd3!important;
  background:#fff!important;
  color:#9f1239!important;
  font-weight:800!important;
  box-shadow:none!important;
  transition:all var(--trans)!important;
}
.stui-page li a:hover,
.mac_pages a:hover,
.page a:hover,
.paging a:hover{
  border-color:#e11d48!important;
  color:#e11d48!important;
  transform:translateY(-1px);
}
.stui-page li.active a,
.stui-page li.active span,
.mac_pages .active,
.page .current,
.paging .current{
  background:linear-gradient(135deg,#e11d48,#f43f5e)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(225,29,72,.28)!important;
}

/* footer */
.footer{
  margin:24px auto 28px!important;
  padding:18px 14px!important;
  text-align:center!important;
}
.footer p,
.footer a{
  color:var(--text-soft)!important;
  font-size:12px!important;
  line-height:1.8!important;
}
.footer a:hover{color:var(--primary)!important}

/* notice / api boxes if any */
.notice,
.notice-box,
.api-box,
.tip,
.alert{
  border-radius:14px!important;
  border:1px solid #fecdd3!important;
  background:linear-gradient(180deg,#fff,#fff7f9)!important;
  box-shadow:var(--shadow-sm)!important;
}

/* links default */
a{color:#be123c}
a:hover{color:#e11d48}

/* mobile reinforce */
@media (max-width:768px){
  body{overflow-x:hidden!important}
  .width1200,
  .head_box,
  .stui-pannel,
  .addition-content,
  .list-nav,
  .white,
  .footer{
    width:calc(100% - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .header{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    padding:12px!important;
    min-height:auto!important;
  }
  .header_left{text-align:center}
  .header_left img{margin:0 auto;height:38px!important}
  .nav ul,
  .list-nav ul{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    padding:8px!important;
  }
  .nav ul li a,
  .list-nav ul li a{
    width:100%!important;
    padding:0 6px!important;
    font-size:12px!important;
    min-height:32px!important;
  }
  .stui-pannel_hd h2,
  .title h2{font-size:16px!important}
  .videoContent li,
  .addition-content .videoContent li{
    padding:10px 12px!important;
  }
}

@media (max-width:420px){
  .nav ul,
  .list-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== coord fix beauty20260723b ===== */

/* 公告橙条标题：白字，不要白底盒子 */
.notice-head{
  padding:14px 18px !important;
  background:linear-gradient(135deg,#f97316,#fb923c 55%,#fdba74) !important;
  border-bottom:1px solid #fdba74 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:52px !important;
}
.notice-head .title,
.notice-head h3.title,
.stui-pannel__head.notice-head .title{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.3 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.12) !important;
  position:static !important;
}
.notice-head .title::before,
.notice-head h3.title::before{
  display:none !important;
  content:none !important;
  width:0 !important; height:0 !important;
}
.notice-meta,
.notice-head .notice-meta,
.notice-head .text-muted,
.notice-head .pull-right{
  color:rgba(255,255,255,.96) !important;
  font-size:13px !important;
  font-weight:700 !important;
}
.notice-meta a,
.notice-head a{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
}
.notice-body{
  padding:14px 16px 16px !important;
  background:#fff !important;
}

/* 列表与分页紧贴，去掉大空白 */
.addition-content,
.addition-content.page-index{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.addition-content .videoContent,
.videoContent.list-card,
ul.videoContent{
  margin-bottom:0 !important;
  padding-bottom:4px !important;
}
.addition-content + .clear,
.videoContent + .clear,
.clear{
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  font-size:0 !important;
  overflow:hidden !important;
  clear:both !important;
}
.kscont{
  width:min(1080px, calc(100% - 24px)) !important;
  max-width:1080px !important;
  margin:8px auto 16px !important;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.pages{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:12px 14px !important;
  min-height:0 !important;
  height:auto !important;
  line-height:1.5 !important;
  text-align:center !important;
  background:#fff !important;
  border:1px solid #fecdd3 !important;
  border-radius:14px !important;
  box-shadow:0 8px 20px rgba(15,23,42,.06) !important;
  color:#9f1239 !important;
  font-size:13px !important;
  font-weight:700 !important;
}
.pages a,
.pages span,
.pages em,
.pages label,
.pages .pagelink_b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:34px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 10px !important;
  border-radius:10px !important;
  border:1px solid #fecdd3 !important;
  background:#fff !important;
  color:#9f1239 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  float:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.pages a:hover,
.pages .pagelink_b:hover{
  border-color:#e11d48 !important;
  color:#e11d48 !important;
  background:#fff1f2 !important;
}
.pages a.pagenow,
.pages .pagenow,
.pages span.active,
.pages .active{
  background:linear-gradient(135deg,#e11d48,#f43f5e) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(225,29,72,.25) !important;
}

/* 表头橙色条与导航统一 */
.videotitle.table-head,
p.videotitle.table-head{
  background:linear-gradient(135deg,#f97316,#fb923c) !important;
  color:#fff !important;
  border:0 !important;
  margin:0 !important;
}
.videotitle.table-head span,
.videotitle.table-head .header-col,
.videotitle.table-head .category,
.videotitle.table-head .address,
.videotitle.table-head .time{
  color:#fff !important;
  font-weight:800 !important;
}

@media (max-width:768px){
  .notice-head{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
    padding:12px !important;
  }
  .notice-head .title{font-size:17px !important}
  .kscont{width:calc(100% - 16px) !important; margin:8px auto 14px !important}
  .pages{padding:10px !important; gap:6px !important}
  .pages a,
  .pages .pagelink_b{
    min-width:30px !important;
    height:30px !important;
    font-size:12px !important;
    padding:0 8px !important;
  }
}

/* ===== coord fix2 beauty20260723c ===== */
.notice-head .title,
.notice-head h3.title{
  color:#ffffff !important;
  background:none !important;
  background-color:transparent !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
/* kill main.css paging trap */
.kscont,
.kscont .pages,
div.pages,
.pages{
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  line-height:1.5 !important;
  font-size:13px !important;
  overflow:visible !important;
  color:#9f1239 !important;
}
.kscont{
  padding:0 !important;
  margin-top:8px !important;
  margin-bottom:16px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.pages{
  padding:12px 14px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
}
/* prevent list block leaving ghost height */
.addition-content.page-index{
  min-height:0 !important;
  height:auto !important;
  padding-bottom:0 !important;
}
.addition-content.page-index .videoContent{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}
.addition-content.page-index .videoContent li{
  float:none !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}

/* ===== header logo + search split fix v=logo20260723 ===== */
.head_box .header,
.header{
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
  padding:14px 18px !important;
  min-height:88px !important;
}
.header_left{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:240px !important;
  margin:0 !important;
  padding:0 !important;
}
.header_left .brand-logo,
.header_left a{
  display:inline-flex !important;
  align-items:center !important;
  line-height:0 !important;
}
.header_left img,
.header_left .brand-logo img{
  display:block !important;
  height:56px !important;
  width:auto !important;
  max-width:220px !important;
  border-radius:14px !important;
  box-shadow:0 8px 20px rgba(225,29,72,.14) !important;
  background:transparent !important;
  object-fit:contain !important;
}
.header_right{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
.header_submit,
.header_submit_b{
  width:100% !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* 搜索框与按钮分离：输入框独立胶囊，按钮独立圆角块 */
#search.search-form,
.header_submit_b form#search,
.header_submit_b form{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  border-radius:0 !important;
  padding:0 !important;
}
.header_submit_b form:focus-within,
#search.search-form:focus-within{
  border:0 !important;
  box-shadow:none !important;
}

.search-input,
#search .search-input,
#search input.mac_wd,
.header_submit_b input.search-input,
.header_submit_b input.mac_wd,
.header_submit_b input[type="text"]{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:46px !important;
  line-height:46px !important;
  margin:0 !important;
  padding:0 18px !important;
  border:1px solid #fecdd3 !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 4px 14px rgba(225,29,72,.06) !important;
  color:#0f172a !important;
  font-size:14px !important;
  outline:none !important;
}
.search-input:focus,
#search input.mac_wd:focus,
.header_submit_b input[type="text"]:focus{
  border-color:#fb7185 !important;
  box-shadow:0 0 0 4px rgba(244,63,94,.12), 0 4px 14px rgba(225,29,72,.08) !important;
}

.search-button,
#searchbutton,
#search .search-button,
#search button.search-button,
#search button.mac_search,
.header_submit_b .search-button,
.header_submit_b input.search-button,
.header_submit_b input[type="submit"],
.header_submit_b button.mac_search{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:96px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 22px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#e11d48,#f43f5e 55%,#fb7185) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.5px !important;
  cursor:pointer !important;
  box-shadow:0 8px 18px rgba(225,29,72,.28) !important;
  line-height:46px !important;
}
.search-button:hover,
#searchbutton:hover,
#search button.mac_search:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}

.header_list{
  margin:0 !important;
  padding:0 4px !important;
}
.header_list ul{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.header_list li{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}
.header_list li p,
.header_list font{
  margin:0 !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:#e11d48 !important;
}

@media (max-width:768px){
  .head_box .header,
  .header{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:12px !important;
    min-height:auto !important;
  }
  .header_left{
    display:flex !important;
    justify-content:center !important;
    max-width:none !important;
  }
  .header_left img{
    height:48px !important;
    max-width:200px !important;
  }
  #search.search-form,
  .header_submit_b form{
    gap:8px !important;
  }
  .search-input,
  #search input.mac_wd,
  .header_submit_b input[type="text"],
  .search-button,
  #searchbutton,
  #search button.mac_search{
    height:42px !important;
    line-height:42px !important;
  }
  .search-button,
  #searchbutton,
  #search button.mac_search{
    min-width:78px !important;
    padding:0 14px !important;
  }
  .header_list ul{justify-content:center !important}
}

/* ===== logo blend fix v=logo20260723d ===== */
.header_left img,
.header_left .brand-logo img,
.brand-logo img{
  height:52px !important;
  width:auto !important;
  max-width:240px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  object-fit:contain !important;
}
.header_left .brand-logo,
.header_left a{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
/* header panel lighter so logo sits naturally */
.head_box .header,
.header{
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,247,249,.88)) !important;
}
@media (max-width:768px){
  .header_left img,
  .brand-logo img{ height:44px !important; max-width:200px !important; }
}