/* ============================================================
 *  电影栏目（movie.php / movie_view.php）
 *  样式提取自原 movie.html（绿色主题 #8EC802），详情页为本站新增设计
 * ============================================================ */

/* ============ 全局（2005 年观感：宋体 12px，蓝链接/紫访问色） ============ */
body { margin: 0; padding: 0; background: #e8f4d9; font-family: "宋体", SimSun, serif; font-size: 12px; color: #000000; }
a { text-decoration: none; }
a:link    { color: #0000cc; }
a:visited { color: #551a8b; }
a:hover   { color: #ff6600; text-decoration: underline; }
img { border: 0; }
ul { list-style: none; }

#page { width: 803px; margin: 0 auto; background: #ffffff; }

/* ============ 绿色顶栏（本页原色 #8EC802） ============ */
.top-bar {
  display: flex;
  align-items: stretch;
  width: 803px;
  margin: 0 auto;
}
.top-bar .cap { flex: none; display: block; }
.top-bar .cap img { display: block; width: 7px; height: 23px; }
.top-bar .welcome {
  flex: 1;
  background: #8EC802;
  color: #ffffff;
  line-height: 23px;
  padding-left: 6px;
  white-space: nowrap;
  overflow: hidden;
}
.top-bar .tools {
  background: #8EC802;
  color: #ffffff;
  line-height: 23px;
  padding: 0 8px;
  white-space: nowrap;
}
.top-bar .tools span { margin: 0 2px; }
.top-bar .sitemap {
  flex: none;
  background: #E0E0E0;
  display: flex;
  align-items: center;
  padding-right: 2px;
}
.top-bar .sitemap img { display: block; width: 67px; height: 23px; }

/* ============ 头图横幅 ============ */
.flash-header {
  height: 150px;
  position: relative;
  overflow: hidden;
  background: #e8380d url(../images/banner.jpg) center / cover no-repeat;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 46px;
  text-align: left;
  border-bottom: 2px solid #cc3300;
}
.flash-header .site-title {
  font-family: "黑体", SimHei, sans-serif;
  font-size: 34px;
  font-weight: bold;
  letter-spacing: 6px;
  text-shadow: 2px 2px 3px rgba(120, 20, 0, .55);
}
.flash-header .site-sub {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: 3px;
  color: #fff3cc;
}
.flash-header .site-url {
  margin-top: 8px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 2px;
}

/* ============ 主导航 ============ */
.main-nav {
  display: flex;
  width: 803px;
  margin: 0 auto;
}
.main-nav a {
  flex: 1;
  display: block;
  text-align: center;
  line-height: 33px;
  height: 33px;
  color: #000000;
  background: linear-gradient(#fdfdfd, #e2e2e2);
  border: 1px solid #c6c6c6;
  margin-left: -1px;
  white-space: nowrap;
}
.main-nav a:first-child { margin-left: 0; }
.main-nav a:hover { color: #ff6600; text-decoration: underline; }
.main-nav .here { color: #3f7d00; font-weight: bold; }
.main-nav .here:hover { color: #3f7d00; text-decoration: none; }

/* ============ 电影卡片区（原 auc 九宫格圆角表 + #f6f6f6 底，两列） ============ */
.mv-grid {
  width: 803px;
  box-sizing: border-box;
  margin: 12px auto 0;
  padding: 4px 6px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.mv-card {
  display: flex;
  gap: 8px;
  background: #f6f6f6;
  border: 1px solid #d5d5d5;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #ffffff;
  padding: 10px;
}
.mv-poster { flex: none; align-self: center; }
.mv-poster img { display: block; width: 150px; height: 199px; border: 1px solid #cccccc; object-fit: cover; }
.mv-info { flex: 1; min-width: 0; position: relative; line-height: 1.75; padding-bottom: 26px; }
.mv-text { word-break: break-all; }
.mv-more {
  position: absolute;
  right: 0; bottom: 0;
  display: block;
}
.mv-more img { display: block; width: 68px; height: 19px; }
.mv-more:hover { text-decoration: none; opacity: .85; }

/* ============ 分页条 ============ */
.pagebar {
  width: 803px;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  padding: 10px 0 2px;
  color: #333;
}
.pagebar a { color: #00c; }
.pagebar a:visited { color: #551A8B; }
.pagebar a:hover { color: #3f7d00; }
.pagebar .off { color: #999; }
.pagebar .cur { color: #3f7d00; }

/* ============ 详情页 ============ */
.mv-detail {
  width: 803px;
  box-sizing: border-box;
  margin: 12px auto 0;
  padding: 0 6px;
}
.mv-crumb { padding: 6px 2px; }
.mv-head {
  display: flex;
  gap: 14px;
  background: #f6f6f6;
  border: 1px solid #d5d5d5;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #ffffff;
  padding: 14px;
}
.mv-head .poster img { display: block; width: 150px; height: 199px; border: 1px solid #cccccc; object-fit: cover; }
.mv-head .info { flex: 1; min-width: 0; line-height: 2; word-break: break-all; }
.mv-head .mv-title {
  font-family: "黑体", SimHei, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #3f7d00;
  margin-bottom: 4px;
}
.mv-head .mv-title .en { font-size: 12px; font-weight: normal; color: #666666; margin-left: 8px; }
.mv-head .lbl { color: #3f7d00; }
.mv-extra { color: #333333; }

/* 简介面板 */
.mv-summary {
  margin-top: 10px;
  background: #ffffff;
  border: 1px solid #d5e2b4;
  border-radius: 8px;
  padding: 12px 14px;
}
.mv-summary .sum-head {
  font-weight: bold;
  color: #3f7d00;
  border-bottom: 1px dashed #c5e34d;
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.mv-summary .art-body { line-height: 1.9; }
.mv-summary .art-body p { margin: 0 0 10px; }
.mv-summary .art-body img { max-width: 100%; height: auto; }
.mv-summary .art-body table { border-collapse: collapse; }
.mv-summary .art-body td, .mv-summary .art-body th { border: 1px solid #c5e34d; padding: 3px 6px; }
.mv-noext { color: #999999; }

/* 上一条 / 下一条 */
.mv-neighbor {
  margin-top: 12px;
  display: flex;
  gap: 10px;
}
.mv-neighbor a, .mv-neighbor span {
  flex: 1;
  display: block;
  border: 1px solid #d5e2b4;
  border-radius: 6px;
  background: #fbfdf6;
  padding: 8px 10px;
  line-height: 1.7;
  min-width: 0;
}
.mv-neighbor .cap { color: #3f7d00; font-weight: bold; }
.mv-neighbor .nm { word-break: break-all; }
.mv-neighbor span { color: #999999; }
.mv-neighbor span .cap { color: #bbbbbb; }

/* ============ 页脚（绿色装饰条 + 左彩标/右版权 两格圆角面板） ============ */
.foot-green {
  display: block;
  width: 803px;
  height: 10px;
  margin: 20px auto 0;
  background: linear-gradient(90deg, #c5e34d, #8EC802 40%, #6ca300);
}
.site-footer {
  width: 803px;
  box-sizing: border-box;
  margin: 10px auto 16px;
  border: 1px solid #d3e2b4;
  border-radius: 6px;
  background: linear-gradient(#fbfdf6, #eef5df);
  display: flex;
  align-items: stretch;
  padding: 10px 12px;
  line-height: 2;
}
.site-footer .mark {
  flex: none;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Haettenschweiler, "Arial Narrow", Arial, sans-serif;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
}
.site-footer .mark .b1 { color: #0080FF; }
.site-footer .mark .b2 { color: #F65A93; }
.site-footer .mark .b3 { color: #FF9900; }
.site-footer .copy { flex: 1; text-align: center; align-self: center; }
.site-footer .green { color: #008000; font-weight: bold; }
.site-footer .pink  { color: #F65A93; font-weight: bold; }