/*  
Theme Name:djmaomao
Theme URI:https://djmaomao.com
Version:20261104
Author:HQW
Author URI:http://livesino.net
*/
body{
font: 14px/1.5 "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", system-ui, sans-serif;
color:#333333;
background:#ffffff url(images/header_bg.gif) repeat-x;
margin:0px;
padding:0px;
}
a{
color:#135E93;
text-decoration:none;
}
a:visited{
color:#135E93;
text-decoration:none;
}
a:hover{
color:#135E93;
text-decoration:underline;
}
img{
border:none;
}
p{
padding:0px 0px 3px 0px;
margin:0px;
}
h1{
margin:0px;
margin-left:10px;
height:60px;
font:bold 36px/100% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
}
h1 a,h1 a:visited{
color:#135E93;
text-decoration:none;
}
h1 a:hover{
color:#135E93;
text-decoration:none;
}
h2{
color:#135E93;
margin:0px 0px 2px;
font:normal 18px/120% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
padding-bottom:3px;
}
h2 a,h2 a:visited{
color:#135E93;
text-decoration:none;
}
h2 a:hover{
color:#135E93;
text-decoration:none;
border-bottom:2px solid #135E93;
}
h3{
font:normal 140%/100% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:10px 0px 5px;
}
h4{
font:normal 130%/100% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:10px 0px 5px;
}
form{
margin:0px;
padding:0px;
}
#page{
margin:0px auto;
width:960px;
}
/* header */
#header{
width:960px;
height:115px;
margin:0px;
position:relative;
color:#ffffff;
}
#headerimg{
padding-top:8px;
margin-left:0px;
height:55px;
}
#livesino_logo{
width:65px;
height:65px;
}
#description{
color: rgba(255,255,255,0.3);
font-size:13px;
text-align:left;
position:absolute;
left:70px;
top:35px;
height:18px;
}
#feature{
width:220px;
height:50px;
position:absolute;
right:20px;
top:20px;
background:url(images/wls.gif) bottom center no-repeat;
}
#nav{
width:auto;
list-style:none;
margin:0px;
padding:0px;
position:absolute;
left:0px;
top:75px;
}
#nav li{
float:left;
margin-left:0px;
}
#nav .page_item a{
text-decoration:none;
color:#ffffff;
padding:12px 22px 12px 22px;
font:12px/130% "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
display:block;
}
#nav .page_item a:hover{
color:#ffffff;
background:url(images/nav-button-bg.png) top center no-repeat;
}
#live_search{
width:220px;
height:20px;
position:absolute;
right:20px;
top:81px;
}
/* content area */
#content{
padding:10px 0px 20px 0px;
float:left;
width:670px;
overflow:hidden;
}
.post{
clear:both;
letter-spacing:0.5px;
padding-top:15px;
padding-bottom:10px;
}
.post-date{
width:45px;
height:49px;
float:left;
background:url(images/date-bg.gif) no-repeat left center;
}
.post-month{
font-size:10px;
text-transform:uppercase;
color:#ffffff;
text-align:center;
display:block;
line-height:10px;
padding-top:5px;
margin-left:-3px;
}
.post-day{
font-size:18px;
text-transform:uppercase;
color:#999999;
text-align:center;
display:block;
line-height:18px;
padding-top:7px;
margin-left:-3px;
}
.post-title{
float:left;
margin-left:10px;
width:615px;
}
.post-author{
background:url(images/author.png) no-repeat left center;
margin-top:2px;
padding-left:18px;
float:left;
font-size:12px;
letter-spacing:-0.2px;
}
.post-cat{
background:url(images/tag.png) no-repeat left center;
margin-top:2px;
margin-left:5px;
padding-left:18px;
float:left;
font-size:12px;
letter-spacing:-0.2px;
}
/* 阅读数：仅管理员可见，跟随 .post-cat 左浮动 */
.post-views{
float:left;
margin-top:2px;
margin-left:12px;
font-size:12px;
color:#6f8394;
letter-spacing:-0.2px;
white-space:nowrap;
}
.post-views i{
margin-right:0;
font-size:11px;
color:#8aa0b2;
}
.post-comments{
background:url(images/comments.png) no-repeat left center;
margin-top:2px;
padding-left:18px;
float:right;
font-size:12px;
letter-spacing:-0.2px;
}
.add-comment{
background:url(images/comment_add.png) no-repeat left center;
padding-left:18px;
font-size:12px;
float:right;
}
.entry{
clear:both;
padding-top:5px;
padding-bottom:5px;
}
.entry li{
list-style:none;
background:url(images/bullet_blue.png) no-repeat left 6px !important;
padding-left:18px !important;
}
.meta{
border-bottom:1px solid #D8E6F8;
}
.more-link{
background:url(images/information.png) no-repeat left center;
padding-left:18px;
}
.navigation{
clear:both;
padding:10px 0px;
}
.navigation a,.navigation a:visited{
color:#135E93;
}
.previous-entries a{
float:left;
padding-left:18px;
background:url(images/nav-left.png) no-repeat left center;
}
.next-entries a{
float:right;
padding-right:18px;
background:url(images/nav-right.png) no-repeat right center;
}
/* postmetadata area */
#trackbacklink{
padding-left:25px;
background:url(images/trackback.png) no-repeat 5px center;
}
.editlink{
padding-left:25px;
background:url(images/page_edit.png) no-repeat 5px center;
}
#cclink{
padding-left:20px;
float:left;
background:url(images/cc.png) no-repeat left center;
}
/* ===== comments area (2026-11 重构) ===== */
#comments{
clear:both;
margin:18px 0px 0px 0px;
padding:0px;
background:none;
}
#comments .comments-title{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:8px;
margin:0px 0px 14px;
padding:0px;
font:600 16px/1.5 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
color:#135E93;
background:none;
}
#comments .comments-count{
position:relative;
padding-left:14px;
}
#comments .comments-count::before{
content:"";
position:absolute;
left:0px;
top:50%;
transform:translateY(-50%);
width:4px;
height:16px;
border-radius:2px;
background:linear-gradient(180deg,#43b8ff,#135e93);
}
#comments .comments-sub{
font-size:12px;
font-weight:400;
color:#93a7b8;
}
#comments .comments-empty{
margin:0px 0px 18px;
padding:18px;
border:1px dashed #d5e5f2;
border-radius:12px;
background:#f8fbfe;
color:#8fa3b4;
font-size:13px;
text-align:center;
}
#comments .comments-closed{
margin:0px;
padding:14px 16px;
border-radius:10px;
background:#f7f9fb;
color:#93a7b8;
font-size:13px;
}
/* comment list */
#comments .commentlist{
margin:0px;
padding:0px;
list-style:none;
text-align:left;
}
#comments .commentlist li.comment-item{
display:flex;
gap:12px;
width:auto;
margin:0px 0px 12px;
padding:14px 16px;
list-style:none;
background:#ffffff;
border:1px solid #e3edf6;
border-radius:12px;
box-sizing:border-box;
transition:border-color .18s ease,box-shadow .18s ease;
}
#comments .commentlist li.comment-item:hover{
border-color:#cbe0f2;
box-shadow:0 8px 20px rgba(19,94,147,.08);
}
#comments .commentlist li.is-waiting{
background:#fffdf3;
border-color:#f0e3bd;
}
#comments .comment-avatar{
flex:0 0 38px;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:linear-gradient(135deg,#4fa9df,#135e93);
color:#ffffff;
font:600 15px/1 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
box-shadow:0 3px 8px rgba(19,94,147,.22);
user-select:none;
}
#comments .comment-body{
flex:1 1 auto;
min-width:0px;
}
#comments .comment-head{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:8px;
}
#comments .comment-author{
font:600 13px/1.5 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
font-style:normal;
color:#135E93;
}
#comments .comment-author a{
color:inherit;
text-decoration:none;
}
#comments .comment-author a:hover{
text-decoration:underline;
}
#comments .comment-badge{
padding:1px 6px;
border-radius:4px;
background:#fdf3d7;
color:#a97a00;
font-size:11px;
}
#comments .comment-time{
font-size:12px;
color:#9aabb9;
text-decoration:none;
}
#comments .comment-time:hover{
color:#135E93;
}
#comments .comment-content{
margin-top:6px;
font-size:14px;
line-height:1.75;
color:#3d4c5a;
overflow-wrap:anywhere;
}
#comments .comment-content p{
margin:0px 0px 8px;
}
#comments .comment-content p:last-child{
margin-bottom:0px;
}
#comments .comment-content a{
color:#135E93;
}
#comments .comment-foot{
margin-top:6px;
}
#comments .comment-foot a{
display:inline-block;
padding:2px 10px;
border-radius:999px;
background:#f2f8fd;
color:#5a90b8;
font-size:12px;
text-decoration:none;
transition:background .18s ease,color .18s ease;
}
#comments .comment-foot a:hover{
background:#e4f1fb;
color:#135E93;
text-decoration:none;
}
/* pagination */
#comments .page-navigator{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:16px 0px 0px;
padding:0px;
list-style:none;
}
#comments .page-navigator li{
list-style:none;
}
#comments .page-navigator li a,
#comments .page-navigator li span{
display:block;
min-width:32px;
padding:5px 10px;
border-radius:8px;
background:#f2f8fd;
color:#5a90b8;
font-size:12px;
text-align:center;
text-decoration:none;
}
#comments .page-navigator li a:hover,
#comments .page-navigator li.current a{
background:#135e93;
color:#ffffff;
}
/* respond form —— 刻意压低视觉重量：内边距、行高、控件高度都比常规表单小一档，
   目标是整块高度约等于播放器的 3 倍，而不是 5 倍 */
#comments .respond{
margin:16px 0px 0px;
padding:14px 16px 12px;
border:1px solid #e3edf6;
border-radius:12px;
background:linear-gradient(180deg,#fbfdff,#f5faff);
box-shadow:0 4px 14px rgba(19,94,147,.045);
}
#comments .respond-title{
position:relative;
margin:0px 0px 8px;
padding:0px 0px 0px 12px;
font:600 14px/1.35 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
color:#135E93;
background:none;
}
#comments .respond-title::before{
content:"";
position:absolute;
left:0px;
top:50%;
transform:translateY(-50%);
width:3px;
height:13px;
border-radius:2px;
background:linear-gradient(180deg,#43b8ff,#135e93);
}
#comments .cancel-comment-reply{
text-align:right;
font-size:12px;
}
#comments .cancel-comment-reply a{
color:#8aa0b2;
text-decoration:none;
}
#comments .comment-identity{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
margin:0px 0px 10px;
padding:8px 10px;
border:1px solid #e3edf6;
border-radius:9px;
background:#ffffff;
font-size:12px;
color:#5c7386;
}
#comments .comment-avatar-sm{
flex:0 0 28px;
width:28px;
height:28px;
font-size:12px;
}
#comments .identity-logout{
margin-left:auto;
color:#8aa0b2;
}
#commentform{
margin:0px;
}
/* 姓名 / Email / 网站：一行三列 */
#comments .comment-fields{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:0px 0px 8px;
}
#commentform .field{
margin:0px;
padding:0px;
border:0px;
}
#commentform .field label{
display:block;
margin:0px 0px 4px;
font:500 12px/1.35 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
color:#5c7386;
letter-spacing:.2px;
}
#commentform .req{
margin-left:2px;
font-style:normal;
color:#e2612f;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"]{
width:100%;
height:34px;
box-sizing:border-box;
padding:0px 11px;
border:1px solid #dbe8f3;
border-radius:8px;
background:#ffffff;
font:13px/1.5 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
color:#33475a;
transition:border-color .18s ease,box-shadow .18s ease;
}
#commentform input::placeholder,
#commentform textarea::placeholder{
color:#a9bac8;
}
#commentform input:focus,
#commentform textarea:focus{
border-color:#5aa8dc;
box-shadow:0 0 0 3px rgba(90,168,220,.16);
outline:none;
}
#commentform .field-text{
margin:0px 0px 8px;
}
#commentform textarea{
width:100%;
min-height:96px;
box-sizing:border-box;
padding:9px 12px;
float:none;
border:1px solid #dbe8f3;
border-radius:9px;
background:#ffffff;
font:13px/1.65 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
color:#33475a;
resize:vertical;
transition:border-color .18s ease,box-shadow .18s ease;
}
#commentform .form-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px 14px;
margin:0px;
}
#commentform .form-actions #submit{
margin-left:auto;
}
#commentform .form-foot{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:4px 12px;
margin:7px 0px 0px;
}
#commentform .form-tip{
font-size:11.5px;
color:#9aabb9;
}
#commentform #submit{
width:auto;
min-width:116px;
height:34px;
padding:0px 18px;
border:0px;
border-radius:8px;
background:linear-gradient(135deg,#2f8fd0,#135e93);
color:#ffffff;
font:600 13px/1 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
letter-spacing:.5px;
cursor:pointer;
box-shadow:0 5px 12px rgba(19,94,147,.2);
transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
#commentform #submit:hover{
transform:translateY(-1px);
box-shadow:0 10px 22px rgba(19,94,147,.3);
filter:brightness(1.04);
}
#commentform #submit:active{
transform:translateY(0px);
box-shadow:0 4px 10px rgba(19,94,147,.2);
}
#commentform #submit:focus-visible{
outline:2px solid #43b8ff;
outline-offset:2px;
}
/* captcha —— 与「发表评论」同处一行，视觉上压低存在感 */
#commentform .field-captcha{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin:0px;
}
#commentform .field-captcha label{
display:inline-block;
margin:0px;
white-space:nowrap;
}
#commentform .captcha-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
#commentform input.captcha-input{
width:96px;
flex:0 0 96px;
height:36px;
text-align:center;
letter-spacing:2px;
font:500 14px/1.5 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
text-transform:uppercase;
}
:is(#commentform, .account-captcha) .captcha-img{
display:block;
flex:0 0 auto;
width:130px;
height:36px;
box-sizing:border-box;
border:1px solid #e2edf6;
border-radius:8px;
background:#f9fcfe;
cursor:pointer;
transition:border-color .18s ease,box-shadow .18s ease;
}
:is(#commentform, .account-captcha) .captcha-img:hover{
border-color:#a9d2ec;
box-shadow:0 0 0 3px rgba(90,168,220,.1);
}
:is(#commentform, .account-captcha) .captcha-refresh{
flex:0 0 auto;
height:36px;
padding:0px 10px;
box-sizing:border-box;
border:0px;
border-radius:8px;
background:transparent;
color:#7fa6c2;
font:12px/1 "Microsoft YaHei","宋体","Segoe UI",Tahoma,sans-serif;
cursor:pointer;
transition:color .18s ease,background .18s ease;
}
:is(#commentform, .account-captcha) .captcha-refresh:hover{
background:#f2f9fe;
color:#135e93;
}
:is(#commentform, .account-captcha) .captcha-refresh:focus-visible{
outline:2px solid #43b8ff;
outline-offset:2px;
}
#commentform .captcha-hint{
font-size:11px;
line-height:1.5;
color:#a3b6c5;
}
#comments .comment-notice{
margin:0px 0px 10px;
padding:8px 12px;
border:1px solid #f2cdc9;
border-radius:8px;
background:#fdf5f4;
color:#b3504a;
font-size:12px;
line-height:1.55;
}
/*sidebar */
#sidebar{
float:right;
padding:0px 20px 20px 0px;
width:220px;
color:#666666;
overflow:hidden;
}
/*sidebar title (h2) */
#sidebar h2,#sidebar .sidebartitle{
font:normal 16px/100% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:20px 0px 2px;
border-bottom:1px solid #D8E6F8;
}
/*sidebar text styles */
#sidebar a,#sidebar a:visited{
color:#333;
text-decoration:none;
}
#sidebar a:hover{
color:#135E93;
text-decoration:none;
}
/*sidebar list level1 */
#sidebar ul{
margin:0;
padding:0;
}
#sidebar ul li{
list-style:none;
margin:0;
padding:0;
border:none;
}
/*sidebar list level2 */
#sidebar ul li ul{
padding:0;
margin:0;
}
#sidebar ul li ul li{
padding:2px 0 2px 0px;
border-bottom:1px solid #D8E6F8;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding:1px 0 1px 10px;
border:none;
}
/*blogroll */
ul.widget_links li{
background:url(images/blogroll.png) no-repeat left center !important;
padding-left:20px !important;
}
/*category widget */
ul.list-cat li,li.widget_categories li{
background:url(images/tag.png) no-repeat left center !important;
padding-left:18px !important;
}
/*archives widget */
ul.list-archives li,li.widget_archives li{
background:url(images/archive.png) no-repeat left center !important;
padding-left:20px !important;
}
/*pages widget */
ul.list-page li,li.widget_pages li,li.widget_recent_entries li{
background:url(images/post.png) no-repeat left center !important;
padding-left:20px !important;
}
/*sub-pages */
ul.list-page li ul li,li.widget_pages li ul li{
padding-left:10px !important;
}
/*recent comments widget */
ul.list-com li{
background:url(images/recent-comments.png) no-repeat left center !important;
padding-left:20px !important;
}
/*search form */
.search-form{
width:220px;
height:30px;
padding:0px 0px 0px 8px;
background:url('images/ls_input.png') 1px 3px no-repeat;
}
input#livesearch{
width:180px;
height:25px;
margin-top:5px;
margin-right:30px;
border:0;
color:#135E93;
font:normal 12px "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
background:transparent;
}
/* footer area */
#footer{
clear:both;
padding:0 0 5px;
}
.footer-inner{
width:680px;
max-width:100%;
margin:0 auto;
padding:8px 16px 0;
box-sizing:border-box;
border-top:1px solid #e7eff7;
text-align:center;
color:#a3b8c9;
font-size:12px;
line-height:1.9;
}
/* 站点定位：沿用主蓝，字距拉开，作为视觉起点 */
.footer-brand{
margin:0;
color:#8ba3b8;
font-size:13px;
letter-spacing:1px;
}
.footer-note{
margin:0;
color:#8ba3b8;
}
.footer-links{
margin:0;
}
.footer-links a{
color:#5f8bab;
text-decoration:none;
}
.footer-links a:hover{
color:#1d6fbf;
text-decoration:underline;
}
.footer-dot{
margin:0 8px;
color:#cfdde9;
}
.footer-copy{
margin:0;
color:#b3c5d4;
}
/* alignments */
.center{
text-align:center;
}
img.center,img[align="center"]{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft{
float:left;
}
img.alignleft,img[align="left"]{
float:left;
margin:2px 10px 5px 0px;
}
.alignright{
float:right;
}
img.alignright,img[align="right"]{
float:right;
margin:2px 0px 5px 10px;
}
.clear{
clear:both;
}
hr.clear{
clear:both;
visibility:hidden;
margin:0px;
padding:0px;
}
/* Various Tags & Classes */
blockquote{
margin:10px;
padding-left:20px;
border-left:5px solid #135E93;
}
.postmetadata{
padding:10px;
margin-top:10px;
border:1px solid #ddd;
background-color:#fbfbfb;
text-align:right;
}
.alt{
margin-top:10px;
padding:10px;
border:1px solid #ddd;
background-color:#f8f8f8;
}
small{
font-size:12px;
line-height:22px;
}
.wp-smiley{
margin-bottom:-3px;
}