/* 依稀码智算 - 主样式 */
:root {
    --yxm-primary: #2563eb;
    --yxm-dark: #1e293b;
    --yxm-gradient: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
}

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; }

/* Hero区域 */
.hero-section {
    background: var(--yxm-gradient);
    color: #fff;
    padding: 80px 0 60px;
}
.hero-section h1 { font-size: 2.5rem; font-weight: 700; }
.hero-section .lead { font-size: 1.2rem; opacity: .9; }

/* 特性卡片 */
.feature-card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    transition: transform .2s, box-shadow .2s;
    height: 100%;
}
.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.feature-icon {
    width: 56px; height: 56px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
    background: var(--yxm-gradient);
    color: #fff;
}

/* 套餐卡片 */
.package-card {
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    transition: all .2s;
    height: 100%;
}
.package-card:hover, .package-card.hot {
    border-color: var(--yxm-primary);
    box-shadow: 0 4px 20px rgba(37,99,235,.15);
}
.package-card.hot { position: relative; }
.package-card.hot::before {
    content: '热门';
    position: absolute; top: -1px; right: 20px;
    background: #ef4444; color: #fff;
    padding: 2px 12px; border-radius: 0 0 8px 8px;
    font-size: .75rem;
}
.package-price { font-size: 2rem; font-weight: 700; color: var(--yxm-primary); }
.package-price small { font-size: .9rem; font-weight: 400; color: #64748b; }

/* 统计数字 */
.stat-number { font-size: 2rem; font-weight: 700; color: var(--yxm-primary); }

/* 侧边栏 */
.sidebar-nav .nav-link {
    color: #475569;
    border-radius: 8px;
    padding: 10px 16px;
    margin-bottom: 2px;
}
.sidebar-nav .nav-link:hover { background: #f1f5f9; }
.sidebar-nav .nav-link.active {
    background: var(--yxm-primary);
    color: #fff;
}

/* 卡片通用 */
.card { border: none; box-shadow: 0 1px 6px rgba(0,0,0,.06); border-radius: 12px; }

/* 表格 */
.table th { font-weight: 600; white-space: nowrap; }

/* 后台侧边栏 */
.admin-sidebar {
    min-height: calc(100vh - 56px);
    background: var(--yxm-dark);
}
.admin-sidebar .nav-link { color: #94a3b8; padding: 10px 20px; }
.admin-sidebar .nav-link:hover { color: #fff; background: rgba(255,255,255,.1); }
.admin-sidebar .nav-link.active { color: #fff; background: var(--yxm-primary); }

/* 登录/注册页 */
.auth-container { max-width: 420px; margin: 60px auto; }

/* 响应式 */
@media (max-width: 768px) {
    .hero-section { padding: 40px 0 30px; }
    .hero-section h1 { font-size: 1.75rem; }
    .stat-number { font-size: 1.5rem; }
}

/* Token显示 */
.token-display {
    font-family: 'Courier New', monospace;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 12px;
    word-break: break-all;
}

/* 空状态 */
.empty-state { text-align: center; padding: 60px 20px; color: #94a3b8; }
.empty-state i { font-size: 3rem; margin-bottom: 16px; }
