*,*::before,*::after{margin:0;padding:0;font:14px sans-serif;user-select:none;box-sizing:border-box;color:#f0f0f0;}   html {scroll-behavior:smooth;}
body {min-height:100vh;overscroll-behavior:none;max-width:800px;margin:0 auto;padding:10px 0;align-items:flex-start;overflow-y:scroll;}

button {background-color:transparent;border:none;outline:none;-webkit-tap-highlight-color:transparent;}   h1,.lll1 {color:#e45050;} 
a {text-decoration:none;-webkit-user-drag:none;}  h1,h2,h3,h4 {font-weight:normal;}   ul {list-style:none;}   input {border:none;outline:none;}
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;} p,.d2 article h2 a,.s1 a {font-size:14px;} 
figure img{display:block;margin:5px auto;width:350px;min-height:350px;max-width:100%;}   figure img.fm {min-height:unset;} figcaption {padding:5px 0 10px;}   
textarea {margin:0 auto;}  textarea:focus {outline:none;}  textarea::placeholder {padding-left:5px;}    

footer,header,.e1,.ccc1,.d2,p,.d4,.p1,aside,.x1,.e3,.e4,footer nav,.s5,.e2 a,.p2 button,.l8,.d5,.d6 ul,.e2 a {padding:5px}   .d2 article,body,.l4,.e2 a,.v1,.s2 {position:relative}
body,.s,textarea,input {background:#2c2c2c}   body,.f1,.c2,.d2 article h2 a,.d2 article,.k1,.k2,.d4,.aaa1,.s1,.s4,.p2,aside span,.x1,.tag,.ss,.e2,.e3,.e4,footer nav,.m1,.fy,.e1,.d2,.d2 span,.d5,.d6 ul,.p3,header span {display:flex}
.s,.s:after,.f1,.f1::before,.d2 article h2,.d2 article::after,.s2::after,.v1::before,.e2 a::before,.e2 a::after,.v1::after  {position:absolute}      
.lll1,.e1 img,.ccc1,.d2 img,.k1 a,.k1 input,.k1 button,.k2 a,textarea,figure img,.s1,.s4 span,.s5,.p1,.p2,.p2 button,.x1,.v1,.v1 video,.ss,.l6,.e2 a,.e3 a,.e4 a,footer nav a,.ss input,.ss button,.l8,.v1::after,.d5 section{border-radius:5px}
footer,header,.ccc1,.d2 img,.f1::before,.e1,.e1 img,.d2 article h2 a,.d2 article::after,.k1,.k2,.d4,.aaa1,.s1 a,.s4,.v1 video,.aaa1 h1,.m1,.ss,.e2 a::after,.e3,textarea {width:100%}
.lll1,.d2 img,.k1 a,.k1 input,.k1 button,.k2 a,.s1,.p2 button,.x1,.v1 video,.ss,.l6,.e3 a,.e4 a,footer nav a,textarea,figure img,.s,.s:after,.e2 a,.p1,.d5 section {border:1px solid rgba(250, 233, 211, 0.3);box-shadow:0 1px 3px rgba(247,151,29,0.3);} 
figcaption,.k1 a,.k1 input,.k1 button,.k2 a,.aaa1 h1,.s1 a,section article p,.l6,.e2 a,.e3 a,.e4 a,footer nav a,footer p,.p1 h2,header,.s5,.l8,.d3 {text-align:center}
.k1,.k2,.s4,aside span,.f1,.aaa1,.d5,.d6 ul,.p3  {justify-content:center}
header span,header time,header span::after,.v1::before,.tag a {color:#e45050;font-size:12px}
textarea::placeholder,.aaa1 time,.aaa1 a,section article p,.e3 a,.e4 a {font-size:12px}
.aaa1,.x1,.tag,.e1,.e2,.e3,.e4,footer nav,.c2 {flex-wrap:wrap}   body,.d4,.s1 {flex-direction:column}
a,.s4,.p2 button,.ss button,.v1 {cursor:pointer}   .k1,.k2,.d2 article h2 a,.p3{align-items:center} 
.b,.c2,.d2 article::after,.d2 article h2 a,.d2 article h2,.e2 a::after{height:100%}
.lll1,.l4,.e2 a::after {will-change:transform}  .ccc1,.l3,.l8,.l6 {z-index:10}
.b{visibility:hidden;} .fy input::placeholder {color:#e45050;} .fy{gap:10px;}

/* 顶部logo和搜索 */ 
.lll1 {padding:5px;display:inline-block;animation:ss4 2s linear infinite alternate;} @keyframes l2{0%{rotate:0deg;}25%{rotate:2deg;}50%{rotate:-2deg;}75%{rotate:2deg;}100%{rotate:0deg;}}
.s {width:20px;height:20px;border-radius:50%;right:25px;top:15px;}  .s:after {content:'';right:-8px;bottom:-6px;width:12px;height:1px;transform:rotate(50deg);}

/* 顶部导航 */ 
.c2 li:not(:last-child)::after {content:"丨";pointer-events:none;}

/* 全局banner */ 
.e1 {gap:6px;}   .e1 img {display:block;aspect-ratio:6/1;}   .e1 a {width:calc((100% - 6px) / 2);}

/* 封面卡片，首页/版块页 */ 
.d2 {flex-wrap:wrap;gap:6px;width:100%;position:relative}    .d2 span {width:100%;padding:0 0 5px;}
.d2 > article,.d2 > div {width:calc((100% - 12px) / 3);border-radius:5px;overflow:hidden;position:relative;}
.d2 img {display:block;aspect-ratio:16/9;}   .d2 article {overflow:hidden;} .d2 article::after {content:"";background:rgba(0,0,0,0.3);}
.d2 article h2 {z-index:1;}    .d2 article h2 a {padding:10px;text-align:center;font-weight:bold;}
.d3 {grid-column:1/-1;padding:0 0 5px;}  .d3 p{font-size:12px;padding:5px 0 0}.d3 h1{font-size:12px;}
.d2pf {position:absolute;top:5px;right:5px;animation: ee3 3s linear infinite;font-size:20px;font-weight:bold;}
.d7{position:absolute;bottom:5px;z-index:2;font-size:12px;line-height:20px;padding:0 5px;border-radius:5px;background:rgba(0,0,0,.5);}.d71{left:5px;}.d72{right:5px;} 

/* tags页 */ 
.d5 {flex-wrap:wrap;gap:6px;width:100%;}   .d6 a:hover {color:#e45050;}
.d6 ul {flex-wrap:wrap;gap:10px 20px;} 

/* 面包屑导航/返回 */ 
.m1 {padding:0 0 5px;} .m1 a:last-of-type {margin-left:auto;}  
.m1 p{padding:0} 

/* 分页/评论区分页 */ 
.k1,.k2 {padding:5px 0 1px;gap:10px;}  .k2 {padding:10px 0 5px;}
.k1 a,.k1 input,.k1 button,.k2 a {padding:5px 0px;width:50px;}  

/* 详情页main - d4 */ 
/* 详情页header */ 
.aaa1 time,.aaa1 a {margin:5px 10px 0px;color:#f0f0f0;} .aaa1 p{font-size:12px}

/* 上下篇/分享 */ 
.s1 {margin:15px 0 0;}   .s2::before {content:"上篇丨";}   .s3::before {content:"下篇丨";}  .s1 a {padding:10px 5px;}
.s2::after {content:"";display:block;height:1px;background:rgba(247,151,29,0.3);bottom:0;left:10%;width:80%;}

/* 分享 */ 
.s4 {padding:10px 0;}   @keyframes ss4{0%{color:#f0f0f0}100%{color:#e45050}}   .s5 {position:fixed;background:rgba(0,0,0,0.5);}
.s4 span{padding:10px;letter-spacing:2px;animation:ss4 2s linear infinite alternate;}   .s5.show {pointer-events:auto;}   

/* 评论区 */ 
.p1 {margin:3px 0 0;}   .p1 h2 {margin:0 0 6px;}   .p2 {flex-wrap:nowrap;gap:6px;}   .p2 button {display:inline-block;}
section article p {padding:0;}  header span::after {content:"丨";}

/* 相关推荐 */ 
aside span {margin:0 0 10px;}   .x1 {gap:6px;}   .s1 a,.x1 li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}  
.x1 li a {font-size:13px;} .x1 > * {width: calc((100% - 6px) / 2);}

/* 视频和水印 */
.v1::before{content:"嘿嘿看片";top:20%;right:3%;}  .v1 video{max-height:40vh;object-fit:contain;}  .v2 {color:#e45050;}  
.v1::after {content:'';font-size:30px;width:60px;height:60px;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:35px solid;} .v1.playing::after {display:none;}
.v1::after,.s5 {top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
 
/* 标签 */
.tag {gap:5px 20px;padding:0 0 5px;}

/* 搜索框 */
.ss {margin:0 0 5px;}   .ss input {flex:1;padding:5px 10px;}   .ss button {padding: 5px 20px 5px 30px;position:relative;}
.ss button::before {content: '丨';position:absolute;left:0px;top:50%;transform:translateY(-50%);color:rgba(247,151,29,0.3);}
  
/* 返回顶部 */ 
.l6 {width:30px;height:30px;position:fixed;right:calc(50% - 370px);bottom:20px;opacity:0.5;display:none;}
.l6::before {content:'';display:inline-block;width:12px;height:12px;border:solid rgba(247,151,29,0.3);border-width: 0 2px 2px 0;transform:rotate(-135deg);margin-top:10px;}

/* 详情页文字banner */ 
.e2 {padding:5px 0;gap:6px;}   .e2 a{width:calc((100% - 12px) / 3);letter-spacing:2px;overflow:hidden;animation: ee3 3s linear infinite;}
.e2 a::after {content:"";top:0;animation:ee2 4s linear infinite;}
.e2 a::after {left:-10%;background:linear-gradient(90deg,transparent 30%,rgba(247,151,29,0.3),transparent 70%);}
@keyframes ee2 {0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
@keyframes ee3 {0%{color:#f0f0f0}50%{color:#ff0000}100%{color:#f0f0f0}}

/* 详情页文字ad - 底部导航 */ 
.e3,.e4,footer nav {gap:6px;}  .e4 {flex-basis:100%;padding:5px 0;}
.e3 a,.e4 a,footer nav a {width:calc((100% - 18px) / 4);padding:5px;color:#e45050;}   footer nav {margin:0 0 20px;padding:0;}  
.e5 {text-align:center;} .e5 h2 {display:inline-block;font-size:12px;margin:0 10px;} .e5 a,.e5 span {font-size:12px;}
.e6{font-size:12px;color:#f7971d;margin:0 0 10px}

/* 响应式 */ 
@media (hover:hover) and (pointer:fine) {.d2 article h2 a:hover,.ccc1 a:hover {color:#e45050;}}

@media (max-width:800px) {.l6 {right:20px;;bottom:20px} }

@media (max-width:700px) {.d2 > article,.d2 > div {width:calc((100% - 6px) / 2);aspect-ratio: auto;}.l3 {left:30px;bottom:30px} .l8 {left:30px;}}

@media (max-width:600px) {.e1 {flex-direction:column;} .e1 a{width:100%;}  .x1 > * {width:100%;} aside{width:100%;} .x1 li{text-align:center;} }

@media (max-width:440px) {.d2 > article,.d2 > div {width:100%;} }