/* faceoracle 色桥 · harbor-cyan 港湾清爽 · site 2
   保留 wythy 母版布局，浅青灰底 + 深海蓝主色 + 珊瑚橙 CTA */

:root {
  --rose: #1a5f7a;
  --rose-deep: #134a61;
  --rose-dark: #0d3648;
  --rose-soft: #e8f2f6;
  --rose-mid: #b8d4e0;
  --rose-hover: #227a9a;
  --bg: #eef4f7;
  --bg2: #e4eef2;
  --card: #ffffff;
  --text: #1e3a4a;
  --muted: #5a7380;
  --line: #d4e3ea;
  --gold: #e8744f;
  --gold-deep: #d4623d;
  --vip-text: #134a61;
  --brick-tint: rgba(26, 95, 122, 0.07);
  --sand-hi: #d4e8ef;
  --radius: 0.75rem;
  --max: 80rem;
  --shadow: 0 10px 15px -3px rgba(30, 58, 74, 0.07), 0 4px 6px -4px rgba(30, 58, 74, 0.05);
  color-scheme: light;
}

html,
body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body.body-tpl-wythyclone.body-tpl-portal.body-tpl-yygk,
body.body-theme-harbor,
body.body-site-vod-2 {
  background: var(--bg) !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 0% 0%, var(--brick-tint), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(232, 116, 79, 0.05), transparent 50%),
    linear-gradient(180deg, var(--bg2) 0%, var(--bg) 35%, var(--bg) 100%) !important;
}

body.body-theme-harbor a:focus-visible,
body.body-theme-harbor button:focus-visible {
  outline: 2px solid rgba(26, 95, 122, 0.5);
  outline-offset: 2px;
}

.page-main {
  flex: 1;
  width: 100%;
}

.wythy-header__bar {
  background: #fff !important;
  border-bottom: 1px solid var(--line);
  box-shadow: 0 4px 14px rgba(30, 58, 74, 0.06) !important;
}

.wythy-section-card--alt,
.wythy-footer__text-card--tips {
  background: linear-gradient(180deg, #fff, var(--rose-soft)) !important;
  border-color: var(--rose-mid) !important;
}

.wythy-home-hero__panel {
  background: linear-gradient(135deg, #1a5f7a, #134a61 45%, #0d3648) !important;
  box-shadow: 0 20px 50px rgba(13, 54, 72, 0.24) !important;
}

.wythy-hot-panel__title::before {
  background: linear-gradient(180deg, var(--rose), var(--gold)) !important;
}

.wythy-header__vip,
.wythy-drawer__vip {
  background: linear-gradient(135deg, #fde8e0, var(--gold) 50%, var(--gold-deep)) !important;
}

.wythy-footer {
  background: var(--bg2) !important;
  border-top-color: var(--line) !important;
}

.wythy-footer__text-card-h {
  color: var(--rose-deep) !important;
}

.wythy-footer__text-card-cta {
  background: linear-gradient(135deg, var(--gold), var(--gold-deep)) !important;
}

.wythy-footer__text-card-cta--ghost {
  background: transparent !important;
  color: var(--rose-deep) !important;
  border: 1px solid var(--rose-mid) !important;
}

.wythy-footer__lower {
  background: #fff !important;
  border-top: 1px solid var(--line) !important;
}

.wythy-vcard:hover {
  border-color: var(--rose-mid) !important;
}

.cn-portal-genres__btn.is-active,
.cn-portal-sort button.is-active,
body.body-tpl-wythyclone .wythy-home-main .cn-portal-genres__btn.is-active,
body.body-tpl-wythyclone .wythy-home-main .cn-portal-sort button.is-active {
  background: linear-gradient(135deg, #1a5f7a, #134a61) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.wythy-hot-list__item:nth-child(-n + 3) .wythy-hot-list__rank {
  background: linear-gradient(135deg, #1a5f7a, var(--gold-deep)) !important;
}

.wythy-why__h3 {
  color: var(--rose-deep) !important;
}

.wythy-cats .wythy-cat-tiles__card:hover {
  border-color: var(--rose-mid) !important;
  box-shadow: 0 12px 24px rgba(26, 95, 122, 0.1) !important;
}

.wythy-play__info strong {
  color: var(--rose-deep) !important;
}

.wythy-breadcrumb a,
.wythy-inner-page__back,
.wythy-section-card__more {
  color: var(--rose-deep) !important;
}

.wythy-header__search-btn,
.wythy-header__auth--up,
.wythy-form button,
.wythy-btn {
  background: linear-gradient(135deg, var(--gold), var(--gold-deep)) !important;
}

.wythy-header__film-ico {
  color: var(--rose) !important;
}

.wythy-header__brand-text {
  background: linear-gradient(90deg, #1a5f7a, #134a61 50%, #0d3648) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.wythy-header__nav-link:hover,
.wythy-header__nav-link.is-active,
.wythy-drawer__a:hover,
.wythy-drawer__a.is-active {
  color: var(--rose-deep) !important;
}

.wythy-guide__h2,
.wythy-section-card__h2,
.wythy-inner-page__h1 {
  color: var(--text) !important;
}

.wythy-home-hero__eyebrow {
  color: var(--rose-dark) !important;
}

.wythy-home-hero__cta {
  color: #fff !important;
}

.wythy-hot-panel,
.wythy-section-card,
.wythy-cat-tiles__card {
  background: var(--card) !important;
  border-color: var(--line) !important;
}

.wythy-cat-tiles__label {
  color: var(--rose-deep) !important;
}

.wythy-drawer__panel {
  background: var(--card) !important;
}

.wythy-drawer.is-open .wythy-drawer__backdrop {
  background: rgba(30, 58, 74, 0.45) !important;
}

.wythy-header__search {
  background: var(--bg) !important;
}

.wythy-header__search input::placeholder {
  color: var(--muted) !important;
}

.wythy-header__burger {
  background: var(--rose-soft) !important;
}

.wythy-header__burger span {
  background: var(--text) !important;
}

.wythy-section-card {
  box-shadow: var(--shadow) !important;
}

.wythy-home-main .container {
  padding-left: max(1rem, env(safe-area-inset-left, 0));
  padding-right: max(1rem, env(safe-area-inset-right, 0));
}