/*
Theme Name: AAFFF Coupon (Blue)
Description: AAFFF coupon WAP theme - final stable enhanced.
Version: 1.3.0
Author: Yuanbao
Tags: coupon, mobile, responsive
Text Domain: aaafff
*/

body{margin:0;padding:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f5f5;color:#333;font-size:14px;}
a{color:#1e88e5;text-decoration:none;}
img{max-width:100%;height:auto;}
.container{max-width:800px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,.05);}

/* 顶部导航 */
.topbar{background:#1e88e5;color:#fff;padding:10px 12px;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:50;}
.topbar .logo{font-size:18px;font-weight:700;letter-spacing:1px;}
.topbar .spacer{flex:1;}
.topbar a,.topbar button{color:#fff;font-size:12px;background:rgba(255,255,255,.18);border:none;padding:5px 9px;border-radius:14px;cursor:pointer;}
.topbar a:hover{background:rgba(255,255,255,.3);}

/* 分类标签 */
.catnav{padding:8px 12px;display:flex;gap:8px;overflow-x:auto;background:#fff;border-bottom:1px solid #eee;}
.catnav a{padding:5px 12px;border-radius:15px;background:#f2f2f2;color:#555;white-space:nowrap;font-size:13px;}
.catnav a.active,.catnav a:hover{background:#1e88e5;color:#fff;}

/* 优惠券卡片列表 */
.coupon-list{padding:10px 12px;display:flex;flex-direction:column;gap:10px;}
.coupon-card{display:flex;gap:10px;background:#fff;border:1px solid #eee;border-radius:10px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.coupon-card .thumb{width:72px;height:72px;border-radius:8px;background:#e3f2fd;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1e88e5;flex-shrink:0;overflow:hidden;}
.coupon-card .thumb-img{width:72px;height:72px;border-radius:8px;object-fit:cover;}
.coupon-card .thumb-letter{width:72px;height:72px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;font-weight:700;}
.coupon-card .body{flex:1;min-width:0;}
.coupon-card .body h3{margin:0 0 4px;font-size:15px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.coupon-card .body .desc{font-size:12px;color:#888;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.coupon-card .body .meta{font-size:11px;color:#aaa;margin-bottom:6px;}
.coupon-card .body .btn{display:inline-block;background:#1e88e5;color:#fff;font-size:12px;padding:5px 14px;border-radius:14px;}
.coupon-card .body .btn:hover{background:#1565c0;}
.coupon-card .side{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px;gap:6px;}
.coupon-card .side .btn{display:inline-flex;align-items:center;justify-content:center;background:#1e88e5;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:18px;white-space:nowrap;}
.coupon-card .side .btn:hover{background:#1565c0;}

/* 详情页 */
.detail{padding:0 12px 20px;}
.detail .title{font-size:18px;font-weight:700;color:#222;padding:14px 0 6px;}
.detail .views{font-size:12px;color:#999;margin-bottom:10px;}
.detail h2.sec{font-size:15px;color:#1e88e5;border-left:3px solid #1e88e5;padding-left:8px;margin:16px 0 8px;}
.detail .content{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px;line-height:1.7;font-size:14px;}
.detail .go{display:block;text-align:center;margin:18px 0;background:#1e88e5;color:#fff;font-size:16px;padding:12px;border-radius:8px;font-weight:600;}
.detail .go:hover{background:#1565c0;}
.detail .notice{background:#e3f2fd;color:#1565c0;border-radius:8px;padding:10px;font-size:12px;line-height:1.6;margin-top:12px;}

/* 相关推荐 */
.related{padding:10px 12px 20px;}
.related h2{font-size:15px;color:#1e88e5;border-left:3px solid #1e88e5;padding-left:8px;margin:0 0 10px;}
.related .item{padding:10px;border-bottom:1px solid #eee;}
.related .item a{color:#333;font-size:14px;}
.related .item .v{font-size:11px;color:#999;float:right;}

/* 上一篇/下一篇 */
.aaafff-prevnext a{text-decoration:none;font-size:13px;}
.aaafff-prevnext a:hover{color:#1565c0;}

/* 页脚 */
.footer{background:#fff;color:#999;font-size:12px;text-align:center;padding:16px 12px;border-top:1px solid #eee;}
.footer a{color:#999;margin:0 6px;}

/* 分页 */
.pagination{padding:14px;text-align:center;}
.pagination a,.pagination span{display:inline-block;padding:5px 12px;margin:0 3px;border:1px solid #ddd;border-radius:5px;color:#555;font-size:13px;}
.pagination .current{background:#1e88e5;color:#fff;border-color:#1e88e5;}

.none{padding:40px 12px;text-align:center;color:#999;}
@media(max-width:600px){
  .container{box-shadow:none;}
  .coupon-card .thumb{width:60px;height:60px;font-size:20px;}
  .coupon-card .thumb-img{width:60px;height:60px;}
  .coupon-card .thumb-letter{width:60px;height:60px;font-size:22px;}
}