/*
 * default 模板主样式. 由 PHP 在 /assets/main.css 路由实时输出。
 * 类名/id 含 x0d13be_ 前缀的，会被替换为 x{6 位站点哈希}_xxx, 让站群每个子站的 CSS 选择器都不一样。
 * 不带前缀的类是通用语义 (cur/row/inner/site/main 等) 或者第三方惯例,跨站统一不影响指纹。
 */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;background:#0f0f14;color:#e6e6e6;min-height:100vh;line-height:1.5}
a{color:#e6e6e6;text-decoration:none}a:hover{color:#3b82f6}

header.site{background:#1a1a25;padding:1rem 1.5rem;display:flex;align-items:center;gap:2rem;border-bottom:1px solid #2a2a35;flex-wrap:wrap}
header.site .logo{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.05em}
header.site nav.main{display:flex;gap:1.2rem;flex:1;flex-wrap:wrap}
header.site nav.main a{font-size:.95rem;color:#bbb}
header.site nav.main a.cur{color:#3b82f6}
header.site form{display:flex}
header.site input{background:#0f0f14;border:1px solid #2a2a35;color:#fff;padding:.4rem .7rem;border-radius:4px 0 0 4px;outline:none}
header.site button{background:#3b82f6;border:0;color:#fff;padding:.4rem .9rem;border-radius:0 4px 4px 0;cursor:pointer}

main.site{max-width:1200px;margin:1.2rem auto;padding:0 1rem}

nav.x0d13be_crumb{font-size:.82rem;color:#888;margin-bottom:1rem}
nav.x0d13be_crumb a{color:#888}nav.x0d13be_crumb a:hover{color:#3b82f6}nav.x0d13be_crumb span.sep{margin:0 .4rem;color:#444}

h1.x0d13be_page{font-size:1.4rem;color:#fff;margin-bottom:1rem}

.x0d13be_block{margin-bottom:2rem}
.x0d13be_block h2{font-size:1.05rem;color:#fff;margin-bottom:.7rem;border-left:3px solid #3b82f6;padding-left:.6rem;display:flex;justify-content:space-between;align-items:center}
.x0d13be_block h2 .x0d13be_more{font-size:.78rem;color:#888;font-weight:normal}

.x0d13be_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}
.x0d13be_card{background:#1a1a25;border-radius:6px;overflow:hidden;display:block;transition:transform .15s}
.x0d13be_card:hover{transform:translateY(-3px)}
.x0d13be_card .x0d13be_pic{aspect-ratio:2/3;position:relative;background:#222;overflow:hidden}
.x0d13be_card .x0d13be_pic img{width:100%;height:100%;object-fit:cover;display:block}
.x0d13be_card .x0d13be_pic .x0d13be_badge{position:absolute;right:4px;top:4px;background:rgba(59,130,246,.9);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:3px}
.x0d13be_card .x0d13be_info{padding:.55rem .65rem .75rem}
.x0d13be_card .x0d13be_name{font-size:.92rem;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.x0d13be_card .x0d13be_meta{font-size:.76rem;color:#888;margin-top:.3rem}

.x0d13be_pagi{margin:1.5rem 0;text-align:center}
.x0d13be_pagi a,.x0d13be_pagi span{display:inline-block;padding:.4rem .7rem;margin:0 2px;background:#1a1a25;border-radius:4px;color:#bbb}
.x0d13be_pagi .cur{background:#3b82f6;color:#fff}

footer.site{background:#13131c;padding:2rem 1rem 1.5rem;color:#888;font-size:.85rem;border-top:1px solid #2a2a35;margin-top:3rem}
footer.site .inner{max-width:1200px;margin:0 auto}
footer.site .links{margin-bottom:1rem;line-height:1.9}
footer.site .links a{color:#888;margin-right:1.2rem}
footer.site .copy{text-align:center;color:#555;border-top:1px solid #1f1f2c;padding-top:1rem;margin-top:1rem}

.x0d13be_detail-hero{display:flex;gap:1.5rem;background:#1a1a25;padding:1.5rem;border-radius:6px;margin-bottom:1.5rem;flex-wrap:wrap}
.x0d13be_detail-hero .x0d13be_pic{width:180px;flex-shrink:0;aspect-ratio:2/3;background:#222;border-radius:4px;overflow:hidden}
.x0d13be_detail-hero .x0d13be_pic img{width:100%;height:100%;object-fit:cover;display:block}
.x0d13be_detail-hero .body{flex:1;min-width:240px}
.x0d13be_detail-hero h1{color:#fff;margin-bottom:.5rem;font-size:1.5rem}
.x0d13be_detail-hero .x0d13be_meta{color:#aaa;line-height:1.8;font-size:.9rem}
.x0d13be_detail-hero .x0d13be_meta .row{margin-bottom:.2rem}
.x0d13be_detail-hero .x0d13be_meta .row b{color:#ccc;font-weight:normal;margin-right:.4rem}
.x0d13be_detail-hero .x0d13be_meta a{color:#bbb}
.x0d13be_detail-hero .x0d13be_meta a:hover{color:#3b82f6}
.x0d13be_detail-hero .x0d13be_score{display:inline-block;background:#f59e0b;color:#fff;padding:2px 8px;border-radius:3px;margin-left:.5rem;font-size:.85rem;vertical-align:middle}
.x0d13be_detail-hero .x0d13be_desc{margin-top:.8rem;color:#ccc;font-size:.9rem;line-height:1.7;max-height:140px;overflow:auto}

.x0d13be_play-src{background:#1a1a25;border-radius:6px;padding:1rem 1.2rem;margin-bottom:1rem}
.x0d13be_play-src h3{color:#fff;font-size:1rem;margin-bottom:.7rem}
.x0d13be_eps{display:flex;flex-wrap:wrap;gap:.4rem}
.x0d13be_eps a{display:inline-block;background:#0f0f14;border:1px solid #2a2a35;padding:.3rem .8rem;border-radius:3px;font-size:.85rem;color:#bbb}
.x0d13be_eps a.cur{background:#3b82f6;border-color:#3b82f6;color:#fff}

.x0d13be_video-wrap{position:relative;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;margin-bottom:1rem}
.x0d13be_video-wrap iframe,.x0d13be_video-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0}

.x0d13be_recommend h2{font-size:1.05rem;color:#fff;margin:1.5rem 0 .8rem;border-left:3px solid #3b82f6;padding-left:.6rem}

.x0d13be_empty-tip{text-align:center;color:#888;padding:2.5rem 1rem;background:#1a1a25;border-radius:6px}
