/* ============ 全局变量 ============ */
:root{
	--primary:#0074FF;
	--primary-light:#EAF2FF;
	--primary-dark:#0059CC;
	--text-dark:#1a1a2e;
	--text-gray:#7a7a8c;
	--text-light:#999;
	--border:#eef0f5;
	--card:#ffffff;
	--body-bg:#f4f6fb;
	--up:#01BD9B;
	--down:#EF4444;
	--radius:12px;
	--shadow:0 4px 16px rgba(26,26,46,0.06);
}

/* ============ Reset 与基础 ============ */
*{ margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body{ height:100%; }
body{
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
	background-color:#f4f6fb;
	background-image:url(/images/bg-global.webp);
	background-repeat:no-repeat; background-position:center top; background-size:cover; background-attachment:fixed;
	color:var(--text-dark); font-size:14px; line-height:1.5; overflow-x:clip;
}
a{ text-decoration:none; color:inherit; }
img{ max-width:100%; }
.main{ max-width:1280px; margin:0 auto; padding:16px 16px 40px; }
@media(max-width:768px){ .main{ padding:12px 12px 32px; } }

/* ============ 频道页头 ============ */
.page-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; flex-wrap:wrap; }
.ph-info{ flex:1; min-width:0; }
.page-head h3{ font-size:20px; font-weight:800; line-height:1.3; }

/* ============ 检索框 ============ */
.fr-search{ display:flex; align-items:center; gap:0; background:var(--card); border:1px solid var(--border); border-radius:20px; padding:0 6px 0 10px; flex:1 1 100%; min-width:0; box-shadow:var(--shadow); }
.fr-search .search-icon{ width:15px; height:15px; color:var(--text-light); flex-shrink:0; }
.fr-search input{ flex:1; border:none; background:transparent; outline:none; padding:8px 6px; font-size:14.6px; color:var(--text-dark); min-width:0; }
.fr-search button{ border:none; background:var(--primary); color:#fff; border-radius:16px; padding:6px 16px; font-size:14.6px; font-weight:600; cursor:pointer; flex-shrink:0; white-space:nowrap; }
.fr-search button:hover{ background:var(--primary-dark); }

/* ============ 桌面端适配 ============ */
@media(min-width:768px){
	.page-head h3{ font-size:24px; }
	.fr-search{ flex:0 0 auto; width:calc(50% - 7px); min-width:280px; margin-left:auto; }
}