:root{--bg:#0b0d12;--surface:#121621;--text:#e7eaf3;--muted:#a8b0c3;--border:rgba(255,255,255,.08);--gold:#f5c451;--header-height:120px;--header-height-mobile:80px;--card:#121621;--accent:#6366f1;--primary:#6366f1}
html{overflow-x:hidden;width:100%;max-width:100vw}
body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding-bottom:70px;overflow-x:hidden;width:100%;max-width:100vw;position:relative}
*{box-sizing:border-box}
img,video,iframe{max-width:100%;height:auto}
h1,h2,h3{margin:0}
a{text-decoration:none;color:inherit}
.wrap{max-width:min(1100px, 100vw);margin:0 auto;padding:0 16px;position:relative;width:100%;overflow-x:hidden}
.container{max-width:min(1100px, 100vw);margin:0 auto;position:relative;z-index:1;width:100%;overflow-x:hidden}

/* Header样式 */
.site-header{position:sticky;top:0;z-index:1001;background:rgba(11,13,18,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);width:100%;max-width:100vw;overflow:visible}
.header-inner{max-width:min(1100px, 100vw);margin:0 auto;padding:12px 16px;width:100%;overflow:visible;position:relative;z-index:1001}
.brand-logo,.brand{font-size:20px;font-weight:700;color:var(--gold);white-space:nowrap}
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:2px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,0.05);
  font-size:12px;
  color:var(--muted);
  letter-spacing:0.02em;
}

/* 主要内容区域 */
.main-content {
  margin-top: calc(var(--header-height) + 20px);
  min-height: calc(100vh - var(--header-height) - 100px);
}

/* 标题锚点 */
.post-title {
  scroll-margin-top: calc(var(--header-height) + 40px);
}

/* Header 布局 */
.header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}

.header-row-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header-row-1 .search {
  min-width: 250px;
  margin-left: auto;
}

.nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.header-row-2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 8px;
}

/* 桌面端导航样式 */
.nav-groups {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.nav-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--border);
  border-radius: 14px;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.nav-group:hover {
  background: rgba(79,70,229,0.08);
  border-color: rgba(99,102,241,0.3);
}

.nav-group-parent {
  display: flex;
  align-items: center;
}

.nav-group-children {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.nav-group-colon {
  color: var(--muted);
  font-size: 13px;
}

.nav-link {
  color: #c7d2fe;
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.nav-link .count {
  font-size: 12px;
  color: var(--muted);
}

.nav-parent-link {
  font-weight: 600;
  font-size: 14px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid rgba(99,102,241,0.25);
  background: rgba(99,102,241,0.12);
}

.nav-parent-link:hover {
  color: #fff;
  border-color: rgba(99,102,241,0.45);
  background: rgba(99,102,241,0.25);
}

.nav-parent-link.active {
  color: #fff;
  border-color: rgba(99,102,241,0.8);
  background: rgba(99,102,241,0.45);
}

.nav-child-link {
  position: relative;
  padding: 2px 4px;
  border-radius: 6px;
  color: var(--muted);
}

.nav-child-link:hover {
  color: #fff;
  background: rgba(99,102,241,0.2);
}

.nav-child-link.active {
  color: #fff;
  background: rgba(99,102,241,0.35);
}

.nav-child-link:not(:last-child)::after {
  content: '，';
  color: var(--muted);
  margin-left: 4px;
}

/* 语言切换器样式 */
.language-switcher{position:relative;margin-left:12px}
.language-switcher-button{background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;transition:all 0.2s ease}
.language-switcher-button:hover{background:rgba(255,255,255,0.08);border-color:var(--accent)}
.language-switcher-button .arrow{transition:transform 0.3s ease}
.language-switcher.active .language-switcher-button .arrow{transform:rotate(180deg)}
.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;box-shadow:0 8px 24px rgba(0,0,0,0.3);z-index:1000}
.language-switcher.active .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.language-dropdown-item{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background 0.2s ease}
.language-dropdown-item:hover{background:rgba(99,102,241,0.15)}
.language-dropdown-item .check{color:var(--accent)}

/* 搜索框样式 */
.search {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  border-radius: 25px;
  overflow: hidden;
  transition: border-color 0.2s ease;
  max-width: 300px;
}

.search:hover,
.search:focus-within {
  border-color: var(--accent);
}

.search-input {
  background: transparent;
  border: none;
  color: var(--text);
  padding: 10px 16px;
  width: 200px;
  min-width: 200px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  flex: 1;
}

.search-input::placeholder {
  color: var(--muted);
}

.search-btn {
  background: var(--accent);
  color: white;
  border: none;
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
}

.search-btn:hover {
  background: #5855eb;
}

/* 过滤栏 */
.filterbar{position:sticky;top:58px;z-index:40;background:rgba(11,13,18,.95);border-bottom:1px solid var(--border)}
.filter-inner{max-width:1200px;margin:0 auto;padding:0 16px}
.filters{display:flex;gap:12px;padding:12px 0;align-items:center;flex-wrap:wrap}

/* Filter标签样式 */
.filters label{display:flex;flex-direction:column;gap:4px;min-width:120px;color:var(--text)}
.filters label span{font-size:13px;font-weight:500;color:#c7d2fe}

/* Filter下拉框样式 */
.filters select{
  background:#0f1420;
  border:1px solid var(--border);
  color:var(--text);
  padding:8px 12px;
  border-radius:8px;
  font-size:14px;
  min-width:100px;
  cursor:pointer;
  transition:all 0.2s ease;
}
.filters select:hover{border-color:#4f46e5}
.filters select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(79,70,229,0.1)}

/* Apply按钮样式 */
.filters .search-btn{
  background:var(--accent);
  color:#fff;
  border:none;
  padding:8px 16px;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:all 0.2s ease;
  margin-left:8px;
}
.filters .search-btn:hover{background:#3730a3;transform:translateY(-1px)}
.filters .search-btn:active{transform:translateY(0)}

/* 列表项样式 */
.list{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:20px;
  margin-bottom:32px;
  width:100%;
}

@media (min-width: 1024px) {
  .list{
    grid-template-columns:repeat(4, 1fr);
  }
}

.item{
  display:flex;
  flex-direction:column;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
  position:relative;
  width:100%;
}

.item:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}

.item .thumb{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:5/4;
  overflow:hidden;
  border-radius:10px;
}

.item .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s ease;
}

.item:hover .thumb img{
  transform:scale(1.05);
}

.item .thumb .duration{
  position:absolute;
  right:8px;
  bottom:8px;
  background:rgba(0,0,0,0.75);
  color:#fff;
  padding:2px 6px;
  border-radius:4px;
  font-size:11px;
  backdrop-filter:blur(4px);
}

.item .thumb .overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.35);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}

.item:hover .thumb .overlay{
  opacity:1;
}

.item .thumb .play{
  font-size:28px;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,0.5);
}

.item .meta{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px 16px 16px;
}

.item .meta h3{
  font-size:16px;
  font-weight:600;
  color:var(--text);
  margin:0;
  line-height:1.4;
  max-height:3.4em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.item .meta .rating{
  display:flex;
  align-items:center;
  gap:4px;
}

.item .meta .excerpt{
  font-size:13px;
  color:var(--muted);
  line-height:1.5;
  max-height:4.5em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

.item .meta .cast{
  font-size:12px;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.item .link{
  color:inherit;
  text-decoration:none;
}

@media (max-width: 900px) {
  .list{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px;
  }
}

@media (max-width: 768px) {
  body{padding-bottom:80px}
  .wrap,.header-inner,.container{padding:0 12px}
  .site-header{position:relative;top:0;width:100vw;left:0;right:0}
  .header-row-1{flex-wrap:wrap;gap:12px}
  .header-row-1 .search{display:none}
  .language-switcher{margin-left:auto}
  .nav{display:none}
  .main-content{margin-top:20px;padding:0 12px}
  .list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
  }
}

/* 超小屏幕优化 */
@media (max-width: 480px) {
  .wrap,.header-inner,.container{padding:0 8px}
  .brand-logo,.brand{font-size:18px}
  .list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .item .poster{border-radius:8px}
  .item .meta{padding:8px}
  .main-content{padding:0 8px}
}

/* 移动端导航 - 默认隐藏 */
.mobile-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #1a1d29;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 8px 0;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
  height: 64px;
  pointer-events: auto;
}

/* 移动端导航内容 */
@media (max-width: 768px) {
  .mobile-nav {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
  }
}

.mobile-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #a8b0c3;
  font-size: 12px;
  padding: 8px 4px;
  cursor: pointer;
  transition: color 0.2s ease;
  text-decoration: none;
  flex: 1;
  min-height: 48px;
  pointer-events: auto;
  touch-action: manipulation;
}

.mobile-nav-item:hover,
.mobile-nav-item:focus,
.mobile-nav-item.active {
  color: #6366f1;
}

.mobile-nav-item .icon {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-nav-item .icon svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
}

.mobile-nav-item .label {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

/* 抽屉样式 */
.drawer,
.mobile-drawer{
  position:fixed;
  top:0;
  right:0;
  width:min(280px, 85vw);
  max-width:85vw;
  height:100vh;
  height:100dvh; /* 🔥 使用动态视口高度，适应键盘弹出 */
  background:#1a1d29;
  border-left:2px solid #6366f1;
  z-index:2000;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  touch-action:auto;
  /* 使用transform，初始隐藏 */
  transform:translateX(100%);
  transition:transform 0.3s ease;
  will-change:transform;
  /* 🔥 确保抽屉内容可以滚动 */
  overscroll-behavior:contain;
}
.drawer.open,
.drawer.active,
.mobile-drawer.open,
.mobile-drawer.active{
  transform:translateX(0);
  pointer-events:auto;
}
.drawer-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px;
  border-bottom:1px solid var(--border);
  pointer-events:auto;
}
.drawer-title{color:var(--text);font-size:18px;font-weight:600}
.drawer-close{
  background:none;
  border:none;
  color:var(--text);
  font-size:24px;
  cursor:pointer;
  padding:0;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:auto;
  touch-action:manipulation;
}
.drawer-content{
  padding:20px;
  pointer-events:auto;
  touch-action:auto;
}

.drawer-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 0;
  color:var(--text);
  text-decoration:none;
  border-bottom:1px solid var(--border);
  font-size:15px;
  transition:color .2s;
  cursor:pointer;
  pointer-events:auto;
}

.drawer-link:hover,
.drawer-link:focus{
  color:var(--accent);
}

/* 移动端抽屉遮罩层 */
.mobile-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.6);
  z-index: 1500;
  display: none;
  pointer-events: none;
}

.mobile-drawer-overlay.open,
.mobile-drawer-overlay.active {
  display: block;
  visibility: visible;
  pointer-events: auto;
  /* 不设置touch-action，让默认行为生效 */
}

/* 当抽屉打开时阻止body滚动 */
body.drawer-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* 确保抽屉内容可滚动 */
.mobile-drawer .drawer-content {
  height: calc(100vh - 70px);
  overflow-y: auto;
  pointer-events: auto;
  touch-action: pan-y;
  position: relative;
  z-index: 2001;
}

/* 搜索抽屉 */
.search-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:150;display:none;backdrop-filter:blur(4px)}
.search-drawer.open{display:block}
.search-content-drawer{background:var(--surface);margin:20px;border-radius:16px;padding:20px;max-height:calc(100vh - 40px);overflow-y:auto}

/* 🔥 移动端全屏搜索页面 */
.mobile-search-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background: #0a0d14;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  visibility: hidden;
}

.mobile-search-fullscreen.active {
  transform: translateY(0);
  visibility: visible;
}

.mobile-search-header {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  background: #0f1420;
  border-bottom: 1px solid var(--border);
  gap: 16px;
}

.mobile-search-back {
  background: none;
  border: none;
  color: var(--text);
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.mobile-search-back:active {
  opacity: 0.6;
}

.mobile-search-header h3 {
  color: var(--text);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.mobile-search-content {
  flex: 1;
  padding: 24px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mobile-search-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #0f1420;
  border: 2px solid var(--border);
  border-radius: 12px;
  padding: 0 16px;
  transition: border-color 0.2s;
}

.mobile-search-box:focus-within {
  border-color: var(--accent);
}

.mobile-search-box .search-icon {
  color: var(--muted);
  flex-shrink: 0;
}

.mobile-search-input {
  background: transparent;
  border: none;
  color: var(--text);
  padding: 16px 12px;
  font-size: 16px;
  width: 100%;
  outline: none;
  -webkit-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.mobile-search-clear {
  background: none;
  border: none;
  color: var(--muted);
  font-size: 20px;
  padding: 8px;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.2s;
}

.mobile-search-clear:active {
  opacity: 0.6;
}

.mobile-search-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mobile-search-submit {
  width: 100%;
  padding: 16px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.mobile-search-submit:active {
  transform: scale(0.98);
  opacity: 0.9;
}

/* 旧的抽屉搜索样式（保留以防万一） */
.mobile-search-input.old-style {
  background: #0f1420;
  border: 1px solid var(--border);
  padding: 12px;
  border-radius: 10px;
}

.mobile-form-submit {
  width: 100%;
  padding: 12px;
  margin-top: 12px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  pointer-events: auto;
}
.mobile-form-submit:active {
  transform: scale(0.98);
  opacity: 0.9;
}

/* ================ 搜索页面主要样式 ================ */
/* 搜索页面主容器 */
.search-page-main {
  margin-top: calc(var(--header-height) + 16px);
  width: 100%;
  min-height: calc(100vh - var(--header-height) - var(--footer-height, 100px));
  padding-bottom: 70px;
}

/* WordPress 管理员栏调整 */
body.admin-bar .search-page-main {
  margin-top: calc(var(--header-height) + 32px + 16px);
}

/* 搜索页面容器 */
.search-page-main .wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

/* 搜索页面头部 */
.search-header {
  margin-bottom: 32px;
  text-align: center;
}

.search-title {
  font-size: 28px;
  color: var(--text);
  margin-bottom: 12px;
  font-weight: 600;
}

.search-info {
  color: var(--muted);
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.search-query {
  color: var(--text);
}

.search-count {
  color: var(--accent);
  font-weight: 500;
}

/* 搜索结果网格 */
.search-content .movies-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}

/* 电影卡片 */
.search-content .movie-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.search-content .movie-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.search-content .movie-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* 电影海报 */
.search-content .movie-poster {
  position: relative;
  width: 100%;
  aspect-ratio: 2/3;
  overflow: hidden;
  background: var(--surface);
}

.search-content .movie-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.search-content .movie-card:hover .movie-poster img {
  transform: scale(1.05);
}

.search-content .no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border);
  color: var(--muted);
  font-size: 14px;
}

/* 持续时间 */
.search-content .duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0,0,0,0.8);
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  backdrop-filter: blur(4px);
}

/* 播放覆盖层 */
.search-content .play-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.search-content .movie-card:hover .play-overlay {
  opacity: 1;
}

.search-content .play-icon {
  font-size: 32px;
  color: white;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* 电影信息 */
.search-content .movie-info {
  padding: 12px;
}

.search-content .movie-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: var(--text);
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search-content .movie-rating {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.search-content .movie-excerpt {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.4;
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search-content .movie-cast {
  font-size: 11px;
  color: var(--muted);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* 分页样式 */
.search-pagination {
  margin: 40px 0;
  text-align: center;
}

.pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  max-width: 100%;
  overflow-x: hidden;
}

.pagination-item a,
.pagination-item span {
  display: block;
  padding: 8px 12px;
  color: var(--text);
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: 4px;
  transition: all 0.2s ease;
}

.pagination-item a:hover {
  background: var(--accent);
  color: white;
  border-color: var(--accent);
}

.pagination-item .current {
  background: var(--accent);
  color: white;
  border-color: var(--accent);
}

/* 无搜索结果样式 */
.search-content .no-results {
  text-align: center;
  padding: 40px 20px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  margin: 20px 0;
}

.search-content .no-results-content h2 {
  color: var(--accent);
  margin-bottom: 16px;
  font-size: 24px;
}

.search-content .no-results-content p {
  color: var(--muted);
  margin-bottom: 24px;
  line-height: 1.5;
}

.search-content .search-suggestions {
  margin: 32px 0;
  text-align: left;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.search-content .search-suggestions h3 {
  color: var(--primary);
  margin-bottom: 12px;
  text-align: center;
  font-size: 18px;
}

.search-content .search-suggestions ul {
  list-style: none;
  padding: 0;
}

.search-content .search-suggestions li {
  padding: 8px 0;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
}

.search-content .search-suggestions li:last-child {
  border-bottom: none;
}

/* 推荐电影样式 */
.recommended-section {
  margin-top: 40px;
}

.recommended-section h3 {
  color: var(--text);
  margin-bottom: 20px;
  font-size: 20px;
  text-align: left;
}

.recommended-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}

.recommended-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s ease;
}

.recommended-card:hover {
  transform: translateY(-2px);
}

.recommended-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.recommended-poster {
  width: 100%;
  aspect-ratio: 2/3;
  position: relative;
  overflow: hidden;
}

.recommended-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recommended-info {
  padding: 12px;
}

.recommended-info h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: var(--text);
  line-height: 1.3;
}

/* 响应式布局 - 平板 */
@media (max-width: 768px) {
  body {
    padding-bottom: 80px;
  }
  
  .wrap,
  .container {
    padding: 0 12px;
  }
  
  .list {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  
  .item {
    border-radius: 12px;
  }
  
  .item .meta {
    padding: 10px 12px 12px;
    gap: 6px;
  }
  
  .item .meta h3 {
    font-size: 14px;
    line-height: 1.3;
    max-height: 2.6em;
  }
  
  .mobile-nav {
    display: flex;
  }
  .filterbar {
    display: none;
  }
  
  /* 在搜索页面显示过滤栏 */
  body.custom-search-page .filterbar,
  body.movie-search-page .filterbar,
  .search-page-main ~ .filterbar,
  .search-page-main + .filterbar {
    display: block;
    position: static;
    background: var(--surface);
    padding: 12px 0;
    margin: 16px 0;
    border-radius: 8px;
    border: 1px solid var(--border);
  }
  
  /* 移动端过滤器样式调整 */
  body.custom-search-page .filters,
  body.movie-search-page .filters,
  .search-page-main .filters,
  .search-page-main ~ .filterbar .filters {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
  }
  
  .search-page-main .filters label,
  .search-page-main ~ .filterbar .filters label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 80px;
    flex: 1;
  }
  
  .search-page-main .filters label span,
  .search-page-main ~ .filterbar .filters label span {
    font-size: 12px;
    color: var(--muted);
    font-weight: 500;
  }
  
  .search-page-main .filters select,
  .search-page-main ~ .filterbar .filters select {
    font-size: 14px;
    padding: 8px;
    width: 100%;
  }
  
  .search-page-main .filters .search-btn,
  .search-page-main ~ .filterbar .filters .search-btn {
    background: var(--accent);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    min-width: 70px;
    margin-top: auto;
  }
  
  /* 隐藏桌面端搜索框 */
  .header-row .search {
    display: none;
  }
  
  /* 在搜索页面显示搜索框 */
  body.custom-search-page .header-row .search,
  body.movie-search-page .header-row .search,
  .search-page-main .header-row .search,
  .search-page-main ~ .header .header-row .search {
    display: flex;
    margin: 16px 0;
    background: rgba(255,255,255,0.1);
    border-radius: 25px;
    overflow: hidden;
    border: 1px solid var(--border);
  }
  
  .search-page-main .search-input,
  .search-page-main ~ .header .search-input {
    flex: 1;
    padding: 12px 16px;
    font-size: 16px;
  }
  
  .search-page-main .search-btn,
  .search-page-main ~ .header .search-btn {
    background: var(--accent);
    color: white;
    border: none;
    padding: 12px 16px;
    font-size: 14px;
    cursor: pointer;
  }
  
  /* 隐藏桌面端导航 */
  .header-row .nav {
    display: none;
  }
  
  /* 搜索页面显示部分导航 */
  body.custom-search-page .header-row .nav,
  body.movie-search-page .header-row .nav,
  .search-page-main ~ .header .header-row .nav {
    display: flex;
    margin-top: 8px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
  }
  

  

  
  .search-title {
    font-size: 24px;
    color: var(--text);
    margin-bottom: 16px;
  }
  
  .search-header {
    background: var(--surface);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid var(--border);
  }
  
  .search-content {
    background: var(--bg);
    position: relative;
    z-index: 1;
    color: var(--text);
  }
  
  /* 确保移动端搜索内容可见 */
  .search-content .movies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 16px;
    margin: 20px 0;
  }
  
  .search-content .no-results {
    background: var(--surface);
    color: var(--text);
    padding: 40px 20px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid var(--border);
  }
  
  .search-content .movies-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
  }
}

/* 响应式布局 - 手机 */
@media (max-width: 480px) {
  body {
    padding-bottom: 70px;
  }
  
  .wrap,
  .container {
    padding: 0 10px;
  }
  
  .list{
    grid-template-columns:repeat(2, 1fr);
    gap:10px;
  }

  .item{
    border-radius:10px;
  }
  
  .item .thumb {
    aspect-ratio: 2/3;
  }
  
  .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .item .meta{
    padding:8px 10px 10px;
    gap:4px;
  }

  .item .meta h3{
    font-size:13px;
    line-height:1.3;
    max-height:2.6em;
  }

  .item .meta .excerpt{
    font-size:11px;
    -webkit-line-clamp:2;
    line-height:1.4;
  }

  .mobile-nav-item{padding:6px 12px;font-size:11px}
  .mobile-nav-item .icon{font-size:18px}
  .mobile-nav-item .icon svg{width:18px;height:18px}
  

  
  .search-title {
    font-size: 20px;
  }
  
  .search-info {
    flex-direction: column;
    gap: 8px;
  }
  
  /* 超小屏幕过滤器优化 */
  .search-page-main .filters,
  .search-page-main ~ .filterbar .filters {
    flex-direction: column;
    gap: 12px;
  }
  
  .search-page-main .filters label,
  .search-page-main ~ .filterbar .filters label {
    min-width: auto;
  }
  
  .search-content .movies-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
  }
  
  .search-content .movie-info {
    padding: 8px;
  }
  
  .search-content .movie-title {
    font-size: 13px;
  }
}