@import url("colors.css");

html.ngtpl-yfyl.yp-shell,
html.ngtpl-yfyl.yp-shell body {
  background: var(--yf-bg) !important;
  overflow-x: hidden !important;
  max-width: 100%;
}
html.ngtpl-yfyl.yp-shell #app,
html.ngtpl-yfyl.yp-shell #bottom-menu,
html.ngtpl-yfyl.yp-shell #woai52-page-brand,
html.ngtpl-yfyl.yp-shell #woai-tz-tabbar,
html.ngtpl-yfyl.yp-shell .woai-webreg-entry {
  display: none !important;
}
html.ngtpl-yfyl #woai-ng-login-page {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html.ngtpl-yfyl.yp-pass #ngtpl-root {
  display: none !important;
}
html.ngtpl-yfyl #ngtpl-root.ngtpl-root-yfyl {
  position: fixed !important;
  inset: 0 !important;
  z-index: 80 !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: 100% !important;
  height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--yf-bg) !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}

.yp {
  width: min(100%, var(--yf-column));
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background: var(--yf-bg);
  color: var(--yf-text);
  font: 13px/1.4 PingFang SC, Microsoft YaHei, Noto Sans SC, sans-serif;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.yp * { box-sizing: border-box; }
.yp button, .yp input { font: inherit; color: inherit; }
:where(.yp) button { background: none; border: 0; padding: 0; cursor: pointer; }
.yp img, .yp svg { max-width: 100%; display: block; }
.yp [hidden] { display: none !important; }

.yp-dl {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  background: #111;
  color: var(--yf-tg);
  overflow: hidden;
}
.yp-dl-mark { font-weight: 700; letter-spacing: .12em; color: var(--yf-primary); flex: 0 0 auto; }
.yp-dl-txt { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--yf-muted); font-size: 12px; }
.yp-dl button {
  flex: 0 0 auto;
  height: 24px;
  padding: 0 10px;
  border-radius: 12px;
  background: var(--yf-grad);
  color: var(--yf-on-btn);
  font-size: 12px;
  font-weight: 700;
}

.yp-hd, .yp-subhd {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 12px;
  background: var(--yf-card);
  border-bottom: 1px solid var(--yf-line);
}
.yp-brand {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .18em;
  background: var(--yf-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1;
}
.yp-hd .yp-brand { margin-right: auto; }
.yp-iconbtn {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: var(--yf-primary);
  flex: 0 0 auto;
}
.yp-iconbtn svg { width: 22px; height: 22px; }

.yp-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.yp-banner {
  margin: 10px 12px 0;
  height: 132px;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(110deg, #1a1408, #3a2c12 45%, #0a0a0a);
  position: relative;
}
.yp-banner-track { display: flex; height: 100%; transition: transform .35s ease; }
.yp-banner-track img, .yp-banner-fallback {
  flex: 0 0 100%;
  width: 100%;
  height: 132px;
  object-fit: cover;
}
.yp-banner-fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.yp-banner-fallback b { font-size: 28px; letter-spacing: .2em; color: var(--yf-primary-2); }
.yp-banner-fallback span { color: var(--yf-muted); font-size: 12px; }
.yp-dots { position: absolute; right: 8px; bottom: 6px; display: flex; gap: 4px; }
.yp-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.35); }
.yp-dots i.on { background: var(--yf-primary); }

.yp-marquee {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 12px 0;
  height: 28px;
  color: var(--yf-muted);
  overflow: hidden;
}
.yp-marquee svg { width: 16px; height: 16px; color: var(--yf-primary); flex: 0 0 auto; }
.yp-marquee span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.yp-win {
  margin: 8px 12px 0;
  background: var(--yf-card);
  border-radius: 10px;
  padding: 8px 10px;
  overflow: hidden;
}
.yp-win-h { color: var(--yf-primary); font-size: 12px; margin-bottom: 6px; }
.yp-win-row { display: flex; gap: 8px; overflow: hidden; }
.yp-win-card {
  flex: 0 0 72px;
  text-align: center;
  color: var(--yf-muted);
  font-size: 11px;
}
.yp-win-card b { display: block; color: var(--yf-accent); font-weight: 600; }
.yp-win-empty { color: var(--yf-muted-2); font-size: 12px; padding: 4px 0 2px; }

.yp-quick { margin: 10px 12px 0; }
.yp-authbtns, .yp-userbar { display: flex; gap: 8px; }
.yp-authbtns button, .yp-userbar button, .yp-mine-cta button {
  flex: 1;
  height: 36px;
  border-radius: 6px;
  font-weight: 700;
}
.yp-btn-login { background: var(--yf-card-2); color: var(--yf-primary); border: 1px solid var(--yf-primary) !important; }
.yp-btn-reg, .yp-btn-gold { background: var(--yf-grad); color: var(--yf-on-btn); }
.yp-userbar { align-items: center; background: var(--yf-card); border-radius: 8px; padding: 8px; }
.yp-userbar .yp-bal { flex: 1; min-width: 0; }
.yp-userbar .yp-bal b { display: block; color: var(--yf-primary-2); font-size: 16px; }
.yp-userbar .yp-bal span { color: var(--yf-muted); font-size: 12px; }
.yp-qgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 10px; }
.yp-qgrid button { color: var(--yf-muted); font-size: 12px; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.yp-qgrid i, .yp-side i, .yp-tab i, .yp-more i {
  width: 28px; height: 28px; border-radius: 8px;
  display: grid; place-items: center;
  background: var(--yf-card-2); color: var(--yf-primary);
}
.yp-qgrid svg, .yp-side svg, .yp-tab svg, .yp-more svg { width: 16px; height: 16px; }
.yp-qgrid span, .yp-side span, .yp-tab span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.yp-games { display: flex; align-items: stretch; gap: 8px; margin: 12px 8px 16px 0; min-height: 420px; }
.yp-side { flex: 0 0 68px; display: flex; flex-direction: column; gap: 6px; }
.yp-side button {
  min-height: 52px;
  border-radius: 0 8px 8px 0;
  background: var(--yf-card);
  color: var(--yf-muted);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  font-size: 11px;
}
.yp-side button.on { background: var(--yf-grad); color: var(--yf-on-btn); }
.yp-side button.on i { background: transparent; color: var(--yf-on-btn); }
.yp-gmain { flex: 1; min-width: 0; }
.yp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.yp-g { min-width: 0; }
.yp-gi {
  position: relative;
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  background: var(--yf-card-2);
}
.yp-gi img.cover { width: 100%; height: 100%; object-fit: cover; }
.yp-ph {
  width: 100%; height: 100%;
  display: grid; place-items: center;
  color: var(--yf-primary);
  font-weight: 700;
  background: linear-gradient(160deg, #2a2416, #141414);
}
.yp-star {
  position: absolute; top: 4px; right: 4px; width: 22px; height: 22px;
  border-radius: 50%; background: rgba(0,0,0,.45); color: #fff;
  display: grid; place-items: center;
}
.yp-star svg { width: 14px; height: 14px; }
.yp-star.on { color: var(--yf-accent); }
.yp-gt { margin-top: 4px; font-size: 11px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--yf-text); }
.yp-morebtn, .yp-empty {
  margin-top: 10px;
  width: 100%;
  text-align: center;
  color: var(--yf-muted);
  font-size: 12px;
}
.yp-morebtn { height: 32px; }
.yp-morebtn em { color: var(--yf-primary); font-style: normal; margin-left: 4px; }
.yp-empty { padding: 28px 8px; }

.yp-tab {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  height: calc(56px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: var(--yf-nav);
  border-top: 1px solid var(--yf-line);
}
.yp-tab button { color: var(--yf-nav-idle); font-size: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0; }
.yp-tab button.on { color: var(--yf-nav-on); }
.yp-tab button.on i { background: transparent; color: var(--yf-nav-on); }

.yp-sub { min-height: 100%; display: flex; flex-direction: column; }
.yp-back { width: 32px; height: 32px; color: var(--yf-text); display: grid; place-items: center; }
.yp-back svg { width: 18px; height: 18px; }
.yp-subhd h1 { flex: 1; margin: 0; font-size: 16px; font-weight: 600; text-align: center; }
.yp-subhd .yp-brand { flex: 1; text-align: center; font-size: 20px; }

.yp-chips, .yp-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 8px 12px;
  scrollbar-width: none;
}
.yp-chips::-webkit-scrollbar, .yp-tabs::-webkit-scrollbar { display: none; }
.yp-chips button, .yp-tabs button {
  flex: 0 0 auto;
  height: 30px;
  padding: 0 12px;
  border-radius: 15px;
  background: var(--yf-card);
  color: var(--yf-muted);
  white-space: nowrap;
}
.yp-tabs { border-bottom: 1px solid var(--yf-line); padding-bottom: 0; gap: 0; }
.yp-tabs button { border-radius: 0; background: transparent; height: 40px; position: relative; }
.yp-chips button.on, .yp-tabs button.on { color: var(--yf-primary); }
.yp-tabs button.on:after {
  content: "";
  position: absolute; left: 12px; right: 12px; bottom: 0; height: 2px;
  background: var(--yf-primary);
}

.yp-panel { padding: 12px; }
.yp-card {
  background: var(--yf-card);
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 10px;
}
.yp-card h2 { margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--yf-primary-2); }
.yp-card p { margin: 0; color: var(--yf-muted); font-size: 13px; }
.yp-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 12px;
  background: var(--yf-card);
  border-bottom: 1px solid var(--yf-line);
  color: var(--yf-text);
  text-align: left;
}
.yp-row span { color: var(--yf-muted); font-size: 12px; }
.yp-list { margin: 10px 12px; border-radius: 10px; overflow: hidden; }

.yp-auth { padding: 8px 16px 24px; }
.yp-field { margin-top: 12px; }
.yp-field label { display: block; margin-bottom: 6px; color: var(--yf-muted); font-size: 12px; }
.yp-field .box, .yp-searchbox {
  display: flex; align-items: center; gap: 8px;
  height: 42px; padding: 0 12px;
  border-radius: 8px;
  background: var(--yf-card);
  border: 1px solid var(--yf-line);
}
.yp-field input, .yp-searchbox input {
  flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--yf-text);
}
.yp-modes { display: flex; gap: 16px; margin-top: 12px; color: var(--yf-muted); font-size: 13px; }
.yp-modes button.on { color: var(--yf-primary); }
.yp-strength { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--yf-muted); font-size: 12px; }
.yp-strength b { flex: 1; height: 4px; border-radius: 2px; background: var(--yf-line); overflow: hidden; }
.yp-strength b i { display: block; height: 100%; width: 0; background: var(--yf-danger); }
.yp-rules { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; font-size: 11px; color: var(--yf-muted-2); }
.yp-rules em { font-style: normal; }
.yp-rules em.ok { color: var(--yf-ok); }
.yp-agree { display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; color: var(--yf-muted); font-size: 12px; text-align: left; }
.yp-agree.on { color: var(--yf-text); }
.yp-submit { width: 100%; height: 44px; margin-top: 16px; border-radius: 8px; background: var(--yf-grad); color: var(--yf-on-btn); font-weight: 700; font-size: 16px; }
.yp-submit:disabled { opacity: .45; }
.yp-err { min-height: 18px; margin-top: 8px; color: var(--yf-danger); font-size: 12px; }
.yp-authlinks { display: flex; justify-content: space-between; margin-top: 16px; color: var(--yf-primary); }

.yp-mine-top { padding: 16px 16px 8px; }
.yp-mine-cta { display: flex; gap: 10px; padding: 8px 16px 12px; }
.yp-switch { width: 36px; height: 20px; border-radius: 10px; background: var(--yf-line); position: relative; }
.yp-switch i { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; }
html.yp-night .yp-switch { background: var(--yf-primary); }
html.yp-night .yp-switch i { left: 18px; }

.yp-sheet {
  position: absolute; inset: 0;
  background: var(--yf-mask);
  display: flex; align-items: flex-end;
  z-index: 5;
}
.yp-sheet .panel {
  width: 100%;
  max-height: 78%;
  overflow: auto;
  background: var(--yf-bg);
  border-radius: 16px 16px 0 0;
  padding: 12px 12px calc(16px + env(safe-area-inset-bottom, 0px));
}
.yp-sheet h2 { margin: 4px 8px 10px; font-size: 15px; color: var(--yf-primary-2); }
.yp-mgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 6px; }
.yp-mgrid button { color: var(--yf-muted); font-size: 11px; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.yp-mgrid span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.yp-searchpage { display: flex; flex-direction: column; height: 100%; }
.yp-searchpage .yp-scroll { padding: 0 0 12px; }

html.yp-day.ngtpl-yfyl.yp-shell,
html.yp-day.ngtpl-yfyl.yp-shell body,
html.yp-day #ngtpl-root.ngtpl-root-yfyl,
html.yp-day .yp { background: #E3E3E3 !important; color: #1A1A1A; }
html.yp-day .yp-hd, html.yp-day .yp-subhd, html.yp-day .yp-card, html.yp-day .yp-row, html.yp-day .yp-win, html.yp-day .yp-side button, html.yp-day .yp-field .box { background: #fff; color: #1A1A1A; }
html.yp-day .yp-tab { background: #fff; }

.yp-dl { justify-content: space-between; background: #0c0c0c; height: 40px; }
.yp-dl img { height: 22px; width: auto; }
.yp-dl .x { color: #c8c8c8; width: 28px; font-size: 18px; }
.yp-dl .go { background: #2f6bff; color: #fff; border-radius: 999px; height: 26px; padding: 0 12px; font-size: 12px; }
.yp-hd .yp-logo { height: 28px; width: auto; margin-right: auto; }
.yp-iconbtn { width: auto; gap: 2px; font-size: 11px; color: var(--yf-muted); }
.yp-iconbtn em { font-style: normal; }
.yp-marquee { display: flex; align-items: center; gap: 8px; }
.yp-marquee button { margin-left: auto; color: var(--yf-primary); }
.yp-quick-row { display: flex; align-items: center; gap: 8px; }
.yp-pills { display: flex; gap: 8px; flex: 0 0 auto; }
.yp-pill { height: 34px; min-width: 64px; padding: 0 14px; border-radius: 8px; font-weight: 700; white-space: nowrap; flex: 0 0 auto; }
.yp-quick-row .yp-qgrid { display: flex; flex: 1; margin: 0; justify-content: space-around; }
.yp-win-row { display: flex; gap: 8px; overflow-x: auto; }
.yp-win-card { flex: 0 0 72px; background: transparent; color: var(--yf-muted); font-size: 11px; }
.yp-win-card img, .yp-win-card b { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; display: grid; place-items: center; background: #1a1a1a; }
.yp-win-card span { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yp-gbody { flex: 1; min-width: 0; }
.yp-sort { display: flex; gap: 18px; padding: 0 8px 8px; }
.yp-sort button { color: var(--yf-muted); font-size: 14px; }
.yp-sort button.on { color: var(--yf-primary); font-weight: 700; }

.yp-side img { width: 26px; height: 22px; object-fit: contain; }
.yp-qgrid img, .yp-iconbtn img, .yp-marquee img { width: 22px; height: 22px; object-fit: contain; }
.yp-hd .yp-logo { height: 34px; }
.yp-dl img { height: 18px; width: auto; }
.yp-marquee span { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.yp-mine-auth { display:flex; margin:12px; border-radius:8px; overflow:hidden; background:linear-gradient(90deg,#3a3018,#d1ae52); }
.yp-mine-auth button { flex:1; height:40px; color:#1a1408; font-weight:700; }
.yp-mine-auth .on { background:#d1ae52; color:#1a1408; }
.yp-mine-user { display:flex; align-items:center; gap:8px; margin:12px; color:var(--yf-text); }
.yp-mine-user b { font-size:16px; }
.yp-mine-user span { color:var(--yf-primary); flex:1; }
.yp-mine-acts { display:flex; justify-content:space-around; margin:8px 12px; }
.yp-mine-acts button { color:var(--yf-muted); display:flex; flex-direction:column; align-items:center; gap:4px; position:relative; }
.yp-mine-acts em { position:absolute; top:-8px; right:-10px; background:#e23; color:#fff; font-style:normal; font-size:10px; border-radius:8px; padding:0 4px; }
.yp-mine-ban { margin:8px 12px; border-radius:12px; overflow:hidden; }
.yp-mine-ban img { width:100%; height:110px; object-fit:cover; display:block; }
.yp-mine-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px 6px; margin:8px 12px 16px; padding:12px 6px; background:var(--yf-card); border-radius:12px; }
.yp-mine-grid button { color:var(--yf-muted); font-size:12px; min-height:48px; }

html.ngtpl-on.ngtpl-yfyl.yp-shell #app,
html.ngtpl-on.ngtpl-yfyl.yp-shell #bottom-menu,
html.ngtpl-on.ngtpl-yfyl.yp-shell #boot {
  display: none !important;
}

/* yp-shell-keep-root */
html.ngtpl-on.ngtpl-yfyl.yp-shell #ngtpl-root.ngtpl-root-yfyl {
  display: block !important;
  top: 0 !important;
  bottom: 0 !important;
  overflow: auto !important;
}

.yp-mine-hd { min-height: 40px; }
.yp-mine-acts button { display:flex; flex-direction:column; align-items:center; gap:4px; position:relative; }
.yp-mine-acts img, .yp-mine-acts svg { width:32px; height:32px; object-fit:contain; }
.yp-mine-grid button { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:6px; }
.yp-mine-grid img, .yp-mine-grid svg { width:28px; height:28px; object-fit:contain; }
.yp-mine-grid span { line-height:1.2; }

.yp-mine { min-height: 100%; }
.yp-mine .yp-sub { padding-bottom: 72px; }
.yp-mine .yp-tab {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(430px, 100%);
  z-index: 90;
}

.yp-event-hd { display:flex; align-items:center; gap:4px; }
.yp-event-hd .yp-tabs { flex:1; overflow:auto; display:flex; }
.yp-event-hd .yp-tabs button { flex:0 0 auto; padding:0 10px; color:#c8c8c8; }
.yp-event { display:flex; gap:8px; padding:8px 8px 72px; }
.yp-event-side { width:64px; display:flex; flex-direction:column; gap:8px; flex:0 0 64px; }
.yp-event-side button { min-height:36px; border-radius:8px; background:#1c1c1c; color:#e7e7e7; font-size:12px; }
.yp-event-side button.on { color:#f5d37a; border:1px solid #d1ae52; }
.yp-event-main { flex:1; display:flex; flex-direction:column; gap:8px; min-width:0; }
.yp-event-main img { width:100%; border-radius:10px; display:block; }
/* t2fix 2026-10-09: size inline field/search icons (were rendering 320px) */
.yp-field .box > svg, .yp-searchbox > svg { width: 18px; height: 18px; flex: 0 0 auto; color: var(--yf-muted); }

/* origui-20261009: match yfyl.me — tabbar line icons, 更多 popover, platform cards, auth card */
.yp-tab i{background:transparent!important;width:26px!important;height:26px!important;border-radius:0!important;box-shadow:none!important}
.yp-tab svg.yp-ti{width:26px!important;height:26px!important;fill:currentColor}
.yp-tab span{font-size:12px}
.yp-sheet.yp-pop{background:transparent!important;display:block!important;position:absolute;inset:0;z-index:20}
.yp-pop .panel{position:absolute;right:10px;left:auto;top:200px;width:282px;max-height:calc(100% - 150px);overflow:auto;background:#1E1E1E;border:1px solid #333;border-radius:8px;padding:9px 2px 8px;box-shadow:0 6px 18px rgba(0,0,0,.5);box-sizing:border-box}
.yp-pop .yp-mgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 0}
.yp-pop .yp-mgrid button{color:#E3E3E3;font-size:11px;gap:3px;line-height:1.2}
.yp-pop .yp-mgrid button b{position:relative;display:block;width:30px;height:26px}
.yp-pop .yp-mgrid button b img{width:30px;height:26px;object-fit:contain;display:block}
.yp-pop .yp-mgrid button b em{position:absolute;top:-9px;left:15px;padding:0 4px;border-radius:7px 7px 7px 0;background:#04BE02;color:#fff;font-size:9px;font-style:normal;line-height:13px}
.yp-pop .yp-mgrid span{white-space:normal;text-align:center;overflow:visible;word-break:break-all;padding:0 2px}
.yp-games{align-items:flex-start}
.yp-side{position:sticky;top:0;z-index:2}
.yp-psec{padding:0 0 4px;scroll-margin-top:4px}
.yp-psec h3{display:flex;align-items:center;gap:6px;margin:2px 0 10px;font-size:14px;font-weight:400;color:#E3E3E3}
.yp-psec h3 img{width:27px;height:21px;object-fit:contain}
.yp-psec h3 b{flex:1;font-weight:400}
.yp-psec h3 em{font-style:normal;font-size:12px;color:#999;cursor:pointer}
.yp-pcard{position:relative;display:block;width:100%;aspect-ratio:520/203;margin:0 0 11px;border-radius:8px;background:#1A1A1A center/cover no-repeat;color:#fff;font-size:14px;overflow:hidden}
.yp-pcard span{position:absolute;left:0;width:39%;top:56%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yp-pcard.noimg{background:radial-gradient(120% 140% at 85% 50%,#3a3220 0,#1a1a1a 55%,#121212 100%)}
.yp-pcard.noimg span{top:40%;font-size:16px;font-weight:600}
.yp-phd{display:flex;align-items:center;gap:8px;height:34px;margin:0 0 8px;color:#E3E3E3;font-size:14px}
.yp-phd button{width:28px;height:28px;display:grid;place-items:center;color:#E3E3E3}
.yp-phd button svg{width:18px;height:18px}
.yp-phd span{color:#999;font-size:12px}
.yp.yp-authp{display:block;overflow-y:auto;background:#0A0A0A;position:relative;padding-bottom:40px}
.yp-auth-top{position:relative;height:104px;background:#292929 url(assets/ref/auth-logo-bg.avif) center top/100% 104px no-repeat;display:flex;justify-content:center;align-items:flex-start}
.yp-auth-back{position:absolute;left:6px;top:14px;width:26px;height:26px;display:grid;place-items:center;color:#999}
.yp-auth-back svg{width:16px;height:16px}
.yp-auth-logo{height:38px;width:auto;margin-top:7px}
.yp-auth-card{position:relative;margin:-52px 16px 0;background:#1A1A1A;border-radius:10px;padding:8px 15px 18px}
.yp-auth-card .yp-auth{padding:0}
.yp-auth-tabs{display:flex;border-bottom:1px solid #333}
.yp-auth-tabs button{flex:1;height:42px;font-size:13.5px;color:#E3E3E3;position:relative}
.yp-auth-tabs button.on{color:#D1AE52}
.yp-auth-tabs button.on:after{content:"";position:absolute;left:50%;bottom:-1px;width:74px;margin-left:-37px;height:2px;background:#D1AE52}
.yp-auth-sub{margin:12px 0 6px;color:#E3E3E3;font-size:11.5px}
.yp-auth-in{display:flex;align-items:center;gap:4px;height:36px;border:1px solid #666;border-radius:7px;padding:0 10px;background:#1A1A1A;margin:0 0 11px;box-sizing:border-box}
.yp-auth-in>svg{width:16px;height:16px;color:#666;flex:0 0 auto}
.yp-auth-in i{color:#EA4E3D;font-style:normal;font-size:12px}
.yp-auth-in input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#E3E3E3;font-size:12.5px;padding:0}
.yp-auth-in input::placeholder{color:#666}
.yp-auth-eye{width:22px;height:22px;display:grid;place-items:center;color:#666}
.yp-auth-eye svg{width:19px;height:19px}
.yp-auth-modes{display:flex;margin:0 0 11px}
.yp-auth-modes button{flex:1;display:flex;align-items:center;gap:5px;color:#E3E3E3;font-size:11.5px;text-align:left}
.yp-auth-modes button b{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;border:1px solid #333;color:#666;font-size:6.5px;font-weight:400;box-sizing:border-box}
.yp-auth-modes button b svg{width:11px;height:11px}
.yp-auth-modes button.on{color:#D1AE52}
.yp-auth-modes button.on b{background:#D1AE52;border-color:#D1AE52;color:#703904}
.yp-auth-chk{display:flex;align-items:center;gap:6px;margin:2px 0 12px;color:#E3E3E3;font-size:11.5px;text-align:left}
.yp-auth-chk b{width:17px;height:17px;border-radius:3px;border:1px solid #666;display:grid;place-items:center;color:transparent;flex:0 0 auto;box-sizing:border-box}
.yp-auth-chk b svg{width:13px;height:13px}
.yp-auth-chk.on b{background:#04BE02;border-color:#04BE02;color:#fff}
.yp-auth-chk em{font-style:normal;color:#D1AE52}
.yp-auth-submit{display:block;width:100%;height:36px;border-radius:7px;background:#D1AE52;border:1px solid #D1AE52;color:#703904;font-size:12.5px}
.yp-auth-links{display:flex;justify-content:space-around;margin:11px 0 0}
.yp-auth-links button{color:#D1AE52;font-size:11.5px}
.yp-auth-wing{display:flex;justify-content:center;margin:12px 0 4px}
.yp-auth-wing span{position:relative;color:#666;font-size:11.5px;padding:0 12px}
.yp-auth-wing span:before,.yp-auth-wing span:after{content:"";position:absolute;top:50%;width:36px;height:1px;background:#444}
.yp-auth-wing span:before{right:100%}
.yp-auth-wing span:after{left:100%}
.yp-auth-tg{display:block;margin:8px auto 0;width:36px;height:36px}
.yp-auth-tg img{width:36px;height:36px;display:block}
.yp-auth-str{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:#E3E3E3;font-size:11.5px}
.yp-auth-str b{flex:1;height:4px;border-radius:2px;overflow:hidden;background:repeating-linear-gradient(90deg,#333 0,#333 22%,transparent 22%,transparent 26%)}
.yp-auth-str b i{display:block;height:100%;width:0;background:#D1AE52}
.yp-auth-str em,.yp-auth-rules em{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:10px}
.yp-auth-str em{color:#EA4E3D}
.yp-auth-rules{display:flex;gap:12px;margin:0 0 11px}
.yp-auth-rules em{color:#E3E3E3}
.yp-auth-str em svg,.yp-auth-rules em svg{width:12px;height:12px;color:#EA4E3D}
.yp-auth-str em.ok,.yp-auth-rules em.ok{color:#04BE02}
.yp-auth-str em.ok svg,.yp-auth-rules em.ok svg{color:#04BE02}
.yp-authp .yp-err{color:#EA4E3D;font-size:12px;min-height:0;margin:0 0 6px}
.yp-games{margin-left:10px!important;gap:11px}
.yp-side{flex:0 0 78px!important;gap:11px!important}
.yp-side button,.yp-side button.on{flex-direction:row!important;min-height:36px!important;height:36px;border-radius:8px!important;background:#232323!important;gap:0!important;padding:0 2px 0 3px!important;justify-content:flex-start!important;font-size:13px!important;color:#999!important;box-shadow:none!important}
.yp-side button.on{color:#E3E3E3!important}
.yp-side button img{width:25px!important;height:19px!important;margin-right:2px;flex:0 0 auto}
.yp-side button span{flex:1;text-align:center;letter-spacing:.3em;text-indent:.3em;overflow:visible!important}
.yp-side button[data-cat=mini] span{letter-spacing:0;text-indent:0}
.yp-pills button.yp-pill{width:62px;height:26px;min-width:0;padding:0;border-radius:4px;font-size:12px;letter-spacing:.3em;text-indent:.3em}
.yp-sort{justify-content:space-around!important;padding:0 0 8px!important;border-bottom:1px solid #2a2a2a;margin:0 0 10px}
.yp-sort button{font-size:13px!important;position:relative}
.yp-sort button.on{font-weight:400!important}
.yp-sort button.on:after{content:"";position:absolute;left:50%;margin-left:-13px;bottom:-9px;width:26px;height:2px;background:#D1AE52}
/* t2audit-20261009: align with yfyl.me 390px (home sizes, 优惠 tabs, 客服, 搜索, 分享赚钱, APP 弹窗, footer) */
html.ngtpl-yfyl .yp-dl{height:31px!important;background:#000!important;padding:0 6px 0 0!important;justify-content:flex-start!important;gap:0!important}
html.ngtpl-yfyl .yp-dl .x{width:31px!important;height:31px!important;color:#1678FF!important;font-size:20px!important;line-height:31px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.ngtpl-yfyl .yp-dl img{height:26px!important;width:auto!important;margin:0 auto 0 0!important}
html.ngtpl-yfyl .yp-dl .go{height:21px!important;min-width:62px!important;padding:0 6px!important;font-size:9.4px!important;border-radius:4px!important;background:#1678FF!important;color:#fff!important;margin-left:auto!important}
html.ngtpl-yfyl .yp-hd{height:47px!important;min-height:47px!important;padding:0 10px 0 5px!important;background:#1A1A1A!important}
html.ngtpl-yfyl .yp-hd .yp-logo{height:40px!important;width:auto!important}
html.ngtpl-yfyl .yp-hd .yp-iconbtn img{width:28px!important;height:25px!important}
html.ngtpl-yfyl .yp-hd .yp-iconbtn em{font-size:11.4px!important;color:#999!important;font-style:normal}
html.ngtpl-yfyl .yp-banner{margin:10px 10px 0!important;height:109px!important;border-radius:8px!important}
html.ngtpl-yfyl .yp-marquee{margin:0!important;padding:4px 10px!important;height:26px!important;box-sizing:content-box}
html.ngtpl-yfyl .yp-marquee span{color:#F1C40F!important;font-size:12.5px!important}
html.ngtpl-yfyl .yp-marquee img:first-child{width:22px!important;height:18px!important}
html.ngtpl-yfyl .yp-marquee button img{width:30px!important;height:26px!important}
html.ngtpl-yfyl .yp-win{margin:6px 10px 0!important;background:#0A0A0A!important;border-radius:7px!important;padding:6px 0 2px!important;border:1px solid #1d1d1d}
html.ngtpl-yfyl .yp-win-h{display:flex!important;align-items:center;justify-content:center;gap:7px;color:#E3E3E3!important;font-size:12.5px!important;margin:0 0 1px!important;height:18px}
html.ngtpl-yfyl .yp-win-h:before,html.ngtpl-yfyl .yp-win-h:after{content:"";width:78px;height:1px;background:linear-gradient(90deg,transparent,#555)}
html.ngtpl-yfyl .yp-win-h:after{background:linear-gradient(90deg,#555,transparent)}
html.ngtpl-yfyl .yp-win-row{gap:22px!important;padding:0 10px!important}
html.ngtpl-yfyl .yp-win-card{flex:0 0 68px!important;width:68px!important;font-size:10.4px!important;color:#666!important}
html.ngtpl-yfyl .yp-win-card img,html.ngtpl-yfyl .yp-win-card b{width:68px!important;height:68px!important;border-radius:9.4px!important}
html.ngtpl-yfyl .yp-win-card span{font-size:10.4px!important;color:#999!important;text-align:center}
html.ngtpl-yfyl .yp-quick{margin:11px 10px 0!important}
html.ngtpl-yfyl .yp-pills button.yp-pill{font-size:10.4px!important}
html.ngtpl-yfyl .yp-qgrid span{font-size:10.4px!important}
html.ngtpl-yfyl .yp-games{margin-top:10px!important}
html.ngtpl-yfyl .yp-grid{gap:0 7px!important}
html.ngtpl-yfyl .yp-g{display:flex;flex-direction:column;align-items:center;height:105px}
html.ngtpl-yfyl .yp-gi{width:68px!important;height:68px!important;aspect-ratio:auto!important;border-radius:9.4px!important;overflow:visible!important}
html.ngtpl-yfyl .yp-gi img.cover{border-radius:9.4px}
html.ngtpl-yfyl .yp-gi .yp-star{top:-1px!important;right:-4px!important;width:21px!important;height:21px!important}
html.ngtpl-yfyl .yp-gt{font-size:11.4px!important;color:#999!important;margin-top:4px!important;max-width:88px}
html.ngtpl-yfyl .yp-tab .yp-rk,html.ngtpl-yfyl .yp-tab .yp-rkt{display:none}
html.ngtpl-yfyl .yp-tab.yp-totop button:first-child i,html.ngtpl-yfyl .yp-tab.yp-totop button:first-child>span{display:none}
html.ngtpl-yfyl .yp-tab.yp-totop button:first-child .yp-rk{display:block;width:26px;height:26px;color:#D1AE52;margin:0 auto}
html.ngtpl-yfyl .yp-tab.yp-totop button:first-child .yp-rk svg{width:26px;height:26px}
html.ngtpl-yfyl .yp-tab.yp-totop button:first-child .yp-rkt{display:block;font-style:normal;font-size:11px;color:#D1AE52}
/* footer */
html.ngtpl-yfyl .yp-foot{margin:18px 10px 0;padding:14px 0 18px;border-top:1px solid #222;color:#999;font-size:11.4px}
html.ngtpl-yfyl .yp-foot .cols{display:flex;justify-content:space-between;padding:0 6px}
html.ngtpl-yfyl .yp-foot dl{margin:0;flex:1}
html.ngtpl-yfyl .yp-foot dt{color:#666;margin-bottom:8px;font-size:11.4px}
html.ngtpl-yfyl .yp-foot dd{margin:0 0 8px}
html.ngtpl-yfyl .yp-foot dd button{color:#999;font-size:11.4px;padding:0;background:none;border:0}
html.ngtpl-yfyl .yp-foot .ch{border-top:1px solid #222;margin-top:12px;padding:12px 6px 0}
html.ngtpl-yfyl .yp-foot .ch h4{margin:0 0 10px;color:#666;font-size:11.4px;font-weight:400}
html.ngtpl-yfyl .yp-foot .ch img{width:30px;height:30px}
html.ngtpl-yfyl .yp-foot .about{border-top:1px solid #222;margin:12px 0 0;padding:12px 6px 0;line-height:1.7;color:#888;font-size:10.4px}
html.ngtpl-yfyl .yp-foot .cp{text-align:center;color:#555;font-size:10.4px;margin:10px 0 0}
/* shared: empty state, sub tabs */
html.ngtpl-yfyl .yp-none{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 0 40px;color:#999;font-size:12.5px}
html.ngtpl-yfyl .yp-none img{width:109px;height:109px;object-fit:contain;margin-bottom:6px}
html.ngtpl-yfyl .yp-none p{margin:0}
html.ngtpl-yfyl .yp-eventp .yp-tabs button,html.ngtpl-yfyl .yp-ntabs button,html.ngtpl-yfyl .yp-itabs button{font-size:12.5px!important}
html.ngtpl-yfyl .yp-ev-pad{padding:10px}
html.ngtpl-yfyl .yp-event-side button{display:flex!important;align-items:center;gap:2px;height:36px;padding:0 4px!important;font-size:12.5px!important;color:#999!important;background:#232323!important;border:0!important;border-radius:6px!important}
html.ngtpl-yfyl .yp-event-side button.on{color:#D1AE52!important;background:#2a2516!important;box-shadow:inset 0 0 0 1px #D1AE52}
html.ngtpl-yfyl .yp-event-side button i{display:inline-flex;width:26px;height:20px;flex:0 0 26px;background:none!important;color:inherit}
html.ngtpl-yfyl .yp-event-side button i svg{width:26px;height:20px}
html.ngtpl-yfyl .yp-event-side button span{flex:1;text-align:center}
html.ngtpl-yfyl .yp-event-side .yp-ev-sm{height:24px!important;justify-content:center;font-size:10.4px!important;background:none!important;box-shadow:inset 0 0 0 1px #D1AE52!important;color:#D1AE52!important;border-radius:5px!important;margin:4px 6px 0}
html.ngtpl-yfyl .yp-event-side .yp-ev-sm svg{width:12px;height:12px;margin-right:2px}
html.ngtpl-yfyl .yp-ev-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
html.ngtpl-yfyl .yp-ev-chips button{height:24px;padding:0 10px;border-radius:12px;background:#232323;color:#999;font-size:11.4px;border:0}
html.ngtpl-yfyl .yp-ev-chips button.on{background:var(--yf-grad);color:#703904}
html.ngtpl-yfyl .yp-ev-chips .yp-ev-ref{margin-left:auto;background:none;color:#D1AE52;display:flex;align-items:center;gap:3px}
html.ngtpl-yfyl .yp-ev-chips .yp-ev-ref svg{width:14px;height:14px}
html.ngtpl-yfyl .yp-ev-cta{display:flex;justify-content:center;margin:16px 0 -60px}
html.ngtpl-yfyl .yp-ev-cta .yp-btn-gold,html.ngtpl-yfyl .yp-ev-go{height:34px;padding:0 18px;border-radius:6px;font-size:12.5px;border:0}
html.ngtpl-yfyl .yp-ev-go{display:block;width:100%;margin:10px 0 0}
html.ngtpl-yfyl .yp-vipcard{position:relative;background:linear-gradient(135deg,#f6f1e4,#d9cfb9);border-radius:8px;padding:12px;color:#5b4a2b;min-height:62px}
html.ngtpl-yfyl .yp-vipcard .tag{position:absolute;left:0;top:0;background:#c9b48b;color:#fff;font-size:10px;padding:1px 6px;border-radius:8px 0 8px 0}
html.ngtpl-yfyl .yp-vipcard b{display:block;font-size:24px;font-style:italic;color:#4a6fa5;margin-top:8px}
html.ngtpl-yfyl .yp-vipcard p{margin:4px 0 0;font-size:10.4px;color:#6b5c3e}
html.ngtpl-yfyl .yp-vipcard .yp-btn-gold{position:absolute;right:12px;top:22px;height:28px;padding:0 12px;border-radius:14px;font-size:11.4px;border:0}
html.ngtpl-yfyl .yp-viph{text-align:center;color:#E3E3E3;font-size:14.5px;margin:14px 0 6px}
html.ngtpl-yfyl .yp-vipt{display:flex;border-bottom:1px solid #2a2a2a}
html.ngtpl-yfyl .yp-vipt button{flex:1;height:34px;color:#E3E3E3;font-size:12.5px;background:none;border:0;position:relative}
html.ngtpl-yfyl .yp-vipt button.on{color:#D1AE52}
html.ngtpl-yfyl .yp-vipt button.on:after{content:"";position:absolute;left:50%;bottom:0;width:34px;margin-left:-17px;height:2px;background:#D1AE52}
html.ngtpl-yfyl .yp-rbsum{background:#fbf3dc;border-radius:8px;padding:8px;margin-bottom:10px}
html.ngtpl-yfyl .yp-rbsum .hd{display:flex;gap:6px;align-items:center;color:#333;font-size:12.5px}
html.ngtpl-yfyl .yp-rbsum .hd em{color:#FFAA09;font-style:normal}
html.ngtpl-yfyl .yp-rbsum .cells{display:flex;gap:8px;margin:6px 0}
html.ngtpl-yfyl .yp-rbsum .cells>div{flex:1;border-radius:6px;padding:6px 8px;display:flex;flex-direction:column}
html.ngtpl-yfyl .yp-rbsum .c1{background:#d6e6fb}.yp-rbsum .c2{background:#d9f3d6}
html.ngtpl-yfyl .yp-rbsum .c2{background:#d9f3d6}
html.ngtpl-yfyl .yp-rbsum em{font-style:normal;color:#333;font-size:12.5px;font-weight:600}
html.ngtpl-yfyl .yp-rbsum span{color:#555;font-size:10.4px}
html.ngtpl-yfyl .yp-rbsum p{margin:0;color:#666;font-size:10.4px}
html.ngtpl-yfyl .yp-rbrow{background:#1A1A1A;border-radius:6px;padding:6px 8px;margin-bottom:8px;font-size:10.4px;color:#999}
html.ngtpl-yfyl .yp-rbrow .t{display:flex;gap:8px;align-items:center}
html.ngtpl-yfyl .yp-rbrow .t b{color:#E3E3E3;font-size:12px;min-width:40px}
html.ngtpl-yfyl .yp-rbrow .bar{height:9px;border-radius:5px;background:#333;margin:5px 0}
html.ngtpl-yfyl .yp-rbrow .f{display:flex;justify-content:space-between}
html.ngtpl-yfyl .yp-rbrow em{color:#FFAA09;font-style:normal}
html.ngtpl-yfyl .yp-yeb{background:#1A1A1A;border-radius:8px;padding:10px;margin-bottom:10px;font-size:11.4px;color:#999}
html.ngtpl-yfyl .yp-yeb .r1,html.ngtpl-yfyl .yp-yeb .r2{display:flex;align-items:center;gap:6px;min-height:28px}
html.ngtpl-yfyl .yp-yeb .r1 b{color:#E3E3E3;font-size:14px;margin-right:auto}
html.ngtpl-yfyl .yp-yeb .r2{justify-content:space-between}
html.ngtpl-yfyl .yp-yeb .r2 b{color:#E3E3E3;font-weight:400}
html.ngtpl-yfyl .yp-yeb .r2 em{color:#FFAA09;font-style:normal}
html.ngtpl-yfyl .yp-yeb button{height:26px;min-width:60px;border-radius:5px;font-size:11.4px;border:0}
html.ngtpl-yfyl .yp-yeb button.g{background:#555;color:#ddd}
html.ngtpl-yfyl .yp-ev-filt,html.ngtpl-yfyl .yp-nfilt{display:flex;gap:8px;align-items:center}
html.ngtpl-yfyl .yp-ev-filt button,html.ngtpl-yfyl .yp-nfilt>button{height:24px;padding:0 10px;border-radius:12px;background:none;border:1px solid #444;color:#999;font-size:10.4px;display:flex;align-items:center;gap:8px}
html.ngtpl-yfyl .yp-ev-filt button i,html.ngtpl-yfyl .yp-nfilt>button i,html.ngtpl-yfyl .yp-stype i{width:6px;height:6px;border:solid #999;border-width:0 1px 1px 0;transform:rotate(45deg) translateY(-2px);display:inline-block}
/* 客服 / 消息中心 */
html.ngtpl-yfyl .yp-cscard{background:#1A1A1A;border-radius:8px;padding:10px}
html.ngtpl-yfyl .yp-cscard h2{margin:0 0 6px;color:#E3E3E3;font-size:14.5px}
html.ngtpl-yfyl .yp-cscard p{margin:0 0 10px;color:#666;font-size:11.4px}
html.ngtpl-yfyl .yp-cscard .btns{display:flex;gap:9px}
html.ngtpl-yfyl .yp-cscard .btns button{flex:0 0 calc((100% - 18px)/3);height:28px;border:1px solid #D1AE52;border-radius:4px;background:none;color:#D1AE52;font-size:10.4px;display:flex;align-items:center;justify-content:center;gap:6px}
html.ngtpl-yfyl .yp-cscard .btns svg{width:16px;height:16px;color:#2aa0dc}
html.ngtpl-yfyl .yp-nsearch{display:flex;align-items:center;height:24px;border:1px solid #444;border-radius:12px;padding:0 6px 0 10px;flex:0 0 110px;margin-left:0}
html.ngtpl-yfyl .yp-nsearch input{flex:1;min-width:0;background:none;border:0;color:#ddd;font-size:10.4px;outline:0}
html.ngtpl-yfyl .yp-nsearch i{width:15px;height:15px;color:#D1AE52}
html.ngtpl-yfyl .yp-nsearch svg{width:15px;height:15px}
html.ngtpl-yfyl .yp-mqrow{display:flex;align-items:center;gap:8px;background:#1A1A1A;border-radius:6px;padding:0 10px;height:36px;margin-top:10px;color:#F1C40F;font-size:11.4px}
html.ngtpl-yfyl .yp-mqrow img{width:18px;height:16px}
html.ngtpl-yfyl .yp-mqrow span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ngtpl-yfyl .yp-mqrow svg{width:16px;height:16px;color:#999}
html.ngtpl-yfyl .yp-noticep .yp-tabs,html.ngtpl-yfyl .yp-invitep .yp-tabs{border-bottom:1px solid #2a2a2a}
/* 搜索 */
html.ngtpl-yfyl .yp-srow{display:flex;align-items:center;margin:6px 6px 0;height:24px;border:1px solid #333;border-radius:12px;background:#1A1A1A;padding:0 6px}
html.ngtpl-yfyl .yp-stype{display:flex;align-items:center;gap:6px;height:100%;padding:0 8px 0 4px;color:#999;font-size:10.4px;background:none;border:0;border-right:1px solid #333}
html.ngtpl-yfyl .yp-srow input{flex:1;min-width:0;background:none;border:0;color:#E3E3E3;font-size:10.4px;padding:0 8px;outline:0}
html.ngtpl-yfyl .yp-sgo{background:none;border:0;color:#D1AE52;width:20px;height:20px;padding:0}
html.ngtpl-yfyl .yp-sgo svg{width:16px;height:16px}
html.ngtpl-yfyl .yp-searchpage .yp-none{padding-top:200px}
/* 分享赚钱 */
html.ngtpl-yfyl .yp-shstat{display:flex;background:#1A1A1A;border-radius:6px;padding:10px 16px;margin-bottom:10px;color:#999;font-size:12.5px}
html.ngtpl-yfyl .yp-shstat>div{flex:1}
html.ngtpl-yfyl .yp-shstat b{color:#E3E3E3;font-weight:400}
html.ngtpl-yfyl .yp-shstat em{display:inline-block;margin-top:6px;border:1px solid #D1AE52;color:#D1AE52;font-style:normal;font-size:10.4px;padding:1px 6px;border-radius:3px;background:#2a2516}
html.ngtpl-yfyl .yp-shstat p{margin:0 0 4px}
html.ngtpl-yfyl .yp-shcard{display:flex;gap:10px;background:#1A1A1A;border-radius:6px;padding:10px;margin-bottom:10px}
html.ngtpl-yfyl .yp-shcard .qr{flex:0 0 64px;background:#D1AE52;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
html.ngtpl-yfyl .yp-shcard .qr img{width:64px;height:64px;background:#fff;padding:3px;box-sizing:border-box}
html.ngtpl-yfyl .yp-shcard .qr button{background:none;border:0;color:#703904;font-size:10px;height:26px;padding:0}
html.ngtpl-yfyl .yp-shcard .rt{flex:1;min-width:0}
html.ngtpl-yfyl .yp-shcard .lk{display:flex;align-items:center;height:30px;border:1px solid #333;border-radius:6px;padding:0 8px;color:#999;font-size:11.4px}
html.ngtpl-yfyl .yp-shcard .lk span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.ngtpl-yfyl .yp-shcard .lk button{background:none;border:0;border-left:1px solid #333;color:#D1AE52;padding:0 0 0 8px;height:18px}
html.ngtpl-yfyl .yp-shcard .lk svg{width:16px;height:16px}
html.ngtpl-yfyl .yp-shcard .sns{display:flex;justify-content:space-between;margin-top:8px}
html.ngtpl-yfyl .yp-shcard .sns button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:#999;font-size:10.4px;padding:0}
html.ngtpl-yfyl .yp-shcard .sns img,html.ngtpl-yfyl .yp-shcard .sns .sh{width:30px;height:30px;border-radius:50%}
html.ngtpl-yfyl .yp-shcard .sns .sh{display:flex;align-items:center;justify-content:center;border:1px solid #444;color:#D1AE52}
html.ngtpl-yfyl .yp-shcard .sns .sh svg{width:15px;height:15px}
html.ngtpl-yfyl .yp-flbl{display:flex;align-items:center;gap:8px;width:100%;height:34px;border:0;border-radius:6px;background:#FFAA09;color:#fff;font-size:12.5px;padding:0 8px}
html.ngtpl-yfyl .yp-flbl img{width:23px;height:23px}
html.ngtpl-yfyl .yp-flbl span{flex:1;text-align:left}
html.ngtpl-yfyl .yp-flbl svg{width:16px;height:16px}
html.ngtpl-yfyl .yp-shtut{background:#1A1A1A;border-radius:6px;padding:10px;color:#999;font-size:11.4px;line-height:1.7}
html.ngtpl-yfyl .yp-shtut h3{margin:0 0 6px;color:#E3E3E3;font-size:14.5px}
html.ngtpl-yfyl .yp-shtut p{margin:0}
html.ngtpl-yfyl .yp-dchips{margin-bottom:10px}
html.ngtpl-yfyl .yp-dchips button{border:1px solid #444;background:none}
html.ngtpl-yfyl .yp-dchips button.on{border-color:transparent}
html.ngtpl-yfyl .yp-shcm{background:#1A1A1A;border-radius:6px;padding:10px;margin-bottom:10px;font-size:11.4px;color:#999}
html.ngtpl-yfyl .yp-shcm .h{display:flex;justify-content:space-between;border-bottom:1px solid #2a2a2a;padding-bottom:8px;margin-bottom:6px}
html.ngtpl-yfyl .yp-shcm .h b{color:#E3E3E3;font-size:14px;font-weight:400}
html.ngtpl-yfyl .yp-shcm .g{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
html.ngtpl-yfyl .yp-shcm .g p{margin:0;display:flex;flex-direction:column;gap:2px}
html.ngtpl-yfyl .yp-shcm em,html.ngtpl-yfyl .yp-shall em{font-style:normal;color:#E3E3E3}
html.ngtpl-yfyl .yp-shall{background:#1A1A1A;border-radius:6px;padding:10px}
html.ngtpl-yfyl .yp-shall h3{margin:0 0 8px;text-align:center;color:#E3E3E3;font-size:14.5px;font-weight:400}
html.ngtpl-yfyl .yp-shall .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html.ngtpl-yfyl .yp-shall .c{background:#232323;border-radius:6px;padding:8px;font-size:10.4px;color:#666}
html.ngtpl-yfyl .yp-shall .c h4{margin:0;color:#999;font-size:11.4px;font-weight:400}
html.ngtpl-yfyl .yp-shall .c>b{display:block;color:#E3E3E3;font-weight:400;margin:2px 0 6px}
html.ngtpl-yfyl .yp-shall .c p{display:flex;justify-content:space-between;margin:0 0 3px}
html.ngtpl-yfyl .yp-rtab{background:#1A1A1A;border-radius:6px;overflow:hidden;font-size:11.4px;color:#E3E3E3}
html.ngtpl-yfyl .yp-rtab .h,html.ngtpl-yfyl .yp-rtab .r{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;text-align:center;align-items:center;min-height:36px}
html.ngtpl-yfyl .yp-rtab .h small{display:block;color:#666;font-size:9px}
html.ngtpl-yfyl .yp-rtab .r{background:#232323;color:#999}
/* APP 下载弹窗 */
html.ngtpl-yfyl .yp-dlpop{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 10px}
html.ngtpl-yfyl .yp-dlpop .card{width:100%;max-width:370px;background:#1A1A1A;border:1px solid #333;border-radius:10px;padding:12px 10px}
html.ngtpl-yfyl .yp-dlpop .top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
html.ngtpl-yfyl .yp-dlpop .top img{width:42px;height:42px;object-fit:contain;background:#000;border-radius:4px}
html.ngtpl-yfyl .yp-dlpop .top p{margin:0;color:#E3E3E3;font-size:12.5px}
html.ngtpl-yfyl .yp-dlpop .btns{display:flex;gap:6px}
html.ngtpl-yfyl .yp-dlpop .btns button{flex:1;display:flex;align-items:center;gap:4px;height:42px;border:0;border-radius:4px;background:#D1AE52;color:#703904;font-size:10.4px;padding:0 4px;text-align:center}
html.ngtpl-yfyl .yp-dlpop .btns i{flex:0 0 18px;height:18px;border-radius:3px;background:#fff;color:#3b82f6;font-style:normal;font-size:7px;display:flex;align-items:center;justify-content:center}
html.ngtpl-yfyl .yp-dlpop .btns span{flex:1;line-height:1.2}
html.ngtpl-yfyl .yp-dlpop .btns em{flex:0 0 30px;border-left:1px solid #703904;font-style:normal;font-size:8.5px;display:flex;flex-direction:column;align-items:center}
html.ngtpl-yfyl .yp-dlpop .btns em svg{width:14px;height:14px}
html.ngtpl-yfyl .yp-popx{width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:none;color:#fff;font-size:20px;line-height:24px;padding:0}
html.ngtpl-yfyl .yp-event{gap:11px!important;padding:10px 10px 72px!important}
html.ngtpl-yfyl .yp-ev-pad .yp-event{padding:0 0 72px!important}
html.ngtpl-yfyl .yp-event-side{width:78px!important;flex:0 0 78px!important;gap:11px!important}
html.ngtpl-yfyl .yp-event-side button span{white-space:nowrap}
html.ngtpl-yfyl .yp-event-main img{border-radius:6px!important}
html.ngtpl-yfyl .yp-subhd{height:44px!important;min-height:44px!important}
html.ngtpl-yfyl .yp-subhd h1{font-size:16.6px!important;font-weight:400!important}
html.ngtpl-yfyl .yp-itabs button{flex:1 1 0!important}
html.ngtpl-yfyl .yp-tabs button{height:36px!important}
html.ngtpl-yfyl .yp-ntabs button{padding:0 9px!important;flex:0 0 auto!important}
html.ngtpl-yfyl .yp-shstat b{display:block;margin-bottom:2px}
html.ngtpl-yfyl .yp-srow{height:28px!important;margin:10px 10px 0!important;border-radius:14px!important}
html.ngtpl-yfyl .yp-searchpage .yp-none{padding-top:210px!important}
html.ngtpl-yfyl .yp-noticep .yp-none{padding-top:170px}
html.ngtpl-yfyl .yp-eventp .yp-none{padding-top:150px}
html.ngtpl-yfyl .yp-dlpop .top img{width:auto!important;max-width:110px;height:42px!important;padding:0 4px}

/* t2audit: keep bottom tab visible on sub pages */
.yp>.yp-sub:not(:last-child){flex:1 1 auto;min-height:0;overflow:hidden}