/**
 * ======================================================
 * 全局样式 - 人性化增强版
 * 版本：2.9 - 新增移动端适配辅助
 * ======================================================
 */

:root {
    --primary-50: #f5f3ff;
    --primary-100: #ede9fe;
    --primary-200: #ddd6fe;
    --primary-300: #c4b5fd;
    --primary-400: #a78bfa;
    --primary-500: #8b5cf6;
    --primary-600: #7c3aed;
    --primary-700: #6d28d9;
    --primary-800: #5b21b6;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    --white: #ffffff;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow: 0 4px 20px rgba(0,0,0,0.08);
    --transition: all 0.3s ease;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Inter', -apple-system, sans-serif; background:var(--gray-50); color:var(--gray-800); line-height:1.6; }
a { text-decoration:none; color:var(--primary-600); }
.container { max-width:1200px; margin:0 auto; padding:0 24px; }

/* ======================================================
   导航 - 保持不变
   ====================================================== */
.navbar { background:rgba(255,255,255,0.85); backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,0.3); padding:14px 0; position:sticky; top:0; z-index:1000; }
.navbar .container { display:flex; justify-content:space-between; align-items:center; }
.navbar-brand { display:flex; align-items:center; gap:12px; font-size:22px; font-weight:700; color:var(--gray-900); }
.brand-icon { font-size:30px; }
.brand-text { background:linear-gradient(135deg,var(--primary-600),#06b6d4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.navbar-nav { display:flex; align-items:center; gap:8px; }

/* ======================================================
   按钮 - 保持不变
   ====================================================== */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 24px; border:none; border-radius:var(--radius-sm); font-size:15px; font-weight:600; cursor:pointer; transition:var(--transition); }
.btn-primary { background:linear-gradient(135deg,var(--primary-600),var(--primary-700)); color:white; box-shadow:0 4px 14px rgba(124,58,237,0.35); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(124,58,237,0.45); }
.btn-outline { background:transparent; color:var(--gray-700); border:2px solid var(--gray-200); }
.btn-outline:hover { border-color:var(--primary-500); color:var(--primary-600); background:var(--primary-50); }
.btn-danger { background:linear-gradient(135deg,#ef4444,#dc2626); color:white; }
.btn-sm { padding:6px 14px; font-size:13px; }
.btn-block { width:100%; justify-content:center; }
.btn-large { padding:14px 36px; font-size:17px; border-radius:var(--radius-md); }
.btn-rounded { border-radius:50px; }
.btn-ghost { background:transparent; color:var(--gray-600); }
.btn-ghost:hover { background:var(--gray-100); }
.btn-glow { animation:glow 2s ease-in-out infinite; }
@keyframes glow { 0%,100% { box-shadow:0 4px 14px rgba(124,58,237,0.35); } 50% { box-shadow:0 4px 30px rgba(124,58,237,0.6); } }
.btn:disabled { opacity:0.5; cursor:not-allowed; transform:none !important; }

/* ======================================================
   表单 - 保持不变
   ====================================================== */
.form-group { margin-bottom:20px; }
.form-group label { display:block; font-weight:600; margin-bottom:6px; font-size:14px; color:var(--gray-700); }
.form-group .required { color:#ef4444; }
.form-control { width:100%; padding:12px 16px; border:2px solid var(--gray-200); border-radius:var(--radius-sm); font-size:15px; transition:var(--transition); }
.form-control:focus { outline:none; border-color:var(--primary-500); box-shadow:0 0 0 4px rgba(124,58,237,0.1); }
.form-hint { display:block; font-size:13px; color:var(--gray-500); margin-top:4px; }
.checkbox-label { display:flex; align-items:center; gap:10px; cursor:pointer; font-size:14px; color:var(--gray-600); }
.checkbox-label input[type="checkbox"] { width:18px; height:18px; accent-color:var(--primary-600); }
.input-group { display:flex; gap:8px; }
.input-group .form-control { flex:1; }

/* ======================================================
   警告框 - 保持不变
   ====================================================== */
.alert { padding:16px 20px; border-radius:var(--radius-sm); margin-bottom:20px; border-left:4px solid transparent; display:flex; align-items:flex-start; gap:12px; }
.alert-error { background:#fef2f2; border-color:#ef4444; color:#991b1b; }
.alert-success { background:#ecfdf5; border-color:#10b981; color:#065f46; }
.alert-warning { background:#fffbeb; border-color:#f59e0b; color:#92400e; }
.alert-icon { font-size:20px; flex-shrink:0; }
.alert-content { flex:1; }

/* ======================================================
   认证页面 - 保持不变
   ====================================================== */
.auth-page { min-height:calc(100vh - 140px); display:flex; align-items:center; justify-content:center; padding:40px 20px; background:linear-gradient(135deg,var(--primary-50),var(--gray-100)); }
.auth-box { background:rgba(255,255,255,0.7); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.3); border-radius:var(--radius-lg); padding:40px 48px; max-width:440px; width:100%; box-shadow:0 20px 60px rgba(0,0,0,0.08); }
.auth-box.register-box { max-width:480px; }
.auth-header { text-align:center; margin-bottom:32px; }
.auth-header .auth-icon { font-size:48px; margin-bottom:12px; }
.auth-header h2 { font-size:28px; font-weight:700; }
.auth-header p { color:var(--gray-500); }
.auth-footer { text-align:center; margin-top:24px; padding-top:20px; border-top:1px solid var(--gray-200); }
.auth-footer p { font-size:14px; color:var(--gray-500); }
.auth-footer a { color:var(--primary-600); font-weight:600; }

/* ======================================================
   卡片 - 保持不变
   ====================================================== */
.card { background:rgba(255,255,255,0.7); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.3); border-radius:var(--radius-md); box-shadow:var(--shadow); padding:24px 28px; transition:var(--transition); }
.card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,0.1); }

/* ======================================================
   状态徽章 - 保持不变
   ====================================================== */
.badge { display:inline-flex; align-items:center; gap:4px; padding:4px 14px; border-radius:50px; font-size:12px; font-weight:600; }
.badge-pending { background:#fef3c7; color:#92400e; }
.badge-processing { background:#dbeafe; color:#1e40af; animation:pulse 1.5s ease-in-out infinite; }
.badge-completed { background:#d1fae5; color:#065f46; }
.badge-failed { background:#fee2e2; color:#991b1b; }
.badge-cancelled { background:#f3f4f6; color:#4b5563; }
@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:0.6; } }

/* ======================================================
   表格 - 保持不变
   ====================================================== */
.table-wrapper { overflow-x:auto; border-radius:var(--radius-sm); border:1px solid var(--gray-200); }
.table { width:100%; border-collapse:collapse; font-size:14px; }
.table thead { background:var(--gray-50); }
.table th { padding:12px 16px; text-align:left; font-weight:600; color:var(--gray-600); font-size:12px; border-bottom:2px solid var(--gray-200); }
.table td { padding:14px 16px; border-bottom:1px solid var(--gray-100); vertical-align:middle; }
.table tbody tr:hover { background:var(--primary-50); }

/* ======================================================
   分页 - 保持不变
   ====================================================== */
.pagination { display:flex; justify-content:center; gap:4px; margin-top:24px; }
.page-link { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 14px; border-radius:var(--radius-sm); font-size:14px; color:var(--gray-600); background:var(--white); border:1px solid var(--gray-200); transition:var(--transition); }
.page-link:hover { border-color:var(--primary-500); color:var(--primary-600); }
.page-link.active { background:linear-gradient(135deg,var(--primary-600),var(--primary-700)); color:white; border-color:var(--primary-600); }

/* ======================================================
   首页Hero - 保持不变
   ====================================================== */
.hero { padding:80px 0 100px; background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%); min-height:600px; display:flex; align-items:center; position:relative; overflow:hidden; }
.hero .container { position:relative; z-index:1; }
.hero-content { max-width:800px; margin:0 auto; text-align:center; }
.hero-badge { display:inline-block; background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.15); padding:6px 20px; border-radius:50px; font-size:13px; color:rgba(255,255,255,0.8); margin-bottom:24px; }
.hero-badge span { color:var(--primary-300); font-weight:600; }
.hero-title { font-size:56px; font-weight:800; line-height:1.1; color:white; margin-bottom:20px; }
.hero-title .gradient-text { background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-desc { font-size:19px; color:rgba(255,255,255,0.7); max-width:600px; margin:0 auto 36px; line-height:1.8; }
.hero-actions { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.hero-stats { display:flex; justify-content:center; gap:60px; margin-top:56px; padding-top:40px; border-top:1px solid rgba(255,255,255,0.08); }
.stat-item { text-align:center; }
.stat-number { display:block; font-size:34px; font-weight:700; color:white; }
.stat-number .plus { color:var(--primary-400); font-size:28px; }
.stat-label { font-size:14px; color:rgba(255,255,255,0.6); margin-top:4px; }

/* ======================================================
   功能特性 - 保持不变
   ====================================================== */
.section { padding:80px 0; }
.section-header { text-align:center; margin-bottom:48px; }
.section-tag { display:inline-block; background:var(--primary-100); color:var(--primary-700); padding:4px 16px; border-radius:50px; font-size:13px; font-weight:600; margin-bottom:12px; }
.section-header h2 { font-size:38px; font-weight:700; margin-bottom:12px; }
.section-header p { font-size:18px; color:var(--gray-500); max-width:500px; margin:0 auto; }
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.feature-card { background:var(--white); border-radius:var(--radius-lg); padding:32px 28px; text-align:center; transition:var(--transition); border:1px solid var(--gray-100); }
.feature-card:hover { transform:translateY(-8px); box-shadow:0 20px 50px rgba(0,0,0,0.08); }
.feature-icon-wrapper { width:72px; height:72px; margin:0 auto 16px; background:linear-gradient(135deg,var(--primary-100),var(--primary-200)); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:32px; }
.feature-card h3 { font-size:20px; font-weight:600; margin-bottom:8px; }
.feature-card p { color:var(--gray-500); font-size:15px; line-height:1.7; }

/* ======================================================
   控制台 - 保持不变
   ====================================================== */
.dashboard-page { padding:30px 0 60px; }
.dashboard-header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:30px; }
.welcome-section h1 { font-size:28px; font-weight:700; }
.welcome-desc { color:var(--gray-500); font-size:16px; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:40px; }
.stat-card { background:var(--white); border-radius:var(--radius-md); padding:20px 24px; box-shadow:0 2px 10px rgba(0,0,0,0.04); display:flex; align-items:center; gap:16px; border:1px solid var(--gray-100); transition:var(--transition); }
.stat-card:hover { transform:translateY(-4px); box-shadow:0 8px 30px rgba(0,0,0,0.08); }
.stat-icon { width:48px; height:48px; border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
.stat-icon.purple { background:var(--primary-100); }
.stat-icon.blue { background:#dbeafe; }
.stat-icon.green { background:#d1fae5; }
.stat-icon.yellow { background:#fef3c7; }
.stat-content .stat-number { font-size:28px; font-weight:700; color:var(--gray-900); }
.stat-content .stat-label { font-size:14px; color:var(--gray-500); }
.task-list-wrapper { background:var(--white); border-radius:var(--radius-md); border:1px solid var(--gray-100); overflow:hidden; }
.task-list-header { padding:16px 24px; border-bottom:1px solid var(--gray-100); display:flex; justify-content:space-between; align-items:center; }
.task-list-header h3 { font-size:18px; font-weight:600; }

/* ======================================================
   任务详情 - 保持不变
   ====================================================== */
.task-detail-page { padding:30px 0 60px; }
.breadcrumb { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--gray-500); margin-bottom:24px; }
.breadcrumb a { color:var(--primary-600); }
.task-header-card { background:var(--white); border-radius:var(--radius-md); padding:20px 24px; margin-bottom:24px; border:1px solid var(--gray-100); }
.task-title-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.task-title-row h1 { font-size:20px; font-weight:600; margin:0; }
.task-meta { display:flex; flex-wrap:wrap; gap:16px; font-size:13px; color:var(--gray-500); margin-top:8px; }
.conversation-container { background:var(--white); border-radius:var(--radius-md); padding:24px; margin-bottom:24px; border:1px solid var(--gray-100); }
.conversation-list { max-height:600px; overflow-y:auto; }
.conv-message { padding:12px 16px; border-radius:8px; margin-bottom:12px; border-left:4px solid #d1d5db; }
.conv-message.system { background:#fef3c7; border-left-color:#f59e0b; }
.conv-message.assistant { background:#f0fdf4; border-left-color:#22c55e; }
.conv-message.user { background:#ede9fe; border-left-color:#8b5cf6; }
.conv-header { display:flex; justify-content:space-between; font-size:12px; color:var(--gray-500); margin-bottom:4px; }
.conv-role { font-weight:600; }
.conv-round { background:var(--gray-200); padding:0 8px; border-radius:4px; font-size:11px; margin-left:8px; }
.conv-body { font-size:14px; line-height:1.7; white-space:pre-wrap; word-wrap:break-word; }
.article-preview-block { background:var(--gray-50); padding:12px; border-radius:4px; border:1px solid var(--gray-200); font-size:13px; line-height:1.6; max-height:300px; overflow-y:auto; }
.expand-link { color:var(--primary-500); cursor:pointer; font-weight:500; }
.final-article { background:var(--white); border-radius:var(--radius-md); padding:24px; margin-bottom:24px; border:1px solid var(--gray-100); }
.article-content { background:var(--gray-50); padding:20px; border-radius:8px; }
.article-content h4 { font-size:18px; margin-bottom:12px; }
.content-body { white-space:pre-wrap; font-size:14px; line-height:1.8; max-height:500px; overflow-y:auto; }
.article-meta { display:flex; gap:20px; margin-top:12px; font-size:13px; color:var(--gray-500); }
.article-actions { display:flex; gap:10px; margin-top:16px; }
.task-actions { display:flex; gap:12px; flex-wrap:wrap; }

/* ======================================================
   新建任务 - 保持不变
   ====================================================== */
.new-task-page { padding:30px 0 60px; }
.task-form-wrapper { background:var(--white); border-radius:var(--radius-lg); padding:32px 36px; max-width:720px; margin:0 auto; box-shadow:0 4px 20px rgba(0,0,0,0.06); border:1px solid var(--gray-100); }
.task-form .form-actions { display:flex; gap:12px; margin-top:24px; }
.writing-tips { max-width:720px; margin:30px auto 0; background:var(--gray-50); border-radius:var(--radius-lg); padding:24px 32px; border:1px solid var(--gray-100); }
.writing-tips h3 { font-size:18px; margin-bottom:12px; }
.writing-tips ul { list-style:none; padding:0; }
.writing-tips li { padding:6px 0; padding-left:24px; position:relative; font-size:14px; color:var(--gray-600); }
.writing-tips li::before { content:'•'; position:absolute; left:0; color:var(--primary-500); font-weight:700; }

/* ======================================================
   设置 - 保持不变
   ====================================================== */
.settings-page { padding:30px 0 60px; }
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.settings-card { background:var(--white); border-radius:var(--radius-md); padding:24px 28px; border:1px solid var(--gray-100); }
.card-header { margin-bottom:20px; }
.card-header h3 { font-size:18px; font-weight:600; margin-bottom:4px; }
.card-header p { font-size:14px; color:var(--gray-500); }
.api-test { margin-top:16px; padding-top:16px; border-top:1px solid var(--gray-200); }

/* ======================================================
   空状态 - 保持不变
   ====================================================== */
.empty-state { text-align:center; padding:60px 20px; }
.empty-icon { font-size:64px; margin-bottom:16px; }
.empty-state h3 { font-size:22px; font-weight:600; margin-bottom:8px; }
.empty-state p { color:var(--gray-500); margin-bottom:20px; }

/* ======================================================
   页脚 - 保持不变
   ====================================================== */
.footer { background:var(--white); border-top:1px solid var(--gray-200); padding:32px 0; margin-top:40px; }
.footer .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.footer-copy { font-size:14px; color:var(--gray-500); }
.footer-links { display:flex; gap:20px; }
.footer-links a { font-size:14px; color:var(--gray-500); transition:var(--transition); }
.footer-links a:hover { color:var(--primary-600); }

/* ======================================================
   ⭐ 人性化文章样式 - 新增
   ====================================================== */

/* 人性化文章内容 - 模拟人类写作的自然起伏 */
.humanized-content {
    font-size: 16px;
    line-height: 1.9;
    color: #1f2937;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 段落自然间距 - 有起伏，不是每段都一样 */
.humanized-content p {
    margin-bottom: 0.6em;
    line-height: 1.9;
}

/* 不同段落有不同间距（通过随机类模拟） */
.humanized-content p.normal-gap {
    margin-bottom: 0.8em;
}

.humanized-content p.small-gap {
    margin-bottom: 0.3em;
}

.humanized-content p.large-gap {
    margin-bottom: 1.2em;
}

/* 偶尔的超短句 - 单独成行，增加节奏感 */
.humanized-content .short-sentence {
    font-size: 16px;
    font-weight: 500;
    color: #111827;
    padding: 4px 0;
}

/* 思维跳跃标记 - 模拟人类跑题 */
.humanized-content .thought-jump {
    color: #6b7280;
    font-style: italic;
    padding: 6px 12px;
    border-left: 3px solid #c4b5fd;
    margin: 8px 0;
    background: #faf5ff;
    border-radius: 0 6px 6px 0;
}

/* 自我修正标记 - 模拟人类说错话改口 */
.humanized-content .self-correction {
    color: #92400e;
    background: #fffbeb;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 400;
}

/* 个人化表达 - 强调"我"的主观感受 */
.humanized-content .personal-view {
    color: #4c1d95;
    font-weight: 500;
}

/* 口语化助词 - 自然的语气词 */
.humanized-content .colloquial {
    color: #6b7280;
    font-weight: 400;
}

/* 模糊表达 - 模拟人类不精确的表达习惯 */
.humanized-content .vague {
    color: #6b7280;
    font-style: italic;
}

/* 重复强调 - 模拟人类为了强调而重复 */
.humanized-content .emphasis-repeat {
    font-weight: 600;
    color: #1e293b;
}

/* 过渡词 - 自然的段落过渡 */
.humanized-content .natural-transition {
    color: #4b5563;
    font-weight: 500;
}

/* 引用/对话 - 自然的人类对话感 */
.humanized-content .dialogue {
    padding: 8px 16px;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 3px solid #94a3b8;
    margin: 8px 0;
    font-style: italic;
    color: #334155;
}

/* 金句 - 但不要每300字一句，自然出现 */
.humanized-content .quote-gem {
    font-weight: 600;
    color: #1e293b;
    padding: 4px 0;
    border-bottom: 2px solid #e5e7eb;
    display: inline-block;
}

/* ======================================================
   ⭐ 人性化标记显示 - 用于编辑界面
   ====================================================== */

/* 人性化处理标识 */
.humanized-badge {
    display: inline-block;
    background: #d1fae5;
    color: #065f46;
    padding: 2px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
}

/* 人性化处理程度指示器 */
.humanize-level {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #6b7280;
}

.humanize-level .level-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.humanize-level .level-dot.l1 { background: #d1d5db; }
.humanize-level .level-dot.l2 { background: #93c5fd; }
.humanize-level .level-dot.l3 { background: #6ee7b7; }
.humanize-level .level-dot.l4 { background: #34d399; }
.humanize-level .level-dot.l5 { background: #10b981; }

/* ======================================================
   ⭐ 人性化编辑意见 - 用于质检报告
   ====================================================== */

/* 编辑意见 - 人话风格 */
.editor-feedback {
    background: #f8fafc;
    border-radius: 8px;
    padding: 16px 20px;
    border-left: 4px solid #8b5cf6;
    margin: 12px 0;
    font-size: 14px;
    line-height: 1.8;
    color: #1e293b;
}

.editor-feedback .feedback-label {
    font-weight: 600;
    color: #4c1d95;
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
}

.editor-feedback .feedback-content {
    white-space: pre-wrap;
}

/* 编辑意见 - 通过 */
.editor-feedback.pass {
    border-left-color: #10b981;
    background: #ecfdf5;
}

.editor-feedback.pass .feedback-label {
    color: #065f46;
}

/* 编辑意见 - 需要修改 */
.editor-feedback.revise {
    border-left-color: #f59e0b;
    background: #fffbeb;
}

.editor-feedback.revise .feedback-label {
    color: #92400e;
}

/* ======================================================
   ⭐ 人性化写作提示 - 用于写作指令
   ====================================================== */

.human-prompt {
    background: #f5f3ff;
    border-radius: 8px;
    padding: 16px 20px;
    border: 1px solid #c4b5fd;
    margin: 12px 0;
}

.human-prompt .prompt-label {
    font-weight: 600;
    color: #4c1d95;
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
}

.human-prompt .prompt-content {
    white-space: pre-wrap;
    font-size: 14px;
    line-height: 1.8;
    color: #1e293b;
}

/* ======================================================
   ⭐ 新增：移动端辅助类（PC端隐藏/显示控制）
   ====================================================== */

/* 默认在PC端隐藏，手机端显示 */
.show-mobile {
    display: none !important;
}

/* 默认在手机端隐藏，PC端显示 */
.hide-mobile {
    display: block !important;
}

/* 汉堡菜单按钮 - PC端隐藏 */
.navbar-toggle {
    display: none !important;
}

/* ⭐ 底部导航 - PC端隐藏（手机端由mobile.css强制显示） */
.bottom-nav {
    display: none !important;
}

/* 抽屉菜单 - PC端隐藏 */
.drawer-overlay {
    display: none !important;
}
.drawer-menu {
    display: none !important;
}

/* ======================================================
   ⭐ 新增：卡片列表模式（用于移动端表格替代）
   ====================================================== */
.card-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
}
.card-list .card-item {
    background: white;
    border-radius: var(--radius-md);
    padding: 16px;
    box-shadow: var(--shadow);
    border: 1px solid var(--gray-100);
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: var(--transition);
}
.card-list .card-item:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}
.card-list .card-item .item-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.card-list .card-item .item-title {
    font-weight: 600;
    font-size: 15px;
    color: #1f2937;
    flex: 1;
    min-width: 0;
    word-break: break-word;
}
.card-list .card-item .item-title a {
    color: #1f2937;
    transition: color 0.2s;
}
.card-list .card-item .item-title a:hover {
    color: var(--primary-600);
}
.card-list .card-item .item-meta {
    font-size: 12px;
    color: #9ca3af;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.card-list .card-item .item-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.card-list .card-item .item-actions .btn {
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 6px;
    min-height: 32px;
}

/* ======================================================
   ⭐ 响应式 - 手机端适配（由 mobile.css 覆盖）
   ====================================================== */

/* 注意：手机端详细适配样式在 /assets/css/mobile.css 中 */
/* 此处仅保留PC端的样式，手机端样式由 mobile.css 覆盖 */

/* ======================================================
   响应式 - 页面布局（PC端原有，保留）
   ====================================================== */
@media (max-width:992px) {
    .hero-title { font-size:38px; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .features-grid { grid-template-columns:repeat(2,1fr); }
    .settings-grid { grid-template-columns:1fr; }
}
@media (max-width:768px) {
    /* 注意：手机端样式已移至 mobile.css */
    /* 此处只保留PC端原有的小屏适配，会被mobile.css覆盖 */
    .hero { padding:60px 0; }
    .hero-title { font-size:30px; }
    .hero-desc { font-size:16px; }
    .hero-stats { gap:30px; flex-wrap:wrap; }
    .auth-box { padding:28px 20px; }
    .stats-grid { grid-template-columns:1fr 1fr; gap:12px; }
    .features-grid { grid-template-columns:1fr; }
    .task-title-row { flex-direction:column; align-items:flex-start; }
    .settings-grid { grid-template-columns:1fr; }
    .dashboard-header { flex-direction:column; align-items:flex-start; }
}