/* ==========================================
   点卡回收平台 - 全局样式
   ========================================== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;color:#333;background:#f5f7fa;line-height:1.6}
a{color:#3c8dbc;text-decoration:none}
a:hover{color:#2d6fa0}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* 头部 */
.header{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);position:sticky;top:0;z-index:100}
.header .container{display:flex;align-items:center;justify-content:space-between;height:60px}
.header .logo a{font-size:22px;font-weight:bold;color:#333;text-decoration:none}
.header .nav{display:flex;gap:25px}
.header .nav a{color:#666;text-decoration:none;font-size:14px;transition:color .2s}
.header .nav a:hover{color:#3c8dbc}
.header .user-area{display:flex;gap:15px;align-items:center;font-size:13px;color:#666}

/* 首页Banner */
.hero-banner{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:80px 0;text-align:center}
.hero-banner h2{font-size:36px;margin-bottom:15px}
.hero-banner p{font-size:16px;opacity:.8}

/* 统计条 */
.stats-bar{background:#fff;padding:30px 0;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.stats-bar .container{display:flex;justify-content:space-around}
.stat-item{text-align:center}
.stat-num{font-size:32px;font-weight:bold;color:#3c8dbc}
.stat-label{font-size:13px;color:#999;margin-top:5px}

/* 分类列表 */
.section-title{font-size:22px;text-align:center;margin:40px 0 25px;color:#333;font-weight:normal}
.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.card-item{background:#fff;padding:25px 15px;text-align:center;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s;text-decoration:none;color:#333;display:block}
.card-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.card-item img{width:48px;height:48px;margin-bottom:10px}
.card-item span{display:block;font-size:15px;font-weight:bold}

/* 流程 */
.how-it-works{padding:60px 0}
.steps{display:flex;gap:30px}
.step{flex:1;text-align:center;background:#fff;padding:30px 20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.step-icon{width:50px;height:50px;line-height:50px;border-radius:50%;background:#3c8dbc;color:#fff;font-size:20px;font-weight:bold;margin:0 auto 15px}
.step h4{margin-bottom:10px;color:#333}
.step p{color:#999;font-size:13px}

/* 公告 */
.notice-section{background:#fff;padding:30px 0;box-shadow:0 1px 4px rgba(0,0,0,.04);margin:30px 0}
.notice-section h3{font-size:18px;margin-bottom:15px}
.notice-section ul{list-style:none}
.notice-section li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}
.notice-section li a{color:#333}
.notice-section li span{color:#999;font-size:12px}

/* 底部 */
.footer{background:#222d32;color:#b8c7ce;padding:30px 0;margin-top:60px}
.footer-links{display:flex;gap:20px;margin-bottom:15px;justify-content:center}
.footer-links a{color:#b8c7ce;font-size:13px}
.footer-links a:hover{color:#fff}
.footer .copyright{text-align:center;font-size:12px;opacity:.7}
.footer .copyright a{color:#b8c7ce}

/* 通用卡片 */
.layui-card{border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);background:#fff;overflow:hidden}
.layui-card-header{padding:12px 20px;border-bottom:1px solid #f0f0f0;font-size:15px;background:#fafafa}
.layui-card-body{padding:20px}

/* 搜索栏 */
.search-bar{padding:15px 20px;background:#fff;border-radius:4px;margin-bottom:15px;box-shadow:0 1px 3px rgba(0,0,0,.06)}

/* 表格 */
.layui-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.layui-table th,.layui-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f0f0f0}
.layui-table th{background:#fafafa;font-weight:bold;font-size:13px;color:#666}
.layui-table tr:hover{background:#f5f8fc}
.layui-table td{font-size:13px}

/* 按钮 */
.layui-btn{display:inline-block;padding:8px 18px;background:#3c8dbc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;text-decoration:none;transition:opacity .2s}
.layui-btn:hover{opacity:.85;color:#fff}
.layui-btn-sm{padding:5px 12px;font-size:12px}
.layui-btn-xs{padding:2px 8px;font-size:11px}
.layui-btn-primary{background:#fff;color:#666;border:1px solid #ddd}
.layui-btn-normal{background:#00a65a}
.layui-btn-warm{background:#f39c12}
.layui-btn-danger{background:#dd4b39}

/* 表单 */
.layui-form-item{margin-bottom:15px}
.layui-form-label{display:block;margin-bottom:5px;color:#666;font-size:13px}
.layui-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;outline:none;transition:border-color .2s}
.layui-input:focus{border-color:#3c8dbc}

/* 响应式 */
@media (max-width:768px){
    .container{padding:0 15px}
    .card-grid{grid-template-columns:repeat(2,1fr)}
    .steps{flex-wrap:wrap}
    .step{flex:0 0 100%}
    .stats-bar .container{flex-wrap:wrap}
    .stat-item{flex:0 0 50%;margin-bottom:15px}
    .hero-banner h2{font-size:24px}
}