/*
 * BESTWOO 视频专题库前端视觉增强专项03：移动端与全站入口细节收口。
 * 原创开发版权作者：迈克
 * 联系方式：+86 13291223999
 * 仅做视觉和响应式增强，不改变播放器、筛选、统计、SEO或询盘逻辑。
 * BESTWOO_VIDEO_VISUAL_FRONTEND_BATCH03_CLOSURE_CSS_READY
 */

:root{
  --BESTWOO-video-ink:#102624;
  --BESTWOO-video-deep:#082b2d;
  --BESTWOO-video-deeper:#061f22;
  --BESTWOO-video-green:#0b5752;
  --BESTWOO-video-gold:#d2a06b;
  --BESTWOO-video-cream:#f4ede3;
  --BESTWOO-video-paper:#fbf8f2;
}

/* 全站导航：视频入口保持克制，但拥有明确的播放识别。 */
.BESTWOO-site-header .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]{
  display:inline-flex;
  align-items:center;
  gap:7px;
  position:relative;
}
.BESTWOO-site-header .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]::before{
  content:"";
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:1px solid rgba(11,87,82,.28);
  border-radius:50%;
  background:linear-gradient(135deg,rgba(11,87,82,.08),rgba(210,160,107,.16));
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.55);
}
.BESTWOO-site-header .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]::after{
  content:"";
  position:absolute;
  left:7px;
  top:50%;
  width:0;
  height:0;
  margin-top:-3px;
  border-top:3px solid transparent;
  border-bottom:3px solid transparent;
  border-left:5px solid var(--BESTWOO-video-green);
  pointer-events:none;
}
.BESTWOO-site-header .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"].BESTWOO-nav-active::before{
  border-color:var(--BESTWOO-video-green);
  background:var(--BESTWOO-video-green);
  box-shadow:none;
}
.BESTWOO-site-header .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"].BESTWOO-nav-active::after{border-left-color:#fff}

/* 页脚入口：和普通文字链接区分，但不打乱原有栏目。 */
.BESTWOO-footer-links-col .BESTWOO-footer-video-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#d9b17f;
  font-weight:800;
}
.BESTWOO-footer-links-col .BESTWOO-footer-video-link::before{
  content:"▶";
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid rgba(217,177,127,.46);
  border-radius:50%;
  color:#d9b17f;
  font-size:8px;
  line-height:1;
}
.BESTWOO-footer-links-col .BESTWOO-footer-video-link:hover{color:#fff}

/* 首页视频入口：改为与视频中心一致的深绿、暖金、编辑式视觉。 */
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"]{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(78px,8vw,126px) 0;
  background:
    radial-gradient(circle at 87% 14%,rgba(210,160,107,.17),transparent 31%),
    radial-gradient(circle at 8% 90%,rgba(55,125,118,.17),transparent 34%),
    linear-gradient(135deg,var(--BESTWOO-video-deeper),var(--BESTWOO-video-deep));
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"]::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent,#000 26%,#000 76%,transparent);
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);
  grid-template-rows:auto auto;
  gap:10px 72px;
  align-items:end;
  margin:0 0 46px;
  text-align:left;
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading>span{
  grid-column:1;
  margin:0;
  color:var(--BESTWOO-video-gold);
  letter-spacing:.18em;
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading h2{
  grid-column:1;
  margin:0;
  max-width:860px;
  color:#fff;
  font-family:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
  font-size:clamp(44px,5vw,72px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.035em;
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading p{
  grid-column:2;
  grid-row:1/3;
  align-self:end;
  margin:0;
  padding-left:28px;
  border-left:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.8;
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-grid{gap:18px}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card{
  min-height:270px;
  padding:30px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:2px 26px 2px 26px;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  box-shadow:0 22px 52px rgba(0,0,0,.2);
  backdrop-filter:blur(9px);
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:52px;
  height:3px;
  background:var(--BESTWOO-video-gold);
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card:hover{
  transform:translateY(-7px);
  border-color:rgba(210,160,107,.5);
  box-shadow:0 30px 66px rgba(0,0,0,.28);
}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card b{color:var(--BESTWOO-video-gold);font-size:12px}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card strong{margin-top:34px;color:#fff;font-size:25px}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card span{color:rgba(255,255,255,.66);font-size:15px}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card em{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:20px}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-action{justify-content:flex-start;margin-top:32px}
.BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-action .BESTWOO-btn{min-height:54px;padding-inline:24px;border-radius:4px 18px 4px 18px;background:var(--BESTWOO-video-gold);color:#162522;box-shadow:0 15px 30px rgba(0,0,0,.2)}

/* 项目页和资料页中的视频入口。 */
.BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"]{
  position:relative;
  overflow:hidden;
  padding:58px 0;
  background:linear-gradient(120deg,#0a2d2f,#0d3f3d);
}
.BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"]::after{
  content:"PLAY";
  position:absolute;
  right:4vw;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.035);
  font:700 clamp(88px,13vw,190px)/1 Arial,sans-serif;
  letter-spacing:-.08em;
  pointer-events:none;
}
.BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-related-card{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,1fr) auto;
  gap:50px;
  padding:42px 48px;
  border-color:rgba(255,255,255,.16);
  border-radius:2px 26px 2px 26px;
  background:rgba(255,255,255,.055);
  box-shadow:0 22px 58px rgba(0,0,0,.15);
}
.BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-related-card::before{
  content:"▶";
  position:absolute;
  right:190px;
  top:24px;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:var(--BESTWOO-video-gold);
  font-size:10px;
}
.BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] h2{max-width:850px;font-family:"Cormorant Garamond","Iowan Old Style",Georgia,serif;font-size:clamp(36px,3.6vw,56px);font-weight:500;line-height:1.03;letter-spacing:-.025em}
.BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-btn{min-height:52px;border-radius:4px 16px 4px 16px}

/* 键盘与触控反馈。 */
[data-bestwoo-video-entry]:focus-visible,
.BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] a:focus-visible,
.BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] a:focus-visible,
.BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] button:focus-visible,
.BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] button:focus-visible{
  outline:3px solid rgba(210,160,107,.72);
  outline-offset:4px;
}

/* 平板与移动端：保持内容层级，不让装饰抢占有效空间。 */
@media (max-width:1080px){
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading{grid-template-columns:1fr;gap:18px}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading p{grid-column:1;grid-row:auto;max-width:760px;padding:0;border-left:0}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-related-card{gap:30px;padding:36px}
}

@media (max-width:820px){
  /* 移动导航中的视频入口改成独立内容卡。 */
  .BESTWOO-site-header .BESTWOO-main-nav .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"],
  .BESTWOO-mobile-drawer-portal .BESTWOO-main-nav .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]{
    min-height:54px;
    margin-top:7px;
    padding:13px 16px!important;
    border:1px solid rgba(210,160,107,.32)!important;
    border-radius:15px!important;
    background:linear-gradient(120deg,#0a4b48,#0b3536)!important;
    color:#fff!important;
    box-shadow:0 14px 28px rgba(7,42,42,.16);
  }
  .BESTWOO-site-header .BESTWOO-main-nav .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]::before,
  .BESTWOO-mobile-drawer-portal .BESTWOO-main-nav .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]::before{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.08);box-shadow:none}
  .BESTWOO-site-header .BESTWOO-main-nav .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]::after,
  .BESTWOO-mobile-drawer-portal .BESTWOO-main-nav .BESTWOO-nav-link[data-bestwoo-video-entry="navigation"]::after{border-left-color:#fff}

  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"]{padding:72px 0}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading{margin-bottom:32px}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-grid{grid-template-columns:1fr}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card{min-height:220px}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-related-card{grid-template-columns:1fr;padding:30px}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-related-card::before{display:none}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-btn{justify-self:start}

  /* 视频中心移动端：首屏、筛选、横向内容卡与结果区统一节奏。 */
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-container{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-hero{padding-top:44px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-hero-copy h1{font-size:clamp(43px,12vw,64px);overflow-wrap:anywhere}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-hero-primary,
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-hero-secondary{width:100%;min-height:52px;justify-content:space-between}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-showreel{border-radius:2px 22px 2px 22px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-showreel-foot{display:none}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-section-head{gap:14px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-section-head::before{font-size:42px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-filter-heading{align-items:center}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-filter-toggle{min-height:48px;padding-inline:15px;background:var(--BESTWOO-video-deep);color:#fff;border-color:var(--BESTWOO-video-deep)}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-filter-form{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-filter-mobile-head{border-radius:20px 20px 0 0}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-filter-submit{background:var(--BESTWOO-video-green)}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-category-grid,
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-topic-grid{
    display:flex;
    gap:14px;
    margin-right:calc(-1 * max(18px,env(safe-area-inset-right)));
    padding-right:max(18px,env(safe-area-inset-right));
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-category-grid::-webkit-scrollbar,
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-topic-grid::-webkit-scrollbar{display:none}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-category-card,
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-topic-card{flex:0 0 min(82vw,360px);scroll-snap-align:start}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-pagination{gap:10px;flex-wrap:wrap;justify-content:center}

  /* 详情页移动端：视频、信息和行动区保持同一视觉宽度。 */
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-container{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-player-heading h1{overflow-wrap:anywhere}
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-player-open{touch-action:manipulation}
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-detail-cta-actions a{min-height:54px}
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-detail-related-group>h3{position:relative;padding-right:58px}
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-detail-related-group>h3::after{position:absolute;right:0;width:44px}
}

@media (max-width:620px){
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"]{padding:62px 0}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading h2{font-size:clamp(40px,12vw,56px)}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-heading p{font-size:15px}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card{min-height:0;padding:25px;border-radius:2px 20px 2px 20px}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card strong{margin-top:26px;font-size:22px}
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-action .BESTWOO-btn{width:100%;justify-content:center}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"]{padding:44px 0}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-related-card{padding:26px 23px;border-radius:2px 20px 2px 20px}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] h2{font-size:38px}
  .BESTWOO-video-entry-related[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-btn{width:100%;justify-content:center}

  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-hero-points{grid-template-columns:1fr}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-showreel-copy{padding:20px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-library-showreel-copy strong{font-size:23px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-card-copy{padding:22px}
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-category-card,
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-topic-card{flex-basis:min(88vw,340px)}

  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-player-cover{box-shadow:0 18px 46px rgba(0,0,0,.26)}
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-detail-main-copy,
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-detail-facts{margin-left:0;margin-right:0}
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] .BESTWOO-video-detail-related-card{min-width:0}
}

@media (hover:none){
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .BESTWOO-video-entry-home[data-bestwoo-video-visual-entry="closure03"] .BESTWOO-video-entry-card,
  .BESTWOO-video-library[data-bestwoo-video-mobile-closure="visual03"] *,
  .BESTWOO-video-detail-route[data-bestwoo-video-mobile-closure="visual03"] *{scroll-behavior:auto!important}
}