@charset "UTF-8";
/*
Theme Name:OLDMP4
Theme URI:https://oldmp4.com
Description:一起看日落视界
Version:0.1.01
Author:日落视界
*/
html{font-size:62.5%;/* 使1rem ≈ 10px */}
html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;-webkit-text-size-adjust:none;-o-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
iframe{border:none}
.clear{clear:both;margin:0;padding:0}
li,ol,ul{list-style:none}
body{min-height:100vh;background-attachment:fixed;background:radial-gradient(ellipse at bottom, #333, #111) no-repeat;font-weight:400;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;font-size:1.5rem;color:#cdcdcd}
a{color:#696969;font-weight:400;font-size:1.5rem}
a,a:hover{text-decoration:none}
a:hover{color:#fff}
h1,h1 a{position:relative;height:auto;color:#ff0;font-size:1.2rem;text-align:center;padding:10px 2% 30px 2%;margin:0 0 15px 0}
h1::before{content:"";position:absolute;bottom:25px;left:0;width:50%;height:1px;background:linear-gradient(90deg, transparent 0%, #91cb1b 40%, #58ff78 50%, #91cb1b 60%, transparent 100%);border-radius:100%;transform:translateX(50%)}
h1 a:hover{color:#fff}
h2{padding-top:20px;padding-left:1.5%;color:#787878;font-weight:700;font-size:2.3rem}
h3{color:#ccc;font-size:1.2rem;padding:6px 8px;font-weight:400}
h4{color:#ddd;font-size:1.2rem;padding:6px 8px}
h5{color:#eee;font-size:1.6rem;margin-top:8px}
h6{margin:30px 0;color:#fff;font-weight:700;font-size:2.3rem;height:23px;line-height:23px}
.site-header{background:linear-gradient(45deg, transparent 20%, #333);width:100%;height:auto;box-shadow:0 1px 10px 0 rgba(1,1,1,.2)}
.site-head{position:relative;max-width:1200px;height:40px;line-height:40px;margin:0 auto;padding:10px;display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
.sunsetDIV{width:10%;position:relative}
.sunset{position:absolute;bottom:-10px;left:50%;margin-left:-28px;width:50px;height:25px;border-top-left-radius:50px;border-top-right-radius:50px;background:radial-gradient(#d9d918 0,#d69918 100%);overflow:hidden;z-index:5}
.site-name{font-size:0.8rem;color:#fff;position:absolute;top:0;left:50%;margin-left:-23px;letter-spacing:2px}
.tongbi{width:45%;font-size:1.1rem;color:#aaa;font-weight:400;height:16px;line-height:16px;margin-top:3px}
.tongbi span{color:#ff0;font-size:1.2rem}
.loginRegDIV{width:45%}
.loginReg{position:relative;width:80px;font-size:1.2rem;height:30px;line-height:30px;margin-top:5px;-webkit-border-radius:15px;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);box-shadow: 0 0 1px 1px rgba(0,0,0,0.1)}
.login-l{position:absolute;top:0;left:-2px;height:100%;background:rgba(8,108,238,0.8);transform:skewX(-10deg);transition:background-color .6s ease}
.login-l a{display:block;color:#fff;font-size:1.2rem;padding:0 9px;transform:skewX(10deg)}
.Reg-r{position:absolute;top:0;right:-3px;height:100%;border-left: 1px dashed rgba(255,255,255,0.12);/*background:rgba(255,0,18,0.8);*/transform:skewX(-10deg);transition:background-color .6s ease}
.Reg-r a{display:block;color:#aaa;font-size:1.2rem;padding:0 9px;transform:skewX(10deg)}
.login-l a:hover,.Reg-r a:hover{color:#ff0}
.site-navi{width:45%;-webkit-display:flex;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}
.site-navi li{height:40px;line-height:40px;overflow:hidden}
.site-navi li a{font-size:1.5rem;color:#fff;margin-left:10px;display:inline-block}
@media (max-width:680px){.site-navi li a{font-size:1.2rem}
}
.site-navi li a:hover,.site-navi li.current-menu-item a,.site-navi li.current-menu-parent a{color:#ff0}
.site-navi li span{margin-top:11px;font-size:1.8rem}
@media (max-width:680px){.site-navi li span{margin-top:13px;font-size:1.2rem}
}
.navi-icon-rotate{width:0;height:0;border:4px solid transparent;border-top-color:#fff;border-bottom:none;transition:all .8s ease;transform:rotate(-90deg);margin:0 2px 2px 0;display:inline-block}
.site-navi li a:hover .navi-icon-rotate,.site-navi li.current-menu-item .navi-icon-rotate,.site-navi li.current-menu-parent .navi-icon-rotate{transform:rotate(360deg);border-top-color:#ff0}
.site-desc{font-size:1rem;height:13px;line-height:13px;color:#ff0;position:absolute;top:8px;left:20px;z-index:6;letter-spacing:1px}
.breadcrumb{font-size:1.1rem;color:#aaa;width:100%;height:30px;line-height:30px;margin:0 auto 20px auto}
.breadcrumb span{background:#ff0;color:#111;border-radius:3px;padding:3px 5px;margin:0 3px}
.breadcrumb a{font-size:1.1rem;color:#eee}
.breadcrumb a:hover{color:#ff0}
.wrap{max-width:1200px;height:auto;margin:20px auto 0 auto;padding:0 10px}
.site-index{width:100%;height:auto;display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:wrap;box-sizing:border-box;gap:10px}
.site-index li{width:calc((100% - 10px * 3) / 4);height:auto;background:rgba(155, 155, 215, 0.1);-webkit-border-radius:6px;border-radius:6px;overflow:hidden;position:relative;z-index:6;border: 1px solid rgba(255, 255, 255, 0.23);box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);transition: all .3s ease;box-sizing:border-box}
.site-index li:hover{transform: scale(1.02)}
@media (max-width:800px){.site-index li{width:calc((100% - 10px) / 2)}
}
@media (max-width:320px){.site-index li{width:100%}
}
.index-post-thumb{width:100%;aspect-ratio:1/1;position:relative;pointer-events:auto !important;overflow:hidden}
.index-post-thumb::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(180,180,180,0.5);z-index:-1;pointer-events:none!important}
.index-post-thumb-shine{pointer-events:none!important}
.index-post-thumb,.index-post-thumb a,.index-post-thumb img{pointer-events:auto!important}
img{pointer-events:auto!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}
.index-post-thumb::after{pointer-events:none!important}
.index-post-thumb img{width:100%;height:100%;display:inline-block;object-fit:cover}
.index-post-thumb-shine,.next-post-thumbnail::before,.prev-post-thumbnail::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(203,203,203,.3),transparent);animation:shine 1.2s ease-out infinite;will-change:left;z-index:-1}
@keyframes shine{0%{left:-100%}
20%{left:-100%}
70%{left:100%}
100%{left:100%}
}
.index-post-info{position:absolute;left:-5px;bottom:5px;font-size:1.1rem;color:#aaa}
.postCat,.postCat-east,.postCat-west{font-size:1rem;position:absolute;right:3px;bottom:3px;color:#fff}
.postCat a,.postCat-east a,.postCat-west a{font-size:1rem;display:block;padding: 5px 8px}
.postCat-east a{color:#fff;background-color:#ff0000;border-radius:3px}
.postCat-west a{color:#ff0;background-color:#111;border-radius:3px}
.postCat a:hover,.postCat-east a:hover,.postCat-west a:hover{color:#000;background-color:#fff}
.post-page-nav{margin:20px auto;width:100%;text-align:center;font-size:1.2rem}
.post-page-nav .dots:hover,.post-page-nav .page-numbers,.post-page-nav .pages:hover{display:inline-block;margin:5px 3px;color:#aaa;text-align:center;font-size:1.2rem;width:50px;height:50px;line-height:50px;border-radius:28px;-webkit-border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1)}
.post-page-nav a.page-numbers:hover{display:inline-block;color:#fff;font-size:1.2rem;background:rgba(22,108,208,.35)}
.post-page-nav .current,.post-page-nav .current:hover{display:inline-block;color:#fff;font-size:1.2rem;background:rgba(22,108,208,.35);border:1px solid rgba(255,255,255,.35);border-radius:28px;-webkit-border-radius:28px;font-weight:700;width:50px;height:50px;line-height:50px;cursor:not-allowed}
.page-numbers{display:inline-block;height:20px;line-height:20px;text-align:center;font-size:1.4rem}
.single-content{max-width:1200px;padding:20px;color:#666;margin:20px auto;background:rgba(25,255,255,.1);border:1px solid rgba(255,255,255,.3);box-sizing:border-box;height:auto;overflow:hidden;-webkit-border-radius:16px;border-radius:16px;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1)}
.single-content img{display:block;max-width:100%;height:auto;margin:0 auto 20px auto;border-radius:6px}
.single-img-watermark{position:relative;overflow:hidden}
.single-img-watermark::before{content:"日落视界\A OLDMP4.COM";white-space:pre;letter-spacing:3px;position:absolute;top:50%;margin-top:-30px;left:0;width:100%;height:100%;text-align:center;color:#fff;font-size:2.3rem;font-weight:300;opacity:.2;text-shadow:0 0 2px #000;z-index:1;pointer-events:none;background:transparent}
.single-content .index-post-thumb img{border-radius:0}
.single-content-title{width:100%;font-size:3rem;height:32px;line-height:32px;color:#fff;text-align:center;padding-bottom:20px;font-weight:700}
.single-content-title span{font-size:3.2rem;color:#fff;margin-right:8px}
.single-post-info{width:100%;display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:0 auto;font-size:1.1rem}
.single-post-info li{color:#aaa;height:16px;line-height:16px;padding:0 5px 10px 5px;font-size:1.1rem;text-align:center}
@media (max-width:420px){.single-post-info li{font-size:.8rem}
}
.single-post-info li a{color:#fff;border:1px solid #ccc;padding:2px 3px;-webkit-border-radius:3px;border-radius:3px;font-size:1.2rem}
.single-post-info li a:hover{border:1px solid #ff0;color:#ff0}
.single-post-tip{width:100%;font-size:1rem;color:#888;text-align:center;padding:10px 0 20px 0}
.prev-next-post{display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-top:20px;background:rgba(25,255,255,.1);-webkit-border-radius:6px;border-radius:6px;border:1px solid rgba(255,255,255,.15)}
.prev-post{width:48.5%}
.prev-post-thumbnail,.next-post-thumbnail{position:relative;background:rgba(0,0,0,0.2);width:60px;height:60px;overflow:hidden;-webkit-border-radius:30px;border-radius:30px;display:block;border:1px solid #ccc}
.prev-post-thumbnail{float:left;margin:10px 5px 10px 0}
.next-post-thumbnail{float:right;margin:10px 0 10px 5px}
.next-post-thumbnail img,.prev-post-thumbnail img{max-width:100%;height:auto;display:block}
.next-post,.prev-post{font-size:1.2rem;color:#000;font-weight:700;padding:10px 0}
.next-post span,.prev-post span{font-size:1.2rem;color:#000}
.next-post a,.prev-post a{font-size:1.6rem;color:#fff}
@media (max-width:640px){.next-post a,.prev-post a{font-size:1rem}
}
.next-post a:hover,.prev-post a:hover{color:#ff0}
.next-post{text-align:right;width:48.5%;border-left:1px solid rgba(255, 255, 255, .2)}

.pingback,.trackback,ol.comment-list,ul.social-share{margin:0 0 30px;padding:0;list-style:none;border:none}
ol.comment-list li{margin-bottom:30px;padding:15px;border:1px solid #08e;border-radius:3px;background:#333;color:#ffff18}
.comment-author{font-size:1.2rem;margin-bottom:10px;color:#ccc}
.comment-content{font-size:16px;margin-bottom:10px}
.commentmetadata{margin:10px 0;font-size:1.2rem}
.comment-reply-title{font-size:2.3rem!important;font-weight:700;color:#cdcdcd;padding:0!important;margin:20px 0 0 0}
.logged-in-as{padding:0!important;margin-bottom:10px}
.reply{font-size:1.2rem;margin-left:10px;margin-top:10px;margin-bottom:10px}
.comment-form{margin-top:10px}
.comment-form input[type=email],.comment-form input[type=text],.comment-form textarea{display:block;width:98%;padding:1%;border:1px solid #333;color:#ffff18;background:#000;border-radius:3px;margin-bottom:15px;font-size:1.5rem;-webkit-appearance:none;outline:0;-webkit-outline:none;-o-outline:none;-moz-outline:none}
.comment-form input[type=submit]{background:#2188ee;color:#fff;border-radius:3px;font-size:1.5rem;cursor:pointer;height:40px;line-height:40px;border:none;text-align:center;padding:0 10px;margin-bottom:20px}
.comment-form input[type=submit]:hover{background-color:#166698}
input::-webkit-search-cancel-button{display:none}
input::-ms-clear{display:none}
.navigation a,.navigation span{color:#fff;background-color:#007acc;border-radius:3px;padding:5px 10px;margin:5px 5px 10px 0}
.navigation a:hover{background-color:#005688}
.navigation .current,.navigation .page-numbers.current{background-color:#fff;color:#007acc;font-weight:700}

.tags-with-count{max-width:1200px;height:auto;padding:0 10px;margin:20px auto 80px auto}
.tags-with-count li{float:left;margin:0 20px 20px 0}
.tags-with-count li a{background:rgba(255,255,255,.1);font-weight:200;font-size:2rem;padding:5px 0 5px 10px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;display:block;color:#aaa;border:1px solid rgba(255,255,255,.2)}
.tags-with-count li a:hover{background:#161616;color:#fff}
.tags-with-count li span{background:#161616;padding:10px 8px;font-size:2rem;color:#ccc}

.footer{width:100%;background:#111;letter-spacing:2px}
.foot{position:relative;max-width:1200px;height:auto;margin:40px auto 0 auto}
.copyright{position:absolute;z-index:6;width:100%;background:#111;padding:0 0 30px 0;height:auto;color:#666;text-align:center;font-size:0.9rem}
.copyright a{font-size:1.1rem;color:#888;letter-spacing:2px}
.copyright a:hover{color:#ff0}
.foot-words{z-index:6;position: absolute;top:-56px;left:50%;margin-left:-90px;width:180px;height:auto;font-size:0.9rem;color:#ff0;text-align:center}
.foot-sunset{z-index:3;position: absolute;top:-25px;left:50%;margin-left:-30px;width:60px;height:60px;background-color:#d9d918;border-radius:50%}
.foot-sunset:before{content:'';border-radius:50%;width:60px;height:60px;display:block;animation:anim-glow 2s ease infinite;box-shadow:0 0 12px 8px #d9d919}
@keyframes anim-glow{0%{transform:scale(.9);opacity:.8}
50%{transform:scale(.8);opacity:.5}
100%{transform:scale(.9);opacity:.8}
}
/*Footer cat start*/
.foot-cat{z-index:77;position:absolute;margin-left:-98px;left:50%;bottom:-3px}
.cat{width:60px;height:60px;display:block;position:relative}
.catbody{position:absolute;width:85%;height:60%;background-color:#222;border-radius:50% 10% 50% 40%/60% 5% 65% 50%;right:0;bottom:0}
.cathead{position:absolute;width:60%;height:50%;background-color:#222;border-radius:50% 50% 30% 30%/60% 60% 30% 30%;right:0;top:10%}
.cateyes{position:absolute;height:2%;width:50%;top:30%;right:12%}
.cateye{width:6px;height:6px;border-radius:50%;background-color:#ccc;animation:eye-move 3s none infinite}
.cateye.left{position:absolute;left:0;top:-1px}
.cateye.right{position:absolute;right:0}
.catear{width:0;height:0;border-color:transparent transparent #222;border-style:solid;z-index:-2}
.catear.left{position:absolute;border-width:0 5px 7px 5px;left:15%;bottom:90%;transform:rotate(-30deg)}
.catear.right{position:absolute;border-width:0 3px 5px 5px;right:5%;bottom:83%;transform:rotate(35deg)}
.cat>.tail{position:absolute;height:12%;width:40%;background-color:#222;bottom:0;right:40%;border-radius:50%/250%}
.cat>.tail>.tail{right:90%}
.tail>.tail{height:100%;position:absolute;transform-origin:center right;transform:rotate(0);width:15px;right:28%;animation:tail 2s none infinite;border-top-left-radius:50% 50%;border-bottom-left-radius:50% 50%;background-color:inherit}
@keyframes tail{5%{transform:rotate(0)}
50%{transform:rotate(10deg)}
100%,70%{transform:rotate(0)}
}
@keyframes eye-move{0%{transform:scaleY(1)}
5%{transform:scaleY(0)}
10%,100%{transform:scaleY(1)}
}
img.lazyload{background:#fff;opacity:0.2}
img.lazyloaded{opacity:1;transition:opacity .3s ease-in-out}
.index-post-thumb{position:relative;z-index:5;pointer-events:auto!important}
.full-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block;background:rgba(255,255,255,0);pointer-events:auto!important}
.index-post-thumb img{pointer-events:none!important}