/* ===== 皮肤 v4: 500shou.cc — warm red magazine ===== */
/* ---------- 全局基调 ---------- */
body.wb-on{background:#faf6f2!important;color:#232a36!important;font:15px/1.8 "Noto Serif SC", "Source Han Serif SC", "SimSun", serif!important;}
body.wb-on a{color:#c0392b;text-decoration:none}
body.wb-on a:hover{color:#f39c12}
body.wb-on img{max-width:100%;height:auto}
body.wb-on h1,body.wb-on h2,body.wb-on h3,body.wb-on h4{color:#232a36!important;font-weight:700}

/* ---------- 顶栏（我们注入的导航） ---------- */
body.wb-on .wb-topbar{background:#fff!important;box-shadow:0 1px 8px rgba(20,28,45,.07);position:sticky;top:0;z-index:9999}
body.wb-on .wb-topbar ul{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0 14px}
body.wb-on .wb-topbar ul li{list-style:none}
body.wb-on .wb-topbar ul li a{display:block;color:#3c445c!important;font-size:14px}

body.wb-on .wb-topbar ul li a{padding:14px 18px 12px;font-weight:600;border-bottom:3px solid transparent;margin-bottom:-1px}
body.wb-on .wb-topbar ul li a:hover{border-bottom-color:#f39c12;color:#c0392b!important}

/* ---------- 老模板头部/导航中和 ---------- */
body.wb-on #box_head,body.wb-on #head,body.wb-on .head,body.wb-on .head_m,body.wb-on .head_s,
body.wb-on .nav_box,body.wb-on .search_box,body.wb-on .logo,body.wb-on .menu,body.wb-on #menu,
body.wb-on .submenu,body.wb-on #bread{background:#fff!important;background-image:none!important}
body.wb-on .nav_box a,body.wb-on #head a,body.wb-on .head a,body.wb-on #menu a{color:#3c445c!important;font-size:15px!important;font-weight:600}
body.wb-on .nav_box a:hover,body.wb-on #menu a:hover{color:#c0392b!important}
body.wb-on #bread{color:#7b8494!important;font-size:13px!important;padding:10px 0}
body.wb-on #bread a{color:#7b8494!important}
body.wb-on #bread a:hover{color:#c0392b!important}

/* ---------- 文章正文 ---------- */
body.wb-on #title h1,body.wb-on h1.title{font-size:26px!important;line-height:1.45!important;color:#1a2130!important;margin:0 0 6px!important}
body.wb-on .title_line,body.wb-on .wb-meta{color:#7b8494!important;font-size:13px!important;border-bottom:1px solid #e8ebf1;padding-bottom:12px;margin-bottom:16px}
body.wb-on #content_hx,body.wb-on .content,body.wb-on article,
body.wb-on .f14.textindent2em,body.wb-on .textindent2em{background:#fff!important;color:#232a36!important;font-size:16px!important;line-height:1.95!important}
body.wb-on #content_hx{padding:24px 28px;border-radius:10px;box-shadow:0 1px 4px rgba(20,28,45,.06)}
body.wb-on #content_hx p,body.wb-on .content p,body.wb-on article p{margin:0 0 14px;color:#232a36}
body.wb-on #content_hx h2,body.wb-on .content h2{font-size:20px;margin:24px 0 12px;border-left:4px solid #f39c12;padding-left:12px;line-height:1.5}
body.wb-on #content_hx h3,body.wb-on .content h3{font-size:17px;margin:20px 0 10px;color:#a33024!important}
body.wb-on blockquote{border-left:4px solid #f39c12;background:#fef8ee;padding:12px 16px;margin:14px 0;color:#232a36!important;border-radius:0 10px 10px 0}

/* ---------- 表格（明星资料/对比表等） ---------- */
body.wb-on table{border-collapse:collapse!important;width:100%!important;margin:16px 0;background:#fff!important;font-size:14.5px}
body.wb-on th{background:#f6e3e1!important;color:#a33024!important;border:1px solid #e2a59f!important;padding:10px 13px!important;text-align:left!important;font-weight:700}
body.wb-on td{background:#fff!important;color:#232a36!important;border:1px solid #e8ebf1!important;padding:10px 13px!important}
body.wb-on tr:nth-child(even) td{background:#fcf6f5!important}

/* ---------- 侧栏 ---------- */
body.wb-on .w300>div,body.wb-on .w300 .box,body.wb-on .sidebar .box{background:#fff!important;border-radius:10px;box-shadow:0 1px 4px rgba(20,28,45,.06);padding:14px 16px;margin-bottom:14px;overflow:hidden}
body.wb-on .v-title{font-size:15px!important;font-weight:700!important;color:#232a36!important;border-left:4px solid #f39c12;padding-left:10px;height:auto;line-height:1.6!important;background:none!important}
body.wb-on .w300 li{border-bottom:1px dashed #e8ebf1;padding:8px 0;list-style:none}
body.wb-on .w300 li:last-child{border-bottom:none}
body.wb-on .w300 a{color:#3a4152!important;font-size:14px}
body.wb-on .w300 a:hover{color:#c0392b!important}
body.wb-on .w300 li span,body.wb-on .w300 em{color:#7b8494}

/* ---------- 列表页 ---------- */
body.wb-on .catlist li,body.wb-on .list-item{background:#fff!important;border-radius:10px;box-shadow:0 1px 4px rgba(20,28,45,.06);margin-bottom:12px;padding:14px 16px;list-style:none;transition:transform .15s ease}
body.wb-on .catlist li:hover{transform:translateY(-2px)}
body.wb-on .catlist li a,body.wb-on .list-item a{font-size:16px!important;font-weight:600;color:#262e40!important}
body.wb-on .catlist li a:hover{color:#c0392b!important}
body.wb-on .catlist li .grey,body.wb-on .list-item span{color:#7b8494!important;font-size:13px}
body.wb-on .pagenum a{border:1px solid #e8ebf1;border-radius:10px;padding:4px 12px;color:#c0392b!important}
body.wb-on .pagenum span{color:#232a36}

/* ---------- 页脚精选区块 ---------- */
.wb-sections{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(20,28,45,.06);padding:20px 24px;margin:16px auto;max-width:1180px}
.wb-sections h3{font-size:17px;color:#232a36!important;margin:0 0 14px;border-left:4px solid #f39c12;padding-left:10px}
.wb-sections>div>div{flex:1;min-width:200px}
.wb-sections b{display:block;color:#a33024!important;font-size:14px;margin-bottom:8px}
.wb-sections ul{margin:0;padding:0;list-style:none}
.wb-sections li{margin:0 0 6px}
.wb-sections li a{color:#4a5266!important;font-size:13.5px}
.wb-sections li a:hover{color:#c0392b!important}

/* ---------- FAQ / 标签 ---------- */
.wb-faq{background:#fef9f0;border-radius:10px;padding:14px 20px;margin:16px 0}
.wb-faq h3{color:#a33024!important;font-size:16px;margin:12px 0 6px}
.wb-faq p{color:#232a36!important}
.wb-tags a{display:inline-block;background:#f9efee;color:#a33024!important;border-radius:999px;padding:4px 13px;margin:0 6px 8px 0;font-size:13px}
.wb-tags a:hover{background:#c0392b;color:#fff!important}

/* ---------- v4 首页杂志化 ---------- */
body.wb-on #main{max-width:1180px;margin:0 auto}
body.wb-on #tv,body.wb-on #movie,body.wb-on #starbox,body.wb-on #ranking,
body.wb-on #main .mbox,body.wb-on #main .panel{background:#fff!important;border-radius:10px;box-shadow:0 1px 5px rgba(20,28,45,.06);padding:20px 22px;margin:0 0 18px!important;overflow:hidden}
body.wb-on #main .menu p,body.wb-on .class_title,body.wb-on #tv h3.title,body.wb-on #movie h3.title,
body.wb-on #starbox h3.title,body.wb-on #ranking .title,body.wb-on #main .title.font
{font-size:19px!important;font-weight:800!important;color:#232a36!important;border-left:5px solid #f39c12;padding-left:12px!important;line-height:1.5;margin:0 0 16px!important;background:none!important}
body.wb-on .le-tabs{background:#fbf3f2;border-radius:999px;padding:4px;display:inline-flex;gap:2px;margin:0 0 14px}
body.wb-on .le-tabs li{list-style:none}
body.wb-on .le-tabs li a{display:block;padding:6px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:#7b8494!important}
body.wb-on .le-tabs li.on a,body.wb-on .le-tabs li a:hover{background:#fff;color:#c0392b!important;box-shadow:0 1px 3px rgba(20,28,45,.12)}
body.wb-on #tv .tabdiv ul,body.wb-on #tv ul.viewitem,body.wb-on #movie .tabdiv ul,
body.wb-on #movie ul.viewitem,body.wb-on #starbox .tabdiv ul,body.wb-on #starbox ul.viewitem
{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 14px;margin:0!important;padding:0!important}
body.wb-on #tv .tabdiv li,body.wb-on #tv .viewitem li,body.wb-on #movie .tabdiv li,
body.wb-on #movie .viewitem li,body.wb-on #starbox .tabdiv li,body.wb-on #starbox .viewitem li
{list-style:none!important;margin:0!important;padding:0!important;text-align:center;float:none!important;width:auto!important;background:transparent!important;border:none!important}
body.wb-on #tv .imgbox,body.wb-on #movie .imgbox,body.wb-on #starbox .imgbox
{position:relative;float:none!important;width:100%!important;margin:0 0 8px!important;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(20,28,45,.12)}
body.wb-on #tv .imgbox img,body.wb-on #movie .imgbox img,body.wb-on #starbox .imgbox img
{width:100%!important;height:auto!important;display:block;transition:transform .25s ease}
body.wb-on #tv .imgbox:hover img,body.wb-on #movie .imgbox:hover img,body.wb-on #starbox .imgbox:hover img{transform:scale(1.04)}
body.wb-on #tv .imgbox span,body.wb-on #movie .imgbox span,body.wb-on #starbox .imgbox span
{position:absolute;left:6px;bottom:6px;background:rgba(14,18,28,.74);color:#fff!important;font-size:11.5px;padding:2px 9px;border-radius:999px;letter-spacing:.3px}
body.wb-on #tv .tabdiv h3,body.wb-on #tv .viewitem h3,body.wb-on #movie .tabdiv h3,
body.wb-on #movie .viewitem h3,body.wb-on #starbox .tabdiv h3,body.wb-on #starbox .viewitem h3
{font-size:14.5px!important;font-weight:600!important;margin:2px 0 0!important;line-height:1.5}
body.wb-on #tv .tabdiv h3 a,body.wb-on #movie .tabdiv h3 a,body.wb-on #starbox .tabdiv h3 a{color:#232a36!important}
body.wb-on #tv .tabdiv h3 a:hover,body.wb-on #movie .tabdiv h3 a:hover,body.wb-on #starbox .tabdiv h3 a:hover{color:#c0392b!important}
body.wb-on #tv .plot,body.wb-on #tv .actor,body.wb-on #movie .plot,body.wb-on #movie .actor{display:inline-block;background:#f9efee;color:#a33024!important;border-radius:999px;padding:2px 11px;font-size:12px;margin:6px 3px 0}
body.wb-on #ranking li{list-style:none;border-bottom:1px dashed #e8ebf1;padding:9px 2px;display:flex;align-items:baseline;gap:8px}
body.wb-on #ranking li:last-child{border-bottom:none}
body.wb-on #ranking li em,body.wb-on #ranking li i{font-style:normal;font-weight:800;color:#f39c12;font-size:15px;min-width:20px}
body.wb-on #ranking li a{color:#3a4152!important;font-size:14px;font-weight:600}
body.wb-on #ranking li a:hover{color:#c0392b!important}

/* ---------- v4 文章页阅读体验 ---------- */
body.wb-on #title{background:linear-gradient(135deg,#faf1f0,#fff);border-radius:10px;border-left:5px solid #c0392b;padding:20px 26px;margin:0 0 18px!important;box-shadow:0 1px 4px rgba(20,28,45,.05)}
body.wb-on #title h1,body.wb-on h1.title{font-size:27px!important;line-height:1.42!important;margin:0!important}
body.wb-on #title .meta,body.wb-on #title span{color:#7b8494!important;font-size:13px}
body.wb-on #content_hx{padding:26px 32px 30px;font-size:16.5px!important;box-shadow:0 1px 5px rgba(20,28,45,.06)}
body.wb-on #content_hx h2{font-size:21px!important;margin:26px 0 13px;padding-left:13px!important;border-left-width:5px!important}
body.wb-on #content_hx p{line-height:2.0!important}
body.wb-on #content_hx p:first-of-type{font-size:16px;color:#a33024}
body.wb-on #v_hx,body.wb-on #recommend{background:#fff!important;border-radius:10px;box-shadow:0 1px 5px rgba(20,28,45,.06);padding:18px 22px;margin:16px 0}
body.wb-on #recommend ul{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px 16px;margin:10px 0 0!important;padding:0!important}
body.wb-on #recommend li{list-style:none!important;margin:0!important;padding:9px 12px!important;border:1px solid #e8ebf1;border-radius:10px;transition:all .15s ease}
body.wb-on #recommend li:hover{border-color:#c0392b;box-shadow:0 2px 8px rgba(20,28,45,.08)}
body.wb-on #recommend li a{color:#333c4e!important;font-size:14px;font-weight:600;line-height:1.6}
body.wb-on #recommend li a:hover{color:#c0392b!important}
body.wb-on #recommend li span,body.wb-on #recommend li em{color:#7b8494;font-size:12.5px;display:block;margin-top:3px}
body.wb-on #back2top{background:#c0392b!important;border-radius:50%;box-shadow:0 3px 10px rgba(20,28,45,.25)}
body.wb-on #back2top a{color:#fff!important}
body.wb-on #back2top:hover{background:#f39c12!important}