/* ===== 免费工具站 - 全局通用样式 ===== */
:root {
    --primary: #165DFF;
    --primary-light: #e8f0ff;
    --success: #00B42A;
    --success-bg: #e8f8e8;
    --warning: #FF7D00;
    --danger: #F53F3F;
    --bg: #f5f7fa;
    --card-bg: #ffffff;
    --text: #1d2129;
    --text-secondary: #4e5969;
    --text-muted: #86909c;
    --border: #e5e6eb;
    --radius: 8px;
    --shadow: 0 2px 8px rgba(0,0,0,0.06);
}
[data-theme="dark"] {
    --bg: #1a1a2e;
    --card-bg: #16213e;
    --text: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #808080;
    --border: #2a2a4a;
    --shadow: 0 2px 8px rgba(0,0,0,0.3);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    background: var(--bg); color: var(--text); min-height: 100vh; transition: background 0.3s, color 0.3s;
}
.container { max-width: 900px; margin: 0 auto; padding: 0 16px; }
/* ===== 顶部免费横幅 ===== */
.free-banner {
    background: var(--success-bg); color: #00B42A; text-align: center; padding: 8px 16px;
    font-size: 13px; font-weight: 500;
}
.free-banner span { margin: 0 12px; }
/* ===== 头部 ===== */
header {
    background: linear-gradient(135deg, #165DFF, #0a42c0);
    color: white; padding: 32px 0 24px; text-align: center;
}
header h1 { font-size: 24px; margin-bottom: 6px; }
header p { opacity: 0.9; font-size: 14px; }
header .slogan { margin-top: 8px; font-size: 13px; opacity: 0.8; }
/* ===== 面包屑 ===== */
.breadcrumb { font-size: 13px; color: var(--text-muted); padding: 12px 0; }
.breadcrumb a { color: var(--primary); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
/* ===== 卡片 ===== */
.card {
    background: var(--card-bg); border-radius: var(--radius); padding: 24px;
    box-shadow: var(--shadow); margin-bottom: 16px;
}
/* ===== 广告位占位 ===== */
.ad-placeholder {
    background: var(--border); border-radius: 4px; display: flex;
    align-items: center; justify-content: center; color: var(--text-muted);
    font-size: 12px; margin: 20px 0;
}
.ad-728x90 { width: 100%; max-width: 728px; height: 90px; margin: 20px auto; }
.ad-320x100 { width: 100%; max-width: 320px; height: 100px; margin: 20px auto; display: none; }
.ad-300x250 { width: 100%; max-width: 300px; height: 250px; margin: 20px auto; }
@media (max-width: 768px) { .ad-728x90 { display: none; } .ad-320x100 { display: block; } }
/* ===== 按钮 ===== */
.btn {
    display: inline-flex; align-items: center; gap: 6px; border: none;
    padding: 10px 22px; border-radius: var(--radius); font-size: 14px;
    cursor: pointer; transition: all 0.2s; font-weight: 500;
}
.btn-primary { background: var(--primary); color: white; }
.btn-primary:hover { opacity: 0.9; }
.btn-success { background: var(--success); color: white; }
.btn-success:hover { opacity: 0.9; }
.btn-danger { background: var(--danger); color: white; }
.btn-danger:hover { opacity: 0.9; }
.btn-outline { background: transparent; border: 1px solid var(--border); color: var(--text); }
.btn-outline:hover { border-color: var(--primary); color: var(--primary); }
.btn-sm { padding: 6px 14px; font-size: 12px; }
/* ===== 文件拖拽区 ===== */
.drop-zone {
    border: 2px dashed var(--border); border-radius: var(--radius);
    padding: 40px 20px; text-align: center; cursor: pointer;
    transition: all 0.3s; margin-bottom: 16px;
}
.drop-zone:hover, .drop-zone.dragover { border-color: var(--primary); background: var(--primary-light); }
.drop-zone .icon { font-size: 40px; display: block; margin-bottom: 8px; }
.drop-zone .text { font-size: 14px; color: var(--text-secondary); }
.drop-zone .hint { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
/* ===== 表单 ===== */
.form-group { margin-bottom: 12px; }
.form-group label { display: block; font-size: 13px; color: var(--text-muted); margin-bottom: 4px; }
.form-group input, .form-group select {
    width: 100%; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius);
    font-size: 14px; background: var(--card-bg); color: var(--text);
}
.form-group input:focus, .form-group select:focus { outline: none; border-color: var(--primary); }
.form-row { display: flex; gap: 12px; flex-wrap: wrap; }
.form-row .form-group { flex: 1; min-width: 120px; }
/* ===== 隐私声明 ===== */
.privacy-note {
    background: var(--primary-light); border-radius: var(--radius);
    padding: 14px 18px; font-size: 13px; color: var(--primary); margin: 16px 0;
    text-align: center;
}
/* ===== 页脚 ===== */
footer {
    text-align: center; padding: 30px 0; color: var(--text-muted);
    font-size: 13px; border-top: 1px solid var(--border); margin-top: 30px;
}
.theme-toggle {
    position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px;
    border-radius: 50%; background: var(--card-bg); border: 1px solid var(--border);
    cursor: pointer; font-size: 18px; box-shadow: var(--shadow); z-index: 100;
    display: flex; align-items: center; justify-content: center;
}
@media (max-width: 600px) { .card { padding: 16px; } header h1 { font-size: 20px; } }