/* 青拾工具箱 - 公共样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,'PingFang SC','Microsoft YaHei','Helvetica Neue',sans-serif;color:#333;line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}

.site-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:0}
.site-nav{max-width:1200px;margin:0 auto;padding:18px 40px;display:flex;justify-content:space-between;align-items:center}
.site-logo{font-size:22px;font-weight:700;letter-spacing:2px}
.site-logo span{opacity:.7;font-weight:400;font-size:14px;margin-left:8px}
.site-nav ul{display:flex;gap:32px;list-style:none}
.site-nav ul li a{font-size:15px;opacity:.85;transition:opacity .2s}
.site-nav ul li a:hover{opacity:1}
.site-nav-right{display:flex;align-items:center;gap:14px;font-size:14px}
.nav-login,.nav-register,.nav-user,.nav-logout{padding:6px 16px;border-radius:20px;transition:all .2s;font-size:13px}
.nav-login{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}
.nav-login:hover{background:rgba(255,255,255,.25)}
.nav-register{background:#fff;color:#667eea;font-weight:600}
.nav-register:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.1)}
.nav-user{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}
.nav-logout{background:transparent;opacity:.75}
.nav-logout:hover{opacity:1}

.site-footer{background:#1a1d2b;color:#9aa1b3;padding:50px 40px 24px;font-size:13px}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:30px}
.footer-col h4{color:#fff;font-size:14px;margin-bottom:14px;font-weight:600}
.footer-col p,.footer-col a{display:block;margin-bottom:8px;color:#9aa1b3;line-height:1.8}
.footer-col a:hover{color:#fff}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid #2a2e3f;text-align:center;line-height:2}
.footer-bottom a{color:#9aa1b3}
.footer-bottom a:hover{color:#fff}

@media(max-width:768px){
  .site-nav{padding:14px 16px;flex-wrap:wrap;gap:10px}
  .site-nav ul{gap:18px}
  .footer-inner{grid-template-columns:1fr 1fr;gap:24px}
}