/* bundle: main.css + modern.css — 自动生成，请勿直接编辑 */ html{} body{padding:0;color:#323232;margin:0;font:small 'Microsoft Yahei';font-family:"Microsoft YaHei","微软雅黑","Trebuchet MS",Arial,Verdana,Tahoma,sans-serif;} body{background: url(https://p1.music.126.net/qZEP60rTZe_clMPKb_CvFA==/109951168532515426.jpg) rgba(194, 240, 194, 0.99) no-repeat;background-attachment: fixed;background-size: cover;} #top_banner{margin:0 auto;padding:0px;text-align:center;width:100%;height:auto;position:relative;z-index:2;} #bottom_banner{margin:0 auto;padding:0px;text-align:center;width:100%;height:auto;position:relative;z-index:1;margin-top:-65px;font-size:0;} #wrap{width:auto;text-align:left;margin:0px auto 0px;padding:0px;word-wrap:break-word;position:relative;z-index:10;margin-top:-145px;} img{border:none;} a{text-decoration:none;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;} a:link{color:#594D3A;text-decoration:none;} a:visited{color:#594D3A;text-decoration:none;} a:hover{color:#0c0;text-decoration:none;position:relative;left:1px;auto;} a:active{color:#9A5FB3;} /* 2560x1440px */@media screen and (max-width:2560px){#iitboy_logo{line-height:30px;text-align:center;padding: 50px;} #sousuo2{display:none;} #linkk,#footerbar-out{width:1200px;margin:0 auto;padding:0;} #menu2{display:none;} #gonggao{margin-bottom:15px;} #gonggao_bk{display:none;} #gonggao{display:block;} #ggwz{width:86%;font-size:14px;padding-left:110px;height:47px;line-height:47px;} #contentleftt{width:70%;float:left;margin:10px 0px 0px 5px;padding:0px 20px 20px 20px;border:1px solid #B4AD87;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 3px 10px rgba(34,25,25,0.4);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 10px rgba(34,25,25,0.4);background-color:rgba(255,255,255,0.6);} #content h2{margin:25px 0px 12px 0px;font-size:1.5em;} #contentleftt .date3{display:none;} #contentleftt .date4{display:none;} .biaoti{font-size:1.5em;} .r{float:right;} #sidebar{margin:10px 10px 15px 0px;} #footerbar{width:71.5%;font-size:0.875em;height:auto;line-height:25px;margin:35px 0px 10px 0px;padding:12px 8px 12px 8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 3px 10px rgba(34,25,25,0.4);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 10px rgba(34,25,25,0.4);} #wzlj1{width:70%;} #wzlj2{width:70%;} #shangxiapian_2{display:none;} .fenxiang2{display:none;} #shangxia{right:50%;margin-right:-670px;} #tw .tw-body .tw-wenzi .post1{width:86%;margin-left:15px;} #tw .time{padding-left:96px;}} /* 1920px */@media screen and (max-width:1921px){#menu{width:99.1%;} #top_banner{width:auto;} #contentleftt{width:70%;float:left;} #footerbar{width:71.5%;margin:35px 0px 10px 8px;}} /* 1440px */@media screen and (max-width:1441px){#linkk,#footerbar-out{margin-top:-42px;}} /* 1366px */@media screen and (max-width:1367px){#linkk,#footerbar-out{margin-top:-40px;} #shangxia{right:50%;margin-right:-660px;}} /* 1280px */@media screen and (max-width:1281px){#linkk,#footerbar-out{width:auto;margin-top:-20px;} #top_banner{width:auto;} #ggwz{width:82%;padding-left:142px;} #contentleftt{width:69.5%;} #footerbar{width:71.2%;} #shangxia{right:50%;margin-right:-342px;}} @media screen and (max-width:1210px){#ggwz{width:87%;padding-left:107px;}} /* 1180px */@media screen and (max-width:1180px){#linkk,#footerbar-out{width:auto;} #menu{/*overflow:hidden*/;white-space:nowrap;text-overflow:ellipsis;max-width:99.1%;} #top_banner{width:auto;} #ggwz{width:88%;padding-left:96px;height:47px;line-height:47px;} #content{width:auto;} #contentleftt{width:69.5%;} #wzlj1{width:68%;} #wzlj2{width:68%;} #footerbar{width:71.2%;} #shangxia{display:none;}} @media screen and (max-width:1140px){#linkk,#footerbar-out{width:auto;margin-top:-34px;} #menu{display:none;} #menu2{display:block;} #contentleftt{width:67.5%;} #wzlj1{width:66%;} #wzlj2{width:66%;} #footerbar{width:69.4%;}} @media screen and (max-width:1080px){#gonggao{margin-bottom:10px;} #linkk,#footerbar-out{width:auto;} #contentleftt{width:65.5%;} #wzlj1{width:63%;} #wzlj2{width:63%;} #tw .tw-body .tw-wenzi .post1{width:85%;} #footerbar{width:67.3%;}} @media screen and (max-width:1024px){#linkk,#footerbar-out{width:auto;margin-top:-30px;} #gonggao{margin-bottom:5px;} #ggwz{width:88%;padding-left:85px;height:40px;line-height:40px;} #contentleftt{width:64.5%;} #content h2{font-size:1.25em;} #tw .tw-body .tw-wenzi .post1{width:84%;} #footerbar{width:66.4%;} #wzlj1{width:62%;} #wzlj2{width:62%;} #sidebar{margin:10px 8px 15px 0px;}} @media screen and (max-width:984px){#linkk,#footerbar-out{width:auto;} #contentleftt{width:64%;} #wzlj1{width:61%;} #wzlj2{width:61%;} #footerbar{width:66%;}} @media screen and (max-width:954px){#linkk,#footerbar-out{width:auto;} #contentleftt{width:62%;} #tw .tw-body .tw-wenzi .post1{width:82%;} #wzlj1{width:56%;} #wzlj2{width:56%;} #footerbar{width:64%;}} @media screen and (max-width:914px){#gonggao{margin-bottom:0px;} #linkk,#footerbar-out{width:auto;} #contentleftt{width:60%;} #ggwz{width:88%;padding-left:70px;height:35px;line-height:35px;} #tw .tw-body .tw-wenzi .post1{width:81%;} #wzlj1{width:55%;} #wzlj2{width:54%;} #footerbar{width:62%;}} @media screen and (max-width:880px){#linkk,#footerbar-out{width:98%;margin-top:-24px;} .daohang2{font-size:1em;} #ggwz{width:87%;font-size:12px;padding-left:74px;height:34px;line-height:34px;} #contentleftt{width:93.2%;float:none;} #tw .tw-body .tw-wenzi .post1{width:86%;} #wzlj1{width:67%;} #wzlj2{width:67%;} #sidebar{display:none;} #footerbar{width:95.3%;} #shangxia{display:none;}} /* 800px */@media screen and (max-width:800px){body{padding:0;background:url(https://p1.music.126.net/Lu4BVZldl4_CLdm2HneYFA==/109951168532521038.jpg) rgba(194,240,194,0.99) no-repeat;background-position: right;background-attachment:fixed;color:#323232;margin:0;font:small 'Microsoft Yahei';background-size:cover;} #top_banner{display:none;} #tock a{font-size:0em;color:#E80000;} #iitboy_logo{display:block;width:100%;height:auto;margin:10px auto;padding:0;line-height:0px;text-align:center;} #sousuo2{display:block;} #ggwz{width:88%;padding-left:65px;height:30px;line-height:30px;} #contentleftt{width:95%;float:none;margin:0px 0px 0px 10px;padding:5px 8px 15px 10px;border:1px solid #D5D2C4;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 3px 10px rgba(34,25,25,0.4);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 10px rgba(34,25,25,0.4);} html{-webkit-text-size-adjust:none;} #linkk,#footerbar-out{font-size:100%;margin:18px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;} #content h2{font-size:1.125em;margin:20px 0px 12px 0px;} .biaoti{font-size:1.4em;} #footerbar{width:95%;font-size:0.875em;} #bottom_banner{display:none;}} /* 768px */@media screen and (max-width:768px){#gonggao_bk{display:block;} #tock a{font-size:0em;color:#E80000;} #gonggao{display:none;} #contentleftt{width:94%;} #tw .tw-body .tw-wenzi .post1{width:83.5%;} #wzlj1{width:63.5%;} #wzlj2{width:63.5%;} #footerbar{width:93%;margin-left:10px;padding:15px 12px 15px 12px;}} @media screen and (max-width:700px){#wzlj1{width:60%;} #wzlj2{width:60%;}} /* 6 */@media screen and (max-width:650px){#contentleftt .date{display:none;} #tw .tw-body .tw-wenzi .post1{width:82.2%;} #tock a{font-size:0em;color:#E80000;} #wzlj1{width:57%;} #wzlj2{width:57%;}} /* 600px */@media screen and (max-width:600px){#contentleftt{width:93.5%;} #tock a{font-size:0em;color:#E80000;} #contentleftt .date1{display:none;} #contentleftt .date3{display:block;} #contentleftt .date2{display:none;} #contentleftt .date4{display:block;} #tw .tw-body .tw-wenzi .post1{width:80%;} #shangxiapian_2{display:block;margin:0px;} #shangxiapian3{float:left;} #shangxiapian4{float:right;} #shangxiapian{display:none;} .fenxiang{display:none;} .fenxiang2{display:block;} #footerbar{width:92%;margin-left:13px;}} /* 540px */@media screen and (max-width:540px){#contentleftt{width:93%;} #tock a{font-size:0em;color:#E80000;} .r{float:none;margin-left:auto;/* margin-right:auto;*/text-align:center;} #tw .tw-body .tw-wenzi .post1{width:77.5%;} #banquan{display:none;} .juanzhu{display:none;} .juanzhu2{display:block;} #footerbar{width:91%;}} /* 480px */@media screen and (max-width:480px){html{-webkit-text-size-adjust:none;} .daohang2{font-size:14px;} #iitboy_logo{width:45%;height:auto;margin:10px auto;padding:0;} #contentleftt{width:auto;float:none;margin:0;padding:5px 8px 15px 8px;border:1px solid #D5D2C4;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);} #tock a{font-size:0em;color:#E80000;} #linkk,#footerbar-out{font-size:100%;margin:10px 0px 0px 3px;padding:0px 0px 0px 0px;width:98%;} #content h2{font-size:1em;margin:15px 0px 18px 0px;} .biaoti{font-size:1.5em;} #footerbar{font-size:0.8em;width:auto;height:auto;line-height:25px;margin:35px 0px 10px 0px;padding:10px 6px 10px 6px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);} #tw .tw-body .tw-wenzi .post1{width:76.5%;}} /* 460px */@media screen and (max-width:460px){#gonggao_bk{display:none;} #tw .tw-body .tw-wenzi .post1{width:71.5%;}} /* 390px */@media screen and (max-width:390px){#contentleftt .date3{display:none;} #tw .tw-body .tw-wenzi .main_img{display:none;} #tw .tw-body .tw-wenzi .post1{width:auto;margin-left:0px;} #tw .time{padding-left:0px;}} /* 320px */@media screen and (max-width:320px){#iitboy_logo{width:55%;height:auto;margin:10px auto;padding:0;} #contentleftt{width:auto;float:none;margin:0;padding:5px 8px 15px 8px;border:1px solid #D5D2C4;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);} html{-webkit-text-size-adjust:none;} #linkk,#footerbar-out{font-size:96%;margin:10px 0px 0px 3px;padding:0px 0px 0px 0px;width:98%;} .fenxiang2{display:none;} #footerbar{display:none;}} /* 300px */@media screen and (max-width:300px){#linkk,#footerbar-out{width:97.5%;} .biaoti{font-size:1em;} #shangxiapian_2{margin:0 auto;text-align:center;} #shangxiapian3{float:none;clear:both;margin-bottom:15px;} #shangxiapian4{float:none;clear:both;} #contentleftt .date4{display:none;}} /* 响应式图片 */img{max-width:100%;height:auto;width:auto\9;border-radius:27px/* ie8 */} /* 响应式视频 */.video embed,.video object,.video iframe{width:100%;height:auto;} .embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto;} .embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} /* 响应式代码结束 */#logo{margin:0px 0px 0px 30px;padding:10px 0px 10px 0px;} #header h1{color:#1F1F1F;font-size:30px;font-weight:normal;letter-spacing:0px;margin:10px 0px 3px 0px;padding:20px 0px 0px 0px;font-family:Georgia,"Times New Roman",Times,serif;line-height:normal;} #header h1 a:link{color:#1F1F1F;text-decoration:none;} #header h1 a:active{color:#1F1F1F;text-decoration:none;} #header h1 a:visited{color:#1F1F1F;text-decoration:none;} #header h1 a:hover{color:#1F1F1F;text-decoration:none;} #header h3{color:#525252;font-size:14px;font-weight:normal;margin:0px 0px 0px 40px;padding:10px 0px 10px 0px;} #menu{position:relative;z-index:330;margin:0 0 10px 0;border:1px solid rgba(0,0,0,0);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;} #menu .bar{margin:0px;padding:0px;height:38px;} #menu .bar .item{height:38px;line-height:38px;display:block;float:left;padding:0 18px;position:relative;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} #menu a:link{color:#FFFFFF;text-decoration:none;} #menu a:active{color:#1F1F1F;text-decoration:none;} #menu a:visited{color:#FFFFFF;text-decoration:none;} #menu a:hover{color:#0c0;text-decoration:none;} #menu .current{/* background-color:#E64838;*/} #menu .item:hover .sub-nav,#menu .li-hover .sub-nav{display:block;} #menu .sub-nav{position:absolute;top:30px;left:0;z-index:333;display:none;margin:0;padding:0;border:1px solid #000;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#3f4452;list-style:none;} #menu .sub-nav li{min-width:120px;white-space:nowrap;} #menu .sub-nav a{display:block;padding:0 18px;} * html #menu .sub-nav a{display:inline;width:120px;zoom:1;} #menu .sub-nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#1e1f24;} /* 880px分辨率下才出现的导航 */#menu2{width:98%;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:0px;height:auto;overflow:hidden;background:#1E2631;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;border:1px solid #000000;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} .daohang2{margin-left:auto;margin-right:auto;padding-left:12px;line-height:35px;width:auto;color:#7A7A7A;} .daohang2 li{float:left;width:auto;white-space:nowrap;list-style-type:none;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:inline;} .daohang2 a:link{color:#ECECEC;text-decoration:none;} .daohang2 a:active{color:#1F1F1F;text-decoration:none;} .daohang2 a:visited{color:#ECECEC;text-decoration:none;} .daohang2 a:hover{color:#FF6B66;text-decoration:none;} #gonggao{margin-top:25px;margin-left:auto;margin-right:auto;padding:0px;width:100%;height:47px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:12;} #ggwz{margin:0px;font-family:\5B8B\4F53,\5FAE\8F6F\96C5\9ED1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;top:0;left:0px;z-index:15;} #gonggao_img{margin:0 auto;padding:0px;width:100%;height:47px;text-align:center;position:relative;z-index:13;} #gonggao_bk{margin-top:25px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0px;width:97.5%;height:auto;background:rgba(255,255,255,0.6);border:0.5px dashed #8A9C83;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} #gonggao_bk:hover{background:rgba(255,255,255,0.6);border:0.8px dashed #8A9C83;} #gonggao_bk .ggwz2{width:auto;margin:0px;padding:8px 10px 8px 10px;font-size:12px;font-family:\5B8B\4F53,\5FAE\8F6F\96C5\9ED1;height:auto;line-height:1.8;} #ggwz a:link{color:#70551C;} #ggwz a:visited{color:#70551C;} #ggwz a:hover{color:#BA4242;-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;} #ggwz a:active{color:#A83C7B;} #pagemenui{position:relative;z-index:5;clear:both;padding:0;height:50px;text-align:center;font-size:16px;line-height:70px} #pagemenui a:hover{background:#0c0;color:#fff} #pagemenui a{color:#FFF} #pagemenui span{background:#0c0!important;color:#fff!important} #pagemenui a,#pagemenui span,#pagemenui>i{display:inline-block;margin:0 6px;width:32px;height:32px;border-radius:50%;background:#494949;color:#FFF;line-height:32px} #content{/* width:100%;*/margin:0px auto 0px;padding:0px;overflow:hidden;line-height:30px;} #content p{padding:0px;margin:0px;line-height:2;} #content h1{display:none;} #content h2{color:#3F4452;width:100%;padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #content h2 a:link{color:#3F4452;text-decoration:none;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;} #content h2 a:active{color:#286482;text-decoration:none;} #content h2 a:visited{color:#3f4452;text-decoration:none;} #content h2 a:hover{color:#0c0;text-decoration:underline;-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;} #content h2 .widgettitle{color:#444444;font-size:12px;font-weight:bold;margin:25px 0px 0px 0px;padding:10px 0px 10px 0px;} #content h3{color:#444444;font-size:14px;font-weight:bold;margin:15px 0px 0px 0px;padding:8px 0px 8px 0px;} #contentleftt{word-wrap:break-word;overflow:hidden;margin-bottom:20px;} blockquote{margin:0px 20px 20px 20px;padding:25px 20px 25px 20px;background:#EFEFEF;border-left:5px solid #696969;border-right:5px solid #696969;} #contentleftt .date1{margin:0px 0px 10px 0px;padding:0px;font-size:12px;font-family:\5b8b\4f53;height:35px;line-height:1.5;} #contentleftt .date2{margin:0px;color:#8c8c8c;font-size:12px;font-family:\5b8b\4f53;height:auto;line-height:1.5;} #contentleftt .date3{margin:0px auto;padding:0px;color:#8c8c8c;font-size:12px;font-family:\5b8b\4f53;height:35px;} #contentleftt .date4{margin:12px 0px 0px 0px;padding:0px;color:#8c8c8c;font-size:12px;font-family:\5b8b\4f53;text-align:center;} #contentleftt .att{color:#A97965;font-size:12px;margin:5px 0px 0px 0px;} /*-- 文字渐变光波流动动画 --*/@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){#masked{background-image:-webkit-linear-gradient(left,#47523F,#9EEC48 25%,#47523F 50%,#9EEC48 75%,#47523F);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 4s infinite linear}} @-webkit-keyframes masked-animation{0%{background-position:0 0} 100%{background-position:-100% 0}} img.alignright{float:right;border:none;margin:0px 0px 10px 10px;} img.alignleft{float:left;border:none;margin:0px 10px 10px 0px;} img.aligncenter{display:block;border:none;margin:10px auto 10px auto;} a img.alignright{float:right;border:none;margin:0px 0px 10px 10px;} a img.alignleft{float:left;border:none;margin:0px 10px 10px 0px;} a img.aligncenter{display:block;border:none;margin:10px auto 10px auto;} #footerbar{background-color:rgba(255,255,255,0.6);text-align:center;overflow:hidden;border:1px solid #FFF;-moz-border-radius:8px;-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);margin-bottom:39px;} #footerbar a:hover{-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;} .footerbox{float:left;width:31%;float:left;margin:5px 0px 0px 0px;padding:0px 10px 20px 10px;} .footerbox ul{list-style-type:none;margin:0px;padding:0px;} .footerbox ul li{background:transparent url("images/bullet.png") 0px 3px no-repeat;margin:0px 0px 0px 0px;padding:0px 0px 0px 18px;} #contentleftt .comment-header{margin:20px 0px 10px 0px} #contentleftt .comment-header a img{opacity:1;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;} #contentleftt .comment-header a:hover img{-webkit-opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;opacity:.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)} #contentleftt .comment-post{clear:both} #contentleftt .comment-post .fbpl{line-height:35px;} #contentleftt .comment-post p{margin:5px 0px} #contentleftt .comment-post .cancel-reply{float:right;font-size:12px;cursor:pointer;_cursor:hand;padding-right:10%} #contentleftt .comment-post .cancel-reply:hover{text-decoration:underline} #contentleftt .comment-post small{font-size:12px;color:#999} #contentleftt .comment-post input{padding:5px 5px;border:1px #b6b6b6 solid;font-size:12px;color:#333;width:40%;background:#f7f6f4;} #contentleftt .comment-post #comment{width:90%;border:1px #b6b6b6 solid;font-size:12px;color:#333;background:url(#);font:message-box;} #contentleftt .comment-post #comment_submit{background:url(images/em_button.png) no-repeat;border:0;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;color:#000000;width:86px;height:30px;text-align:center;cursor:pointer;_cursor:hand} #contentleftt .comment-post #comment_submit:hover{background:url(images/em_button2.png) no-repeat;border:0;color:#CC0033;} #contentleftt .comment-post .input{width:60px;margin-left:8px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;} #contentleftt .comment{margin:5px 0px 0px 0px;padding:0px;font-size:14px;font-family:\5B8B\4F53;overflow:hidden;color:#333;height:100%;line-height:1.5;zoom:1;font:message-box;} #contentleftt .comment span{color:#C86A69;} #contentleftt .comment .comment-time{color:#885621;display:inline;font-size:12px;padding-left:15px;} #contentleftt .comment .avatar{float:left;margin:5px 0px 0px 0px;height:40px;width:40px} #contentleftt .comment .avatar img{width:auto;height:auto;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;transition:transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;} #contentleftt .comment .avatar img:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);} #mzsj{margin:14px 0px 0px 45px;height:24px;line-height:24px;font-size:0.875em;border-bottom:1px dashed #C1B7A9;width:93%;} #mzsj_2{margin:14px 0px 0px 45px;height:24px;line-height:24px;font-size:0.875em;border-bottom:1px dashed #C1B7A9;width:100%;} .juli1{padding-left:10px;font-weight:bold;} .juli2{padding-left:6px;font-weight:bold;} #mzsj_2 a{color:#B67474;} #mzsj a:link{color:#B67474;} #mzsj a:visited{color:#B67474;} #mzsj a:hover{color:#60B560;} #mzsj a:active{color:#BA6295;} #contentleftt .comment .comment-info{float:left;width:94%;margin:0px;} #contentleftt .comment .comment-content{margin:10px 0px 0px 0px;} #contentleftt .comment .comment-content:hover{color:#356F7A;} #contentleftt .comment .comment-reply{float:right;font-size:12px;cursor:pointer;margin-bottom:5px;_cursor:hand;} #contentleftt .comment .comment-reply:hover{text-decoration:underline} #contentleftt .comment-children{width:95%;margin:auto;clear:both;border:none;padding:0} #contentleftt .comment .comment-post{width:90%;margin:15px auto} #mzi{color:#13665F;}} .sun{color:#333;font-weight:bold} .week{color:#333} .rss{margin:20px 0px;} .attachment{margin:0px 3px;padding:0px 0px 0px 20px;font-weight:bold;background:url(images/att.png) no-repeat 2px -1px;} .tw-body{margin:5px 0px 3px 0px;width:100%;padding:15px 0px 0px 0px;} .tw-wenzi{margin:10px 0px;padding:5px 0px;/* border-bottom:#D2D0D0 1px solid;*/font-family:\5B8B\4F53,\65B0\5B8B\4F53;} #tw .tw-body .tw-wenzi{clear:both;} .main_img{float:left;width:82px;height:auto;margin-top:5px;} .main_img img{width:80px;height:80px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border: 1px #FFFFFF solid;-webkit-box-shadow:0px 1px 3px #949494;-moz-box-shadow:0px 1px 3px #949494;box-shadow:0px 1px 3px #949494;} .tw-wenzi img{-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;-ms-transition:.8s;transition:.8s;} .tw-wenzi:hover .main_img img{transform:rotate(720deg);-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);border-radius:0px!important} #tw .op{float:left;height:18px;margin:6px 5px 3px;} #tw .tw-body{margin:5px 0px 3px 0px;width:auto;padding:15px 0px 0px 0px;} #tw .tw-body .tw-wenzi .post1{float:left;font-size:1em;padding:0px;line-height:28px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,sans-serif;color:#444;} #tw .tw-body .tw-wenzi .post1:hover{color:#9B4E84;-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;} #tw .tw-body .tw-wenzi .post1 span{height:25px;color:#4D988C;/* font-weight:bold; */font-family:\5FAE\8F6F\96C5\9ED1;font-size: 1.6em;} #tw .tw-body .tw-wenzi .bttome{margin:-18px 0;vertical-align:middle} #tw .tw-body .tw-wenzi .bttome .time{float:left;line-height:22px;margin:0;} #tw .tw-body .tw-wenzi .bttome .post{float:right;font-size:12px;line-height:14px;margin:0;} #tw .time{font-size:12px;color:#B36D70;} #tw .tw-body .r123{/* margin-top:16px;*//* color:#666666;*//* border:0;*//* padding:0px;*/} #tw .tw-body .r123 li{padding:6px 0px 6px 0px;margin:0px 0px 10px 0px;height:auto;line-height:1.5;border-bottom:#4DA417 1px dashed;width:100%;text-align:left;background:rgba(244,238,241,0.75);} #tw .tw-body .r123 li:hover{background:rgba(244,238,241,0.43);border-bottom:#ED1212 1px dashed;} #tw .tw-body .r123 .num{font-size:16px;font-weight:bold;color:#0079b7;padding:0px 5px;float:left;width:20px;} #tw .tw-body .r123 .time{padding:0px 5px;} #tw .tw-body .r123 .name{padding:0px 0px 0px 0px;color:#4D988C;} #tw .tw-body .r123 em a{font-style:normal;} #tw .tw-body .huifu{margin-top:20px;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center;display:none;width:auto;} #tw .tw-body .huifu textarea{width:91.5%;margin:10px auto;background-color:#F6F5F4;border:#C1B7A9 solid 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;overflow:auto;} #tw .tw-body .huifu textarea:hover{background:#FAF2FA;border:1px solid #FF8B8B;} #tw .tw-body .huifu input{margin:0px 5px;} #tw .tw-body .huifu div{padding:0px 5px;text-align:center} #tw .tw-body .huifu .text{width:60px;} #tw .tw-body .button_p{background:url(images/weibe_button.gif) no-repeat;border:0;cursor:pointer;_cursor:hand;width:63px;height:25px;} #tw .tbutton{font-size:12px;float:none;margin-bottom:10px;line-height:35px;} #tw .tbutton input{width:90px;border:#C1B7A9 solid 1px;} #tw .tbutton .button_p{background:url(images/weibe_button.gif) no-repeat;border:0;cursor:pointer;_cursor:hand;width:60px;height:25px;} #tw .tbutton .tinfo{float:left;} #tw .msg{clear:both} #tw li{list-style:none;} #tw .tw-body .huifu input{background-color:#F6F6F1;} .img-yzm{position:relative;left:0px;top:6px;} #tw .tw-body .tw-wenzi ul{} #tw .tw-body .tw-wenzi ul li{font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,sans-serif;line-height:24px;color:##554D41;padding-left:10px;} #tw .top{width:650px;} #tw .tw-body .r li{width:auto;} #tw .tw-body .tw-wenzi .bttome .post{font-size:12px;height:35px;line-height:35px;margin:0;text-align:right;float:none;clear:both;width:96%;background:0;border:0;} #tw .tw-body .tw-wenzi .bttome .time{float:none;margin-top:-28px;} #tw p .t_img{background:url(images/img.gif) no-repeat;padding:0 7px;margin:0 0 0 10px;} #tw a:hover{-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;} /#tubiao{float:right;padding:0px 15px 10px 0px;} #banquan{overflow:hidden;padding:0;width:100%;height:auto;border:1px dashed #9eaf9d;line-height:30px;margin-top: 10px;} #banquan img{border-radius:0px} .tupian{float:left;padding:0;height:auto;width:auto;margin:8px 0px 0px 8px;} .xinxi{margin:8px 6px 0px 116px;padding:0px;height:auto;line-height:33px;width:auto;font-size:0.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} #banquan:hover{border:1px dashed #868686;background-color:rgba(245,241,240,0.19);} #banquan .zuozhe{color:#B6629E;} #banquan .biaoti2{color:#B3686E;} #banquan .blog_url{color:#518553;} #banquan .blog_name{color:#B14F4F;} .tingliu2{color:#7C4500;} .tingliu3{color:#C03131;} .tingliu4{position:relative;left:0px;top:3px;} .tingliu5{position:relative;left:0px;top:5px;} .juanzhu{width:100%;height:auto;margin:40px 0;} .juanzhu2{background:url(images/xin.png) 0px 3px no-repeat;height:auto;line-height:24px;margin:30px 0px 0px 0px;padding:0px 0px 0px 20px;font-size:0.875em;} .juanzhu2 a{color:#E06969;} .fenxiang{width:auto;height:20px;margin:30px auto;text-align:center;} .fenxiang2{width:auto;height:15px;margin:18px auto;} .xiantiao{margin:0px 0px 20px 0px;} .xiantiao2{margin:10px 0px 18px 0px;} .biaoti{margin:35px 0px 20px 0px;text-align:center;line-height:1.5;font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color:#3F4452;} .shouye{font-size:12px;text-align:center;} .gxq{margin:20px 0;padding:0 0 10px 15px;border:1px dashed #868686;/*background-color:#f4f1ef*/} .gxq:hover{border:1px dashed #868686;background-color:rgba(245,241,240,0.2);} .gxq .bti{height:48px;border-bottom:1px dashed #868686;font-weight:bold;font-size:16px;line-height:48px} .bti a{color:#868686} .gxq .bti img{position:relative;top:4px;left:0;width:22px} .gxq ul{overflow:hidden;margin:10px 0;padding:0} .gxq li{float:left;overflow:hidden;width:50%;height:28px;white-space:nowrap;font-size:14px;line-height:28px} .gxq li a{width:92%;color:#594d3a;text-overflow:ellipsis;white-space:nowrap;font-family:"Microsoft YaHei","微软雅黑","Trebuchet MS",Arial,Verdana,Tahoma,sans-serif;} .gxq li a:hover{color:#0c0;text-decoration:none;-webkit-transition:all .25s ease-in 0s;-moz-transition:all .25s ease-in 0s;transition:all .25s ease-in 0s} .juzhong{margin:0 auto;} .pauthor,.pauthor2,.ptime,.pcata,.pcomm,.pview,.home,.zihao,.zhengwen,.biaoqian,.bianji,.pcata2,.plun,.fenlei2{background:url(images/photo.png) no-repeat;margin-right:0;padding-left:18px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} .pauthor{background-position:-168px -1px;} .pauthor2{background-position:-95px -122px;} .ptime{background-position:-48px -25px;} .pcata{background-position:-264px -1px;} .pcomm{background-position:-240px -120px} .pview{background-position:-70px -120px;} .home{background-position:0px -25px;} .zhengwen{background-position:-263px -21px;} .biaoqian{background-position:1px -46px;} .bianji{background-position:-96px -73px;} .pcata2{background-position:-215px 3px;} .plun{background-position:-239px -121px;} .fenlei2{background-position:-238px 3px;} .clear,#gaodu1{clear:both;} #gaodu2{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px;} #sidebar{float:right;padding:0px 0px 15px 0px;width:276px;/* border:1px solid #FFFFFF;*/border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 3px 10px rgba(34,25,25,0.4);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 10px rgba(34,25,25,0.4);font:12px/18px Verdana,Arial,Helvetica,sans-serif;} #sidebar ul{list-style-type:none;margin:0px;padding:0px;line-height:25px;} #sidebar li{list-style-type:none;padding:0px;} .button,#contentleftt #tag a:hover,#sidebar .search:hover,.gxq,#contentleftt .comment .comment-content,#yqlj_link,#banquan,#biankuang6,#biankuang7,#rili_biankuang,#zhanzhang_biankuang,#weiyu_biankuang,#fenlei_biankuang,#cundang_biankuang,#pinglun_wenzi,#pinglun_wenzi li,#guanggao2 .div1 li{-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;} #zhanzhang{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #zhanzhang_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(108,200,81,0.72);} #zhanzhang_biaoti span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #zidingyi{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #zidingyi span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #zhanzhang_biankuang{width:260px;height:auto;margin:0 auto;padding:0px;border:1px solid #C1B7A9;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;background:rgba(244,238,241,0.43);text-align:left;} #zhanzhang_biankuang:hover{border:1px dashed #C1B7A9;/* background:#EBEBEB;*/} #zhanzhang_img{margin:10px 0px 10px 6px;padding:0;width:80px;height:auto;float:left;} #zhanzhang_wenzi{float:right;margin:10px 6px 10px 0px;padding:0px 0px 0px 0px;width:59%;height:auto;line-height:20px;} #qq{margin:0 auto;text-align:center;} #zuixinwenzhang{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #zuixin_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(109,101,207,0.72);} #zuixin_biaoti span{height:45px;font-size:16px;color:rgb(249,242,200);text-shadow:1px 1px 3px #1A1C04;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:45px;letter-spacing:3px;} #zuixin_biankuang{border:1px dashed #C1B7A9;/*background:#F3EAE7;*/margin:0 auto;padding:0px;width:256px;height:264px;text-align:left;overflow:hidden;*display:inline-block;} #zuixin_biankuang .wenzhang{padding:15px 0px 0px 11px;font-size:12px;width:230px;height:245px;overflow:hidden;*display:inline-block;} #zuixin_biankuang ul li{width:auto;margin:0;padding:0;line-height:26px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;} #sidebar em{font-style:normal;color:#FFFFFF;text-align:center;display:inline-block;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;font-weight:normal;text-shadow:0 0 0 #fff;} .hotone{background-color:#B487BE;} .hottwo{background-color:#758FBE;} .hotthree{background-color:#75B3B3;} .hotSoSo{background-color:#aaaaaa} #remenwenzhang{margin:0 auto;padding:0;width:276px;height:auto;text-align:center} #remen_biaoti{margin-top:20px;margin-right:auto;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(202,74,74,0.72);} #remen_biaoti span{height:45px;color:#f9f2c8;text-shadow:1px 1px 3px #1a1c04;letter-spacing:3px;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:45px} #remen_biankuang{overflow:hidden;margin-top:15px;padding:0;width:256px;height:264px;border: 1px solid rgba(193,183,169,0.21);border-radius:6px;text-align:left;display:inline-block;} #remen_biankuang:hover{border:1px dashed #c1b7a9;} #remen_biankuang .wenzhang{overflow:hidden;padding:15px 0 0 10px;width:230px;height:245px;font-size:12px;display:inline-block} #remen_biankuang ul li{position:relative;overflow:hidden;margin:0;padding:0 0 0 0px;width:auto;text-overflow:ellipsis;white-space:nowrap;line-height:26px;-o-text-overflow:ellipsis;font-family:"Microsoft YaHei","微软雅黑","Trebuchet MS",Arial,Verdana,Tahoma,sans-serif;} #suijiwenzhang{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #suiji_biaoti{ margin-top: 20px; margin-right: auto; margin-left: auto; padding: 0; width: 100%; height: 45px; background: rgba(202,74,74,0.72);} #suiji_biaoti span{height:45px;font-size:16px;color:rgb(249,242,200);text-shadow:1px 1px 3px #1A1C04;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:45px;letter-spacing:3px;} #suiji_biankuang{overflow: hidden; margin-top: 15px; padding: 0; width: 256px; height: 264px; border: 1px solid rgba(193,183,169,0.21); border-radius: 6px; text-align: left; display: inline-block;} #suiji_biankuang .wenzhang{padding:15px 0px 0px 15px;font-size:12px;width:230px;height:245px;overflow:hidden;*display:inline-block;} #suiji_biankuang ul li{/* background:transparent url("images/bullet.png") 0px 9px no-repeat; */width:auto;/* margin:0px 0px 0px 0px; *//* padding:0px 0px 0px 18px; */line-height: 26px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;} #jingxuanwenzhang{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #jingxuan_biaoti{background:url(images/biankuang1.gif) no-repeat;margin-top:20px;margin-left:auto;margin-right:auto;padding:0px;width:230px;height:45px;} #jingxuan_biaoti span{height:45px;font-size:16px;color:rgb(249,242,200);text-shadow:1px 1px 3px #1A1C04;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:45px;letter-spacing:3px;} #jingxuan_biankuang{background:url(images/biankuang5.gif) no-repeat;margin:0 auto;padding:0px;width:256px;height:264px;text-align:left;overflow:hidden;*display:inline-block;} #jingxuan_biankuang .wenzhang{padding:15px 0px 0px 15px;font-size:12px;width:230px;height:245px;overflow:hidden;*display:inline-block;} #jingxuan_biankuang ul li{background:transparent url("images/bullet.png") 0px 9px no-repeat;width:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 18px;line-height:26px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;} #pinglun{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #pinglun_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(207,145,101,0.72);} #pinglun_biaoti span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #pinglun_wenzi{padding:8px 5px 8px 5px;margin:0 auto;width:254px;height:auto;border:1px solid #C9C4D3;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;text-align:left;} #pinglun_wenzi:hover{border:1px dashed #C1B7A9;/*background:#F6F3F6;*/} #pinglun_wenzi li{border-bottom:1px dashed #C1B7A9;padding:6px 0px 4px 0px;} #pinglun_wenzi li:hover{} #pinglun_wenzi li img{position:relative;left:0px;top:5px;width:30px;border-radius:50%;} #weiyu{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #weiyu_biaoti{margin-top: 20px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding: 0; width: 100%; height: 45px; background: rgba(207,145,101,0.72);} #weiyu_biaoti span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #weiyu_biankuang{padding:10px 6px 0px 6px;height:auto;border: 0.5px solid #C1B7A9;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;/* background:#F5F1F0; */font-size:13px;width:254px;margin:0 auto;text-align:left;} #weiyu_biankuang:hover{border:1px dashed #C1B7A9;} #twitter li{border-bottom:dotted #CCCCCC 1px;list-style:none; */position: relative;overflow: hidden;/* margin: 0; *//* padding: 0 0 0 0px; */width: auto;text-overflow: ellipsis;white-space: nowrap;} #twitter li p{font-size:10px;padding-left:68px;text-align:right;padding:5px 0px 2px;} #twitter p{font-size:12px;text-align:right;} #twitter li small{font-size:10px;padding:0px 10px;} #twitter li .t_img{background:url(images/img.gif) no-repeat;padding:0 7px;margin:0 0 0 10px;} #biaoqian{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #biaoqian_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(109,207,101,0.72);} #biaoqian_biaoti span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:5px;} #biaoqian_biankuang{padding:10px 6px 8px 6px;height:auto;border:1px solid #C1B7A9;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;font-size:12px;line-height:30px;width:254px;margin:0 auto;text-align:left;} #biaoqian_biankuang:hover{border:1px dashed #C1B7A9;/*background:#F3EAE7;*/-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;} .tagcloud{padding:2px 0!important} .tagcloud a{color:#fff;padding:3px;font-size:14px!important;white-space:nowrap;margin-right:-1px} .tagcloud a[class$="0"],.author_info .au_links a.c1{background-color:#4a4a4a} .tagcloud a[class$="1"],.author_info .au_links a.c2{background-color:#428bca} .tagcloud a[class$="2"],.author_info .au_links a.c3{background-color:#5cb85c} .tagcloud a[class$="3"],.author_info .au_links a.c4{background-color:#d9534f} .tagcloud a[class$="4"],.author_info .au_links a.c5{background-color:#567e95} .tagcloud a[class$="5"],.author_info .au_links a.c6{background-color:#9A45BD;} .tagcloud a[class$="6"]{background-color:#00aba9} .tagcloud a[class$="7"]{background-color:#D8BE4F;} .tagcloud a[class$="8"]{background-color:#f60} .tagcloud a[class$="9"]{background-color:#459DBD;} #zidingyi{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #zidingyi h3{text-align:left;padding:0px 0px 12px 8px;} #biankuang2{background:url(images/biankuang2.gif) no-repeat;margin-top:20px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0px;text-align:center;width:230px;height:45px;} #biankuang2 span{padding:0px 0px 0px 0px;height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #biankuang3{background:url(images/biankuang3.gif) no-repeat;margin-top:20px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0px;width:230px;height:45px;} #biankuang3 span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #biankuang4{background:url(images/biankuang4.gif) no-repeat;margin-top:20px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0px;width:230px;height:45px;} #biankuang4 span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #biankuang6{padding:8px 5px 5px 8px;width:252px;margin:0 auto;height:auto;border:1px solid #C1B7A9;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;background:#F4EEF1;text-align:left;} #biankuang6:hover{border:1px dashed #C1B7A9;background:#E5F1EE;} #biankuang6 li{float:left;width:49%;} #biankuang7{padding:7px 2px 8px 8px;width:252px;margin:0 auto;height:auto;border:1px solid #C1B7A9;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;background:#E5F1EE;text-align:left;} #biankuang7:hover{border:1px dashed #C1B7A9;background:#F3EAE7;} #biankuang7 a{float:left;width:49%;} #weixin{background:url(images/pinglun.gif) no-repeat;margin-top:20px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0px;width:230px;height:45px;} #weixin span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #guanggao1{background:url(images/cundang.gif) no-repeat;margin-top:20px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0px;width:230px;height:45px;} #guanggao1 span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #guanggao2{float:left;position:relative;width:276px;margin-top:30px;} .div1{width:276px;margin-top:1px;margin-left:auto;margin-right:auto;text-align:center;padding:0px;overflow:hidden;} .div2{position:fixed;_position:absolute;top:5px;z-index:250;} .div1 li{width:276px;height:30px;line-height:30px;margin:6px 0px 6px 0px;white-space:nowrap;-o-text-overflow:ellipsis;overflow:hidden;} .div1 li:hover{background:#C94F7A;} .div1 li a{padding:0px 5px 0px 5px;color:#414141;} .div1 li a:hover{color:#fff;} .wzgg1{background:#E7CDB1;} .wzgg2{background:#B77599;} .wzgg3{background:#CBBCD5;} .wzgg4{background:#D1CEB2;} #sousuo2{margin-top:10px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0;width:100%;height:auto;text-align:center;} #sousuo2 input{outline:0} #sousuo2 input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;font-family:inherit;font-size:14px} #sousuo2 input::-webkit-search-decoration,input::-webkit-search-cancel-button{display:none} #sousuo2 input[type=search]{background:#edeee7 url(images/search-icon.png) no-repeat 9px center;border:solid 1px #a6a08c;padding:5px 10px 5px 36px;width:150px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s} #sousuo2 input[type=search]:focus{width:70%;background-color:#e9ede6;border-color:#0c7;-webkit-box-shadow:0 0 5px rgba(109,207,246,.5);-moz-box-shadow:0 0 5px rgba(109,207,246,.5);box-shadow:0 0 5px rgba(109,207,246,.5)} #sousuo{margin-top:20px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0;text-align:center} #sousuo h3{text-align:left;padding:0 0 12px 8px} #sidebar .search{background:url("images/search.png") no-repeat scroll 5px 6px transparent;border:1px solid #979797;border-radius:3px 3px 3px 3px;font-size:14px;color:#977474;height:30px;line-height:30px;padding:0 10px 0 28px;width:58%} #sidebar .search:hover,#sidebar .search:active{background-image:url(images/search.png),url(images/qbl1.gif);background-repeat:no-repeat,no-repeat;background-position:5px 6px,center right;color:#6f906f;border:1px solid #4cd900} #sidebar .search{} .button{position:relative;display:inline-block;margin:0;width:54px;font-size:15px;font-family:\5FAE\8F6F\96C5\9ED1;height:34px;font-weight:bold;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.9);white-space:nowrap;background-color:#eaeaea;background-image:-moz-linear-gradient(#fafafa,#eaeaea);background-image:-webkit-linear-gradient(#fafafa,#eaeaea);background-image:linear-gradient(#fafafa,#eaeaea);background-repeat:repeat-x;border-radius:4px;border:1px solid #ddd;border-bottom-color:#c5c5c5;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none} .button:hover,.button:active{color:#c33;background-position:0 -15px;border-color:#ccc #ccc #b5b5b5} .button:active{background-color:#dadada;border-color:#b5b5b5;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.15)} #hongsezi{color:#D9271C;} #hongsezi:hover{color:#FFFF66;} #gxsj{color:#BF1967;} #gxsj:hover{color:#FFFF66;} #yqlj{width:276px;height:auto;margin:0 auto;padding:0;text-align:center;} #yqlj_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(207,101,148,0.72);} #yqlj_biaoti span{height:45px;font-size:16px;text-shadow:1px 1px 3px #000000;color:#FFFFFF;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px;letter-spacing:3px;} #yqlj_link{padding:8px 0px 8px 6px;margin:0 auto;width:254px;height:auto;border:1px solid #CDC2B3;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;/* background:#E5F1EE;*/text-align:left;} #yqlj_link:hover{border:1px dashed #C1B7A9;/*background:#F3EAE7;*/} #yqlj_link li{float:left;width:48%;margin:0px 0px 0px 0px;padding:0px 0px 0px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #shangxiapian{width:100%;height:44px;text-align:left;/* margin-top:50px;*/font-size:14px;overflow:hidden;} #sxpbk1{float:left;/* width:50%; *//* height:auto; *//* line-height:34px; *//* margin:0px; *//* padding:0px; */} #sxpbk2{float: right;/* width:50%; */height:auto;/* line-height:34px; *//* margin:0px; *//* padding:0px; */} #wzlj1{/* float:right; *//* padding-right:15px; */height:34px;white-space:nowrap;/* overflow:hidden; */-o-text-overflow:ellipsis;text-overflow:ellipsis;} #wzlj2{/* float:left; *//* text-align: left; *//* height:34px; *//* padding-left:15px; */white-space:nowrap;/* overflow:hidden; */-o-text-overflow:ellipsis;text-overflow:ellipsis;} #shangxiapian2{width:100%;height:34px;line-height:37px;text-align:left;margin-top:50px;} #shangxiapian2 span{float:right;} #shangxiapian_2{width:100%;height:auto;margin-top:30px;padding:0px;} *html{background-image:url(about:blank);background-attachment:fixed;} #shangxia{position:fixed;top:70%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:10px;} #shang,#comt,#xia{background:url(images/huadong.png) no-repeat;height:70px;width:50px;margin:10px 0 0;} #comt{background-position:left -67px;height:45px;} #xia{background-position:left -111px;height:70px;} #shang:hover{background-position:right 0;} #comt:hover{background-position:right -67px;} #xia:hover{background-position:right -111px;} #top2{position:relative;left:0px;top:6px;float:right;} .readmore{display:none;} .bg-fixed{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-9999;background:url(/content/templates/iitboy/images/bg-fixed.png) repeat;} #biankuang2{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:230px;height:45px;text-align:center} #biankuang2 span{padding:0;height:45px;color:#fff;text-shadow:1px 1px 3px #000;letter-spacing:3px;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px} #biankuang4{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:230px;height:45px;} #biankuang4 span{height:45px;color:#fff;text-shadow:1px 1px 3px #000;letter-spacing:3px;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px} #biankuang6{margin:0 auto;padding:8px 5px 5px 8px;width:252px;height:auto;/*border:1px solid #c1b7a9;*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#f4eef1;text-align:left} #biankuang6:hover{border:1px dashed #c1b7a9;background:#e5f1ee} #biankuang6 li{float:left;width:49%} #biankuang7{margin:0 auto;padding:7px 2px 8px 8px;width:252px;height:auto;/*border:1px solid #c1b7a9;*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#e5f1ee;text-align:left} #biankuang7:hover{border:1px dashed #c1b7a9;background:#f3eae7} #biankuang7 a{float:left;width:49%} #weixin{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:230px;height:45px;/*background:url(images/pinglun.gif) no-repeat*/} #weixin span{height:45px;color:#fff;text-shadow:1px 1px 3px #000;letter-spacing:3px;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px} #rili{margin:0 auto;padding:0;width:276px;height:auto;text-align:center} #rili_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(50,162,172,0.72);} #rili_biaoti span{height:45px;color:#fff;text-shadow:1px 1px 3px #000;letter-spacing:5px;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px} #rili_biankuang{margin:0 auto;padding:7px 0 7px 0;width:260px;height:182px;border:1px solid rgba(193,183,169,0.21);border-radius:6px;background:rgba(245,241,240,0);} #rili_biankuang:hover{border:1px dashed #c1b7a9;} .calendartop{margin-left:66px;text-align:center;font-size:14px} .calendar{margin-top:7px;margin-bottom:10px;width:100%} .calendar td{padding:1px 5px;text-align:center;font-size:12px;line-height:2} .calendar td a:link{color:#d86565;text-decoration:none} .calendar td a:hover{color:#886353;text-decoration:none} .day{background:rgba(108,200,81,0.72);} .day2{font-weight:bold} #fenlei{margin:0 auto;padding:0;width:276px;height:auto;text-align:center} #fenlei_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(207,145,101,0.72);} #fenlei_biaoti span{height:45px;color:#fff;text-shadow:1px 1px 3px #000;letter-spacing:5px;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px} #fenlei_biankuang{margin:0 auto;padding:8px 0 8px 6px;width:254px;height:auto;border:1px solid rgba(193,183,169,0.21);border-radius:6px;background:rgba(245,241,240,0);text-align:left} #fenlei_biankuang:hover{border:1px dashed #c1b7a9;/*background:#ece9e6*/} #fenlei_biankuang li{float:left;width:50%;font-family:"Microsoft YaHei","微软雅黑","Trebuchet MS",Arial,Verdana,Tahoma,sans-serif;} #cundang{margin:0 auto;padding:0;width:276px;height:auto;text-align:center} #cundang_biaoti{margin-top:20px;margin-right:auto;margin-bottom:15px;margin-left:auto;padding:0;width:100%;height:45px;background:rgba(120,175,192,0.8);} #cundang_biaoti span{height:45px;color:#fff;text-shadow:1px 1px 3px #000;letter-spacing:5px;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;line-height:41px} #cundang_biankuang{margin:0 auto;padding:8px 8px 8px 8px;width:244px;height:auto;border:1px solid rgba(193,183,169,0.21);border-radius:6px;background:rgba(245,241,240,0);text-align:left} #cundang_biankuang:hover{border:1px dashed #c1b7a9;/*background:#f6f3f6*/} #cundang_biankuang li{float:left;width:50%;font-family:"Microsoft YaHei","微软雅黑","Trebuchet MS",Arial,Verdana,Tahoma,sans-serif;} .guidang h2{font-size:150%;} .guidang li a{padding:8px 0;display:block} .guidang li a:hover .atitle:after{background:#0c0} .guidang li a span{display:inline-block;width:100px;font-size:12px;text-indent:20px} .guidang li a .atitle{display:inline-block;padding:0 15px;position:relative;width:550px;white-space:nowrap;text-overflow:ellipsis;} .guidang li a .atitle:after{position:absolute;left:-2px;background:#ccc;height:8px;width:8px;border-radius:6px;top:8px;content:""} .guidang li a .atitle:before{position:absolute;left:-4px;background:#fff;height:12px;width:12px;border-radius:6px;top:6px;content:""} .guidang{margin:10px;position:relative;padding:10px 0} .guidang:before{height:100%;width:4px;background:#eee;position:absolute;left:100px;content:"";top:0} .guidang-tt{position:relative;margin:10px 0;cursor:pointer} .guidang-tt:hover:after{background:#ff5c43} .guidang-tt:before{position:absolute;left:93px;background:#fff;height:18px;width:18px;border-radius:6px;top:3px;content:""} .guidang-tt:after{position:absolute;left:96px;background:#ccc;height:12px;width:12px;border-radius:6px;top:6px;content:""} .new-label{position:relative;top:-2px;padding:3px 5px;background-color:#00c700;color:#fff;font-weight:normal;font-size:12px;} .new-arrow{position:relative;top:-3px;left:0;display:inline-block;margin-right:3px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid #00c700;} .hot-label{position:relative;top:-2px;padding:3px 5px;background-color:#ffba00;color:#fff;font-weight:normal;font-size:12px;} .hot-arrow{position:relative;top:-3px;left:0;display:inline-block;margin-right:3px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #ffba00;} .good-label{position:relative;top:-2px;padding:3px 5px;background-color:#0c0;color:#fff;font-weight:normal;font-size:12px;} .good-arrow{position:relative;top:-3px;left:0;display:inline-block;margin-right:3px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #0c0;} #ds-reset .ds-avatar img{border:1px solid #ddd;background:#fff;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;-ms-transition:.8s} .ds-post:hover .ds-avatar img{border-radius:30px!important;-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);transform:rotate(720deg);-ms-transform:rotate(720deg)} #ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current{border:0;background:#66D399;color:#FFF;text-shadow:none} #ds-reset .ds-avatar { box-shadow: 0 1px 1px rgba(255,255,255,0.75) !important; -webkit-border-radius: 3px !important;border-radius: 3px !important;background-color: rgba(248, 27, 27, 0) !important;float: left !important; } #ds-thread #ds-reset .ds-paginator a.ds-current{color:#224FDD;border:2px solid #0c0;} #ds-thread #ds-reset .ds-paginator a{font-size:12px;margin:0 3px;padding:2px 5px;border:1px solid rgba(0,0,0,0.33);} body{cursor:url(/content/templates/iitboy/images/default.cur),auto} a:hover{cursor:url(/content/templates/iitboy/images/link.cur),auto;} .r{width:160px;height:27px;} .cutline{margin:20px 0 0;width:100%;height:1px;border-top:1px #ccc dotted;text-align:center;} .cutline span{position:relative;top:-14px;padding:2px 4px;border:1px solid #d6d6d6;background-color:rgba(247,247,249,.5);color:#d14;font:12px Arial,Microsoft JhengHei} .r a{float:right;display:inline-block;margin:-2px -7px 0 0;padding:2px 5px;border:1px solid #ddd;text-decoration:none;font-size:12px;line-height:24px;} .r a:hover{border:1px solid #0c0;color:#0c0;left:0px;} .thumbnail1{width:260px;height:161px;overflow:hidden;margin:-8px 15px 8px 0;border:1px solid #ddd;border-collapse:collapse;border-radius:5px;float:left} .thumbnail_box img{padding:2px;background:#fff;width:254px;height:154px;border-collapse:collapse;border:1px solid #fff;border-radius:8px} .thumbnail1 img:hover{background-color:#fff;opacity:.6;transition-duration:.5s} .preview{line-height:25px;padding-top:15px;text-indent:2em} .post-list{position:relative;border-bottom:1px #ddd solid} .post-list:after{position:absolute;bottom:-1px;display:block;margin-left:-10px;width:190px;height:1px;background-color:#0c0;content:"";-webkit-transition:all .3s ease-in-out 0s;transition:all .5s ease-in-out 0s} .post-list:nth-child(2):after{background-color:#ff0688} .post-list:nth-child(3):after{background-color:gold} .post-list:nth-child(4):after{background-color:#39c} .post-list:nth-child(5):after{background-color:#8b008b} .post-list:nth-child(6):after{background-color:#0cf} .post-list:nth-child(7):after{background-color:red} .post-list:nth-child(8):after{background-color:#0c0} .post-list:nth-child(9):after{background-color:#f0f} .post-list:nth-child(10):after{background-color:#00f} .post-list:nth-child(11):after{background-color:#000} .post-list:nth-child(12):after{background-color:#ff8c00} .post-list:hover:after{width:875px} .tooltip{font-size:12px;font-family:\5b8b\4f53;line-height:1.5;position:absolute;padding:5px;z-index:100003;opacity:.8} .tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:6px dashed #0c0;top:0;left:20%;margin-left:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent} .tipsy-arrow-n{border-bottom-color:#0c0} .tipsy-inner{background-color:#0c0;color:#fff;max-width:200px;padding:5px 8px 4px;text-align:center;border-radius:3px} ::selection{background:#00c000;color:#fff;text-shadow:none} ::-webkit-scrollbar{width:10px;height:10px} #loginFrm::-webkit-scrollbar{width:15px;height:10px} ::-webkit-scrollbar-button{display:none} ::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:-webkit-gradient(linear,left);width:10px;height:10px} ::-webkit-scrollbar-thumb{border-width:0 3px;border-style:solid;border-color:#0c0;background:#0c0} ::-webkit-scrollbar-thumb:horizontal{border-width:0 3px;border-style:solid;border-color:#0c0;background:#0c0} ::-webkit-scrollbar-thumb:hover{background:#0c0} ::-webkit-scrollbar-thumb:active{background:#0c0} /* 滚动条结束 *//*多说UA开始 多说效果 一定要本地话先*/span.ua{margin:0 1px!important;color:#FFF!important} .ua_other.os_other{background-color:#ccc!important;color:#fff;border:1px solid #BBB!important;border-radius:4px} .ua_ie,.user_admin{border-color:#357ebd!important} .ua_firefox,.ua_ie,.ua_maxthon,.ua_ucweb,.user_admin{border-radius:4px;padding:0 5px!important} .ua_ie{background-color:#428bca!important} .user_admin{background-color:#F69EE5!important;color:#FFF!important} .ua_firefox{background-color:#FACD8D!important;border-color:#eea236!important} .ua_maxthon{background-color:#7373B9!important;border-color:#7373B9!important} .ua_ucweb{background-color:#FF740F!important;border-color:#d43f3a!important} .ua_2345chrome,.ua_2345explorer,.ua_apple,.ua_chrome,.ua_lbbrowser,.ua_mi,.ua_qq,.ua_sogou{border-radius:4px;padding:0 5px!important;border-color:#4cae4c!important} .ua_sogou{background-color:#78ACE9!important} .ua_2345chrome,.ua_2345explorer{background-color:#9BC6E7!important} .ua_mi{background-color:#FF4A00!important} .ua_lbbrowser{background-color:#FC9D2E!important} .ua_chrome{background-color:#F0998F!important} .ua_qq{background-color:#76B9D6!important} .ua_apple{background-color:#E95620!important} .ua_opera{background-color:#d9534f!important;border-color:#d43f3a!important;border-radius:4px;padding:0 5px!important} .os_2000,.os_7,.os_8,.os_8_1,.os_vista,.os_windows,.os_xp{background-color:#98B4BD!important;border-color:#46b8da!important;border-radius:4px;padding:0 5px!important} .os_android,.os_ubuntu{border-color:#01B171!important;border-radius:4px;padding:0 5px!important} .os_android{background-color:#98C13D!important} .os_ubuntu{background-color:#DD4814!important} .os_linux,.os_mac,.os_nokia,.os_unix{border-color:#1F1F1F!important;border-radius:4px;padding:0 5px!important} .os_linux{background-color:#3A3A3A!important} .os_mac{background-color:#666!important} .os_unix{background-color:#060!important} .os_nokia{background-color:#014485!important} /*----------------------------自定义end~~~~~~~~~~~~~~www.iitboy.cn~*/.fa-dot-circle-o:before{padding:0px 3px 0px 0px;} .fa-fw{width:1.2857142857142858em;text-align:center;margin-right:2px;color:#ff742b;} .fa-folder-o:before{content:"\f114";color:#260EDA;} #tock a{color:#FFFFFF;} #tock a:hover{color:#0c0;text-decoration:none;position:relative;} .jp-play-bar{background:rgba(0,238,0,0.51);} .musicheader a{color:#fff;display:none;} .rkdic{text-align:center;margin:20px 0;} .loading{height:100%;width:100%;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(90,90,90,.5)} .loading2{position:absolute;top:50%;left:50%;z-index:1000;margin:-46px 0 0 -46px;width:92px;height:92px} .loading .block{width:40px;height:40px;position:absolute;top:5;left:0} .loading .block:nth-child(1){top:0;left:0;right:auto;bottom:auto;-webkit-animation:top-left 1s infinite;background-color:#00aacf} .loading .block:nth-child(2){top:0;left:50px;right:auto;bottom:auto;-webkit-animation:top-right 1s infinite;background-color:#f6c574} .loading .block:nth-child(3){top:50px;left:0;right:auto;bottom:auto;-webkit-animation:bottom-left 1s infinite;background-color:#fc5652} .loading .block:nth-child(4){top:50px;left:50px;right:auto;bottom:auto;-webkit-animation:bottom-right 1s infinite;background-color:#00b3a0} @-webkit-keyframes top-left{0%{left:0;top:0} 25%{left:50px;top:0;-webkit-transform:rotate(90deg)} 50%{left:50px;top:50px;-webkit-transform:rotate(180deg)} 75%{left:0;top:50px;-webkit-transform:rotate(270deg)} 100%{left:0;top:0;-webkit-transform:rotate(360deg)}} @-webkit-keyframes top-right{0%{left:50px;top:0} 25%{left:50px;top:50px} 50%{left:0;top:50px} 75%{left:0;top:0} 100%{left:50px;top:0}} @-webkit-keyframes bottom-left{0%{left:50px;top:50px} 25%{left:0;top:50px;-webkit-transform:rotate(90deg)} 50%{left:0;top:0;-webkit-transform:rotate(180deg)} 75%{left:50px;top:0;-webkit-transform:rotate(270deg)} 100%{left:50px;top:50px;-webkit-transform:rotate(360deg)}} @-webkit-keyframes bottom-right{0%{left:0;top:50px} 25%{left:0;top:0} 50%{left:50px;top:0} 75%{left:50px;top:50px} 100%{left:0;top:50px}} @-moz-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-moz-transform:rotate(160deg);} 50%{opacity:1;-moz-transform:rotate(145deg);} 100%{opacity:0;-moz-transform:rotate(-320deg);}} @-moz-keyframes spinoffPulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(360deg);}} @-webkit-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-webkit-transform:rotate(160deg);} 50%{opacity:1;-webkit-transform:rotate(145deg);} 100%{opacity:0;-webkit-transform:rotate(-320deg);}} @-webkit-keyframes spinoffPulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);}} @-o-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-o-transform:rotate(160deg);} 50%{opacity:1;-o-transform:rotate(145deg);} 100%{opacity:0;-o-transform:rotate(-320deg);}} @-o-keyframes spinoffPulse{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(360deg);}} @-ms-keyframes spinPulse{0%{box-shadow:0 0 1px #505050;opacity:0;-ms-transform:rotate(160deg);} 50%{opacity:1;-ms-transform:rotate(145deg);} 100%{opacity:0;-ms-transform:rotate(-320deg);}} @-ms-keyframes spinoffPulse{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(360deg);}} .loading, .loading2{display:none} #wzlj1 a ,#wzlj2 a{position: relative;display: inline-block;overflow: hidden;padding: 10px 15px;border: 1px solid #eee;background: rgba(247,247,249,.5);color: #000;font-size: 12px;line-height: 1em;} #wzlj1 a:active,#wzlj2 a:active{-webkit-transform:scale(.95);transform:scale(.95)} #wzlj1 a:hover,#wzlj2 a:hover{color:#0c0;text-decoration:none;position:relative;left:1px;auto;} #blogtags a:before,#bloggerinfo a:before,.post-tags a:before{position:absolute;top:0;left:-8px;width:0;height:0;border-top:10px solid transparent;border-right: 8px solid rgba(0,137,250,0.7);border-bottom:10px solid transparent;content:"";} #blogtags a:nth-child(6n+1):before,#bloggerinfo a:nth-child(6n+1):before,.post-tags a:nth-child(6n+1):before{border-right-color: rgba(255,0,43,0.7);} #blogtags a:nth-child(6n+2):before,#bloggerinfo a:nth-child(6n+2):before,.post-tags a:nth-child(6n+2):before{border-right-color: rgba(255,169,0,0.7);} #blogtags a:nth-child(6n+3):before,#bloggerinfo a:nth-child(6n+3):before,.post-tags a:nth-child(6n+3):before{border-right-color: rgba(0,167,83,0.7);} #blogtags a:nth-child(6n+4):before,#bloggerinfo a:nth-child(6n+4):before,.post-tags a:nth-child(6n+4):before{border-right-color: rgba(180,51,255,0.7);} #blogtags a:nth-child(6n+5):before,#bloggerinfo a:nth-child(6n+5):before,.post-tags a:nth-child(6n+5):before{border-right-color: rgba(179,115,51,0.7);} #blogtags a:after,#bloggerinfo a:after,.post-tags a:after{position:absolute;top:8px;left:-2px;width:4px;height:4px;border-radius:50%;background-color:#fff;content:"";} #blogtags a,#bloggerinfo a,.post-tags a{position:relative;display:inline-block;margin:4px 5px 0 8px;padding:3px 7px;background-color: rgba(0,137,250,0.7);color:#fff!important;font-size:11px;line-height:14px;-webkit-text-size-adjust:none;} #blogtags a:nth-child(6n+1),#bloggerinfo a:nth-child(6n+1),.post-tags a:nth-child(6n+1){background-color: rgba(255,0,43,0.7);} #blogtags a:nth-child(6n+2),#bloggerinfo a:nth-child(6n+2),.post-tags a:nth-child(6n+2){background-color: rgba(255,169,0,0.7);} #blogtags a:nth-child(6n+3),#bloggerinfo a:nth-child(6n+3),.post-tags a:nth-child(6n+3){background-color: rgba(0,167,83,0.7);} #blogtags a:nth-child(6n+4),#bloggerinfo a:nth-child(6n+4),.post-tags a:nth-child(6n+4){background-color: rgba(180,51,255,0.7);} #blogtags a:nth-child(6n+5),#bloggerinfo a:nth-child(6n+5),.post-tags a:nth-child(6n+5){background-color: rgba(179,115,51,0.7);} #blogtags a:hover,#bloggerinfo a:hover,.post-tags a:hover{background-color: rgba(0,0,0,0.7);} #blogtags a:hover:before,#bloggerinfo a:hover:before,.post-tags a:hover:before{border-right-color: rgba(0,0,0,0.7);} .post-tags,#tags{text-shadow: none;} .prettyprint{margin:15px auto;padding:0 15px;border:1px solid #d6d6d6;border-radius: 8px;background: #333 url(images/prebg.png) repeat;opacity: 0.8;color:#000;white-space:pre-wrap;word-wrap:break-word;letter-spacing:0;font:12px/20px Arial,Microsoft JhengHei;line-height:19px;border-left-width:4px;} /* ============================================================ 现代版样式覆盖层 在 main.css 之后加载，只覆盖布局 / 排版 / 组件外观， 不改动模板 DOM 结构。 ============================================================ */ /* ---------- 全局 ---------- */ :root { --c-bg: #f5f7fa; --c-surface: rgba(255, 255, 255, .66); --c-border: #e6e9ef; --c-text: #1f2937; --c-text-2: #6b7280; --c-primary: #2563eb; --c-primary-weak: #eff6ff; --radius-lg: 16px; --radius-md: 10px; --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05); --shadow-md: 0 4px 16px rgba(16, 24, 40, .06); --container: 1400px; --article-max: 1080px; --sidebar-w: 320px; --gap: 28px; } html { -webkit-text-size-adjust: 100%; } body { background: var(--c-bg) !important; color: var(--c-text) !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; line-height: 1.7; min-height: 100vh; } /* 原背景图保留但压到极淡，当作纹理，不再干扰阅读 */ body::before { content: ""; position: fixed; inset: 0; z-index: -1; background: url(https://p1.music.126.net/qZEP60rTZe_clMPKb_CvFA==/109951168532515426.jpg) center / cover no-repeat; opacity: .08; pointer-events: none; } a { color: var(--c-primary) !important; transition: color .15s ease, background-color .15s ease; } a:hover { color: #1d4ed8 !important; left: 0 !important; } ::selection { background: #dbeafe; color: #1e3a8a; } /* ---------- 顶部：logo 区 ---------- */ #iitboy_logo { padding: 34px 16px 18px !important; line-height: 1.4 !important; text-align: center; } #iitboy_logo img { max-height: 92px; width: auto; } #tock { display: none !important; } #hjsbox, #sousuo2 { display: none !important; } /* ---------- 导航 ---------- */ #linkk { width: min(var(--container), 94vw) !important; margin: 0 auto !important; padding: 0 !important; float: none !important; } #menu { display: block !important; position: sticky !important; top: 0; z-index: 200; width: 100% !important; max-width: 100% !important; background: rgba(255, 255, 255, .88) !important; -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border: 1px solid var(--c-border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); margin-bottom: 20px !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; } #menu ul.bar { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2px; margin: 0; padding: 6px 10px; list-style: none; } #menu ul.bar > li.item { position: relative; list-style: none; margin: 0; padding: 0; } #menu ul.bar > li.item > a { display: block; padding: 9px 16px; border-radius: 8px; font-size: 15px; font-weight: 500; color: #374151 !important; white-space: nowrap; line-height: 1.4; } #menu ul.bar > li.item > a:hover { background: #f1f5f9; color: #111827 !important; } #menu ul.bar > li.item.current > a { color: var(--c-primary) !important; background: var(--c-primary-weak); font-weight: 600; } /* 下拉子菜单 */ #menu .sub-nav { position: absolute; display: block; /* 用 opacity/visibility 控制显隐，避免 hover 断档 */ top: 100%; left: 50%; transform: translateX(-50%) translateY(-4px); min-width: 168px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-md); box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transition: opacity .15s ease, transform .15s ease; z-index: 300; } /* 只有真正支持 hover 的设备才用悬停展开； 触屏（平板）只靠点击切换，否则 sticky hover 会导致关不掉 */ @media (hover: hover) and (pointer: fine) { #menu li.item:hover > .sub-nav { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } } #menu .sub-nav li { list-style: none; margin: 0; } #menu .sub-nav a { display: block; padding: 8px 12px; border-radius: 7px; font-size: 14px; color: #374151 !important; white-space: nowrap; } #menu .sub-nav a:hover { background: #f3f6f9; color: var(--c-primary) !important; } /* 手机端竖导航不再使用，统一用上面的横向导航 */ #menu2 { display: none !important; } /* 公告条（结构已由 module.php 重建为 .site-notice） */ .site-notice { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; padding: 10px 16px; background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); font-size: 14px; line-height: 1.6; } .site-notice-tag { flex: 0 0 auto; padding: 2px 9px; border-radius: 999px; background: var(--c-primary-weak); color: var(--c-primary); font-size: 12px; font-weight: 600; } .site-notice a { flex: 1 1 auto; min-width: 0; color: var(--c-text-2) !important; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .site-notice a:hover { color: var(--c-primary) !important; } /* 旧公告元素全部停用 */ #gonggao, #gonggao_bk { display: none !important; } /* ---------- 主体两栏 ---------- */ #content { display: grid !important; grid-template-columns: minmax(0, var(--article-max)) var(--sidebar-w); justify-content: center; gap: var(--gap); align-items: start; width: 100% !important; float: none !important; } #contentleftt, #sidebar { float: none !important; width: auto !important; margin: 0 !important; } #contentleftt { max-width: var(--article-max); background: var(--c-surface) !important; border: 1px solid var(--c-border) !important; border-radius: var(--radius-lg) !important; box-shadow: var(--shadow-sm); padding: 34px 40px 40px !important; box-sizing: border-box; } #sidebar { position: sticky; top: 76px; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: flex; flex-direction: column; gap: 16px; } /* 侧栏组件统一成卡片 */ #sidebar > div { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); padding: 14px 16px; overflow: hidden; } #sidebar > br { display: none !important; } /* 访问统计（count.getloli.com 小人计数器）需要显示 */ #sidebar > img { display: block !important; margin: 0 auto 14px !important; max-width: 100%; height: auto; } #sidebar [id$="_biaoti"] { text-align: left !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; padding: 0 0 10px !important; margin: 0 0 10px !important; border-bottom: 1px solid #f0f2f5; background: none !important; height: auto !important; line-height: 1.5 !important; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar ul li { list-style: none; padding: 5px 0; font-size: 14px; line-height: 1.6; } #sidebar ul li a { color: #4b5563 !important; } #sidebar ul li a:hover { color: var(--c-primary) !important; } #sidebar img { max-width: 100%; height: auto; } /* 侧栏标题内层 span：去掉旧主题的阴影/字间距/白字 */ #sidebar [id$="_biaoti"] span { display: inline !important; height: auto !important; color: #374151 !important; text-shadow: none !important; letter-spacing: 0 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; } #sidebar #zhanzhang { width: auto !important; text-align: left !important; } /* 清掉侧栏组件内部旧主题的嵌套边框 */ #sidebar #zhanzhang_biankuang, #sidebar #fenlei_biankuang, #sidebar #biaoqian_biankuang, #sidebar #cundang_biankuang, #sidebar #yqlj_biankuang, #sidebar #pinglun_biankuang, #sidebar #rili_biankuang, #sidebar #zuixin_biankuang, #sidebar #remen_biankuang, #sidebar #suiji_biankuang { border: 0 !important; background: none !important; padding: 0 !important; box-shadow: none !important; } /* ---------- 文章列表 ---------- */ article.post-list:after { display: none !important; } article.post-list { padding: 24px 0 !important; border-bottom: 1px solid #f0f2f5; } article.post-list:first-of-type { padding-top: 4px !important; } article.post-list:last-of-type { border-bottom: 0; } #content article.post-list h2 { margin: 0 0 10px !important; font-size: 21px !important; line-height: 1.45 !important; font-weight: 650 !important; color: var(--c-text) !important; white-space: normal !important; overflow: visible !important; } #content article.post-list h2 a { color: var(--c-text) !important; white-space: normal !important; overflow: visible !important; } #content article.post-list h2 a:hover { color: var(--c-primary) !important; } /* 列表项元信息行 */ #contentleftt .date3, #contentleftt .date4 { display: none !important; } #contentleftt .date1 { font-size: 13px !important; color: var(--c-text-2) !important; height: auto !important; line-height: 1.9 !important; margin: 0 0 10px !important; display: block; } #contentleftt .date1 a { color: var(--c-text-2) !important; } #contentleftt .date1 a:hover { color: var(--c-primary) !important; } /* 缩略图 */ #contentleftt .thumbnail_box, #contentleftt .thumbnail1 { float: right !important; margin: 0 0 10px 18px !important; } #contentleftt .thumbnail1 { float: none !important; margin: 0 !important; } #contentleftt .thumbnail1 img, #contentleftt .boder_round img { width: 176px !important; height: 118px !important; object-fit: cover; border-radius: var(--radius-md); border: 1px solid var(--c-border); display: block; } #contentleftt .boder_round { border-radius: var(--radius-md); overflow: hidden; } /* 列表摘要 */ article.post-list > p, article.post-list > div:not([class]) { color: #4b5563; font-size: 15px; line-height: 1.8; } /* “阅读全文” */ #contentleftt .r { margin-top: 12px; } #contentleftt .r a { display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--c-primary-weak); color: var(--c-primary) !important; font-size: 13.5px; font-weight: 500; } #contentleftt .r a:hover { background: #dbeafe; } /* 文章徽章 */ .new-label, .hot-label { display: inline-block; padding: 2px 7px; border-radius: 5px; font-size: 12px; font-weight: 500; line-height: 1.6; vertical-align: 2px; } .new-arrow, .hot-arrow { display: none !important; } /* 分隔线与占位 */ #contentleftt .line, #contentleftt #gaodu1 { display: none !important; } /* 分页 */ #pagemenui { margin: 26px 0 6px !important; text-align: center; font-size: 14px; line-height: 2; } #pagemenui a, #pagemenui span { display: inline-block; min-width: 34px; padding: 5px 11px; margin: 0 3px; border: 1px solid var(--c-border); border-radius: 8px; background: #fff; color: #4b5563 !important; text-decoration: none; } #pagemenui a:hover { border-color: #c7d2fe; background: var(--c-primary-weak); color: var(--c-primary) !important; } /* ---------- 文章页 ---------- */ #masked { background-image: none !important; -webkit-text-fill-color: currentColor !important; color: #111827 !important; animation: none !important; } #contentleftt .biaoti { text-align: left !important; font-size: 28px !important; line-height: 1.4 !important; font-weight: 700 !important; margin: 0 0 12px !important; color: var(--c-text) !important; } #contentleftt .date2 { font-size: 13px !important; color: var(--c-text-2) !important; height: auto !important; line-height: 2 !important; padding-bottom: 14px; border-bottom: 1px solid #f0f2f5; margin-bottom: 22px !important; display: block; } #contentleftt .date2 a { color: var(--c-text-2) !important; } #contentleftt .xiantiao { display: none !important; } #zoom { font-size: 16px; } #zoom blockquote { margin: 1.2em 0; padding: 12px 18px; background: #f8fafc; border: 0; border-left: 3px solid #cbd5e1; border-radius: 0 8px 8px 0; color: #475569; } /* 文章底部：标签 / 版权 / 下载 */ #contentleftt .post-tags { margin: 26px 0 0 !important; padding-top: 18px; border-top: 1px solid #f0f2f5; font-size: 13.5px; color: var(--c-text-2); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } #contentleftt .post-tags a { display: inline-block; padding: 4px 11px; border-radius: 999px; background: #f3f4f6; color: #4b5563 !important; font-size: 13px; } #contentleftt .post-tags a:hover { background: var(--c-primary-weak); color: var(--c-primary) !important; } /* 下载按钮统一外观 */ #contentleftt .md-source-download { margin: 22px 0 0 !important; text-align: left !important; } #contentleftt .md-source-download a { display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px !important; border: 1px solid var(--c-border) !important; border-radius: 999px !important; background: #fff !important; color: #374151 !important; font-size: 14px !important; box-shadow: var(--shadow-sm); } #contentleftt .md-source-download a:hover { border-color: #c7d2fe !important; color: var(--c-primary) !important; background: var(--c-primary-weak) !important; } /* 版权区（二维码/分享） */ #banquan { margin-top: 26px !important; padding: 18px !important; background: #fafbfc; border: 1px solid var(--c-border); border-radius: var(--radius-md); font-size: 13.5px; color: var(--c-text-2); } /* 评论区 */ #comment, .comment, #comments { margin-top: 28px; font-size: 15px; } /* ---------- 页脚 ---------- */ #footerbar-out { width: min(var(--container), 94vw) !important; margin: 28px auto 40px !important; clear: both; float: none !important; } #footerbar { width: auto !important; margin: 0 !important; padding: 18px 24px !important; background: var(--c-surface) !important; border: 1px solid var(--c-border) !important; border-radius: var(--radius-lg) !important; box-shadow: var(--shadow-sm) !important; font-size: 13px !important; line-height: 2 !important; color: var(--c-text-2) !important; text-align: center; } #footerbar a { color: #4b5563 !important; } #footerbar a:hover { color: var(--c-primary) !important; } /* 浮动按钮组 */ #shangxia { right: 22px !important; bottom: 90px; } /* 更多按钮/提示浮层 */ .tooltip .tipsy-inner { background: #111827; border-radius: 6px; font-size: 13px; } /* 隐藏旧主题的装饰元素，避免破坏现代感 */ #hjsbox, .hint--top::after, .hint--left::after { display: none !important; } /* ---------- 平板 ---------- */ @media screen and (max-width: 1100px) { :root { --sidebar-w: 280px; } #contentleftt { padding: 26px 24px 30px !important; } } /* ---------- 手机 ---------- */ @media screen and (max-width: 900px) { #content { grid-template-columns: minmax(0, 1fr) !important; gap: 18px; } #contentleftt { max-width: none; padding: 20px 16px 24px !important; border-radius: 12px !important; } #sidebar { position: static; top: auto; } #iitboy_logo { padding: 20px 12px 12px !important; } #iitboy_logo img { max-height: 64px; } /* 导航改成可横向滑动，不再整块隐藏 */ #menu { border-radius: 10px; margin-bottom: 14px !important; } #menu ul.bar { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 5px 8px; } #menu ul.bar::-webkit-scrollbar { display: none; } #menu::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 26px; border-radius: 0 10px 10px 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .95)); pointer-events: none; } #menu ul.bar > li.item > a { padding: 8px 12px; font-size: 14px; } #content article.post-list h2 { font-size: 18px !important; } #contentleftt .biaoti { font-size: 22px !important; } #zoom { font-size: 15px; } #contentleftt .thumbnail_box, #contentleftt .thumbnail1, #contentleftt .boder_round { float: none !important; margin: 0 0 12px !important; width: 100% !important; } #contentleftt .thumbnail1 img, #contentleftt .boder_round img { width: 100% !important; height: 160px !important; } #footerbar-out { margin: 18px auto 24px !important; } } /* ---------- 大屏 / 4K ---------- */ @media screen and (min-width: 1600px) { :root { --container: 1680px; --article-max: 1160px; --sidebar-w: 340px; --gap: 32px; } #zoom { font-size: 16.5px; } } @media screen and (min-width: 2200px) { :root { --container: 1800px; --article-max: 1240px; --sidebar-w: 360px; } #contentleftt { padding: 40px 48px 48px !important; } } /* 减少动画偏好 */ @media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; } } /* ============================================================ 文章增强组件：目录 / 灯箱 / 代码复制 / 阅读进度 ============================================================ */ /* 阅读进度条 */ .md-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #2563eb, #60a5fa); transform: scaleX(0); transform-origin: 0 50%; z-index: 9999; pointer-events: none; transition: transform .08s linear; } /* 文章目录 */ .article-toc { border: 1px solid var(--c-border); background: #fafbfc; border-radius: var(--radius-md); padding: 12px 16px; margin: 0 0 24px; font-size: 14px; } .article-toc > summary { cursor: pointer; font-weight: 600; color: #374151; list-style: none; user-select: none; outline: none; } .article-toc > summary::-webkit-details-marker { display: none; } .article-toc > summary::after { content: "▾"; float: right; color: #9aa4b2; transition: transform .2s; } .article-toc[open] > summary::after { transform: rotate(180deg); } .article-toc ol { margin: 10px 0 0; padding: 0; list-style: none; max-height: 42vh; overflow: auto; } .article-toc li { margin: 2px 0; } .article-toc li a { display: block; padding: 4px 10px; border-radius: 6px; border-left: 2px solid transparent; color: #4b5563 !important; font-size: 13.5px; line-height: 1.6; } .article-toc li.lv3 a { padding-left: 26px; font-size: 13px; color: #6b7280 !important; } .article-toc li a:hover { background: #eef2f7; color: var(--c-primary) !important; } .article-toc li.active a { color: var(--c-primary) !important; border-left-color: var(--c-primary); background: var(--c-primary-weak); font-weight: 500; } /* 锚点跳转别被 sticky 导航挡住 */ #zoom h2, #zoom h3, #zoom h4 { scroll-margin-top: 84px; } html { scroll-behavior: smooth; } /* 代码复制按钮 */ #zoom pre.prettyprint { position: relative; } .md-copy { position: absolute; top: 8px; right: 8px; padding: 3px 10px; font-size: 12px; line-height: 1.6; font-family: inherit; color: #c9d1d9; background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .18); border-radius: 6px; cursor: pointer; opacity: 0; transition: opacity .15s, background .15s; } #zoom pre.prettyprint:hover .md-copy { opacity: 1; } .md-copy:hover { background: rgba(255, 255, 255, .2); } .md-copy.done { color: #7ee787; border-color: rgba(126, 231, 135, .5); } @media (hover: none) { .md-copy { opacity: .75; } } /* 图片灯箱 */ #zoom img { cursor: zoom-in; } .md-lightbox { position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(10, 12, 16, .92); } .md-lightbox.open { display: flex; } .md-lightbox img { max-width: 92vw; max-height: 88vh; border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); cursor: zoom-out; } .md-lightbox-hint { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, .6); font-size: 13px; } body.lb-open { overflow: hidden; } /* 外链标识 */ #zoom a.ext-link::after { content: "↗"; font-size: .8em; margin-left: 2px; color: #9aa4b2; } /* 小屏隐藏看板娘，避免遮挡正文 */ @media screen and (max-width: 900px) { .waifu, #sakana-widget { display: none !important; } } /* ============================================================ 轻量动画（替代 animate.css 53KB + csshake 78KB） ============================================================ */ @keyframes md-tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(.92) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.06) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.06) rotate(-3deg); } 100% { transform: scale(1); } } .animated.tada { animation: md-tada 1s both; } @keyframes md-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-1.5px); } 75% { transform: translateX(1.5px); } } .shake-little:hover, .shake:hover { animation: md-shake .35s ease-in-out; } /* ============================================================ 悬浮操作区（目录 / 主题 / 顶 / 底） ============================================================ */ /* 旧主题的固定箭头由新组件取代 */ #shangxia { display: none !important; } #md-fab { position: fixed; right: 18px; bottom: 88px; z-index: 100050; display: flex; flex-direction: column; gap: 8px; } .md-fab-btn { touch-action: manipulation; -webkit-tap-highlight-color: transparent; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 17px; line-height: 1; color: #4b5563; background: rgba(255, 255, 255, .92); border: 1px solid var(--c-border); border-radius: 50%; box-shadow: 0 2px 10px rgba(16, 24, 40, .10); cursor: pointer; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: transform .15s, background .15s, color .15s; } .md-fab-btn:hover { color: var(--c-primary); background: #fff; transform: translateY(-1px); } .md-fab-btn[hidden] { display: none; } /* 目录面板 */ .md-toc-panel { position: fixed; right: 18px; bottom: 320px; width: 280px; max-height: 60vh; z-index: 100051; display: none; flex-direction: column; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: 12px; box-shadow: 0 12px 40px rgba(16, 24, 40, .16); overflow: hidden; } .md-toc-panel.open { display: flex; } .md-toc-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; font-size: 14px; font-weight: 600; color: #374151; border-bottom: 1px solid var(--c-border); } .md-toc-close { border: 0; background: none; font-size: 18px; line-height: 1; color: #9aa4b2; cursor: pointer; } .md-toc-panel ol { margin: 0; padding: 8px; list-style: none; overflow: auto; } .md-toc-panel li { margin: 1px 0; } .md-toc-panel li a { display: block; padding: 6px 10px; border-radius: 6px; border-left: 2px solid transparent; font-size: 13.5px; line-height: 1.5; color: #4b5563 !important; } .md-toc-panel li.lv3 a { padding-left: 26px; font-size: 13px; color: #6b7280 !important; } .md-toc-panel li a:hover { background: #eef2f7; color: var(--c-primary) !important; } .md-toc-panel li.active a { color: var(--c-primary) !important; background: var(--c-primary-weak); border-left-color: var(--c-primary); font-weight: 500; } @media screen and (max-width: 900px) { #md-fab { right: 12px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); } .md-fab-btn { width: 46px; height: 46px; font-size: 19px; } #sakana-widget { display: none !important; } .md-toc-panel { left: 12px; right: 12px; bottom: 76px; width: auto; max-height: 55vh; } } /* ============================================================ 评论区 ============================================================ */ #comments.comment-header { display: flex; align-items: center; gap: 10px; margin: 36px 0 12px; font-size: 18px; font-weight: 700; color: #111827; } #comments.comment-header .md-comment-count { display: inline-block; padding: 1px 10px; font-size: 13px; font-weight: 500; color: #4b5563; background: #f3f4f6; border-radius: 999px; } #contentleftt .comment { position: relative; margin: 12px 0 !important; padding: 16px 18px 16px 74px !important; background: #fbfcfd; border: 1px solid #eef1f5; border-radius: 12px; overflow: visible !important; height: auto !important; font-size: 14.5px; line-height: 1.8; font-family: inherit !important; transition: background .15s, border-color .15s; } #contentleftt .comment:hover { background: #f7f9fc; border-color: #e3e8ef; } #contentleftt .comment .avatar { position: absolute !important; left: 16px; top: 16px; float: none !important; width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 50%; overflow: hidden; background: #eef1f5; } #contentleftt .comment .avatar img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: 50%; } #contentleftt #mzsj { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 6px !important; height: auto !important; line-height: 1.6 !important; border-bottom: 0 !important; width: auto !important; } #contentleftt #mzsj .juli1 { font-weight: 600; color: #111827 !important; font-size: 14.5px; } #contentleftt #mzsj .comment-time, #contentleftt #mzsj a { color: #9aa4b2 !important; font-size: 12.5px; } #contentleftt .comment .comment-info { float: none !important; width: auto !important; margin: 0 !important; } #contentleftt .comment .comment-content { color: #374151; font-size: 14.5px; line-height: 1.8; word-break: break-word; } #contentleftt .comment .comment-content img { max-width: 100%; height: auto; vertical-align: middle; } /* 回复按钮 */ #contentleftt .comment-reply { margin-top: 8px; font-size: 13px; } #contentleftt .comment-reply a { display: inline-block; padding: 3px 12px; color: #6b7280 !important; background: #f3f4f6; border-radius: 999px; } #contentleftt .comment-reply a:hover { color: var(--c-primary) !important; background: var(--c-primary-weak); } /* 评论表单 */ #commentform { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; margin-top: 10px; padding: 20px; background: #fafbfc; border: 1px solid #eef1f5; border-radius: 14px; } #commentform #comname, #commentform #commail, #commentform #comurl { min-width: 0; display: flex; flex-direction: column-reverse; gap: 6px; margin: 0; } #commentform #comname input, #commentform #commail input, #commentform #comurl input, #commentform textarea { width: 100% !important; box-sizing: border-box; padding: 10px 12px !important; font-size: 14px !important; color: #1f2937 !important; background: #fff !important; border: 1px solid #dfe4ea !important; border-radius: 8px !important; outline: none; } #commentform #comname input:focus, #commentform #commail input:focus, #commentform #comurl input:focus, #commentform textarea:focus { border-color: var(--c-primary) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); } #commentform label small { color: #9aa4b2; font-size: 12px; } #commentform p { grid-column: 1 / -1; margin: 0; } #commentform textarea { min-height: 130px; resize: vertical; line-height: 1.7; font-family: inherit !important; } #commentform .fbpl { grid-column: 1 / -1; display: flex; justify-content: flex-end; margin: 0; line-height: 1.6 !important; } /* 「发表评论」小标题 */ #contentleftt .comment-post .comment-header { margin: 30px 0 4px; font-size: 16px; font-weight: 600; color: #111827; } #contentleftt .comment-post .comment-header::before { content: "发表评论"; } /* 窄屏改单列 */ @media screen and (max-width: 720px) { #commentform { grid-template-columns: minmax(0, 1fr); } } #commentform #comment_submit { width: auto !important; height: auto !important; padding: 10px 26px !important; font-size: 14px !important; color: #fff !important; background: var(--c-primary) !important; border: 0 !important; border-radius: 999px !important; cursor: pointer; } #commentform #comment_submit:hover { background: #1d4ed8 !important; } #top2 { display: none; } /* ============================================================ 留言板（gbook） ============================================================ */ #guestBookListTitle span { font-size: 15px; font-weight: 600; color: #374151; } #guestBookList ul.list { margin: 0; padding: 0; list-style: none; } #guestBookList ul.list li.item { margin: 0 !important; padding: 16px 0 !important; border-bottom: 1px solid #f0f2f5; list-style: none; overflow: visible !important; height: auto !important; } #guestBookList ul.list li.item p.info { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0 0 6px !important; font-size: 13px; color: #6b7280; } #guestBookList p.info b { display: none; } #guestBookList p.info .nickname { font-weight: 600; color: #1f2937; font-size: 14px; } #guestBookList p.info .time, #guestBookList p.info .siteurl a { color: #9aa4b2 !important; font-size: 12.5px; } #guestBookList p.con { margin: 0 !important; font-size: 14.5px; line-height: 1.8; color: #374151; word-break: break-word; } #guestBookList p.con img { vertical-align: middle; } #guestBook form[name="postMsgForm"] { margin-top: 24px; padding: 20px; background: #fafbfc; border: 1px solid var(--c-border); border-radius: var(--radius-md); } #guestBook form[name="postMsgForm"] input[type="text"], #guestBook form[name="postMsgForm"] textarea { width: 100% !important; box-sizing: border-box; padding: 10px 12px !important; font-size: 14px !important; color: #1f2937 !important; background: #fff !important; border: 1px solid #dfe4ea !important; border-radius: 8px !important; outline: none; } #guestBook form[name="postMsgForm"] textarea { min-height: 110px; resize: vertical; font-family: inherit !important; } /* 只作用于「提交留言」按钮，避免把表情选择器里的 button 一起染蓝 */ #guestBook form[name="postMsgForm"] #subMsgBtn { padding: 9px 24px !important; font-size: 14px !important; color: #fff !important; background: var(--c-primary) !important; border: 0 !important; border-radius: 999px !important; cursor: pointer; } /* ============================================================ 深色模式 ============================================================ */ html[data-theme="dark"] { --c-bg: #0d1117; --c-surface: rgba(20, 25, 32, .82); --c-border: #262d36; --c-text: #e6edf3; --c-text-2: #8b949e; --c-primary: #58a6ff; --c-primary-weak: #12233a; --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4); --shadow-md: 0 4px 16px rgba(0, 0, 0, .5); } html[data-theme="dark"] body { background: var(--c-bg) !important; color: var(--c-text) !important; } html[data-theme="dark"] body::before { opacity: .05; } html[data-theme="dark"] #menu { background: rgba(22, 27, 34, .88) !important; border-color: var(--c-border); } html[data-theme="dark"] #menu ul.bar > li.item > a { color: #c9d1d9 !important; } html[data-theme="dark"] #menu ul.bar > li.item > a:hover { background: #21262d; color: #fff !important; } html[data-theme="dark"] #menu ul.bar > li.item.current > a { color: var(--c-primary) !important; background: var(--c-primary-weak); } html[data-theme="dark"] #menu .sub-nav { background: #161b22; border-color: var(--c-border); } html[data-theme="dark"] #menu .sub-nav a { color: #c9d1d9 !important; } html[data-theme="dark"] .site-notice, html[data-theme="dark"] #contentleftt, html[data-theme="dark"] #sidebar > div, html[data-theme="dark"] #footerbar, html[data-theme="dark"] .md-toc-panel, html[data-theme="dark"] #commentform, html[data-theme="dark"] #guestBook form[name="postMsgForm"] { background: var(--c-surface) !important; border-color: var(--c-border) !important; } html[data-theme="dark"] #content article.post-list h2 a, html[data-theme="dark"] #contentleftt .biaoti, html[data-theme="dark"] #masked { color: #e6edf3 !important; -webkit-text-fill-color: currentColor !important; } html[data-theme="dark"] #zoom h1, html[data-theme="dark"] #zoom h2, html[data-theme="dark"] #zoom h3, html[data-theme="dark"] #zoom h4, html[data-theme="dark"] .comment-content, html[data-theme="dark"] #guestBookList p.con { color: #d7dee6 !important; } html[data-theme="dark"] #contentleftt .date1, html[data-theme="dark"] #contentleftt .date2, html[data-theme="dark"] #footerbar { color: var(--c-text-2) !important; } /* 表格 */ html[data-theme="dark"] #zoom th { background: #1c232c; color: #c9d1d9; border-color: #30363d; } html[data-theme="dark"] #zoom td { border-color: #30363d; } html[data-theme="dark"] #zoom tbody tr:nth-child(even) { background: #12171e; } /* 行内代码 / 引用 */ html[data-theme="dark"] #zoom code { background: #21262d; border-color: #30363d; color: #ff7b72; } html[data-theme="dark"] #zoom pre code { background: none; border: 0; } html[data-theme="dark"] #zoom blockquote { background: #1a2029; border-left-color: #3d4652; color: #a8b3bf; } /* 目录 / 分页 / 标签 */ html[data-theme="dark"] .md-toc-panel li a, html[data-theme="dark"] #pagemenui a, html[data-theme="dark"] #contentleftt .post-tags a { color: #a8b3bf !important; } html[data-theme="dark"] .md-toc-panel li a:hover, html[data-theme="dark"] #pagemenui a:hover { background: #21262d; } html[data-theme="dark"] .md-toc-head { color: #c9d1d9; } html[data-theme="dark"] #pagemenui a { background: #161b22; border-color: var(--c-border); } html[data-theme="dark"] #contentleftt .post-tags a { background: #21262d; } /* 悬浮按钮 */ html[data-theme="dark"] .md-fab-btn { background: rgba(22, 27, 34, .92); border-color: var(--c-border); color: #c9d1d9; } html[data-theme="dark"] .md-fab-btn:hover { background: #21262d; color: var(--c-primary); } /* 表单 */ html[data-theme="dark"] #commentform #comname input, html[data-theme="dark"] #commentform #commail input, html[data-theme="dark"] #commentform #comurl input, html[data-theme="dark"] #commentform input[type="text"], html[data-theme="dark"] #commentform textarea, html[data-theme="dark"] #guestBook form[name="postMsgForm"] input[type="text"], html[data-theme="dark"] #guestBook form[name="postMsgForm"] textarea { background: #0d1117 !important; border-color: #30363d !important; color: #e6edf3 !important; box-shadow: none !important; } /* 评论 / 留言板分隔线 */ html[data-theme="dark"] .comment, html[data-theme="dark"] #guestBookList ul.list li.item { border-bottom-color: #21262d; } html[data-theme="dark"] #mzsj .juli1, html[data-theme="dark"] #guestBookList p.info .nickname { color: #e6edf3; } /* 搜索框 */ html[data-theme="dark"] #sidebar .search, html[data-theme="dark"] #logsearch input.search { background: #0d1117 !important; border-color: #30363d !important; color: #e6edf3 !important; } /* ============================================================ 深色模式补充：表单按钮 + 图片降亮度 ============================================================ */ /* 搜索按钮、通用提交按钮 */ html[data-theme="dark"] #sidebar input[type="submit"], html[data-theme="dark"] #sousuo input[type="submit"], html[data-theme="dark"] input.submit, html[data-theme="dark"] input.button, html[data-theme="dark"] .button { background: #21262d !important; background-image: none !important; border: 1px solid #30363d !important; color: #c9d1d9 !important; box-shadow: none !important; } html[data-theme="dark"] #sidebar input[type="submit"]:hover, html[data-theme="dark"] input.submit:hover { background: #30363d !important; color: #fff !important; } /* 图片：白底截图在深色下太刺眼，整体压暗一档 */ html[data-theme="dark"] img { filter: brightness(.82); } /* logo、灯箱大图保持原样 */ html[data-theme="dark"] #iitboy_logo img, html[data-theme="dark"] .md-lightbox img { filter: none; } html[data-theme="dark"] #zoom img { border: 1px solid #30363d; border-radius: 6px; } /* 二维码 / 头像的白底也压暗 */ html[data-theme="dark"] #pay img, html[data-theme="dark"] .comment .avatar img, html[data-theme="dark"] #guestBookList img { background: #161b22; } /* 占位文字 */ html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #6e7681 !important; } /* ============================================================ 触屏设备：彻底禁用主题的悬浮提示 （它由 title 触发，点一下就会留下黑框，长标题还会把页面撑宽） ============================================================ */ html.md-touch .tooltip, html.md-touch .tipsy-arrow, html.md-touch .tipsy-inner { display: none !important; } html.md-touch .hint--top::after, html.md-touch .hint--top::before, html.md-touch .hint--left::after, html.md-touch .hint--left::before, html.md-touch .hint--right::after, html.md-touch .hint--right::before, html.md-touch .hint--bottom::after, html.md-touch .hint--bottom::before { display: none !important; content: none !important; } /* 兜底：任何元素都不该把页面横向撑开 */ html.md-touch body { overflow-x: clip; } /* 深色模式下的评论区 */ html[data-theme="dark"] #comments.comment-header { color: #e6edf3; } html[data-theme="dark"] #comments.comment-header .md-comment-count { background: #21262d; color: #8b949e; } html[data-theme="dark"] #contentleftt .comment { background: #12171e; border-color: #21262d; } html[data-theme="dark"] #contentleftt .comment:hover { background: #161b22; border-color: #30363d; } html[data-theme="dark"] #contentleftt .comment .avatar { background: #21262d; } html[data-theme="dark"] #contentleftt .comment .comment-content { color: #c9d1d9; } html[data-theme="dark"] #contentleftt #mzsj .juli1 { color: #e6edf3 !important; } html[data-theme="dark"] #contentleftt .comment-reply a { background: #21262d; color: #8b949e !important; } html[data-theme="dark"] #commentform { background: #12171e !important; border-color: #21262d !important; } html[data-theme="dark"] #contentleftt .comment-post .comment-header { color: #e6edf3; } /* ============================================================ 微语（/t） ============================================================ */ #tw { margin: 0; } #tw::before { content: "微语"; display: block; margin: 0 0 16px; font-size: 20px; font-weight: 700; color: #111827; } #tw article.post-list { position: relative; margin: 0 0 14px !important; padding: 18px 20px 16px 82px !important; background: #fff; border: 1px solid var(--c-border); border-radius: 14px; box-shadow: var(--shadow-sm); transition: border-color .15s, box-shadow .15s; } #tw article.post-list:hover { border-color: #dfe6ee; box-shadow: var(--shadow-md); } #tw article.post-list:last-child { margin-bottom: 0 !important; } #tw .tw-wenzi { position: static !important; width: auto !important; margin: 0 !important; } #tw .main_img { position: absolute !important; left: 20px; top: 18px; display: block !important; float: none !important; width: 48px !important; height: 48px !important; margin: 0 !important; } #tw .main_img img { width: 100% !important; height: 100% !important; border-radius: 50%; object-fit: cover; display: block; } #tw .post1 { width: auto !important; margin: 0 !important; font-size: 15px; line-height: 1.8; color: #374151; } #tw .post1 > span:first-child { font-weight: 600; font-size: 14px; color: #111827 !important; } #tw .tw-body .tw-wenzi .bttome { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 0 !important; padding-top: 10px; border-top: 1px solid #f2f4f7; } #tw .tw-body .tw-wenzi .bttome .time { order: 1; } #tw .tw-body .tw-wenzi .bttome .post { order: 2; } #tw .tw-body .tw-wenzi .bttome .time, #tw .tw-body .tw-wenzi .bttome .post { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; text-align: left !important; white-space: nowrap; font-size: 12.5px; color: #9aa4b2 !important; } #tw .bttome a { display: inline-block; padding: 3px 12px; border-radius: 999px; background: #f3f4f6; color: #6b7280 !important; font-size: 12.5px; } #tw .bttome a:hover { background: var(--c-primary-weak); color: var(--c-primary) !important; } /* 回复区 */ #tw .huifu { margin-top: 12px; padding: 12px; background: #f8fafc; border: 1px solid var(--c-border); border-radius: 10px; } #tw .huifu textarea { width: 100%; box-sizing: border-box; min-height: 78px; padding: 9px 12px; font: inherit; font-size: 14px; line-height: 1.7; color: #1f2937; background: #fff; border: 1px solid #dfe4ea; border-radius: 8px; resize: vertical; outline: none; } #tw .huifu textarea:focus { border-color: var(--c-primary); } #tw .huifu .tinfo { margin: 8px 0; font-size: 13px; color: #6b7280; } #tw .huifu .tinfo input { margin-left: 6px; padding: 5px 10px; font-size: 13px; border: 1px solid #dfe4ea; border-radius: 6px; outline: none; } #tw .button_p { padding: 7px 20px; font-size: 13.5px; color: #fff; background: var(--c-primary); border: 0; border-radius: 999px; cursor: pointer; } #tw .button_p:hover { background: #1d4ed8; } #tw ul.r123 { margin: 12px 0 0; padding: 0; list-style: none; } #tw ul.r123 li { padding: 8px 0; border-top: 1px dashed #eef1f5; font-size: 13.5px; color: #4b5563; } /* ============================================================ 留言板细化 ============================================================ */ #guestBookList ul.list li.item { margin: 0 0 12px !important; padding: 16px 18px !important; background: #fbfcfd; border: 1px solid #eef1f5; border-radius: 12px; transition: background .15s, border-color .15s; } #guestBookList ul.list li.item:hover { background: #f7f9fc; border-color: #e3e8ef; } #guestBookList ul.list li.item:last-child { margin-bottom: 0 !important; } #guestBookListTitle { display: flex; align-items: center; gap: 10px; } #guestBookListTitle .md-comment-count { display: inline-block; padding: 1px 10px; font-size: 13px; font-weight: 500; color: #4b5563; background: #f3f4f6; border-radius: 999px; } /* 留言表单（插件用的是 table 布局） */ #guestBook form[name="postMsgForm"] { padding: 20px !important; } #guestBook form[name="postMsgForm"] table { width: 100% !important; padding: 0 !important; border-collapse: collapse; } #guestBook form[name="postMsgForm"] table td { padding: 6px 0 !important; vertical-align: middle; } #guestBook form[name="postMsgForm"] table td.l { width: 64px; padding-right: 12px !important; font-size: 13px; color: #6b7280; text-align: right; white-space: nowrap; } #guestBook form[name="postMsgForm"] input[type="text"], #guestBook form[name="postMsgForm"] input.bar, #guestBook form[name="postMsgForm"] input.bar2, #guestBook form[name="postMsgForm"] textarea { width: 100% !important; box-sizing: border-box; padding: 9px 12px !important; font-size: 14px !important; color: #1f2937 !important; background: #fff !important; border: 1px solid #dfe4ea !important; border-radius: 8px !important; outline: none; } #guestBook form[name="postMsgForm"] textarea { min-height: 120px; resize: vertical; line-height: 1.7; font-family: inherit !important; } #guestBook form[name="postMsgForm"] input:focus, #guestBook form[name="postMsgForm"] textarea:focus { border-color: var(--c-primary) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); } /* 表情选择 */ p#formFaces { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 8px !important; padding: 0 !important; } p#formFaces img { width: 22px; height: 22px; padding: 0 !important; border-radius: 4px; cursor: pointer; opacity: .85; transition: opacity .15s, transform .15s; } p#formFaces img:hover { opacity: 1; transform: scale(1.12); } #subMsgBtn { padding: 9px 26px !important; font-size: 14px !important; color: #fff !important; background: var(--c-primary) !important; border: 0 !important; border-radius: 999px !important; cursor: pointer; width: auto !important; height: auto !important; } #subMsgBtn:hover { background: #1d4ed8 !important; } .redtip { color: #ef4444; } /* 深色模式：微语 */ html[data-theme="dark"] #tw::before { color: #e6edf3; } html[data-theme="dark"] #tw article.post-list { background: var(--c-surface); border-color: var(--c-border); } html[data-theme="dark"] #tw .post1 { color: #c9d1d9; } html[data-theme="dark"] #tw .post1 > span:first-child { color: #e6edf3 !important; } html[data-theme="dark"] #tw .bttome { border-top-color: #21262d; } html[data-theme="dark"] #tw .bttome a { background: #21262d; color: #8b949e !important; } html[data-theme="dark"] #tw .huifu { background: #12171e; border-color: #21262d; } html[data-theme="dark"] #tw .huifu textarea, html[data-theme="dark"] #tw .huifu .tinfo input { background: #0d1117; border-color: #30363d; color: #e6edf3; } html[data-theme="dark"] #tw ul.r123 li { border-top-color: #21262d; color: #8b949e; } /* 深色模式：留言板 */ html[data-theme="dark"] #guestBookList ul.list li.item { background: #12171e; border-color: #21262d; } html[data-theme="dark"] #guestBookList ul.list li.item:hover { background: #161b22; border-color: #30363d; } html[data-theme="dark"] #guestBookListTitle .md-comment-count { background: #21262d; color: #8b949e; } html[data-theme="dark"] #guestBook form[name="postMsgForm"] input[type="text"], html[data-theme="dark"] #guestBook form[name="postMsgForm"] input.bar, html[data-theme="dark"] #guestBook form[name="postMsgForm"] input.bar2, html[data-theme="dark"] #guestBook form[name="postMsgForm"] textarea { background: #0d1117 !important; border-color: #30363d !important; color: #e6edf3 !important; } html[data-theme="dark"] #guestBook form[name="postMsgForm"] table td.l { color: #8b949e; } html[data-theme="dark"] p#formFaces img { opacity: .75; } /* 必填星号：会被 100% 宽的输入框挤到下一行，直接隐藏 */ #guestBook form[name="postMsgForm"] .redtip { display: none !important; } /* 深色下装饰性分隔线太亮，压暗 */ html[data-theme="dark"] .xiantiao img, html[data-theme="dark"] .xiantiao2 img { opacity: .3; } /* ============================================================ 首页列表：图文两栏栅格（替换旧的浮动缩略图） ============================================================ */ article.post-list { display: grid !important; grid-template-columns: minmax(0, 1fr) 200px; gap: 24px; align-items: start; padding: 24px 0 !important; border-bottom: 1px solid #f0f2f5; } article.post-list .post-main { grid-column: 1; grid-row: 1; min-width: 0; } article.post-list .post-thumb { grid-column: 2; grid-row: 1; display: block; width: 100%; aspect-ratio: 3 / 2; border-radius: 12px; overflow: hidden; background: #f3f5f8; border: 1px solid var(--c-border); } article.post-list .post-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; } article.post-list .post-thumb:hover img { transform: scale(1.03); } article.post-list .post-desc { margin-top: 8px; font-size: 15px; line-height: 1.8; color: #4b5563; } article.post-list .post-more { margin-top: 14px; } article.post-list .post-more a { display: inline-block; padding: 6px 16px; border-radius: 999px; background: var(--c-primary-weak); color: var(--c-primary) !important; font-size: 13.5px; font-weight: 500; } article.post-list .post-more a:hover { background: #dbeafe; } /* 旧结构的浮动缩略图不再使用 */ #contentleftt .thumbnail_box { display: none !important; } /* 元信息行 */ #contentleftt .date1 { display: flex !important; flex-wrap: wrap; gap: 4px 16px; margin: 0 0 4px !important; font-size: 13px !important; line-height: 1.9 !important; height: auto !important; color: var(--c-text-2) !important; } #contentleftt .date1 .meta-item { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; } @media screen and (max-width: 720px) { article.post-list { grid-template-columns: minmax(0, 1fr) !important; gap: 14px; } article.post-list .post-thumb { grid-column: 1; grid-row: 1; aspect-ratio: 16 / 9; } article.post-list .post-main { grid-column: 1; grid-row: 2; } } /* 深色 */ html[data-theme="dark"] article.post-list .post-desc { color: #a8b3bf; } html[data-theme="dark"] article.post-list .post-thumb { background: #12171e; } /* ============================================================ Emoji 选择器 ============================================================ */ .md-emoji-wrap { position: relative; margin: 10px 0 0; } .md-emoji-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; font-size: 18px; line-height: 1; background: #fff; border: 1px solid var(--c-border); border-radius: 50%; cursor: pointer; transition: border-color .15s, background .15s; } .md-emoji-btn:hover, .md-emoji-wrap.open .md-emoji-btn { border-color: var(--c-primary); background: var(--c-primary-weak); } .md-emoji-panel { display: none; position: absolute; left: 0; bottom: 46px; z-index: 60; width: 288px; max-width: 86vw; max-height: 200px; overflow: auto; padding: 8px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; box-shadow: 0 10px 34px rgba(16, 24, 40, .16); grid-template-columns: repeat(8, 1fr); gap: 2px; } .md-emoji-wrap.open .md-emoji-panel { display: grid; } .md-emoji-panel button { padding: 5px 0; font-size: 19px; line-height: 1; background: none; border: 0; border-radius: 6px; cursor: pointer; } .md-emoji-panel button:hover { background: #f1f5f9; } html[data-theme="dark"] .md-emoji-btn { background: #161b22; border-color: #30363d; } html[data-theme="dark"] .md-emoji-panel { background: #161b22; border-color: #30363d; } html[data-theme="dark"] .md-emoji-panel button:hover { background: #21262d; } /* 内联在表情行里的 emoji 触发器 */ .md-emoji-wrap.inline { display: inline-flex; align-items: center; margin: 0 0 0 2px; vertical-align: middle; } .md-emoji-wrap.inline .md-emoji-btn { width: 24px; height: 24px; font-size: 15px; border: 0 !important; background: transparent !important; border-radius: 4px !important; } .md-emoji-wrap.inline .md-emoji-btn:hover, .md-emoji-wrap.inline.open .md-emoji-btn { background: #eef2f7 !important; } .md-emoji-wrap.inline .md-emoji-panel { bottom: auto; top: 32px; left: 0; } html[data-theme="dark"] .md-emoji-wrap.inline .md-emoji-btn { background: transparent !important; } html[data-theme="dark"] .md-emoji-wrap.inline .md-emoji-btn:hover, html[data-theme="dark"] .md-emoji-wrap.inline.open .md-emoji-btn { background: #21262d !important; } /* ============================================================ 文章页底部：下载按钮 / 版权框 / 上下篇 / 相关文章 ============================================================ */ /* 下载 Markdown */ #contentleftt .md-source-download { margin: 24px 0 0 !important; text-align: left !important; } #contentleftt .md-download-link { display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; font-size: 14px; line-height: 1.5; color: #374151 !important; background: #fff !important; border: 1px solid var(--c-border); border-radius: 999px; text-decoration: none; box-shadow: var(--shadow-sm); transition: border-color .15s, color .15s, background .15s; } #contentleftt .md-download-link:hover { color: var(--c-primary) !important; background: var(--c-primary-weak) !important; border-color: #c7d2fe; } /* 版权 / 二维码 */ #banquan { margin: 22px 0 0 !important; padding: 16px 18px !important; background: #f8fafc !important; border: 1px solid var(--c-border) !important; border-radius: 12px !important; font-size: 13.5px; line-height: 2; color: #6b7280 !important; } #banquan .xinxi { padding: 0 !important; margin: 0 !important; } #banquan a { color: #4b5563 !important; } #banquan a:hover { color: var(--c-primary) !important; } #banquan b, #banquan span { color: #6b7280; } #banquan #qrcode { margin: 0 14px 0 0 !important; padding: 6px !important; background: #fff; border-radius: 8px; box-shadow: var(--shadow-sm); } /* 上一篇 / 下一篇 */ #shangxiapian_2 { display: none !important; } #shangxiapian { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; margin: 24px 0 0 !important; } #shangxiapian #sxpbk1, #shangxiapian #sxpbk2 { float: none !important; width: auto !important; min-width: 0; padding: 12px 16px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; transition: border-color .15s, box-shadow .15s; } #shangxiapian #sxpbk1:hover, #shangxiapian #sxpbk2:hover { border-color: #dfe6ee; box-shadow: var(--shadow-sm); } #shangxiapian #sxpbk1::before, #shangxiapian #sxpbk2::before { display: block; margin-bottom: 4px; font-size: 12px; color: #9aa4b2; } #shangxiapian #sxpbk1::before { content: "上一篇"; } #shangxiapian #sxpbk2::before { content: "下一篇"; } #shangxiapian #sxpbk2 { text-align: right; } #shangxiapian #wzlj1 { width: auto !important; } #shangxiapian #wzlj1 a { display: inline-block; font-size: 14px; line-height: 1.6; color: #374151 !important; } #shangxiapian #wzlj1 a:hover { color: var(--c-primary) !important; } #shangxiapian .fa { font-size: 13px; color: #c3cbd6; } /* 相关文章 */ .gxq { margin: 24px 0 0 !important; padding: 18px 20px !important; background: #fbfcfd; border: 1px solid var(--c-border) !important; border-radius: 12px; } .gxq:hover { border-color: var(--c-border) !important; background: #fbfcfd; } .gxq .bti { height: auto !important; padding: 0 0 10px !important; margin: 0 0 6px !important; border-bottom: 1px solid #eef1f5 !important; font-size: 15px !important; font-weight: 600; line-height: 1.5 !important; color: #111827; } .gxq ul { margin: 0 !important; padding: 0 !important; list-style: none; } .gxq li { padding: 7px 0; border-bottom: 1px dashed #f0f2f5; font-size: 14px; line-height: 1.6; list-style: none; } .gxq li:last-child { border-bottom: 0; padding-bottom: 0; } .gxq li a { color: #4b5563 !important; } .gxq li a:hover { color: var(--c-primary) !important; } .gxq .fa { margin-right: 6px; color: #c3cbd6; } @media screen and (max-width: 720px) { #shangxiapian { grid-template-columns: minmax(0, 1fr) !important; } #shangxiapian #sxpbk2 { text-align: left; } } /* 深色 */ html[data-theme="dark"] #contentleftt .md-download-link { background: #161b22 !important; border-color: var(--c-border); color: #c9d1d9 !important; } html[data-theme="dark"] #contentleftt .md-download-link:hover { background: #12233a !important; color: var(--c-primary) !important; } html[data-theme="dark"] #banquan { background: #12171e !important; border-color: #21262d !important; color: #8b949e !important; } html[data-theme="dark"] #banquan a { color: #a8b3bf !important; } html[data-theme="dark"] #banquan b, html[data-theme="dark"] #banquan span, html[data-theme="dark"] #banquan .blog_name { color: #8b949e !important; } html[data-theme="dark"] #shangxiapian #sxpbk1, html[data-theme="dark"] #shangxiapian #sxpbk2, html[data-theme="dark"] .gxq { background: #161b22; border-color: var(--c-border); } html[data-theme="dark"] #shangxiapian #wzlj1 a, html[data-theme="dark"] .gxq li a { color: #c9d1d9 !important; } html[data-theme="dark"] .gxq .bti { color: #e6edf3; border-bottom-color: #21262d !important; } html[data-theme="dark"] .gxq li { border-bottom-color: #21262d; } /* ============================================================ 侧栏组件细化 ============================================================ */ /* 标签云：统一胶囊 */ #sidebar #biaoqian ul, #sidebar #blogtags { display: flex !important; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0 !important; } #sidebar #blogtags li { padding: 0 !important; margin: 0 !important; list-style: none; } #sidebar #blogtags a { display: inline-block; padding: 3px 10px; border-radius: 999px; background: #f3f4f6 !important; color: #4b5563 !important; font-size: 12.5px !important; line-height: 1.7; text-decoration: none; } #sidebar #blogtags a:hover { background: var(--c-primary-weak) !important; color: var(--c-primary) !important; } /* 分类 */ #sidebar #blogsort li { padding: 5px 0 !important; font-size: 14px; line-height: 1.6; border-bottom: 1px dashed #f2f4f7; } #sidebar #blogsort li:last-child { border-bottom: 0; } #sidebar #blogsort li .fa { margin-right: 6px; color: #c3cbd6; } #sidebar #blogsort a { color: #4b5563 !important; } #sidebar #blogsort a:hover { color: var(--c-primary) !important; } /* 存档：限高滚动 */ #sidebar #record { max-height: 260px; overflow: auto; } #sidebar #record li { padding: 4px 0 !important; border-bottom: 1px dashed #f2f4f7; } #sidebar #record li:last-child { border-bottom: 0; } #sidebar #record a { display: block; font-size: 13.5px; color: #6b7280 !important; } #sidebar #record a:hover { color: var(--c-primary) !important; } /* 最新评论 */ #sidebar #newcomment li { padding: 9px 0 !important; border-bottom: 1px dashed #f2f4f7; font-size: 13px; line-height: 1.7; color: #9aa4b2; } #sidebar #newcomment li:last-child { border-bottom: 0; } #sidebar #newcomment #mzi { font-weight: 600; color: #374151; } #sidebar #newcomment a { display: inline-block; margin-top: 2px; color: #6b7280 !important; } #sidebar #newcomment a:hover { color: var(--c-primary) !important; } /* 社交图标 */ #sidebar #zidingyi #qq { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } #sidebar #zidingyi img { width: 28px; height: 28px; object-fit: contain; } /* 深色 */ html[data-theme="dark"] #sidebar #blogtags a { background: #21262d !important; color: #a8b3bf !important; } html[data-theme="dark"] #sidebar #blogtags a:hover { background: #12233a !important; color: var(--c-primary) !important; } html[data-theme="dark"] #sidebar #blogsort li, html[data-theme="dark"] #sidebar #record li, html[data-theme="dark"] #sidebar #newcomment li { border-bottom-color: #21262d; } html[data-theme="dark"] #sidebar #blogsort a, html[data-theme="dark"] #sidebar #record a, html[data-theme="dark"] #sidebar #newcomment a { color: #a8b3bf !important; } html[data-theme="dark"] #sidebar #newcomment #mzi { color: #e6edf3; } /* ============================================================ 文章页底部（新版结构） ============================================================ */ /* 上一篇 / 下一篇 */ .post-nav { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin: 24px 0 0; } .post-nav-item { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 12px 16px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; text-decoration: none; transition: border-color .15s, box-shadow .15s; } .post-nav-item:hover { border-color: #dfe6ee; box-shadow: var(--shadow-sm); } .post-nav-label { font-size: 12px; color: #9aa4b2; } .post-nav-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.6; color: #374151; } .post-nav-item:hover .post-nav-title { color: var(--c-primary); } .post-nav-item.next { text-align: right; } .post-nav-item.is-empty { background: transparent; border-style: dashed; border-color: #eef1f5; } @media screen and (max-width: 720px) { .post-nav { grid-template-columns: minmax(0, 1fr); } .post-nav-item.next { text-align: left; } } /* 相关文章：主题给 li 设了 float + 50% 宽，这里复位 */ .gxq li { float: none !important; width: auto !important; height: auto !important; white-space: normal !important; overflow: visible !important; } /* 正文结尾那句话 */ .cutline { margin: 22px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: center; } .cutline span { border: 0 !important; background: none !important; padding: 0 !important; } .cutline a { font-size: 13px; color: #9aa4b2 !important; } .cutline a:hover { color: var(--c-primary) !important; } /* 标签：去掉主题的彩色角标，统一成胶囊 */ #contentleftt .post-tags a { display: inline-block; padding: 4px 12px !important; margin: 0 6px 6px 0 !important; background: #f3f4f6 !important; background-image: none !important; border: 0 !important; border-radius: 999px !important; color: #4b5563 !important; font-size: 13px !important; line-height: 1.6 !important; } #contentleftt .post-tags a::before, #contentleftt .post-tags a::after { display: none !important; content: none !important; } #contentleftt .post-tags a:hover { background: var(--c-primary-weak) !important; color: var(--c-primary) !important; } /* 深色 */ html[data-theme="dark"] .post-nav-item { background: #161b22; border-color: var(--c-border); } html[data-theme="dark"] .post-nav-title { color: #c9d1d9; } html[data-theme="dark"] .post-nav-item.is-empty { background: transparent; border-color: #21262d; } html[data-theme="dark"] #contentleftt .post-tags a { background: #21262d !important; color: #a8b3bf !important; } html[data-theme="dark"] #contentleftt .post-tags a:hover { background: #12233a !important; color: var(--c-primary) !important; } /* 主题用 :before 画的彩色三角角标，去掉 */ #sidebar #blogtags a::before, #sidebar #bloggerinfo a::before { display: none !important; content: none !important; } /* ============================================================ 随机图「换一张」 ============================================================ */ .md-refresh-wrap { position: relative; display: inline-block; max-width: 100%; } .md-refresh-btn { position: absolute; top: 8px; right: 8px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; font-size: 15px; line-height: 1; color: #fff; background: rgba(0, 0, 0, .55); border: 0; border-radius: 50%; cursor: pointer; opacity: 0; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: opacity .15s, transform .35s, background .15s; } .md-refresh-wrap:hover .md-refresh-btn { opacity: 1; } .md-refresh-btn:hover { background: rgba(0, 0, 0, .78); transform: rotate(120deg); } @media (hover: none) { .md-refresh-btn { opacity: .85; } } /* ============================================================ 文章内 API 条目标题（h2） ============================================================ */ #contentleftt #zoom h2.api-entry-h { margin: 36px 0 14px; padding: 0 0 10px; font-size: 19px; font-weight: 600; line-height: 1.5; color: #111827; background: none; border-bottom: 1px solid #eef1f5; } #contentleftt #zoom h2.api-entry-h a { color: inherit !important; text-decoration: none; } #contentleftt #zoom h2.api-entry-h a:hover { color: var(--c-primary) !important; } #contentleftt #zoom h2.api-entry-h .ext-link::after { display: none; } html[data-theme="dark"] #contentleftt #zoom h2.api-entry-h { color: #e6edf3; border-bottom-color: #21262d; } /* ============================================================ 移动端「换一张」按钮：hover 媒体查询在部分安卓不生效，用 .md-touch 兜底 ============================================================ */ html.md-touch .md-refresh-btn { opacity: 1 !important; width: 40px; height: 40px; font-size: 17px; background: rgba(0, 0, 0, .62); } html.md-touch .md-refresh-wrap { display: inline-block; } /* 触屏没有 hover，点一下图片就进灯箱，按钮要够大够明显 */ @media (hover: none) { .md-refresh-btn { opacity: 1 !important; width: 40px; height: 40px; font-size: 17px; } } /* ============================================================ 预览图：固定 height 的行内样式会导致窄屏拉伸变形 ============================================================ */ #zoom img[style*="height:300px"], #zoom img[style*="height: 300px"] { height: auto !important; max-height: 300px; width: auto; max-width: 100%; object-fit: contain; } /* ============================================================ 子评论（.comment-children） ============================================================ */ #contentleftt .comment.comment-children { margin: 12px 0 0 48px !important; padding: 12px 16px !important; background: #f6f8fb !important; border: 1px solid #e8edf3 !important; border-left: 3px solid #c9d7e8 !important; border-radius: 0 10px 10px 0 !important; } #contentleftt .comment.comment-children:hover { background: #f2f6fb !important; border-color: #dfe7f0 !important; } /* 子评论不占左侧头像位 */ #contentleftt .comment-children > .avatar { display: none !important; } /* 子评论姓名行 */ #contentleftt #mzsj_2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 6px !important; padding: 0 !important; width: auto !important; height: auto !important; line-height: 1.6 !important; border-bottom: 0 !important; font-size: 13px !important; } #contentleftt #mzsj_2 .juli2 { padding-left: 0 !important; font-weight: 600; color: #111827 !important; font-size: 13.5px; } #contentleftt #mzsj_2 .comment-time, #contentleftt #mzsj_2 a { color: #9aa4b2 !important; font-size: 12.5px; } #contentleftt .comment-children .comment-info { float: none !important; width: auto !important; margin: 0 !important; } #contentleftt .comment-children .comment-content { font-size: 14px; color: #4b5563; } /* 回复按钮不再浮动，避免压到子评论 */ #contentleftt .comment .comment-reply { float: none !important; margin: 8px 0 0 !important; text-align: right; } #contentleftt .comment-children .comment-reply { margin-top: 6px !important; } /* 深色 */ html[data-theme="dark"] #contentleftt .comment.comment-children { background: #12171e !important; border-color: #21262d !important; border-left-color: #2d3742 !important; } html[data-theme="dark"] #contentleftt .comment.comment-children:hover { background: #161b22 !important; } html[data-theme="dark"] #contentleftt #mzsj_2 .juli2 { color: #e6edf3 !important; } html[data-theme="dark"] #contentleftt .comment-children .comment-content { color: #a8b3bf; } /* 多层嵌套时缩进收敛，避免深层越来越窄 */ #contentleftt .comment-children .comment.comment-children { margin-left: 24px !important; } @media screen and (max-width: 640px) { #contentleftt .comment.comment-children { margin-left: 18px !important; padding: 10px 12px !important; } #contentleftt .comment-children .comment.comment-children { margin-left: 12px !important; } } /* 锚点跳转后的高亮提示 */ #contentleftt .md-anchor-hit { animation: md-anchor-flash 1.8s ease; } @keyframes md-anchor-flash { 0%, 100% { background-color: transparent; } 12% { background-color: #eaf3ff; } 50% { background-color: #f2f7ff; } } html[data-theme="dark"] #contentleftt .md-anchor-hit { animation: md-anchor-flash-dark 1.8s ease; } @keyframes md-anchor-flash-dark { 0%, 100% { background-color: transparent; } 12% { background-color: #16263c; } 50% { background-color: #121c2b; } } /* 评论提交提示 */ .md-comment-msg { margin: 0 0 12px; padding: 10px 14px; font-size: 14px; line-height: 1.6; border-radius: 10px; } .md-comment-msg.error { color: #b42318; background: #fef3f2; border: 1px solid #fecdca; } .md-comment-msg.ok { color: #067647; background: #ecfdf3; border: 1px solid #abefc6; } html[data-theme="dark"] .md-comment-msg.error { color: #ffb4ab; background: #2a1614; border-color: #5d2a26; } html[data-theme="dark"] .md-comment-msg.ok { color: #7ee2b8; background: #10261c; border-color: #1f5138; } /* ============================================================ 下拉菜单：点击展开（触屏）+ 电脑端点击也能 toggle ============================================================ */ #menu li.item.open > .sub-nav { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } #menu li.item.open > a { background: #f1f5f9; color: #111827 !important; } /* ---------- 手机：改成手风琴式展开 ---------- */ /* 手机：导航保持单行横滑，子菜单用 fixed 浮层，不挤压布局 */ @media screen and (max-width: 900px) { /* backdrop-filter 会让 fixed 子元素相对 #menu 定位，手机端去掉 */ #menu { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(255, 255, 255, .96) !important; } #menu ul.bar { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } #menu::after { display: none; } #menu .sub-nav { position: fixed; left: 12px; /* JS 会按被点击项的位置覆盖 */ right: auto; top: 90px; /* JS 会按导航实际位置覆盖 */ width: min(280px, calc(100vw - 24px)); min-width: 0; max-height: 62vh; overflow-y: auto; margin: 0; padding: 8px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; box-shadow: 0 12px 32px rgba(16, 24, 40, .18); opacity: 1; transform: none !important; display: none; visibility: visible; z-index: 100060; } #menu li.item.open > .sub-nav { display: block; opacity: 1; visibility: visible; } #menu .sub-nav li { min-width: 0; white-space: normal; } #menu .sub-nav a { padding: 10px 12px; white-space: normal; line-height: 1.5; } } html[data-theme="dark"] #menu li.item.open > a { background: #21262d; color: #e6edf3 !important; } html[data-theme="dark"] #menu .sub-nav { background: #161b22; } @media screen and (max-width: 900px) { html[data-theme="dark"] #menu .sub-nav { background: #12171e; } } /* ============================================================ 手机端子菜单：插在导航下方的文档流块（不遮导航） ============================================================ */ @media screen and (max-width: 900px) { .md-sub-block { position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important; transform: none !important; width: auto !important; min-width: 0 !important; max-height: 62vh; overflow-y: auto; margin: -16px 0 14px !important; padding: 8px !important; background: #fff; border: 1px solid var(--c-border) !important; border-radius: 12px !important; box-shadow: 0 8px 22px rgba(16, 24, 40, .10); z-index: auto; } .md-sub-block li { min-width: 0 !important; white-space: normal !important; } .md-sub-block a { display: block; padding: 10px 12px !important; white-space: normal !important; line-height: 1.5 !important; } } html[data-theme="dark"] .md-sub-block { background: #161b22; border-color: #21262d !important; } /* ============================================================ 触屏 / 窄屏：彻底禁用「悬浮版」子菜单，只用文档流那一块 （触摸设备点过后 li 会保持 :hover，否则会同时出现两份） ============================================================ */ /* 窄屏（手机）：JS 会把子菜单移到导航下方，这里禁用 li 里的悬浮版，避免出现两份。 平板/桌面宽度走的是电脑端逻辑（点击 + hover），不受影响。 */ @media screen and (max-width: 900px) { #menu li.item:hover > .sub-nav { opacity: 0 !important; visibility: hidden !important; transform: translateX(-50%) translateY(-4px) !important; } #menu li.item.open > .sub-nav:not(.md-sub-block) { display: none !important; } }