* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;}
h1, h2, h3, h4, h5 {font-size: 1.5rem;font-weight: 600;text-align: center;line-height: 1.2;margin-bottom: .5rem;margin-top: .5rem;}
body {background-color: #f8f9fa;color: #333;min-width: 1120px;overflow-x: hidden;}
.hide{ display: none; }
.clear{ clear: both;}
.site-header{position: fixed; height:60px; background-color:white; box-shadow:0 2px 10px rgba(0,0,0,0.1); z-index:1000; width: 100%; top:0; }
.site-header .header-container{width: 1200px; min-width:1200px;height:100%;margin:0 auto; display:flex; align-items:center;}
.site-header .logo-area{display:flex;align-items:center;margin-right:40px;font-size:22px;font-weight:700;color:#3498db;}
.site-header .logo-area img {width:40px;height:40px;background-color:#3498db;border-radius:6px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:20px;margin-right:10px}

.site-header .nav-menu{flex:1;display:flex;height:100%}
.site-header .nav-list{display:flex;list-style:none;height:100%}
.site-header .nav-item{position:relative;height:100%}
.site-header .nav-link{display:flex;align-items:center;height:100%;padding:0 20px;color:var(--text-color);text-decoration:none;font-size:16px;transition:all 0.3s;position:relative}
.site-header .nav-link:hover{color:#3498db}
.site-header .nav-link.active{color:#3498db}
.site-header .nav-link.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#3498db}
.site-header .dropdown{position:relative}
.site-header .dropdown-toggle::after{content:"鈻�";margin-left:5px;font-size:12px}
.site-header .dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background-color:white;box-shadow:0 5px 20px rgba(0,0,0,0.15);border-radius:0 0 6px 6px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s;z-index:100}
.site-header .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.site-header .dropdown-item{display:block;padding:12px 20px;color:var(--text-color);text-decoration:none;border-bottom:1px solid #f1f1f1;transition:all 0.2s}
.site-header .dropdown-item:last-child{border-bottom:none}
.site-header .dropdown-item:hover{background-color:#f8f9fa;color:#3498db}
.site-header .user-area{display:flex;align-items:center}
.site-header .user-info{display:flex;align-items:center;padding:8px 15px;border-radius:30px;transition:background-color 0.3s;cursor:pointer}
.site-header .user-info:hover{background-color:#f5f7fa}
.site-header .user-avatar{width:36px;height:36px;border-radius:50%;background-color:#3498db;color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-right:10px}
.site-header .user-name{font-size:15px;color:var(--text-color)}
.site-header .auth-buttons{display:flex;align-items:center}
.site-header .btn-login,.btn-register{padding:8px 20px;border-radius:4px;text-decoration:none;font-size:15px;transition:all 0.3s}
.site-header .btn-login{color:#3498db;border:1px solid #3498db;margin-right:10px}
.site-header .btn-login:hover{background-color:#3498db;color:white}
.site-header .btn-register{background-color:#3498db;color:white}
.site-header .btn-register:hover{background-color:var(--primary-dark)}

.site-footer{background-color:#2c3e50;color:#ecf0f1;padding:6px 0;position: fixed; bottom: 0;left: 0; right: 0; }
.site-footer .footer-bottom{text-align:center}
.site-footer .copyright{color:#95a5a6;font-size:14px;margin-bottom:10px}
.site-footer .footer-links-horizontal{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;margin-bottom:10px}
.site-footer .footer-links-horizontal li{margin:0 15px 10px}
.site-footer .footer-links-horizontal a{color:#95a5a6;text-decoration:none;font-size:13px;transition:color 0.3s}
.site-footer .footer-links-horizontal a:hover{color:#3498db}
.site-footer .icp-info{color:#7f8c8d;font-size:12px}
.site-footer .icp-info a{color:#7f8c8d;text-decoration:none}
.site-footer .icp-info a:hover{color:#3498db}




/* SEO关键词模块 */
.seo-friendlink {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 12px;
}

.seo-friendlink h3 {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    font-weight: 500;
}

.friendlink-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.friendlink-link {
    display: inline-block;
    padding: 6px 14px;
    background-color: white;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s;
}

.friendlink-link:hover {
    background-color: #3498db;
    color: white;
    border-color: #3498db;
    transform: translateY(-2px);
}