/*
Theme Name: Drama T5 竖屏沉浸
Description: 竖屏沉浸：仿手机竖屏剧风格。9/16 竖版卡片、大数量横滑、青紫渐变主色。结构性差异：卡片比例、模块以横滑为主、无侧栏。
Author: US1 Dev
Version: 1.0.0
Template: drama-base
Text Domain: drama-t5
*/

:root {
	--dr-accent: #7c3aed;
	--dr-accent-2: #5b21b6;
	--dr-bg: #faf9ff;
	--dr-card-bg: #ffffff;
	--dr-text: #241b3a;
	--dr-text-2: #7d7397;
	--dr-border: #e9e3f7;
	--dr-radius: 16px;
	--dr-maxw: 1200px;
}

/* 竖版卡片：窄列大圆角（比例 9/16 由 config 注入） */
.dr-grid-cards { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 14px; }
.dr-card-title { font-size: 14px; }
.dr-card-status { font-size: 11px; }

/* hero 竖屏化：海报窄幅并列 */
.dr-hero-slide { min-height: 360px; background: linear-gradient(150deg, #ede9fe, #fff); }
.dr-hero-poster { flex-basis: 190px; }
.dr-hero-title { font-size: 30px; }

/* 横滑加宽密度 */
.dr-hscroll { grid-auto-columns: 132px; }

/* 播放页沉浸 */
body.dr-play-cinema .dr-video { border-radius: 0; }
.dr-player-wrap { border-radius: 0; overflow: hidden; }

/* 移动端友好 */
.dr-btn { border-radius: 999px; padding: 10px 24px; }
.dr-searchform input, .dr-searchform button { border-radius: 999px; }