/* ============================================================
   前台 + user 后台 手机端精致化层（统一尺度，≤640px 生效）
   电脑端零影响；页面专属样式（如 buy.php 页内层）优先级更高
   ============================================================ */

/* ---------- 前台段 ---------- */
@media(max-width:640px){
	/* 顶部导航收紧 */
	.logo{font-size:17px;gap:7px}
	.logo .dot{width:8px;height:8px}
	.nav-links a{padding:6px 10px;font-size:12.5px}
	/* Hero 区收紧、层级平齐 */
	.hero{padding:26px 0 22px}
	.hero .hero-badge{font-size:11.5px;padding:5px 12px;margin-bottom:14px}
	.hero h1{font-size:21px;margin:0 0 10px;letter-spacing:.5px}
	.hero .hero-sub{font-size:13px;margin:0 auto 18px;line-height:1.7}
	/* 搜索卡三段等高对齐 */
	.search-bar{padding:8px;gap:8px;border-radius:22px}
	.sb-sel{height:46px;border-radius:14px;padding:0 12px}
	.sb-sel i{font-size:13px}
	.search-bar input{height:46px;border-radius:14px;padding:0 12px;font-size:15px}
	.search-bar button{height:46px;border-radius:14px;font-size:14.5px;padding:0 14px;gap:6px}
	/* 统计卡一排平齐 */
	.hero-stats{gap:10px;margin-top:20px;flex-wrap:nowrap;justify-content:center}
	.hero-stats .hs{padding:8px 11px 8px 9px;gap:7px;border-radius:12px}
	.hero-stats .hs-ic{width:30px;height:30px;border-radius:9px;font-size:13px}
	.hero-stats .hs b{font-size:17px}
	.hero-stats .hs span{font-size:10.5px}
	/* 特性条双列精致化 */
	.feat-strip{gap:8px;margin-top:18px}
	.feat-item{padding:9px 11px;gap:8px;border-radius:12px}
	.feat-item i{width:26px;height:26px;border-radius:8px;font-size:12px}
	.feat-item b{font-size:12px}
	.feat-item small{font-size:10.5px}
	/* 分类胶囊缩小 */
	.cat-bar{gap:7px;margin-top:16px}
	.cat-bar a{font-size:12px;padding:5px 12px}
	/* 公告条 */
	.notice-bar{font-size:12px;padding:9px 12px;border-radius:10px;gap:8px}
	.notice-bar i{font-size:13px}
	/* 工具区标题与计数徽标两端平齐 */
	.section{padding:20px 0}
	.section-title{margin-bottom:16px}
	.section-title h2{font-size:17px;gap:8px}
	.section-title h2 i{font-size:14px}
	.section-title .cnt{font-size:11.5px;padding:5px 12px;gap:5px}
	/* 工具卡单列全宽下的精致比例 */
	.grid{gap:12px}
	.tool-card{border-radius:14px}
	.tool-card .card-body{padding:16px 14px 56px}
	.tool-card .ic{width:42px;height:42px;border-radius:13px;font-size:19px;box-shadow:0 6px 14px rgba(224,67,60,.26)}
	.tool-card h3{font-size:14px;margin:12px 0 6px}
	.tool-card p{font-size:12px;line-height:1.65;min-height:40px}
	.tool-card .foot{left:14px;right:14px;bottom:13px;padding-top:11px}
	.tool-card .price{font-size:15px}
	.tool-card .price em{font-size:11px}
	.tool-card .sales{font-size:11px;padding:2px 8px;gap:3px}
	.tool-card .sales i{font-size:10px}
	.tool-card .tc-go{width:26px;height:26px;font-size:11px;right:12px;bottom:50px}
	.tool-card .tc-flag .layui-badge{font-size:10px;padding:2px 7px}
	/* 分页紧凑 */
	.pager{gap:6px;margin:20px 0}
	.pager a,.pager span{min-width:32px;height:32px;font-size:13px;border-radius:9px;padding:0 10px}
	/* 空状态 */
	.empty-state{padding:36px 16px}
	.empty-state > i{width:58px;height:58px;font-size:24px}
	.empty-state p{font-size:13px}
	/* 通用按钮 / 卡片 / 面包屑 */
	.btn{padding:9px 16px;font-size:13.5px;border-radius:12px}
	.card{border-radius:14px}
	.crumbs{font-size:12px;gap:6px}
	.crumbs a{font-size:12px}
	/* 认证页（登录/注册） */
	.auth-card{padding:22px 16px;border-radius:18px}
	.auth-brand .logo{font-size:20px}
	.auth-brand .logo .dot{width:8px;height:8px}
	/* 协议页 */
	.agreement-bar{padding:14px 2px}
	.agreement-box{padding:20px 14px;border-radius:16px}
	.agreement-box h1{font-size:20px}
	.agreement-content{font-size:14px}
	.agreement-back{font-size:13px;padding:6px 14px}
}

/* ---------- user 后台段（在 user.css 640 基础上再精化一档） ---------- */
@media(max-width:640px){
	.user-content{padding:12px 10px 26px}
	/* 统计卡 */
	.stat-card{padding:12px;border-radius:14px}
	.stat-card .ic{width:34px;height:34px;border-radius:10px;font-size:14px;margin-bottom:8px}
	.stat-card .label{font-size:11.5px}
	.stat-card .num{font-size:17px}
	/* 卡片 / 标题 */
	.card,.form-card{padding:16px 12px;border-radius:14px}
	.card h3,.form-card h3{font-size:14px;margin-bottom:12px}
	/* 表格 */
	.data-table{font-size:11.5px}
	.data-table th,.data-table td{padding:9px 7px}
	/* 标签页 */
	.tab{font-size:12.5px}
	/* 按钮 / 表单 */
	.btn{padding:9px 15px;font-size:13px}
	.btn-lg{padding:11px 18px;font-size:14px}
	.form-row input,.form-row select,.ifield input,.ifield select{height:44px;border-radius:12px}
	.form-row textarea{border-radius:12px}
	.form-row label{font-size:12.5px}
	.amount-chip{padding:9px 5px;font-size:12px}
	/* 快捷宫格 / 横幅 */
	.quick-card{padding:10px 5px}
	.quick-card i{width:32px;height:32px;font-size:14px;border-radius:9px}
	.quick-card span{font-size:10.5px}
	.quick-actions a{padding:6px 11px;font-size:11.5px}
	.user-banner{padding:16px 14px;border-radius:14px}
	.user-banner .wb-hi{font-size:17px}
	.user-banner .wb-sub{font-size:11.5px}
	.dash-balance b{font-size:22px}
	.notice-item{font-size:12px;padding:10px}
	.info-list li{font-size:12.5px;padding:9px 0}
	.rc-txt b{font-size:20px}
}

/* ============================================================
   手机端视觉增强层（纯视觉打磨，不动任何布局）
   ============================================================ */
@media(max-width:640px){
	/* 页面淡入 */
	body{animation:zxPageIn .3s ease}
	@keyframes zxPageIn{from{opacity:0}to{opacity:1}}
	/* 触屏体验：去灰块闪动 + 按压反馈 */
	a,button,.btn,.tool-card,.quick-card,.tab,.cat-bar a,.feat-item,.hs{-webkit-tap-highlight-color:transparent}
	.btn:active{transform:scale(.97)}
	.tool-card:active{transform:scale(.985)}
	.tool-card:active::before{transform:scaleX(1)}
	.quick-card:active,.cat-bar a:active{transform:scale(.96)}
	.nav-links a:active,.tab:active{transform:scale(.96)}
	/* ---- 前台：工具卡暖描边 + 立体图标 + 红金渐变价格 ---- */
	.tool-card{border-color:rgba(224,67,60,.07);box-shadow:0 4px 14px rgba(224,67,60,.05)}
	.tool-card .ic{background:linear-gradient(135deg,#ff7a59 0%,#e0433c 55%,#c0392b 100%)}
	.tool-card .price{background:linear-gradient(120deg,#c0392b,#e0433c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
	.tool-card .price.free{background:none;-webkit-text-fill-color:currentColor;color:var(--green)}
	/* Hero 金色标题渐变 */
	.hero h1 em{background:linear-gradient(120deg,#ffd894,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
	/* 计数徽标：品牌红渐变底白字 */
	.section-title .cnt{background:linear-gradient(135deg,#d63a2f,#c0392b);border-color:transparent;color:#fff;box-shadow:0 4px 10px rgba(224,67,60,.25)}
	.section-title .cnt i{color:rgba(255,255,255,.92)}
	/* 分类选中胶囊红渐变（hero 深底上的白底选中保持不变） */
	.cat-bar a:not(.active):active{background:rgba(255,255,255,.28)}
	/* 空状态图标柔光 */
	.empty-state > i{box-shadow:0 12px 26px rgba(224,67,60,.15)}
	/* ---- user 后台：统计数字渐变 + 卡片暖描边 ---- */
	.stat-card .num{background:linear-gradient(120deg,#c0392b,#e0433c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
	.stat-card .ic{box-shadow:0 6px 14px rgba(224,67,60,.2)}
	.user-content .card,.form-card{border-color:rgba(224,67,60,.06);box-shadow:0 4px 14px rgba(224,67,60,.04)}
}

/* ============================================================
   桌面端全局增强段（≥641px 生效，镜像手机层品牌视觉 + 桌面专属悬停）
   ============================================================ */
@media(min-width:641px){
	/* 页面淡入 */
	body{animation:zxPageInD .35s ease}
	@keyframes zxPageInD{from{opacity:0}to{opacity:1}}
	/* 品牌渐变：Hero 金色标题 / 工具卡价格 / 立体图标 / 计数徽章 / 统计数字 */
	.hero h1 em{background:linear-gradient(120deg,#ffd894,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
	.tool-card .price{background:linear-gradient(120deg,#c0392b,#e0433c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
	.tool-card .price.free{background:none;-webkit-text-fill-color:currentColor;color:var(--green)}
	.tool-card .ic{background:linear-gradient(135deg,#ff7a59 0%,#e0433c 55%,#c0392b 100%)}
	.tool-card{border-color:rgba(224,67,60,.06)}
	.section-title .cnt{background:linear-gradient(135deg,#d63a2f,#c0392b);border-color:transparent;color:#fff;box-shadow:0 4px 10px rgba(224,67,60,.22)}
	.section-title .cnt i{color:rgba(255,255,255,.92)}
	.stat-card .num{background:linear-gradient(120deg,#c0392b,#e0433c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
	.stat-card .ic{box-shadow:0 6px 14px rgba(224,67,60,.18)}
	/* 卡片暖描边统一品牌感 */
	.card{border-color:rgba(224,67,60,.05)}
	/* 按钮悬停浮起 */
	.btn{transition:transform .2s,box-shadow .2s,filter .2s,background .2s,color .2s,border-color .2s}
	.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(224,67,60,.2)}
	.btn:active{transform:translateY(0) scale(.97)}
	/* 空状态图标柔光 */
	.empty-state > i{box-shadow:0 12px 26px rgba(224,67,60,.13)}
}