/* ============================================================
   食品商机网 gqinfo - 全站公共样式（base.css）
   适用：index / search_result / gqinfo_detail / category_list / region_list / tag_list
   ============================================================ */

/* ===== Reset & 基础 ===== */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei","PingFang SC",sans-serif;-webkit-tap-highlight-color:transparent;}
body{background:#f5f5f5;color:#333;font-size:14px;}
a{color:#333;text-decoration:none;}
a:hover{color:#ff6600;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 12px;}

/* ===== 顶部条 ===== */
.top-bar{background:#f5f5f5;color:#666;font-size:12px;padding:8px 0;border-bottom:1px solid #e8e8e8;}
.top-bar .wrap{display:flex;justify-content:space-between;align-items:center;}
.top-bar a{color:#666;margin:0 10px;transition:color .2s;}
.top-bar a:hover{color:#ff4000;}
.top-bar .hotline{color:#ff4000;font-weight:bold;font-size:13px;}
.top-bar .hotline::before{content:"📞 ";}
.top-bar .city{color:#ff4000;}
.top-bar .user-info{display:inline-flex;align-items:center;gap:4px;}
.top-bar .user-info img{width:20px;height:20px;border-radius:50%;vertical-align:middle;}
.top-bar .badge{font-size:10px;padding:0 4px;border-radius:2px;margin-left:2px;}
.top-bar .badge-vip{background:linear-gradient(90deg,#ffd700,#ffb300);color:#fff;font-weight:bold;}
.top-bar .msg-link{position:relative;display:inline-block;}
.top-bar .msg-badge{display:inline-block;background:#ff4d4f;color:#fff;font-size:10px;line-height:1;padding:2px 5px;border-radius:9px;min-width:16px;text-align:center;font-weight:bold;margin-left:2px;vertical-align:middle;}

/* ===== 桌面端头部 ===== */
.header{background:#fff;padding:6px 0;}
.head-wrap{display:flex;align-items:flex-start;gap:20px;}
.logo-box{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff4000,#ff6600);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:bold;box-shadow:0 3px 8px rgba(255,64,0,.3);}
.logo-text{font-size:28px;font-weight:bold;color:#ff4000;letter-spacing:1px;line-height:1.1;}
.logo-sub{font-size:11px;color:#999;margin-top:4px;letter-spacing:2px;}

.search-area{flex:1;max-width:520px;min-width:0;}
.search-tabs{display:flex;flex-direction:column;width:100%;}
.tab-row{display:flex;gap:0;margin-bottom:0;}
.tab-row span{padding:6px 14px;font-size:13px;cursor:pointer;border-radius:4px 4px 0 0;color:#666;background:#f0f0f0;margin-right:2px;user-select:none;transition:all .2s;}
.tab-row span.active{background:#ff4000;color:#fff;font-weight:bold;}
.tab-row span:hover{background:#ff6600;color:#fff;}
.input-row{display:flex;}
.input-row input{flex:1;height:42px;border:3px solid #ff4000;border-right:none;padding:0 14px;font-size:14px;outline:none;}
.input-row input:focus{box-shadow:inset 0 0 0 1px #ff4000;}
.input-row button{width:100px;height:42px;background:linear-gradient(135deg,#ff4000,#ff6600);color:#fff;border:none;font-size:16px;cursor:pointer;font-weight:bold;letter-spacing:2px;}
.input-row button:hover{background:linear-gradient(135deg,#e63900,#ff4000);}

.mini-ad-grid{width:360px;flex-shrink:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px 14px;font-size:12.5px;line-height:1.6;padding-top:2px;}
.mini-ad-grid a{display:inline-block;font-weight:500;white-space:nowrap;transition:color .2s;text-decoration:none;}
.mini-ad-grid a:hover{color:#ff4000 !important;text-decoration:underline;}
.mini-ad-grid a.mg-normal{color:#444;}
.mini-ad-grid a.mg-blue{color:#1565c0;}
.mini-ad-grid a.mg-orange{color:#e8730c;}
.mini-ad-grid a.mg-green{color:#1a8a3a;}

.head-actions{display:flex;flex-direction:column;gap:8px;align-items:center;flex-shrink:0;margin-left:auto;}
.head-actions .btn-pub{background:linear-gradient(135deg,#ff4000,#e63900);color:#fff;padding:10px 24px;border-radius:6px;font-size:15px;font-weight:bold;cursor:pointer;border:none;display:inline-block;text-align:center;box-shadow:0 3px 10px rgba(255,64,0,.3);letter-spacing:1px;white-space:nowrap;}
.head-actions .btn-pub:hover{background:linear-gradient(135deg,#e63900,#cc3300);color:#fff;}
.head-actions .btn-login{font-size:13px;color:#666;}
.head-actions .btn-login:hover{color:#ff4000;}

/* ===== 桌面端主导航 ===== */
.main-nav{background:#FF4000;position:relative;border-bottom:2px solid #ffd700;}
.main-nav-pc ul{display:flex;flex-wrap:nowrap;align-items:stretch;list-style:none;margin:0;padding:0;}
.main-nav-pc li{flex:0 0 auto;position:relative;list-style:none;margin:0;padding:0;display:flex;align-items:stretch;}
.main-nav-pc li > a{display:flex;align-items:center;padding:13px 16px;color:#fff5e6;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s;line-height:1.4;text-decoration:none;border-bottom:4px solid transparent;}
.main-nav-pc li > a:hover{background:#e63900;color:#fff;}
.main-nav-pc li > a.on{background:#8b1a1a;color:#FFD700;font-weight:bold;border-bottom-color:#FFD700;}
.nav-more > a{cursor:pointer;}
.nav-more > a::after{content:" ▼";font-size:10px;margin-left:2px;display:inline-block;transition:transform .2s;}
.nav-more:hover > a::after{transform:rotate(180deg);}
.nav-more-dropdown{display:none;position:absolute;top:100%;right:0;z-index:999;background:#fff;border:1px solid #e8e8e8;border-top:3px solid #ff4000;border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:640px;overflow:hidden;}
.nav-more:hover .nav-more-dropdown{display:block;}
.nav-more-head{background:#fff5e6;padding:8px 18px;font-size:12px;color:#c41e24;font-weight:bold;letter-spacing:1px;border-bottom:1px dashed #ffd9b3;}
.nav-more-body{padding:12px 18px 16px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:4px 16px;}
.nav-more-body a{display:block;padding:7px 10px;font-size:13px;color:#333;font-weight:500;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:all .15s;position:relative;}
.nav-more-body a::before{content:"•";color:#ff4000;margin-right:6px;font-weight:bold;}
.nav-more-body a:hover{background:#ff4000;color:#fff;padding-left:16px;}
.nav-more-body a:hover::before{content:"▸";color:#fff;margin-right:0;}

/* ===== 手机端顶栏 + 搜索 ===== */
.mobile-topbar-a{display:none;align-items:center;gap:8px;background:#FF4000;padding:8px 10px;border-bottom:2px solid #ffd700;}
.mobile-topbar-a .burger{color:#fff;font-size:22px;padding:2px 6px;cursor:pointer;user-select:none;flex-shrink:0;}
.mobile-topbar-a .logo-mini-a{display:flex;align-items:center;gap:6px;flex:1;color:#fff;min-width:0;}
.mobile-topbar-a .logo-icon-mini{width:28px;height:28px;background:linear-gradient(135deg,#fff,#ffe0b3);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#FF4000;font-size:16px;font-weight:bold;flex-shrink:0;}
.mobile-topbar-a .logo-text-mini{font-size:16px;font-weight:bold;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mobile-topbar-a .topbar-right-a{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.mobile-topbar-a .user-icon-a{color:#fff;font-size:20px;padding:2px 4px;display:flex;align-items:center;position:relative;}
.mobile-topbar-a .user-icon-a img{width:24px;height:24px;border-radius:50%;}
.mobile-topbar-a .login-link-a{color:#fff;font-size:13px;padding:2px 4px;white-space:nowrap;}
.mobile-topbar-a .btn-pub-mini{background:#fff;color:#FF4000;font-size:12px;font-weight:bold;padding:5px 10px;border-radius:4px;white-space:nowrap;}
.mobile-topbar-a .mobile-msg-dot{position:absolute;top:-4px;right:-6px;background:#ff4d4f;color:#fff;font-size:10px;line-height:1;padding:2px 4px;border-radius:8px;min-width:14px;text-align:center;font-weight:bold;}

.mobile-search-a{display:none;background:#fff;padding:10px;border-bottom:1px solid #f0f0f0;}
.mobile-search-a form{display:flex;}
.mobile-search-a input{flex:1;height:38px;border:2px solid #ff4000;border-right:none;padding:0 12px;font-size:14px;outline:none;border-radius:4px 0 0 4px;min-width:0;}
.mobile-search-a button{width:80px;height:38px;background:#ff4000;color:#fff;border:none;font-size:14px;font-weight:bold;border-radius:0 4px 4px 0;cursor:pointer;}

/* ===== 手机端抽屉 ===== */
.drawer-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;transition:opacity .25s;}
.drawer-mask.active{display:block;opacity:1;}
.drawer{position:fixed;top:0;left:0;width:80%;max-width:320px;height:100%;background:#fff;z-index:999;transform:translateX(-100%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:2px 0 12px rgba(0,0,0,.2);}
.drawer.active{transform:translateX(0);}
.drawer-head{background:#FF4000;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.drawer-head .title{font-size:16px;font-weight:bold;letter-spacing:1px;}
.drawer-head .close{font-size:22px;cursor:pointer;padding:0 6px;user-select:none;}
.drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.drawer-fixed{border-bottom:8px solid #f5f5f5;}
.drawer-fixed a{display:flex;align-items:center;gap:8px;padding:14px 18px;font-size:15px;color:#333;border-bottom:1px solid #f0f0f0;}
.drawer-fixed a:last-child{border-bottom:none;}
.drawer-fixed a.on{background:#fff5e6;color:#ff4000;font-weight:bold;border-left:4px solid #ff4000;padding-left:14px;}

/* ===== 抽屉分类网格 ===== */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;}
.cat-cell{border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:#fff;}
.cat-cell:nth-child(2n){border-right:none;}
.cat-l1{display:flex;align-items:center;padding:12px;font-size:14px;font-weight:500;color:#222;cursor:pointer;user-select:none;overflow:hidden;min-height:46px;line-height:1.3;}
.cat-l1 .name{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.3;word-break:break-all;}
.cat-l1 .arrow{color:#ff4000;font-size:10px;transition:transform .2s;margin-left:4px;flex-shrink:0;display:inline-block;}
.cat-l1 .hint{font-size:11px;color:#ff4000;margin-left:2px;flex-shrink:0;font-weight:normal;white-space:nowrap;}
.cat-l1 .hint::after{content:"展开";}
.cat-cell.expanded .cat-l1 .hint::after{content:"收起";}
.cat-cell.expanded .cat-l1 .arrow{transform:rotate(90deg);}
.cat-cell.expanded .cat-l1{background:#fff5e6;color:#ff4000;font-weight:bold;}
.cat-children{grid-column:1 / -1;display:none;background:#fafafa;border-bottom:1px solid #f0f0f0;}
.cat-cell.expanded + .cat-children{display:block;}

.cat-group-l2{border-bottom:1px solid #f0f0f0;}
.cat-group-l2:last-child{border-bottom:none;}
.cat-l2-title{display:flex;align-items:center;padding:12px 18px 12px 26px;font-size:14px;color:#555;cursor:pointer;user-select:none;}
.cat-l2-title .name-l2{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.cat-l2-title .arrow-l2{color:#ff4000;font-size:10px;transition:transform .2s;margin-left:4px;flex-shrink:0;}
.cat-l2-title .hint-l2{font-size:11px;color:#ff4000;margin-left:2px;flex-shrink:0;font-weight:normal;}
.cat-l2-title .hint-l2::after{content:"展开";}
.cat-group-l2.expanded .cat-l2-title .hint-l2::after{content:"收起";}
.cat-group-l2.expanded .cat-l2-title .arrow-l2{transform:rotate(90deg);}
.cat-group-l2.expanded .cat-l2-title{color:#ff4000;font-weight:bold;background:#fff5e6;}

.cat-l3{display:none;background:#f0f0f0;padding:8px 12px 8px 26px;grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));gap:6px;}
.cat-group-l2.expanded .cat-l3{display:grid;}
.cat-l3 a{display:block;padding:8px 6px;font-size:12.5px;color:#666;text-align:center;background:#fff;border-radius:4px;border:1px solid #e8e8e8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s;}
.cat-l3 a:hover,.cat-l3 a.on{background:#ff4000;color:#fff;border-color:#ff4000;}

.cat-l2-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));gap:6px;padding:10px 12px 10px 26px;background:#fafafa;}
.cat-l2-grid a{display:block;padding:8px 6px;font-size:12.5px;color:#555;text-align:center;background:#fff;border-radius:4px;border:1px solid #e8e8e8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s;}
.cat-l2-grid a:hover,.cat-l2-grid a.on{background:#ff4000;color:#fff;border-color:#ff4000;}

/* ===== 左侧分类树（index/category/region/tag 共用）===== */
.side-box{background:#fff;border:1px solid #e8e8e8;margin-bottom:12px;border-radius:6px;}
.side-title{height:44px;line-height:44px;background:linear-gradient(135deg,#ff4000,#ff6600);color:#fff;font-weight:bold;font-size:16px;padding:0 16px;letter-spacing:1px;border-radius:6px 6px 0 0;}
.menu-item{position:relative;padding:12px 16px;border-bottom:1px solid #f2f2f2;}
.menu-item:last-child{border-bottom:none;}
.menu-item.has-popup:hover{background:#fff7ec;}
.level1-title{font-size:15px;font-weight:bold;color:#222;display:flex;align-items:center;gap:4px;margin-bottom:8px;letter-spacing:.5px;}
.level1-title a{color:#222;}
.level1-title a:hover{color:#ff4000;}
.menu-item.has-popup .level1-title::after{content:"▶";font-size:11px;color:#ff4000;margin-left:auto;}
.level2-wrap{display:flex;flex-wrap:wrap;gap:4px 12px;}
.level2-wrap a{font-size:13px;color:#555;line-height:1.8;}
.level2-wrap a:hover{color:#ff4000;text-decoration:underline;}
.pop-main{position:absolute;left:100%;top:0;width:520px;max-width:calc(100vw - 20px);max-height:90vh;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:4px 4px 16px rgba(0,0,0,.13);z-index:999;padding:16px 18px;display:none;}
.menu-item.has-popup:hover > .pop-main{display:block;}
.pop-group{margin-bottom:14px;}
.pop-group:last-child{margin-bottom:0;}
.pop-group h4{font-size:14px;color:#ff4000;padding-bottom:6px;margin-bottom:8px;border-bottom:1px dashed #eee;font-weight:bold;}
.pop-group h4 a{color:#ff4000;}
.pop-links{display:flex;flex-wrap:wrap;gap:6px 14px;}
.pop-links a{font-size:13px;color:#444;line-height:1.6;}
.pop-links a:hover{color:#ff4000;text-decoration:underline;}

/* ===== 主体左右布局 ===== */
.main-wrap { display: flex; gap: 14px; margin: 14px 0; align-items: flex-start; }
.left-col { width: 220px; flex-shrink: 0; }
.center-col { flex: 1; min-width: 0; }
.right-col { width: 240px; flex-shrink: 0; }

/* ===== 筛选条（排序）===== */
.filter-bar{background:#fff;border:1px solid #e8e8e8;padding:6px 12px;margin-bottom:8px;border-radius:6px;width:100%;}
.sort-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;}
.sort-opts{display:flex;align-items:center;gap:12px;flex:1;}
.sort-opts a{padding:2px 8px;border-radius:3px;}
.sort-opts a.active{color:#ff4000;font-weight:bold;}
.sort-opts a:hover{color:#ff4000;}
.result-count{color:#999;white-space:nowrap;margin-left:auto;padding-left:12px;}
.result-count b{color:#ff4000;font-weight:bold;padding:0 2px;}

/* ===== 信息列表 ===== */
.info-list{background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;min-height:200px;width:100%;}
.info-item{display:flex;gap:14px;padding:14px 16px;border-bottom:1px solid #f0f0f0;transition:background .2s;}
.info-item:hover{background:#fafafa;}
.info-item:last-child{border-bottom:none;}
.info-item.is-top-item{background:#fff9f0;border-left:4px solid #ff4000;}
.info-item.is-top-item:hover{background:#fff3e0;}
.thumb{width:120px;height:90px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:bold;text-align:center;line-height:1.3;overflow:hidden;letter-spacing:.5px;}
.thumb img{width:100%;height:100%;object-fit:cover;}
.thumb-zs{background:linear-gradient(135deg,#ff9933,#ff6600);}
.thumb-supply{background:linear-gradient(135deg,#52c41a,#389e0d);}
.thumb-buy{background:linear-gradient(135deg,#36a3f7,#1e88e5);}
.thumb-dl{background:linear-gradient(135deg,#9254de,#722ed1);}
.thumb-tech{background:linear-gradient(135deg,#13c2c2,#08979c);}
.thumb-job{background:linear-gradient(135deg,#1677ff,#0958d9);}
.thumb-other{background:linear-gradient(135deg,#faad14,#d48806);}
.thumb-default{background:linear-gradient(135deg,#faad14,#d48806);}
.info-body{flex:1;min-width:0;}
.info-title{font-size:15px;font-weight:500;margin-bottom:6px;line-height:1.4;}
.info-title a{color:#222;}
.info-title a:hover{color:#ff4000;}
.info-desc{font-size:13px;color:#888;line-height:1.6;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.info-meta{display:flex;gap:16px;font-size:12px;color:#aaa;align-items:center;flex-wrap:wrap;}
.info-meta .loc{color:#1890ff;}
.info-meta .price{color:#ff4d4f;font-weight:bold;}
.info-side{width:100px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:8px;}
.pub-time{font-size:12px;color:#bbb;white-space:nowrap;}
.view-count{font-size:12px;color:#999;white-space:nowrap;line-height:1;}
.view-count-mobile{display:none;}

/* ===== 标签徽章 ===== */
.tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:2px;margin-right:6px;vertical-align:middle;white-space:nowrap;}
.tag-top{background:#ff4d4f;color:#fff;}
.tag-expired{background:#f0f0f0;color:#999;border:1px solid #ddd;}
.tag-hot{background:#ff7a45;color:#fff;}
.tag-zs{background:#fff7e6;color:#ff6600;border:1px solid #ffbb96;}
.tag-supply{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;}
.tag-buy{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f;}
.tag-dl{background:#fff0f6;color:#eb2f96;border:1px solid #ffadd2;}
.tag-tech{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7;}
.tag-job{background:#e6f4ff;color:#1677ff;border:1px solid #91caff;}
.tag-other{background:#f0f0f0;color:#666;border:1px solid #ddd;}

/* ===== 空状态 ===== */
.empty-tip{text-align:center;padding:60px 20px;color:#999;font-size:14px;line-height:2;}
.empty-tip a{color:#ff4000;}

/* ===== 分页 ===== */
.pagination{display:flex;justify-content:center;gap:6px;padding:20px 0;flex-wrap:wrap;}
.pagination a{padding:6px 12px;border:1px solid #ddd;border-radius:3px;font-size:13px;background:#fff;}
.pagination a.cur{background:#ff4000;color:#fff;border-color:#ff4000;}
.pagination a:hover{border-color:#ff4000;color:#ff4000;}
.pagination .cur:hover{color:#fff;}

/* ===== 右栏：排行 / 标签云 / 广告 ===== */
.rank-box{background:#fff;border:1px solid #e8e8e8;margin-bottom:12px;border-radius:6px;overflow:hidden;}
.rank-title{padding:12px 14px;font-size:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;}
.rank-title a{font-size:12px;color:#999;font-weight:normal;}
.rank-list{padding:8px 14px;}
.rank-list li{padding:7px 0;border-bottom:1px dashed #f5f5f5;font-size:13px;display:flex;gap:8px;align-items:center;}
.rank-list li:last-child{border-bottom:none;}
.rank-num{width:18px;height:18px;background:#f0f0f0;color:#999;border-radius:2px;text-align:center;line-height:18px;font-size:12px;flex-shrink:0;}
.rank-num.top3{background:#ff4000;color:#fff;}
.rank-list li a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.tag-cloud{background:#fff;border:1px solid #e8e8e8;border-radius:6px;padding:12px 14px;margin-bottom:12px;}
.tag-cloud-title{font-size:14px;font-weight:bold;color:#333;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f0f0f0;}
.tag-chip{display:inline-block;padding:3px 10px;background:#f5f5f5;border-radius:12px;font-size:12px;color:#555;margin:3px 4px 3px 0;transition:all .2s;}
.tag-chip:hover{background:#ff4000;color:#fff;}
.tag-chip.on{background:#ff4000;color:#fff;}
.tag-chip small{font-size:10px;opacity:.7;margin-left:2px;}

.ad-box{background:#fff;border:1px solid #e8e8e8;padding:10px;margin-bottom:12px;border-radius:6px;}
.ad-col{display:flex;flex-direction:column;gap:8px;}
.ad-item{height:72px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;text-align:center;padding:0 12px;line-height:1.4;letter-spacing:.5px;box-shadow:0 2px 6px rgba(0,0,0,.08);}
.ad-item small{display:block;font-size:11px;font-weight:normal;opacity:.85;margin-top:2px;}
.ad1{background:linear-gradient(135deg,#ff4d4f,#cf1322);}
.ad2{background:linear-gradient(135deg,#ff9933,#ff6600);}
.ad3{background:linear-gradient(135deg,#1890ff,#096dd9);}
.ad4{background:linear-gradient(135deg,#52c41a,#389e0d);}
.ad5{background:linear-gradient(135deg,#9254de,#722ed1);}
.ad6{background:linear-gradient(135deg,#13c2c2,#08979c);}

/* ===== 悬浮工具栏 / Toast ===== */
.float-bar{position:fixed;right:16px;bottom:100px;width:48px;background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:50;}
.float-bar div{padding:10px 4px;text-align:center;font-size:11px;color:#666;cursor:pointer;border-bottom:1px solid #f0f0f0;user-select:none;}
.float-bar div:last-child{border-bottom:none;}
.float-bar div:hover{background:#fff7e6;color:#ff4000;}

.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;padding:12px 20px;border-radius:4px;font-size:14px;z-index:9999;display:none;max-width:85vw;word-break:break-all;}

/* ===== 页脚 ===== */
.footer{background:#c42e00;color:#ffe8d6;padding:28px 0 20px;text-align:center;font-size:13px;line-height:2;border-top:4px solid #ffd700;margin-top:30px;padding-bottom:calc(20px + env(safe-area-inset-bottom));}
.footer .container{max-width:1200px;margin:0 auto;padding:0 12px;}
.footer a{color:#ffe8d6;text-decoration:none;display:inline-block;padding:4px 2px;transition:color .2s;}
.footer a:hover{color:#ffd700;}
.footer-links{margin-bottom:12px;font-size:13px;line-height:2.2;}
.footer-links .sep{margin:0 8px;color:#e88060;display:inline-block;vertical-align:middle;}
.footer-copy{color:#ffc4a3;font-size:12px;margin-top:2px;}
.footer-note{color:#e8a080;font-size:11px;margin-top:2px;}

/* ===== 全站响应式（公共区） ===== */
@media (max-width:992px){
  .pop-main{display:none !important;}
  .left-col{width:200px;flex:0 0 200px;}
  .right-col{width:210px;flex:0 0 210px;}
  .thumb{width:100px;height:76px;}
  .logo-text{font-size:24px;}
  .mini-ad-grid{display:none;}
  .search-area{max-width:100%;}
}
@media (max-width:768px){
  .container{padding:0 10px;}
  .header{display:none;}
  .main-nav{display:none;}
  .mobile-topbar-a{display:flex;}
  .mobile-search-a{display:block;}
  .top-bar .wrap div:first-child{display:block;}
  .top-bar .wrap div:last-child{display:none;}

  .main-wrap{flex-direction:column;gap:10px;margin:10px 0;}
  .left-col{display:none;}
  .right-col{width:100%;flex:1 1 auto;order:2;}
  .center-col{order:1;width:100%;flex:1 1 auto;}

  .sort-bar{flex-direction:column;gap:6px;align-items:flex-start;}
  .sort-opts{display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;width:100%;}
  .sort-opts::-webkit-scrollbar{display:none;}
  .sort-opts a{flex-shrink:0;padding:4px 10px;border:1px solid #eee;border-radius:14px;font-size:12px;background:#fafafa;}
  .sort-opts a.active{background:#ff4000;color:#fff;border-color:#ff4000;font-weight:bold;}
  .sort-opts .result-count{flex-shrink:0;margin-left:0;padding-left:4px;font-size:12px;}

  .info-item{gap:10px;padding:10px;}
  .thumb{width:90px;height:70px;font-size:11px;}
  .info-title{font-size:14px;}
  .info-desc{font-size:12px;-webkit-line-clamp:1;}
  .info-meta{flex-wrap:wrap;gap:8px;font-size:11px;}
  .tag{font-size:10px;padding:1px 4px;}
  .info-side{display:none;}

  .float-bar{right:10px;bottom:80px;width:44px;}
  .float-bar div{padding:12px 4px;font-size:11px;}

  .footer{padding:20px 0 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));font-size:12px;line-height:1.9;}
  .footer-links{font-size:12.5px;line-height:2.4;margin-bottom:10px;}
  .footer-links .sep{margin:0 4px;color:#d06840;}
  .footer a{padding:6px 4px;}
  .footer-copy{font-size:11.5px;line-height:1.7;padding:0 4px;}
  .footer-note{font-size:10.5px;line-height:1.7;padding:0 4px;}
  .footer a:hover{color:#ffe8d6;}
  .footer a:active{color:#ffd700;}
}
@media (max-width:380px){
  .thumb{width:75px;height:60px;}
  .info-title{font-size:13px;}
  .info-item{gap:8px;padding:8px;}
  .mobile-topbar-a .logo-text-mini{font-size:14px;}
  .mobile-topbar-a .btn-pub-mini{font-size:11px;padding:4px 8px;}
}

/* ===== AJAX 加载遮罩（排序/翻页时 body.ajax-loading 生效）===== */
.ajax-loading{position:relative;}
.ajax-loading::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;z-index:10;}
.ajax-loading::before{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid #ff4000;border-top-color:transparent;border-radius:50%;animation:ajax-spin .8s linear infinite;z-index:11;}
@keyframes ajax-spin{to{transform:rotate(360deg);}}