/* Page-only rules originally following shared site polish. */
/* =========================================================
   AVLOG PAN SEARCH — complete 2026 interface refresh
   Shared by standalone resource search and embedded VOD search.
   ========================================================= */
html body.body .pan-results-shell,
html body.body .pan-inline-search .pan-results-shell {
  --pan-bg:#0b1511;--pan-panel:#101e17;--pan-panel2:#13251b;
  --pan-line:rgba(125,166,139,.18);--pan-green:#39d98a;--pan-muted:#91a69a;
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  width:100%!important;max-width:none!important;margin:0 auto!important;
  padding:clamp(18px,3vw,34px)!important;border:1px solid var(--pan-line)!important;
  border-radius:22px!important;background:
    radial-gradient(ellipse at 12% 0%,rgba(57,217,138,.13),transparent 38%),
    linear-gradient(145deg,#101e17 0%,#0b1511 62%,#0e1b14 100%)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.22)!important;box-sizing:border-box!important;
}
html body.body .pan-results-shell:before,
html body.body .pan-inline-search .pan-results-shell:before {
  content:"";position:absolute;z-index:-1;top:-100px;right:-80px;width:290px;height:290px;
  border:1px solid rgba(57,217,138,.12);border-radius:50%;
  box-shadow:0 0 0 35px rgba(57,217,138,.025),0 0 0 72px rgba(57,217,138,.018);
  pointer-events:none;
}
html body.body .pan-results-header {position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;text-align:left!important;margin:0!important;padding:0!important}
html body.body .pan-kicker {
  display:inline-flex!important;align-self:flex-start!important;align-items:center!important;gap:8px!important;
  margin:0 0 12px!important;padding:6px 11px!important;border:1px solid rgba(57,217,138,.25)!important;
  border-radius:999px!important;background:rgba(57,217,138,.08)!important;color:#75e9ad!important;
  font-size:11px!important;font-weight:750!important;letter-spacing:.12em!important;
}
html body.body .pan-kicker:before {content:"";width:6px;height:6px;border-radius:50%;background:#39d98a;box-shadow:0 0 10px #39d98a}
html body.body .pan-results-header h1 {
  display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important;
  color:#f0f8f2!important;font-size:clamp(25px,3.3vw,36px)!important;font-weight:850!important;
  letter-spacing:-.035em!important;line-height:1.2!important;
}
html body.body .pan-home-title-icon {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;
  width:46px!important;height:46px!important;border:1px solid rgba(57,217,138,.35)!important;
  border-radius:14px!important;background:linear-gradient(145deg,rgba(57,217,138,.2),rgba(57,217,138,.05))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
html body.body .pan-home-title-icon svg {width:25px!important;height:25px!important;fill:none!important;stroke:#69e8a6!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body.body .pan-search-intro {display:flex!important;flex-wrap:wrap!important;gap:5px 22px!important;margin:0 0 22px!important}
html body.body .pan-search-intro p {margin:0!important;color:#a8b9ae!important;font-size:13px!important;line-height:1.75!important}
html body.body .pan-search-intro p:first-child {color:#c0d0c5!important}
html body.body .pan-search-form {width:100%!important;margin:0!important}
html body.body .pan-search-control {
  display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;
  min-height:64px!important;padding:7px!important;border:1px solid rgba(91,218,151,.4)!important;
  border-radius:16px!important;background:#07110c!important;
  box-shadow:0 0 0 4px rgba(57,217,138,.045),0 12px 28px rgba(0,0,0,.18)!important;box-sizing:border-box!important;
  transition:border-color .2s,box-shadow .2s!important;
}
html body.body .pan-search-control:focus-within {border-color:#55e59b!important;box-shadow:0 0 0 4px rgba(57,217,138,.11),0 14px 32px rgba(0,0,0,.24)!important}
html body.body .pan-search-control input {
  flex:1 1 auto!important;min-width:0!important;width:100%!important;height:48px!important;margin:0!important;padding:0 14px!important;
  border:0!important;outline:0!important;background:transparent!important;color:#f0fff5!important;
  font-size:15px!important;box-shadow:none!important;
}
html body.body .pan-search-control input::placeholder {color:#6e8275!important}
html body.body .pan-search-control button {
  display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-width:132px!important;height:48px!important;margin:0!important;padding:0 19px!important;border:0!important;border-radius:11px!important;
  background:linear-gradient(135deg,#45e69a,#1ebc70)!important;color:#062012!important;font-size:14px!important;font-weight:850!important;
  box-shadow:0 5px 18px rgba(31,190,112,.22)!important;transition:transform .18s,filter .18s!important;
}
html body.body .pan-search-control button:hover {transform:translateY(-1px)!important;filter:brightness(1.08)!important}
html body.body .pan-hotwords {display:flex!important;align-items:flex-start!important;gap:10px 14px!important;margin:16px 0 0!important}
html body.body .pan-hotwords-label {flex:0 0 auto!important;padding-top:7px!important;color:#70d99e!important;font-size:12px!important;font-weight:800!important}
html body.body .pan-hotwords-list {display:flex!important;flex-wrap:wrap!important;gap:7px!important}
html body.body .pan-hotwords-list button {
  min-height:29px!important;margin:0!important;padding:4px 10px!important;border:1px solid rgba(135,166,145,.2)!important;
  border-radius:8px!important;background:rgba(255,255,255,.035)!important;color:#b7c9bd!important;
  font-size:12px!important;line-height:1.3!important;cursor:pointer!important;transition:all .18s!important;
}
html body.body .pan-hotwords-list button:hover {border-color:rgba(57,217,138,.55)!important;background:rgba(57,217,138,.1)!important;color:#8df0b8!important}
html body.body .pan-results-toolbar {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;
  margin:28px 0 17px!important;padding:17px 0 0!important;border-top:1px solid var(--pan-line)!important;
}
html body.body #panSearchStatus {min-height:20px!important;color:#a6b9ac!important;font-size:13px!important}
html body.body #panSearchStatus strong {color:#5ce49a!important;font-size:17px!important;font-weight:850!important}
html body.body .pan-filter-list {display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body.body .pan-filter-list button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:38px!important;margin:0!important;padding:6px 12px!important;border:1px solid rgba(133,166,143,.2)!important;
  border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:#aebfb3!important;
  font-size:12px!important;font-weight:700!important;white-space:nowrap!important;transition:all .18s!important;
}
html body.body .pan-filter-list button:hover {border-color:rgba(57,217,138,.4)!important;color:#d9f8e5!important;background:rgba(57,217,138,.06)!important}
html body.body .pan-filter-list button.is-active {border-color:rgba(57,217,138,.65)!important;background:rgba(57,217,138,.13)!important;color:#8cf0b5!important;box-shadow:inset 0 0 0 1px rgba(57,217,138,.07)!important}
html body.body .pan-filter-mark {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:21px!important;height:21px!important;flex:0 0 21px!important;border-radius:6px!important;font-size:10px!important;font-weight:900!important}
html body.body .pan-filter-cloud svg {width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body.body .pan-mark-quark {background:#ffedcf!important;color:#db8422!important}
html body.body .pan-mark-baidu {background:#e6efff!important;color:#2869ce!important}
html body.body .pan-mark-aliyun {background:#e4f2ff!important;color:#2385d6!important}
html body.body .pan-mark-tianyi {background:#e3edff!important;color:#356ed2!important}
html body.body .pan-mark-uc {background:#fff0e2!important;color:#e87920!important}
html body.body .pan-mark-115 {background:#ffe8e8!important;color:#d74a4a!important}
html body.body .pan-results-list {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body.body .pan-result-card {
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:15px!important;min-width:0!important;
  margin:0!important;padding:17px!important;border:1px solid rgba(137,169,148,.16)!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(23,42,31,.92),rgba(14,27,20,.96))!important;
  box-shadow:0 7px 22px rgba(0,0,0,.12)!important;transition:border-color .2s,transform .2s,background .2s!important;
}
html body.body .pan-result-card:hover {transform:translateY(-2px)!important;border-color:rgba(57,217,138,.4)!important;background:linear-gradient(145deg,#193425,#102219)!important}
html body.body .pan-result-main {min-width:0!important}
html body.body .pan-cloud-tag {display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0 0 10px!important;color:#7edda7!important;font-size:11px!important;font-weight:800!important}
html body.body .pan-cloud-mark {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:7px!important;font-size:10px!important;font-weight:900!important}
html body.body .pan-result-card h2 {display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;margin:0!important;color:#e8f2eb!important;font-size:14px!important;line-height:1.65!important;font-weight:700!important;overflow-wrap:anywhere!important}
html body.body .pan-result-meta {display:flex!important;flex-wrap:wrap!important;gap:5px 12px!important;margin-top:9px!important;color:#748b7b!important;font-size:11px!important}
html body.body .pan-result-actions {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-top:12px!important;border-top:1px solid rgba(137,169,148,.12)!important}
html body.body .pan-code {color:#a7c2b0!important;font-size:11px!important;white-space:nowrap!important}
html body.body .pan-code b {color:#79e6a8!important;font-size:13px!important;letter-spacing:.08em!important}
html body.body .pan-result-actions>a {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:34px!important;padding:0 12px!important;
  border:1px solid rgba(57,217,138,.38)!important;border-radius:8px!important;background:rgba(57,217,138,.1)!important;
  color:#83e9ad!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
html body.body .pan-result-actions>a:hover {background:#39d98a!important;color:#062012!important}
html body.body .pan-empty-state,html body.body .pan-loading {
  grid-column:1/-1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  min-height:190px!important;margin:0!important;padding:28px 18px!important;border:1px dashed rgba(126,168,141,.25)!important;
  border-radius:15px!important;background:rgba(255,255,255,.018)!important;text-align:center!important;color:#a7b9ad!important;
}
html body.body .pan-empty-state strong {margin:8px 0!important;color:#e1eee5!important;font-size:15px!important}
html body.body .pan-empty-state p {margin:0!important;color:#82988a!important;font-size:12px!important;line-height:1.7!important}
html body.body .pan-empty-icon {display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(57,217,138,.1)!important;color:#6be5a1!important;font-size:25px!important}
html body.body .pan-loading {flex-direction:row!important;gap:12px!important;min-height:110px!important}
html body.body .pan-site-video-section {margin-top:24px!important;padding:20px!important;border:1px solid rgba(137,169,148,.16)!important;border-radius:18px!important;background:#0d1912!important}
html body.body .pan-site-video-section #panSiteVideoStatus {margin:0 0 16px!important;color:#8de6ae!important;font-size:14px!important;font-weight:800!important}
html body.body .pan-site-video-results {min-width:0!important}
html body.body .pan-site-video-results .category-con>.a-con {display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px 13px!important}
@media(max-width:900px) {
 html body.body .pan-results-list {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.body .pan-site-video-results .category-con>.a-con {grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:600px) {
 html body.body .pan-results-shell,html body.body .pan-inline-search .pan-results-shell {padding:17px 13px!important;border-radius:16px!important}
 html body.body .pan-results-header h1 {font-size:25px!important}
 html body.body .pan-search-control {min-height:58px!important;padding:5px!important;gap:4px!important}
 html body.body .pan-search-control input {height:46px!important;padding:0 9px!important;font-size:13px!important}
 html body.body .pan-search-control button {min-width:94px!important;height:46px!important;padding:0 10px!important;font-size:12px!important}
 html body.body .pan-hotwords {flex-direction:column!important;gap:8px!important}
 html body.body .pan-results-toolbar {margin-top:22px!important}
 html body.body .pan-filter-list {gap:6px!important}
 html body.body .pan-filter-list button {min-height:34px!important;padding:5px 8px!important;font-size:11px!important}
 html body.body .pan-results-list {grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 html body.body .pan-result-card {padding:14px!important}
 html body.body .pan-site-video-section {padding:13px!important}
 html body.body .pan-site-video-results .category-con>.a-con {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px 9px!important}
}


/* 2026-11-15 follow-up polish: centered header, stacked hot keywords, icon search, calm counters */
html body.body.pan-search-page .pan-results-header,
html body.body .pan-inline-search .pan-results-header {
  text-align:center!important;
}
html body.body.pan-search-page .pan-results-header > *,
html body.body .pan-inline-search .pan-results-header > * { margin-left:auto!important; margin-right:auto!important; }
html body.body.pan-search-page .pan-search-intro,
html body.body .pan-inline-search .pan-search-intro { text-align:center!important; max-width:920px!important; }
html body.body.pan-search-page .pan-results-form,
html body.body .pan-inline-search .pan-results-form { margin-left:auto!important; margin-right:auto!important; }
html body.body.pan-search-page .pan-search-control,
html body.body .pan-inline-search .pan-search-control { margin-left:auto!important; margin-right:auto!important; }
html body.body.pan-search-page .pan-hotwords,
html body.body .pan-inline-search .pan-hotwords {
  display:flex!important; flex-direction:column!important; align-items:center!important;
  justify-content:center!important; gap:10px!important; width:100%!important; text-align:center!important;
}
html body.body.pan-search-page .pan-hotwords-label,
html body.body .pan-inline-search .pan-hotwords-label {
  display:block!important; width:100%!important; padding:0!important; margin:0!important;
  text-align:center!important; font-size:13px!important; font-weight:850!important;
}
html body.body.pan-search-page .pan-hotwords-list,
html body.body .pan-inline-search .pan-hotwords-list {
  display:flex!important; justify-content:center!important; align-items:center!important;
  flex-wrap:wrap!important; width:100%!important; gap:8px!important;
}
html body.body.pan-search-page .pan-search-control button,
html body.body .pan-inline-search .pan-search-control button {
  min-width:112px!important; display:inline-flex!important; align-items:center!important;
  justify-content:center!important; gap:7px!important; padding:0 18px!important;
}
html body.body.pan-search-page .pan-search-control button svg,
html body.body .pan-inline-search .pan-search-control button svg {
  display:block!important; width:19px!important; height:19px!important; fill:none!important;
  stroke:currentColor!important; stroke-width:2!important; stroke-linecap:round!important; stroke-linejoin:round!important;
}
html body.body.pan-search-page #panSearchStatus strong,
html body.body .pan-inline-search #panSearchStatus strong,
html body.body.pan-search-page #panSiteVideoStatus strong {
  color:#8fe0ae!important; font-size:inherit!important; font-weight:750!important;
  text-shadow:none!important; filter:none!important;
}
html body.body.pan-search-page #panSiteVideoStatus { min-height:22px!important; }
html body.body.pan-search-page #panSiteVideoStatus .pan-video-total {
  display:inline!important; color:#a9d8ba!important; font-size:inherit!important;
  font-weight:800!important; text-shadow:none!important;
}
@media(max-width:600px) {
  html body.body.pan-search-page .pan-search-control button,
  html body.body .pan-inline-search .pan-search-control button { min-width:76px!important; padding:0 10px!important; }
  html body.body.pan-search-page .pan-hotwords-list,
  html body.body .pan-inline-search .pan-hotwords-list { gap:6px!important; }
}

/* Match Guangya filter icon to the resource-card provider badge. */
html body.body .pan-cloud-mark.pan-mark-guangya {background:rgba(255,190,82,.16)!important;color:#f4bd65!important;border:1px solid rgba(255,190,82,.26)!important}


/* Final alignment: center the cloud glyph optically inside its badge. */
html body.body .pan-filter-mark.pan-filter-cloud {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  vertical-align:middle!important; line-height:0!important;
}
html body.body .pan-filter-mark.pan-filter-cloud svg {
  display:block!important; flex:0 0 auto!important; margin:0!important;
  transform:translateY(1px)!important;
}


/* 2026-11-15 · Empty-state magnifier optically centered inside green tile */
html body.body .pan-empty-state .pan-empty-icon {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-variant-ligatures: none !important;
}

/* Tianyi cloud mark: match standalone pan search palette */
html body.body .pan-cloud-mark.pan-mark-tianyi,
html body.body .pan-filter-list .pan-mark-tianyi {color:#b9a6ff!important;background:rgba(139,112,255,.18)!important;border:1px solid rgba(157,133,255,.34)!important}