/* 成品18 · dune-radio · 沙丘电台
   暖沙 + 赤陶/靛蓝/鼠尾草/浅金
   覆盖 layout-fix 通配 !important，保证头/中/尾/卡/播放对齐 */
body.kj-body[data-skin="dune-radio"]{
  --dr-sand:#f3e6d0;
  --dr-cream:#faf6ee;
  --dr-terra:#c45c26;
  --dr-indigo:#3a4578;
  --dr-sage:#6b8f71;
  --dr-gold:#d4a84b;
  --dr-ink:#2a241c;
  --dr-muted:#7a6f60;
  --dr-line:rgba(42,36,28,.14);
  --dr-panel:#fffaf2;
  --dr-max:1160px;
  --dr-pad:18px;
  --dr-display:"ZCOOL XiaoWei","Noto Serif SC",serif;
  --dr-sans:"Noto Sans SC","PingFang SC",sans-serif;
  --kj-primary:var(--dr-terra);
  --kj-primary-dark:#a34a1c;
  --kj-cta:var(--dr-indigo);
  --kj-cta-dark:#2d365e;
  --kj-accent:var(--dr-sage);
  --kj-bg:var(--dr-sand);
  --kj-surface:var(--dr-panel);
  --kj-text:var(--dr-ink);
  --kj-muted:var(--dr-muted);
  --kj-border:rgba(196,92,38,.28);
  --lf-max:var(--dr-max);
  --lf-pad:var(--dr-pad);
  color-scheme:light;
  background:
    radial-gradient(720px 340px at 12% -8%, rgba(212,168,75,.28), transparent 55%),
    radial-gradient(640px 300px at 92% 0%, rgba(58,69,120,.14), transparent 50%),
    radial-gradient(520px 260px at 50% 100%, rgba(107,143,113,.16), transparent 55%),
    linear-gradient(180deg,#f7ecda 0%,var(--dr-sand) 40%,#ead9bc 100%)!important;
  color:var(--dr-ink)!important;
  font-family:var(--dr-sans);
  overflow-x:clip;
}
body.kj-body[data-skin="dune-radio"] .kj-sr,
body.kj-body[data-skin="dune-radio"] .sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
body.kj-body[data-skin="dune-radio"] h1,
body.kj-body[data-skin="dune-radio"] h2,
body.kj-body[data-skin="dune-radio"] .dr-brand strong{
  font-family:var(--dr-display);letter-spacing:.02em;
}
body.kj-body[data-skin="dune-radio"] a{color:var(--dr-indigo)}
body.kj-body[data-skin="dune-radio"] a:hover{color:var(--dr-terra)}

/* 上飘沙尘 + 轻呼吸 */
.dr-dust{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.dr-dust i{
  position:absolute;left:var(--ax);bottom:-8%;
  width:var(--as);height:var(--as);border-radius:50%;
  background:rgba(var(--c),.7);
  box-shadow:0 0 6px rgba(var(--c),.35);
  animation:dr-rise var(--ad) linear var(--adelay) infinite,dr-breathe 3.6s ease-in-out calc(var(--adelay) * .2) infinite;
  opacity:.5;
}
@keyframes dr-rise{
  0%{transform:translate3d(0,0,0) scale(.7);opacity:0}
  12%{opacity:.7}
  100%{transform:translate3d(var(--dx),-110vh,0) scale(1.2);opacity:0}
}
@keyframes dr-breathe{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.35)}
}
@media (prefers-reduced-motion:reduce){
  .dr-dust i{animation:none;opacity:.35;bottom:auto;top:var(--ay);box-shadow:none}
}

.kj-main,header.dr-head,footer.dr-foot{position:relative;z-index:1}
body.kj-body[data-skin="dune-radio"] .kj-main{
  width:100%!important;max-width:var(--dr-max)!important;margin:0 auto!important;
  padding:16px max(var(--dr-pad),env(safe-area-inset-left)) 48px max(var(--dr-pad),env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
  min-height:60vh;
}

/* ── 顶栏：对抗 layout-fix [class*="head__bar"]{display:flex!important} ── */
body.kj-body[data-skin="dune-radio"] header.kj-head,
body.kj-body[data-skin="dune-radio"] header.dr-head{
  position:sticky;top:0;z-index:90;
  width:100%!important;max-width:100%!important;
  margin:0!important;left:auto!important;right:auto!important;
  background:rgba(250,246,238,.94)!important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--dr-line)!important;
  box-shadow:0 10px 28px rgba(42,36,28,.08)!important;
  padding:0!important;
}
.dr-head__wave{
  display:grid!important;grid-template-columns:repeat(10,1fr)!important;height:8px!important;
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
}
.dr-head__wave span{display:block;min-width:0}
.dr-head__wave span:nth-child(5n+1){background:var(--dr-terra)}
.dr-head__wave span:nth-child(5n+2){background:var(--dr-indigo)}
.dr-head__wave span:nth-child(5n+3){background:var(--dr-sage)}
.dr-head__wave span:nth-child(5n+4){background:var(--dr-gold)}
.dr-head__wave span:nth-child(5n){background:#e8d5b5}

/* 桌面三列：品牌 | 搜索居中 | 菜单占位（移动端须同级 specificity，否则左右列被挤成 0） */
body.kj-body[data-skin="dune-radio"] .dr-head__bar,
body.kj-body[data-skin="dune-radio"] header.dr-head .dr-head__bar,
body.kj-body[data-skin="dune-radio"] header .dr-head__bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,440px) minmax(0,1fr)!important;
  grid-template-areas:"brand find toggle"!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:10px 16px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:var(--dr-max)!important;
  margin:0 auto!important;
  padding:10px max(var(--dr-pad),env(safe-area-inset-left)) 10px max(var(--dr-pad),env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
}
.dr-brand{
  display:inline-flex!important;align-items:center;gap:10px;
  color:inherit!important;text-decoration:none;
  min-width:max-content;max-width:100%;
  justify-self:start;grid-area:brand;
}
.dr-brand__dial{
  flex:0 0 auto;width:40px;height:40px;border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,#fff8ee 0 22%,transparent 23%),
    radial-gradient(circle at 50% 50%,var(--dr-cream) 0 34%,transparent 35%),
    conic-gradient(from 20deg,var(--dr-terra),var(--dr-gold),var(--dr-sage),var(--dr-indigo),var(--dr-terra));
  box-shadow:
    inset 0 0 0 2px rgba(250,246,238,.95),
    0 1px 0 rgba(255,255,255,.55),
    0 3px 10px rgba(42,36,28,.16);
  position:relative;
}
.dr-brand__dial::after{
  content:"";position:absolute;left:50%;top:18%;width:3px;height:10px;border-radius:2px;
  background:var(--dr-indigo);transform:translateX(-50%);
  box-shadow:0 0 0 1px rgba(250,246,238,.8);
}
.dr-brand__text{
  display:flex;flex-direction:column;justify-content:center;
  gap:2px;line-height:1.12;min-width:0;max-width:100%;
}
.dr-brand__text strong{
  font-size:1.18rem;color:var(--dr-ink);font-weight:800;
  white-space:nowrap;letter-spacing:.04em;
}
.dr-brand__text em{
  font-style:normal;font-size:.7rem;color:var(--dr-terra);font-weight:700;
  white-space:nowrap;letter-spacing:.02em;opacity:.95;
}

.dr-find{
  display:flex!important;align-items:stretch;
  grid-area:find;justify-self:stretch;
  width:100%!important;max-width:440px!important;min-width:0!important;
  margin:0!important;
  border:1.5px solid rgba(58,69,120,.55)!important;border-radius:999px!important;
  background:#fffef9!important;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.dr-find input{
  flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;
  border:0!important;outline:none;background:transparent!important;
  padding:0 14px;min-height:40px;color:var(--dr-ink);font-size:.88rem;
}
.dr-find button{
  flex:0 0 auto;border:0;padding:0 18px;min-height:40px;cursor:pointer;font-weight:800;font-size:.82rem;
  background:var(--dr-terra);color:#fff;letter-spacing:.06em;
}
.dr-find button:hover{background:var(--dr-indigo)}

.dr-head [data-nav-toggle]{
  display:none!important;width:40px;height:40px;border:1.5px solid rgba(58,69,120,.55);
  background:var(--dr-panel);border-radius:12px;cursor:pointer;
  grid-area:toggle;justify-self:end;margin:0!important;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;
  box-shadow:0 1px 0 rgba(255,255,255,.7);
}
.dr-head [data-nav-toggle] span{display:block;width:16px;height:2px;border-radius:1px;background:var(--dr-indigo)}

.dr-waves{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  justify-content:flex-start!important;align-items:center;
  width:100%!important;max-width:var(--dr-max)!important;margin:0 auto!important;
  padding:0 max(var(--dr-pad),env(safe-area-inset-left)) 12px max(var(--dr-pad),env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
.dr-waves a{
  padding:6px 14px;border-radius:999px 999px 14px 14px;font-weight:700;font-size:.8rem;
  color:var(--dr-ink)!important;background:var(--dr-panel);
  border:1px solid var(--dr-line);text-decoration:none!important;
  border-bottom-width:3px;white-space:nowrap;
}
.dr-waves a:nth-child(4n+1){border-bottom-color:var(--dr-terra)}
.dr-waves a:nth-child(4n+2){border-bottom-color:var(--dr-indigo)}
.dr-waves a:nth-child(4n+3){border-bottom-color:var(--dr-sage)}
.dr-waves a:nth-child(4n){border-bottom-color:var(--dr-gold)}
.dr-waves a:hover,
.dr-waves a[aria-current="page"]{
  background:var(--dr-terra);border-color:var(--dr-terra);color:#fff!important;
}
@media (max-width:900px){
  body.kj-body[data-skin="dune-radio"] .dr-head__bar,
  body.kj-body[data-skin="dune-radio"] header.dr-head .dr-head__bar,
  body.kj-body[data-skin="dune-radio"] header .dr-head__bar{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand toggle" "find find"!important;
    gap:10px 12px!important;
    padding:10px max(14px,env(safe-area-inset-left)) 12px max(14px,env(safe-area-inset-right))!important;
  }
  body.kj-body[data-skin="dune-radio"] .dr-brand{gap:8px;min-width:0}
  body.kj-body[data-skin="dune-radio"] .dr-brand__dial{width:36px;height:36px}
  body.kj-body[data-skin="dune-radio"] .dr-brand__dial::after{height:8px;top:16%}
  body.kj-body[data-skin="dune-radio"] .dr-brand__text strong{font-size:1.08rem}
  body.kj-body[data-skin="dune-radio"] .dr-brand__text em{font-size:.65rem}
  body.kj-body[data-skin="dune-radio"] header.dr-head [data-nav-toggle],
  body.kj-body[data-skin="dune-radio"] .dr-head [data-nav-toggle]{
    display:inline-flex!important;width:38px;height:38px;
  }
  body.kj-body[data-skin="dune-radio"] .dr-find{
    max-width:none!important;width:100%!important;
    border-radius:14px!important;margin:0!important;
  }
  body.kj-body[data-skin="dune-radio"] .dr-find input{min-height:42px;padding:0 12px;font-size:.86rem}
  body.kj-body[data-skin="dune-radio"] .dr-find button{min-height:42px;padding:0 16px}
  body.kj-body[data-skin="dune-radio"] .dr-waves{
    display:none!important;flex-direction:column!important;width:100%!important;padding-top:0!important;
  }
  body.kj-body[data-skin="dune-radio"] .dr-waves.open{display:flex!important}
  body.kj-body[data-skin="dune-radio"] .dr-waves a{
    text-align:center;border-radius:12px;width:100%;box-sizing:border-box;
  }
}
@media (max-width:360px){
  body.kj-body[data-skin="dune-radio"] .dr-brand__text em{display:none}
}

/* ── 首屏 ── */
.dr-hero{
  position:relative;margin:0 0 22px;overflow:hidden;
  border-radius:22px 22px 36px 36px;
  border:1px solid var(--dr-line);
  background:
    linear-gradient(180deg,rgba(250,246,238,.2),rgba(243,230,208,.85)),
    radial-gradient(120% 80% at 50% 120%,var(--dr-terra) 0%,transparent 55%),
    linear-gradient(135deg,#efe0c4,#f7ecda 45%,#e5d3b0);
  box-shadow:0 16px 40px rgba(42,36,28,.1);
  max-width:100%!important;
  box-sizing:border-box!important;
}
.dr-hero__dune{
  position:absolute;left:-5%;right:-5%;bottom:-2%;height:42%;
  background:
    radial-gradient(60% 100% at 20% 100%,rgba(58,69,120,.35),transparent 70%),
    radial-gradient(55% 100% at 70% 100%,rgba(196,92,38,.4),transparent 70%),
    radial-gradient(50% 100% at 50% 120%,rgba(107,143,113,.35),transparent 70%);
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  pointer-events:none;
}
.dr-hero__inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,.7fr);
  gap:20px 24px;align-items:center;padding:32px 28px 36px;
  box-sizing:border-box;
}
.dr-hero__copy{min-width:0}
.dr-hero__kicker{
  display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;
  background:rgba(196,92,38,.12);color:var(--dr-terra);
  font-size:.72rem;font-weight:800;letter-spacing:.12em;
}
.dr-hero h1{
  margin:0 0 12px;font-size:clamp(2.1rem,4.6vw,3.2rem);line-height:1.08;
  color:var(--dr-ink);font-weight:800;
}
.dr-hero__desc{margin:0 0 20px;color:var(--dr-muted);font-size:1rem;line-height:1.75;max-width:34em}
.dr-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.dr-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 20px;font-weight:800;font-size:.9rem;border-radius:999px;text-decoration:none;
}
.dr-btn--hot{background:var(--dr-terra);color:#fff!important;box-shadow:0 8px 20px rgba(196,92,38,.28)}
.dr-btn--hot:hover{background:var(--dr-indigo);color:#fff!important}
.dr-btn--ghost{background:transparent;color:var(--dr-indigo)!important;border:1.5px solid var(--dr-indigo)}
.dr-btn--ghost:hover{background:rgba(58,69,120,.08)}
.dr-hero__panels{
  display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;
  gap:10px;width:100%;max-width:300px;margin-left:auto;align-self:stretch;
}
.dr-hero__panel{
  position:relative;display:block;overflow:hidden;min-width:0;min-height:0;
  border-radius:16px 16px 24px 24px;
  border:2px solid var(--dr-edge,var(--dr-terra));text-decoration:none;background:#ddd;
}
.dr-hero__panel:nth-child(1){--dr-edge:var(--dr-terra);grid-row:1 / span 2}
.dr-hero__panel:nth-child(2){--dr-edge:var(--dr-indigo)}
.dr-hero__panel:nth-child(3){--dr-edge:var(--dr-sage)}
.dr-hero__panel img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  aspect-ratio:auto!important;display:block;
}
.dr-hero__panel span{
  position:absolute;left:8px;bottom:8px;z-index:2;
  padding:3px 8px;border-radius:8px;background:var(--dr-edge);color:#fff;
  font-size:.7rem;font-weight:800;
}
@media (max-width:760px){
  .dr-hero__inner{grid-template-columns:1fr;padding:24px 16px 28px}
  .dr-hero__panels{
    max-width:none;margin:0;width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto;
  }
  .dr-hero__panel:nth-child(1){grid-row:auto}
  .dr-hero__panel{aspect-ratio:3/4;border-radius:14px}
}

body.kj-body[data-skin="dune-radio"] .kj-hero__stats{display:none!important}

/* 分类 chips：7 枚一排，避免「全部分类」落单 */
body.kj-body[data-skin="dune-radio"] .kj-chips{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 22px!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
}
body.kj-body[data-skin="dune-radio"] .kj-chip{
  display:flex!important;align-items:center;justify-content:center;min-height:52px;
  border-radius:14px!important;font-weight:800!important;font-size:.88rem!important;
  color:var(--dr-ink)!important;
  background:var(--dr-panel)!important;
  border:1.5px solid var(--dr-line)!important;
  border-left:5px solid var(--dr-terra)!important;
  text-decoration:none!important;padding:8px 10px!important;
  box-shadow:none!important;transform:none;
}
body.kj-body[data-skin="dune-radio"] .kj-chip:nth-child(7n+2){border-left-color:var(--dr-indigo)!important}
body.kj-body[data-skin="dune-radio"] .kj-chip:nth-child(7n+3){border-left-color:var(--dr-sage)!important}
body.kj-body[data-skin="dune-radio"] .kj-chip:nth-child(7n+4){border-left-color:var(--dr-gold)!important}
body.kj-body[data-skin="dune-radio"] .kj-chip:nth-child(7n+5){border-left-color:var(--dr-terra)!important}
body.kj-body[data-skin="dune-radio"] .kj-chip:nth-child(7n+6){border-left-color:var(--dr-indigo)!important}
body.kj-body[data-skin="dune-radio"] .kj-chip:nth-child(7n){border-left-color:var(--dr-sage)!important}
body.kj-body[data-skin="dune-radio"] .kj-chip:hover{
  transform:translateY(-2px);box-shadow:0 8px 18px rgba(42,36,28,.1)!important;
}

/* 区块头 */
body.kj-body[data-skin="dune-radio"] .kj-block{
  margin:0 0 28px;max-width:100%!important;
}
/* 已改网格，关掉旧横滑右侧渐隐（否则看起来像卡片半透明错位） */
body.kj-body[data-skin="dune-radio"] .kj-block--scroll::after{display:none!important}
body.kj-body[data-skin="dune-radio"] .kj-block__head,
body.kj-body[data-skin="dune-radio"] .me-section__head{
  display:flex!important;align-items:flex-end;justify-content:space-between;gap:12px;
  margin:0 0 14px;padding:0 0 10px;
  border-bottom:2px solid transparent;
  background:linear-gradient(90deg,var(--dr-terra),var(--dr-gold),var(--dr-sage)) bottom / 100% 2px no-repeat;
}
body.kj-body[data-skin="dune-radio"] .kj-block__head h2,
body.kj-body[data-skin="dune-radio"] .kj-block__head a{color:var(--dr-ink);margin:0}
body.kj-body[data-skin="dune-radio"] .kj-badge--hot{
  background:var(--dr-terra);color:#fff;border-radius:8px;
}

/* 2:3 竖卡 — 压过 layout-fix 的 3/4 与横滑 flex 宽 */
body.kj-body[data-skin="dune-radio"] .kj-grid,
body.kj-body[data-skin="dune-radio"] .kj-scroll,
body.kj-body[data-skin="dune-radio"] .kj-block--scroll .kj-scroll{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px 12px!important;
  width:100%!important;max-width:100%!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
body.kj-body[data-skin="dune-radio"] .kj-block--scroll .kj-scroll .kj-card,
body.kj-body[data-skin="dune-radio"] .kj-scroll .kj-card{
  flex:none!important;width:auto!important;max-width:none!important;
  scroll-snap-align:unset!important;
}
body.kj-body[data-skin="dune-radio"] .kj-card,
body.kj-body[data-skin="dune-radio"] article.kj-card{
  --dr-edge:var(--dr-terra);
  background:var(--dr-panel)!important;border-radius:16px!important;overflow:hidden!important;
  border:1px solid var(--dr-line)!important;
  box-shadow:0 8px 20px rgba(42,36,28,.06);
  position:relative;min-width:0!important;max-width:100%!important;
  display:flex;flex-direction:column;
}
body.kj-body[data-skin="dune-radio"] .kj-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--dr-edge);z-index:2;
  pointer-events:none;
}
body.kj-body[data-skin="dune-radio"] .kj-card:nth-child(4n+1){--dr-edge:var(--dr-terra)}
body.kj-body[data-skin="dune-radio"] .kj-card:nth-child(4n+2){--dr-edge:var(--dr-indigo)}
body.kj-body[data-skin="dune-radio"] .kj-card:nth-child(4n+3){--dr-edge:var(--dr-sage)}
body.kj-body[data-skin="dune-radio"] .kj-card:nth-child(4n){--dr-edge:var(--dr-gold)}
body.kj-body[data-skin="dune-radio"] .kj-card__link{
  display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none!important;min-width:0;
}
body.kj-body[data-skin="dune-radio"] .kj-card__poster,
body.kj-body[data-skin="dune-radio"] [class*="card__poster"]{
  display:block!important;width:100%!important;aspect-ratio:2/3!important;
  background:#1a1a1a;overflow:hidden;position:relative;
  height:auto!important;max-height:none!important;
}
body.kj-body[data-skin="dune-radio"] .kj-card__poster img,
body.kj-body[data-skin="dune-radio"] .kj-card img,
body.kj-body[data-skin="dune-radio"] article.kj-card img{
  width:100%!important;height:100%!important;aspect-ratio:2/3!important;
  object-fit:cover!important;display:block!important;max-width:100%!important;
}
body.kj-body[data-skin="dune-radio"] .kj-card__body{
  display:flex;flex-direction:column;gap:4px;padding:0;min-width:0;
}
body.kj-body[data-skin="dune-radio"] .kj-card h3,
body.kj-body[data-skin="dune-radio"] .kj-card__title{
  margin:8px 10px 4px!important;padding:0 0 0 4px;font-size:.9rem;font-weight:800;color:var(--dr-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  line-height:1.35;
}
body.kj-body[data-skin="dune-radio"] .kj-card__meta,
body.kj-body[data-skin="dune-radio"] .kj-card p{
  margin:0 10px 12px!important;padding:0 0 0 4px;color:var(--dr-muted);font-size:.75rem;
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
}
body.kj-body[data-skin="dune-radio"] .kj-card__badge{
  position:absolute;left:10px;top:8px;z-index:3;
  padding:2px 8px;border-radius:8px;background:var(--dr-terra);color:#fff;
  font-size:.68rem;font-weight:800;
}
body.kj-body[data-skin="dune-radio"] .kj-grid--rel{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

/* 分类页刊头 / 筛选 */
body.kj-body[data-skin="dune-radio"] .kj-pagehead{
  margin:0 0 18px;padding:22px 20px;border-radius:18px;
  background:var(--dr-panel);border:1px solid var(--dr-line);
  border-left:7px solid var(--dr-indigo);
  box-sizing:border-box;
}
body.kj-body[data-skin="dune-radio"] .kj-pagehead h1{margin:8px 0;color:var(--dr-ink);font-size:clamp(1.5rem,3vw,2.1rem)}
body.kj-body[data-skin="dune-radio"] .kj-filter{
  margin:0 0 18px;padding:14px;border-radius:16px;background:rgba(255,250,242,.9);
  border:1px dashed rgba(107,143,113,.45);
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  box-sizing:border-box;
}
body.kj-body[data-skin="dune-radio"] .kj-filter__controls{
  display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0;
}
body.kj-body[data-skin="dune-radio"] .kj-filter input,
body.kj-body[data-skin="dune-radio"] .kj-filter select{
  min-height:40px;border-radius:10px;border:1.5px solid var(--dr-line);
  background:var(--dr-cream);color:var(--dr-ink);padding:0 10px;min-width:0;
}

/* 播放页：播放器上 + 信息坞下；压过母版侧栏 grid */
body.kj-body[data-skin="dune-radio"] .kj-watch{
  display:flex!important;flex-direction:column!important;
  grid-template-columns:none!important;
  gap:14px!important;
  margin:0 0 24px!important;background:transparent!important;border:0!important;
  width:100%!important;max-width:100%!important;
}
body.kj-body[data-skin="dune-radio"] .kj-watch__player{
  order:0!important;padding:10px;border-radius:18px;background:var(--dr-panel);
  border:2px solid transparent;
  background-image:
    linear-gradient(var(--dr-panel),var(--dr-panel)),
    linear-gradient(120deg,var(--dr-terra),var(--dr-gold),var(--dr-sage),var(--dr-indigo));
  background-origin:border-box;background-clip:padding-box,border-box;
  width:100%!important;box-sizing:border-box;
  overflow:hidden;
}
body.kj-body[data-skin="dune-radio"] .kj-watch__player video,
body.kj-body[data-skin="dune-radio"] #movie-player{
  width:100%!important;max-height:min(70vh,620px)!important;
  aspect-ratio:16/9;object-fit:contain;background:#111;border-radius:10px;display:block;
}
body.kj-body[data-skin="dune-radio"] .kj-watch__panel{
  order:1!important;
  display:grid!important;
  grid-template-columns:100px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto;
  gap:8px 16px!important;align-items:center;
  padding:16px 18px;border-radius:16px;background:var(--dr-panel);
  border:1px solid var(--dr-line);border-top:4px solid var(--dr-terra);
  width:100%!important;box-sizing:border-box;margin:0!important;
}
body.kj-body[data-skin="dune-radio"] .kj-watch__poster{
  width:100px!important;max-width:100px!important;height:auto!important;
  aspect-ratio:2/3!important;object-fit:cover;border-radius:10px;
  border:2px solid var(--dr-indigo);grid-column:1;grid-row:1 / span 3;
  margin:0!important;display:block;
}
body.kj-body[data-skin="dune-radio"] .kj-watch .kj-crumb,
body.kj-body[data-skin="dune-radio"] .kj-watch__panel .kj-crumb{
  grid-column:2;grid-row:1;margin:0!important;font-size:.82rem;color:var(--dr-muted);
  min-width:0;
}
body.kj-body[data-skin="dune-radio"] .kj-watch__panel h1{
  grid-column:2;grid-row:2;margin:0!important;
  font-size:clamp(1.25rem,2.6vw,1.75rem);color:var(--dr-ink);line-height:1.25;
  min-width:0;
}
body.kj-body[data-skin="dune-radio"] .kj-watch__meta{
  grid-column:2;grid-row:3;display:flex;flex-wrap:wrap;gap:6px;margin:0!important;padding:0;list-style:none;
}
body.kj-body[data-skin="dune-radio"] .kj-watch__meta li{
  padding:3px 8px;border-radius:8px;background:var(--dr-cream);
  border:1px solid var(--dr-line);font-size:.75rem;font-weight:700;color:var(--dr-indigo);
}
body.kj-body[data-skin="dune-radio"] .kj-watch__panel .kj-btn{
  grid-column:3;grid-row:1 / span 3;align-self:center;justify-self:end;
  border-radius:999px!important;
  background:var(--dr-terra)!important;color:#fff!important;border:0!important;
  padding:12px 18px;white-space:nowrap;margin:0;
}
body.kj-body[data-skin="dune-radio"] .kj-detail{
  padding:18px 20px;border-radius:16px;background:var(--dr-panel);border:1px solid var(--dr-line);
  margin:0 0 24px;box-sizing:border-box;
}
body.kj-body[data-skin="dune-radio"] .kj-detail h2{margin:0 0 10px;color:var(--dr-terra)}

/* 尾部：沙浪 / 版权条必须通栏，不受 footer>div max-width */
body.kj-body[data-skin="dune-radio"] footer.kj-foot,
body.kj-body[data-skin="dune-radio"] footer.dr-foot{
  margin-top:40px;background:#e8d7b8;border:0;color:var(--dr-ink);
  width:100%!important;max-width:100%!important;
}
body.kj-body[data-skin="dune-radio"] footer.dr-foot > .dr-foot__wave,
body.kj-body[data-skin="dune-radio"] footer.dr-foot > .dr-foot__bar{
  width:100%!important;max-width:100%!important;
  margin-left:0!important;margin-right:0!important;
  padding-left:0!important;padding-right:0!important;
  box-sizing:border-box!important;
}
.dr-foot__wave{
  display:grid!important;grid-template-columns:repeat(14,1fr)!important;height:12px!important;
}
.dr-foot__wave span{display:block;min-width:0}
.dr-foot__wave span:nth-child(4n+1){background:var(--dr-terra)}
.dr-foot__wave span:nth-child(4n+2){background:var(--dr-indigo)}
.dr-foot__wave span:nth-child(4n+3){background:var(--dr-sage)}
.dr-foot__wave span:nth-child(4n){background:var(--dr-gold)}
.dr-foot__inner{
  width:100%!important;max-width:var(--dr-max)!important;margin:0 auto!important;
  padding:24px max(var(--dr-pad),env(safe-area-inset-left)) 16px max(var(--dr-pad),env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
body.kj-body[data-skin="dune-radio"] .dr-foot__logo{
  font-family:var(--dr-display);font-size:1.4rem;color:var(--dr-ink)!important;font-weight:800;
  text-decoration:none!important;
}
body.kj-body[data-skin="dune-radio"] .kj-foot__nav,
body.kj-body[data-skin="dune-radio"] .dr-foot__inner .kj-foot__nav{
  display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:12px;
}
body.kj-body[data-skin="dune-radio"] .kj-foot__nav a{
  display:inline-block;margin:0!important;padding:4px 10px;border-radius:999px;
  background:var(--dr-cream);border:1px solid var(--dr-line);color:var(--dr-ink)!important;font-weight:700;font-size:.82rem;
}
body.kj-body[data-skin="dune-radio"] .dr-foot__bar{
  display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;
  padding:12px max(var(--dr-pad),env(safe-area-inset-left)) 18px max(var(--dr-pad),env(safe-area-inset-right))!important;
  background:#dfc9a0;color:var(--dr-muted);font-size:.78rem;
  box-sizing:border-box!important;
}
body.kj-body[data-skin="dune-radio"] .dr-foot__seo{color:var(--dr-terra);font-weight:700}

body.kj-body[data-skin="dune-radio"] .kj-btn--cta{
  background:var(--dr-terra)!important;border-radius:999px!important;color:#fff!important;border:0!important;
}
body.kj-body[data-skin="dune-radio"] a,body.kj-body[data-skin="dune-radio"] button,
body.kj-body[data-skin="dune-radio"] input,body.kj-body[data-skin="dune-radio"] select{
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}

@media (max-width:1100px){
  body.kj-body[data-skin="dune-radio"] .kj-chips{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.kj-body[data-skin="dune-radio"] .kj-grid,
  body.kj-body[data-skin="dune-radio"] .kj-scroll{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.kj-body[data-skin="dune-radio"] .kj-grid--rel{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:900px){
  body.kj-body[data-skin="dune-radio"] .kj-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.kj-body[data-skin="dune-radio"] .kj-grid,
  body.kj-body[data-skin="dune-radio"] .kj-scroll{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.kj-body[data-skin="dune-radio"] .kj-grid--rel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  body.kj-body[data-skin="dune-radio"] .kj-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.kj-body[data-skin="dune-radio"] .kj-grid,
  body.kj-body[data-skin="dune-radio"] .kj-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.kj-body[data-skin="dune-radio"] .kj-grid--rel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.kj-body[data-skin="dune-radio"] .kj-watch__panel{
    grid-template-columns:88px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto;
  }
  body.kj-body[data-skin="dune-radio"] .kj-watch__poster{
    width:88px!important;max-width:88px!important;grid-row:1 / span 3;
  }
  body.kj-body[data-skin="dune-radio"] .kj-watch__panel .kj-btn{
    grid-column:1 / -1!important;grid-row:4!important;justify-self:stretch;text-align:center;
  }
}
@media (hover:none){
  body.kj-body[data-skin="dune-radio"] .kj-chip:hover{transform:none;box-shadow:none!important}
}
@supports (padding:max(0px)){
  body.kj-body[data-skin="dune-radio"] .dr-head{padding-top:max(0px,env(safe-area-inset-top))}
}
/* pack18-opt · 跨端触控 + 次级页骨架（贴合完整影台） */
body.kj-body[data-skin="dune-radio"] video#movie-player{-webkit-playsinline:true}
body.kj-body[data-skin="dune-radio"] .kj-filter,
body.kj-body[data-skin="dune-radio"] .filter-panel{
  display:flex!important;flex-wrap:wrap;gap:10px;align-items:flex-end
}
body.kj-body[data-skin="dune-radio"] .kj-filter input,
body.kj-body[data-skin="dune-radio"] .kj-filter select,
body.kj-body[data-skin="dune-radio"] .filter-panel input,
body.kj-body[data-skin="dune-radio"] .filter-panel select{
  flex:1;min-width:140px;min-height:40px;padding:10px 12px;border-radius:10px;
  border:1.5px solid var(--dr-line);background:var(--dr-cream);color:var(--dr-ink)
}
body.kj-body[data-skin="dune-radio"] .empty-state,
body.kj-body[data-skin="dune-radio"] [data-empty]{
  padding:28px;text-align:center;border-radius:14px;
  background:var(--dr-panel);border:1px dashed rgba(107,143,113,.45);
  color:var(--dr-muted);font-weight:700
}
body.kj-body[data-skin="dune-radio"] .kj-block--scroll::after{display:none!important}
body.kj-body[data-skin="dune-radio"] .kj-crumb{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center
}
@media (hover:none){
  body.kj-body[data-skin="dune-radio"] .kj-chip:hover,
  body.kj-body[data-skin="dune-radio"] .dr-hero__panel:hover{transform:none;box-shadow:none}
}