@charset "utf-8";

.clear{clear:both}
body{margin:0 auto;width:100%;color:#555;font-size: 1rem;background-color:#FFFAF0;
height: 100vh;
overflow-x:hidden;
} 
h1 {
    position: relative;
    font-size: 2rem;
    color: #fff;
    background: linear-gradient(149deg, #d8c0cb, #e8e6cf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #6c646400;
    text-shadow: 1px 1px 0 #323c41, 1px 1px 0 #97a3a2, 1px 1px 0 #dad1b9, 1px 1px 0 #d0decf;
    transform: skewX(179deg);
    display: grid
;
        }
h2 {font-size: 1.8rem;}
h3 {font-size: 1.6rem;}

    
  
.main, .header, .nav{margin:0 auto;width:100%;}
a{color:#777;text-decoration:none;}
.logo{height:46px;margin-top:17px}

.index-link{width:100%}
.index-link li{float:left;margin-right:20px;padding:10px; border-bottom-width:1px; border-bottom-style:dashed;border-bottom-color:#ccc}
.index-link li a{font-size:1.2em;color:#09c;}
.index-link h3{clear:both;width:100%;font-size:1.3em;color:#444;display:block;padding:10px; border-bottom-width:3px; border-bottom-style:solid;border-bottom-color:#ccc}



  /* 导航栏样式 */
    .nav {
        padding: 20px;
		background:#fff;
    }

    /* 链接样式 */
    .nav-link {
        color: #fff;
        text-decoration: none;
        margin-right: 15px;
        padding: 6px 10px;
        border-radius: 4px;
		background: #007bff;
    }

    /* 悬停效果 */
    .nav-link:hover {
        background: green;
        color: white;
		font-weight:bold;
    }






.footer{font-size:1rem;width:90%;margin:20px;}
.footer a{color:#06f}
.footer p{padding:20px;}
.top , .main, .top, .top-title, .list-title{width100%}
.top-title{text-align:center}
.top{padding:10px;}
.top .toptitle{margin:0px;padding:5px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid}
.top h3{text-align:center;color:#555;font-size:1.3em;margin:0px;padding:0px;}
.list-title{padding:10px;}
.cons{padding:20px;padding-top:0px;color:#4F4F4F;font-size:1.3rem;line-height:190%}
.cons p{text-indent:2em;margin-bottom:10px}
.cons img{max-width:100%}
.class{font-size:80%}
.class a{font-size:1.2em}
.cons h2 a{display:block;color:#ADD8E6;font-size:.8em}
.cons h3 a{display:block;color:#ADD8E6;font-size:.8em}
.center{text-align:center}

.alinks{padding:15px;}
.alinks li{width:99%;}
.alinks li a{color:#09c;font-size:1.1em;line-height:140%;}
.alinks a{color:#09c;font-size:1.1em;line-height:140%;}
.list li img{max-width:230px;display: block;border:0px;cursor:pointer;}
.class{border-bottom-width:1px; border-bottom-style:dashed;border-bottom-color:#ccc;}
.class p{color:#666;line-height:129%}
.class p a{color:#06c}
.class p a:hover{font-weight:bold;color:#FF34B3}






.copyurlt {

    background-color: #007bff;  
    color: white;              
    border: none;             
    padding: 5px 7px;      
    font-size: 104%;         
    cursor: pointer;     
    outline: none;           
    border-radius: 5px;      
    position: relative;      
    overflow: hidden;        
    transition: all 0.3s ease; 
}


.copyurlt::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #007bff, #0056b3);
    z-index: -1;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.2);
}


.copyurlt::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(0, 128, 255, 0.5) 0%, rgba(0, 128, 255, 0) 70%);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;  
}

.copyurlt:hover::after {
    opacity: 1;
}


.copyurlt:active {
    transform: scale(0.95);  
}

.hide{display:none}

.tip-fy-jft {
    float: right;
    margin: 0px;
    padding: 0px;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -2px -2px 4px rgba(255, 255, 255, 0.7);
    padding: 5px 20px;
    transition: all 0.3s ease;
    position: relative;
    top: -10px;
    display: -webkit-inline-box;
	}

@media (min-width: 768px){
body{margin:0 auto;width:67%}
.top_lgg{float:left;margin:30px;}
.o_lgg{margin-top:30px;margin-bottom:30px;text-align:center}
}