/* 公共样式文件 - 版权：宣城市农哥电子商务有限公司  邮箱：240226193@qq.com */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei','Arial',sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;}

/* 头部样式 */
.site-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}
.navbar{padding:0;}
.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;}
.site-logo a{color:white;text-decoration:none;font-size:24px;font-weight:bold;transition:opacity 0.3s ease;}
.site-logo a:hover{opacity:0.8;}
.language-switch{display:flex;align-items:center;gap:8px;}
.language-switch a{color:white;text-decoration:none;padding:5px 10px;border-radius:4px;transition:background-color 0.3s ease;}
.language-switch a.active{background-color:rgba(255,255,255,0.2);}
.language-switch a:hover{background-color:rgba(255,255,255,0.1);}

/* 主内容区域 */
.site-main{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:calc(100vh - 200px);}

/* 底部样式 */
.site-footer{background-color:#333;color:white;padding:20px 0;}
.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;}
.footer-content p{margin:5px 0;opacity:0.8;}

/* PC端特有样式 */
.pc .site-main{padding:5px 80px;}
.pc .nav-container{height:80px;}
.pc .site-logo a{font-size:28px;}

/* 移动端特有样式 */
.mobile .nav-container{height:60px;padding:0 15px;}
.mobile .site-logo a{font-size:20px;}
.mobile .language-switch{gap:5px;}
.mobile .language-switch a{padding:3px 8px;font-size:14px;}
.mobile .site-main{padding:20px 15px;}

/* 工具卡片样式 */
.tool-card{background:white;border-radius:12px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.1);margin-bottom:30px;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15);}
.mobile .tool-card{padding:20px;margin-bottom:20px;}

/* 按钮样式 - 优化视觉对比 */
.btn{display:inline-block;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;text-decoration:none;font-size:16px;font-weight:600;transition:all 0.3s ease;text-align:center;min-width:120px;position:relative;overflow:hidden;}
.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}
.btn:hover::before{left:100%;}
.btn-primary{background:linear-gradient(135deg,#4158d0 0%,#c850c0 100%);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 4px 15px rgba(65,88,208,0.4);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(65,88,208,0.5);}
.btn-secondary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 4px 15px rgba(102,126,234,0.3);}
.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,0.4);}
.mobile .btn{padding:10px 20px;font-size:14px;min-width:100px;}

/* 表单样式 */
.form-group{margin-bottom:20px;}
.form-label{display:block;margin-bottom:8px;font-weight:600;color:#333;}
.form-control{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:6px;font-size:16px;transition:border-color 0.3s ease,box-shadow 0.3s ease;}
.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}
.mobile .form-control{padding:10px 14px;font-size:14px;}

/* 响应式设计 */
@media (max-width:768px){.nav-container{flex-direction:column;height:auto!important;padding:15px;}.site-logo{margin-bottom:10px;}.language-switch{margin-top:10px;}}

/* 返回首页功能样式 */
.nav-left{display:flex;align-items:center;gap:20px;}
.nav-right{display:flex;align-items:center;gap:15px;}
.home-link{display:flex;align-items:center;}
.home-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;text-decoration:none;border-radius:20px;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(102,126,234,0.2);}
.home-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.3);}
.home-icon{font-size:16px;}
.home-text{font-size:14px;}
.mobile .nav-left{gap:10px;flex:1;}
.mobile .nav-right{gap:10px;}
.mobile .home-btn{padding:6px 12px;gap:6px;}
.mobile .home-icon{font-size:14px;}
.mobile .home-text{font-size:12px;}