/* 成品11 · celadon-tide · 潮汐青瓷
   釉米底 + 青瓷/潮汐/釉金/雾紫/窑珊瑚多色
   居中首屏圆盆；顶栏居中方印「瓷」；1:1 圆井卡；开窑槽 16:9 播放
   异于站10左画框9:16手机龛、站9左齐大海报、站2雾蓝胶囊竖卡、站20气泡3:4 */
:root{
  --ct-paper:#e7f2ec;
  --ct-foam:#f5fbf8;
  --ct-ink:#163532;
  --ct-muted:#4a6d68;
  --ct-celadon:#3d8b7a;
  --ct-tide:#0e6b75;
  --ct-gold:#c4a35a;
  --ct-plum:#6b4c7a;
  --ct-coral:#c45c4a;
  --ct-mint:#7ec8b3;
  --ct-wrap:1040px;
  --ct-gutter:20px;
}
html{scroll-behavior:smooth;color-scheme:light;max-width:100%;overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.body-div{
  margin:0;min-height:100vh;min-height:100dvh;
  background:
    radial-gradient(ellipse 70% 36% at 50% -8%,rgba(126,200,179,.22),transparent 55%),
    radial-gradient(ellipse 40% 24% at 8% 80%,rgba(196,163,90,.1),transparent 50%),
    radial-gradient(ellipse 36% 20% at 96% 30%,rgba(107,76,122,.08),transparent 48%),
    var(--ct-paper)!important;
  color:var(--ct-ink)!important;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);
  -webkit-tap-highlight-color:transparent;overscroll-behavior-x:none;
}
body.body-div,body.body-div *{box-sizing:border-box}
body.body-div a{text-decoration:none;color:var(--ct-tide)}
body.body-div h1,body.body-div h2,.div-brand__text{
  font-family:"Cormorant Garamond","Noto Serif SC","Songti SC",serif;font-weight:700;letter-spacing:.02em;
}

.skip-link{position:absolute;left:12px;top:-48px;z-index:80;background:#fff;color:var(--ct-ink);padding:8px 12px;border-radius:4px;font-weight:700}
.skip-link:focus{top:calc(8px + env(safe-area-inset-top))}

.ct-tide{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.ct-tide i{
  position:absolute;left:var(--lx);top:var(--ly);width:var(--s);height:var(--s);
  border-radius:50%;background:rgb(var(--c));opacity:.22;
  animation:ct-tide var(--d) ease-in-out infinite;animation-delay:var(--delay);
  box-shadow:0 0 0 1px rgba(255,255,255,.25);
}
@keyframes ct-tide{
  0%{transform:translate3d(-6vw,4px,0) scale(.7);opacity:.1}
  50%{transform:translate3d(8vw,-6px,0) scale(1.15);opacity:.38}
  100%{transform:translate3d(-6vw,4px,0) scale(.7);opacity:.1}
}

body.body-div .div-header--ct .div-header__inner,
body.body-div .div-footer--ct .div-footer__inner,
body.body-div .div-foot__bar{
  width:100%;max-width:var(--ct-wrap);margin-left:auto;margin-right:auto;box-sizing:border-box;
}

/* 顶栏：双波线 + 三列栅格，品牌真正居中（菜单钮占右格，左格等宽占位） */
body.body-div .div-header{
  background:var(--ct-foam)!important;border-bottom:0!important;
  position:-webkit-sticky;position:sticky;top:0;z-index:40;
  padding-top:env(safe-area-inset-top);width:100%;
}
body.body-div .div-header::before,
body.body-div .div-header::after{
  content:"";display:block;height:3px;width:100%;
  background:linear-gradient(90deg,var(--ct-celadon),var(--ct-tide),var(--ct-gold),var(--ct-plum),var(--ct-coral),var(--ct-celadon));
}
body.body-div .div-header::after{height:2px;opacity:.55;margin-top:2px}
body.body-div .div-header--ct .div-header__inner{
  padding:10px var(--ct-gutter) 8px;
  display:grid;grid-template-columns:44px minmax(0,1fr) 44px;
  grid-template-areas:". brand toggle" "search search search" "nav nav nav";
  align-items:center;justify-items:center;gap:8px 8px;
}
body.body-div .div-brand{
  grid-area:brand;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;
}
body.body-div .div-brand__mark{
  width:40px;height:40px;display:grid;place-items:center;
  background:var(--ct-celadon);color:#fff!important;
  border:2px solid var(--ct-gold);border-radius:4px;
  font-size:16px;font-weight:800;letter-spacing:.08em;
  box-shadow:inset 0 0 0 3px var(--ct-foam);
}
body.body-div .div-brand__text{font-size:20px;color:var(--ct-tide)!important;line-height:1.1}
body.body-div .div-brand__text em{display:block;font-style:normal;font-size:11px;color:var(--ct-plum);font-weight:600;margin-top:2px;letter-spacing:.16em}
body.body-div .div-header--ct .div-search{
  grid-area:search;display:flex;align-items:stretch;margin:0!important;
  width:100%;max-width:460px;height:44px;
  border:2px solid var(--ct-tide);background:#fff;
  padding:5px 5px 5px 14px;justify-self:center;
}
body.body-div .div-search input{
  flex:1;min-width:0;height:auto;font-size:16px;border:0;margin:0;background:transparent;
  color:var(--ct-ink);padding:0 10px 0 0;outline:0;-webkit-appearance:none;appearance:none;text-align:left;
}
body.body-div .div-search input::placeholder{color:#7a9a94}
body.body-div .div-search input::-webkit-search-decoration,
body.body-div .div-search input::-webkit-search-cancel-button,
body.body-div .div-search input::-ms-clear{display:none}
body.body-div .div-search button{
  flex:0 0 auto;height:auto;border:0;padding:0 16px;cursor:pointer;
  background:var(--ct-tide);color:#fff!important;font-weight:800;font-size:13px;min-width:64px;
  -webkit-appearance:none;appearance:none;font-family:inherit;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);
}
body.body-div .nav-toggle{
  grid-area:toggle;display:inline-grid!important;place-items:center;width:44px;height:44px;
  position:static;justify-self:end;margin:0;
  border:0;background:transparent;color:var(--ct-tide);font-weight:900;
}
body.body-div .div-header--ct .div-nav{
  grid-area:nav;display:none;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin:0;padding:2px 0 6px;
}
body.body-div .div-header--ct .div-nav.open{display:flex}
body.body-div .div-header--ct .div-nav a{
  color:var(--ct-ink)!important;font-size:13px;font-weight:700;padding:6px 14px;min-height:32px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ct-foam);border:1px solid #c5ddd6;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);
}
body.body-div .div-header--ct .div-nav a:nth-child(5n+2){border-color:#b7d4c8}
body.body-div .div-header--ct .div-nav a:nth-child(5n+3){border-color:#e4d4a8}
body.body-div .div-header--ct .div-nav a:nth-child(5n+4){border-color:#d4c4dc}
body.body-div .div-header--ct .div-nav a:nth-child(5n){border-color:#e8c4bc}
body.body-div .div-nav a[aria-current="page"]{background:var(--ct-tide)!important;color:#fff!important;border-color:transparent}

body.body-div .page-main{padding:0 0 48px;position:relative;z-index:1;width:100%;max-width:none}
body.body-div .page-main > .div-section,
body.body-div .page-main > .section-block,
body.body-div .page-main > .div-play,
body.body-div .page-main > .div-hero,
body.body-div .page-main > .page-hero,
body.body-div .page-main > .div-pagehead,
body.body-div .page-main > .ct-halls{
  width:100%;max-width:var(--ct-wrap);margin-left:auto;margin-right:auto;
  padding-left:var(--ct-gutter);padding-right:var(--ct-gutter);
}

/* 首屏圆盆：绝对铺图，禁止竖图把圆撑成椭圆 */
body.body-div .div-hero--ct{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:20px;margin:20px auto 28px;
}
body.body-div .ct-hero__basin{
  position:relative;width:min(68vw,240px);flex-shrink:0;padding:10px;
  border-radius:50%;overflow:hidden;
  background:conic-gradient(from 30deg,var(--ct-celadon),var(--ct-gold),var(--ct-plum),var(--ct-coral),var(--ct-tide),var(--ct-celadon));
  box-shadow:0 16px 36px rgba(22,53,50,.14),inset 0 0 0 6px var(--ct-foam);
}
body.body-div .ct-hero__basin::after{content:"";display:block;padding-top:100%}
body.body-div .ct-hero__basin img{
  position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;
  object-fit:cover;display:block;border-radius:50%;
}
body.body-div .div-hero--ct h1{
  margin:0 0 10px;font-size:clamp(2.1rem,7vw,3.6rem);line-height:1.12;color:var(--ct-tide);
  max-width:12ch;
}
body.body-div .div-hero--ct .div-kicker{
  display:inline-block;margin:0 0 10px;padding:4px 14px;
  background:transparent;color:var(--ct-plum);font-size:12px;font-weight:700;letter-spacing:.2em;
  border-top:1px solid var(--ct-gold);border-bottom:1px solid var(--ct-gold);
}
body.body-div .div-hero--ct .div-lead{max-width:32em;line-height:1.8;margin:0 auto;color:var(--ct-muted);font-size:16px}
body.body-div .div-hero__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
body.body-div .div-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  background:var(--ct-tide);color:#fff;padding:10px 22px;font-weight:700;border:0;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);
}
body.body-div .div-btn--ghost{background:transparent;color:var(--ct-celadon);border:2px solid var(--ct-celadon);clip-path:none;border-radius:999px}

body.body-div .div-section,body.body-div .section-block{margin:0 0 32px}
body.body-div .div-section__head,body.body-div .section-head{
  display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;flex-direction:column;text-align:center;
}
body.body-div .section-icon{display:none}
body.body-div .div-section h2,
body.body-div .section-head h2,
body.body-div aside h2{
  margin:0 0 14px;font-size:24px;color:var(--ct-tide);text-align:center;width:100%;
}
body.body-div .div-section__head a,body.body-div .section-head a{color:var(--ct-coral);font-weight:700;font-size:13px}
body.body-div .div-section--split{display:flex;flex-direction:column;align-items:center;gap:28px}
body.body-div .div-section--split > div,body.body-div .div-section--split > aside{width:100%;min-width:0}

/* 圆井卡：flex 居中收尾行；色弦固定宽居中；图绝对铺满不撑高 */
body.body-div .movie-grid,body.body-div .div-grid--featured,body.body-div .div-grid--dense{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;
  gap:22px 12px;padding:0;margin:0;width:100%;list-style:none;
}
body.body-div .div-card,body.body-div .div-card--dense,body.body-div .div-card--editorial,body.body-div .div-card--stack{
  display:flex;flex-direction:column;align-items:center;
  flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px);
  background:transparent;border:0;border-radius:0;overflow:visible;padding:0;min-width:0;position:relative;
  box-shadow:none;
}
body.body-div .div-card::before{
  content:"";display:block;width:48px;height:4px;border-radius:4px;flex:0 0 auto;align-self:center;
  background:var(--ct-celadon);margin:0 0 10px;
}
body.body-div .div-card:nth-child(5n+2)::before{background:var(--ct-gold)}
body.body-div .div-card:nth-child(5n+3)::before{background:var(--ct-plum)}
body.body-div .div-card:nth-child(5n+4)::before{background:var(--ct-coral)}
body.body-div .div-card:nth-child(5n)::before{background:var(--ct-tide)}
body.body-div .div-card__poster{
  display:block;width:78%;position:relative;overflow:hidden;order:1;flex:0 0 auto;
  border-radius:50%;box-shadow:0 0 0 4px var(--ct-foam),0 0 0 7px var(--ct-celadon);
}
body.body-div .div-card__poster::after{content:"";display:block;padding-top:100%}
body.body-div .div-card:nth-child(5n+2) .div-card__poster{box-shadow:0 0 0 4px var(--ct-foam),0 0 0 7px var(--ct-gold)}
body.body-div .div-card:nth-child(5n+3) .div-card__poster{box-shadow:0 0 0 4px var(--ct-foam),0 0 0 7px var(--ct-plum)}
body.body-div .div-card:nth-child(5n+4) .div-card__poster{box-shadow:0 0 0 4px var(--ct-foam),0 0 0 7px var(--ct-coral)}
body.body-div .div-card:nth-child(5n) .div-card__poster{box-shadow:0 0 0 4px var(--ct-foam),0 0 0 7px var(--ct-tide)}
body.body-div .div-card__poster img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:50%;
}
body.body-div .div-card__badge{
  position:absolute;left:50%;bottom:10%;transform:translateX(-50%);z-index:1;
  background:var(--ct-gold);color:var(--ct-ink);border-radius:999px;font-weight:800;font-size:10px;padding:3px 8px;white-space:nowrap;
}
body.body-div .div-card__body{padding:10px 6px 0;order:2;background:transparent;min-height:48px;text-align:center;width:100%}
body.body-div .div-card__body h3{
  margin:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;
  font-family:"Noto Sans SC",sans-serif;
}
body.body-div .div-card__body h3 a{color:var(--ct-ink)}
body.body-div .div-card__body p{
  display:flex;flex-wrap:nowrap;justify-content:center;gap:6px;margin:4px 0 0;color:var(--ct-muted);font-size:11px;overflow:hidden;
}
body.body-div .div-card__body p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 热播：小圆珠一排，避免和第二段精选叠成两套大圆井 */
body.body-div .div-mini-list{
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;padding:0;margin:0;width:100%;
}
body.body-div .div-mini-list .div-card{
  flex:0 0 92px;max-width:92px;
}
body.body-div .div-mini-list .div-card:nth-child(n+7){display:none}
body.body-div .div-mini-list .div-card::before{display:none}
body.body-div .div-mini-list .div-card__poster{width:72px}
body.body-div .div-mini-list .div-card__body{min-height:0;padding:8px 0 0}
body.body-div .div-mini-list .div-card__body p{display:none}
body.body-div .div-mini-list .div-card__badge{display:none}

body.body-div .ct-halls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px;width:100%}
body.body-div .ct-halls a{
  color:var(--ct-ink);font-size:13px;font-weight:700;padding:6px 12px;min-height:32px;
  display:inline-flex;align-items:center;background:var(--ct-foam);border-bottom:2px solid var(--ct-mint);
}
body.body-div .ct-halls a[aria-current="page"]{color:var(--ct-tide);border-bottom-color:var(--ct-coral)}

body.body-div .category-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:0;margin:0}
body.body-div .overview-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  min-height:88px;padding:18px 16px 16px;background:var(--ct-foam);border:1px solid #c5ddd6;border-radius:0;
  position:relative;min-width:0;
}
body.body-div .overview-card::before{
  content:"";position:absolute;left:50%;top:0;width:56%;height:5px;transform:translateX(-50%);
  background:var(--ct-celadon);clip-path:polygon(0 100%,12% 0,88% 0,100% 100%);
}
body.body-div .overview-card:nth-child(5n+2)::before{background:var(--ct-gold)}
body.body-div .overview-card:nth-child(5n+3)::before{background:var(--ct-plum)}
body.body-div .overview-card:nth-child(5n+4)::before{background:var(--ct-coral)}
body.body-div .overview-card:nth-child(5n)::before{background:var(--ct-tide)}
body.body-div .overview-main{min-width:0;padding-top:6px}
body.body-div .overview-main strong{display:block;font-size:17px;color:var(--ct-tide)}
body.body-div .overview-main span{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:4px;color:var(--ct-muted);font-size:13px;
}
body.body-div .overview-links{font-size:12px;font-weight:700;color:var(--ct-coral);display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

body.body-div .page-hero,body.body-div .div-pagehead{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:10px;margin:18px auto 20px;padding-top:8px;padding-bottom:14px;
  background:transparent;border:0;border-radius:0;
}
body.body-div .ct-pagehero__still{
  position:relative;width:72px;flex-shrink:0;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 4px var(--ct-foam),0 0 0 7px var(--ct-celadon);
}
body.body-div .ct-pagehero__still::after{content:"";display:block;padding-top:100%}
body.body-div .ct-pagehero__still img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;
}
body.body-div .ct-pagehero__copy{width:100%;max-width:40em}
body.body-div .page-hero h1,body.body-div .div-pagehead h1{margin:0 0 6px;color:var(--ct-tide);font-size:26px;line-height:1.2}
body.body-div .page-hero p,body.body-div .div-pagehead p{margin:0 auto;color:var(--ct-muted);line-height:1.65;max-width:40em}
body.body-div .div-pagehead .div-crumb{margin:0 0 8px;color:var(--ct-muted);justify-content:center}
body.body-div .eyebrow{color:var(--ct-plum);letter-spacing:.16em;font-size:12px;margin:0 0 6px;font-weight:700}
body.body-div .filter-panel{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 0;width:100%;
}
body.body-div .page-hero .ct-halls,body.body-div .div-pagehead .ct-halls{margin:10px 0 0}
body.body-div .filter-panel input,body.body-div .filter-panel select{
  font-size:16px;min-height:44px;flex:1 1 150px;max-width:220px;min-width:0;padding:8px 12px;border:1px solid #c5ddd6;
  background:#fff;color:var(--ct-ink);border-radius:0;-webkit-appearance:none;appearance:none;text-align:center;
}

body.body-div .rank-panel{counter-reset:ct-rk;width:100%}
body.body-div .rank-panel .div-card{counter-increment:ct-rk}
body.body-div .rank-panel .div-card__badge{font-size:0;min-width:1.4em;text-align:center;background:var(--ct-ink);color:#fff}
body.body-div .rank-panel .div-card__badge::after{content:counter(ct-rk);font-size:11px;font-weight:800;color:#fff}

/* 播放：开窑槽不切角，避免控件被 clip 掉 */
body.body-div .div-play--ct{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:16px;margin:18px auto 28px;width:100%;max-width:var(--ct-wrap);
}
body.body-div .ct-play__kiln{
  width:100%;max-width:860px;background:var(--ct-ink);padding:10px;
  border:3px solid var(--ct-celadon);border-radius:4px;
  box-shadow:0 0 0 4px var(--ct-foam),0 14px 32px rgba(22,53,50,.16);
}
body.body-div .ct-play__kiln video,body.body-div #movie-player{
  width:100%;max-width:100%;height:auto;aspect-ratio:16/9;display:block;background:#000;object-fit:contain;margin:0;border:0;
}
body.body-div .div-play__meta{padding:4px 2px;width:100%;max-width:860px}
body.body-div .div-play__meta h1{
  margin:0 0 10px;color:var(--ct-tide);font-size:clamp(22px,3vw,32px);line-height:1.25;overflow-wrap:anywhere;
}
body.body-div .div-play__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 12px}
body.body-div .div-play__tags span{
  display:inline-block;padding:3px 10px;font-size:12px;font-weight:700;background:#dceee6;color:var(--ct-celadon);
}
body.body-div .div-play__tags span:nth-child(2){background:#f3ead0;color:#7a6410}
body.body-div .div-play__tags span:nth-child(3){background:#e6dceb;color:var(--ct-plum)}
body.body-div .ct-facts{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 auto 12px;max-width:40em;width:100%;text-align:left;
}
body.body-div .ct-facts > div{
  margin:0;padding:8px 10px;border:1px solid #c5ddd4;border-radius:8px;background:#f5fbf8;
}
body.body-div .ct-facts dt{
  margin:0;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ct-tide);
}
body.body-div .ct-facts dd{
  margin:4px 0 0;font-size:13px;font-weight:700;color:var(--ct-ink);line-height:1.4;
}
@media (max-width:760px){
  body.body-div .ct-facts{grid-template-columns:1fr 1fr}
}
body.body-div .div-play__full{line-height:1.85;color:var(--ct-ink);margin:0 auto;font-size:15px;overflow-wrap:anywhere;max-width:40em;text-align:left}
body.body-div .div-crumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--ct-muted);margin:0 0 10px;font-weight:600}
body.body-div .div-crumb a{color:var(--ct-tide)}

body.body-div .div-footer{
  background:#12302e;color:#cde4de;border-top:0;padding:0 0 calc(22px + env(safe-area-inset-bottom));position:relative;z-index:1;
}
body.body-div .div-footer::before{
  content:"";display:block;height:5px;width:100%;
  background:linear-gradient(90deg,var(--ct-celadon),var(--ct-gold),var(--ct-plum),var(--ct-coral),var(--ct-tide));
}
body.body-div .div-footer--ct .div-footer__inner{
  padding:28px var(--ct-gutter) 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;
}
body.body-div .div-foot__brand strong{font-size:24px;color:#fff;display:block;font-family:"Cormorant Garamond",serif}
body.body-div .div-foot__brand p{margin:8px auto 0;line-height:1.65;color:#b7d4cc;font-size:13px;max-width:42em}
body.body-div .div-foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}
body.body-div .div-foot__nav a{color:#fff;font-weight:600;padding:6px 0;min-height:32px;display:inline-flex;align-items:center}
body.body-div .div-foot__bar{
  padding:14px var(--ct-gutter) 0;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#9ec4bc;
}

@media (min-width:760px){
  body.body-div .ct-hero__basin{width:260px}
  body.body-div .div-card,body.body-div .div-card--dense,body.body-div .div-card--editorial,body.body-div .div-card--stack{
    flex-basis:calc(33.333% - 12px);max-width:calc(33.333% - 12px);
  }
  body.body-div .div-mini-list .div-card{flex-basis:92px;max-width:92px}
  body.body-div .div-btn{min-width:120px}
  body.body-div .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.body-div .ct-pagehero__still{width:88px}
}
@media (min-width:1101px){
  body.body-div .div-card,body.body-div .div-card--dense,body.body-div .div-card--editorial,body.body-div .div-card--stack{
    flex-basis:calc(25% - 12px);max-width:calc(25% - 12px);
  }
  body.body-div .div-mini-list .div-card{flex-basis:92px;max-width:92px}
  body.body-div .nav-toggle{visibility:hidden;pointer-events:none}
  body.body-div .div-header--ct .div-nav{display:flex;flex-wrap:wrap;justify-content:center;padding:0}
  body.body-div .div-header--ct .div-search{max-width:480px}
  html.nav-open,html.nav-open body{overflow:visible}
}
@media (max-width:640px){
  body.body-div .overview-links{text-align:center}
  body.body-div .div-hero__actions{flex-direction:column;width:min(100%,280px)}
  body.body-div .div-btn{width:100%;justify-content:center}
  body.body-div .filter-panel input,body.body-div .filter-panel select{max-width:none;flex-basis:100%}
  body.body-div .page-hero h1,body.body-div .div-pagehead h1,body.body-div .div-play__meta h1{font-size:22px}
  body.body-div .div-play__full{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .ct-tide{display:none!important}
  html{scroll-behavior:auto}
  body.body-div *,body.body-div *::before,body.body-div *::after{animation:none!important;transition:none!important}
}
html.nav-open,html.nav-open body{overflow:hidden}
body.body-div a,body.body-div button,body.body-div input,body.body-div select{touch-action:manipulation}
body.body-div img{max-width:100%;height:auto}
body.body-div .div-card__poster img,
body.body-div .ct-pagehero__still img{max-width:none;width:100%;height:100%}
body.body-div .ct-hero__basin img{max-width:none;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important}
body.body-div img.image-off{visibility:hidden;background:#c5ddd6}
body.body-div .empty-state{text-align:center;padding:24px;border:1px dashed #c5ddd6;background:var(--ct-foam);color:var(--ct-muted)}
body.body-div [hidden]{display:none!important}
body.body-div :focus-visible{outline:3px solid var(--ct-tide);outline-offset:2px}
body.body-div video{max-width:100%;height:auto;background:#000}
body.body-div button{cursor:pointer;font-family:inherit}
@supports not (aspect-ratio:16/9){
  body.body-div .ct-play__kiln video,body.body-div #movie-player{min-height:200px}
}
@media print{.div-header,.div-footer,.ct-tide,.filter-panel,.nav-toggle,.skip-link{display:none!important}}
@media (hover:hover) and (pointer:fine){
  body.body-div .div-card:hover .div-card__poster{filter:brightness(1.06)}
  body.body-div .div-btn:hover{filter:brightness(1.06)}
}
/* pack11-opt · 跨端播放与触控 */
body.body-div .ct-play__kiln video,body.body-div #movie-player{
  width:100%;max-width:100%;max-height:min(70dvh,720px);object-fit:contain;background:#000;-webkit-tap-highlight-color:transparent
}
body.body-div video::-webkit-media-controls-enclosure{width:100%;max-width:100%}
body.body-div video.video-off{min-height:180px}
body.body-div input[type="search"],body.body-div input[type="text"],body.body-div select{font-size:16px}
@media (hover:none){
  body.body-div .div-card:hover .div-card__poster{filter:none}
  body.body-div .div-btn:hover{filter:none}
}
@supports (padding:max(0px)){
  body.body-div .page-main{padding-bottom:max(48px,env(safe-area-inset-bottom))}
}