/* ==========================================================================
   国庆主题（ADDON 端换肤）—— 覆盖层，不改动 styles.css 的任何组件规则

   加载条件：source/function/function_addon.php 的 $is_Guoqing === TRUE
             （header.php 在 styles.css 之后条件加载本文件）
   关闭方式：把 $is_Guoqing 设为 FALSE（或等自动过期窗口结束）。
             本文件无需删除、模板无需改动。

   原理：只覆盖 :root 上的 --dism-* 令牌，其余全部由组件自动继承；
         图标/徽标一律用伪元素 + 文字实现，不依赖新增图片资源。
   ========================================================================== */

:root{
	/* 主色：国旗红（原品牌蓝 #237ffd） */
	--dism-brand: #c8161d;
	--dism-link-hover: #a51218;
	--dism-danger: #d81e06;
	/* 强调色：金色（价格、星标、徽标） */
	--dism-ahot: #f5a623;
	/* 搜索按钮：中国红（原橙 #ff8a65） */
	--dism-btn: #e60012;
	/* 分区标题条（推荐/最新/优惠）：金 / 红 / 深红 */
	--dism-brand-cyan: #f5a623;
	--dism-brand-cyan-d: #e09412;
	--dism-brand-purple: #d81e06;
	--dism-brand-purple-d: #b81605;
	--dism-brand-green: #a5121a;
	--dism-brand-green-d: #8d0f16;
	/* 底色转暖，营造节庆氛围 */
	--dism-bgb: #fdf6f3;
	--dism-bgc: #fbf1ed;
	--dism-border: #f0d9d2;
}

/* 顶部导航：红旗渐变 + 金色描边
   注意：#hd（满屏）与 #hd .wi（居中 1200px）在 styles.css 里各自定义了背景色，
   若两层都画渐变，会因渐变跨度不同而出现接缝、产生割裂感。
   因此渐变只在 #hd 上画一次并满屏通铺，内层 .wi 置为透明透出即可。 */
#hd{background: linear-gradient(90deg, #a51218 0%, #d81e06 50%, #a51218 100%); box-shadow: 0 2px 6px rgba(168, 18, 24, .25);}
#hd .wi{background: transparent;}
#hd li a{color: #ffe9c9;}
#hd li a:hover, #hd li.current a{color: #fff;}
#hd li a:hover em, #hd li.current a em{background: var(--dism-ahot);}

/* 小图标 ①：导航前的“国庆”金底徽标 */
#hd ul::before{
	content: '国庆';
	float: left;
	margin: 18px 12px 0 0;
	padding: 2px 8px;
	border-radius: 3px;
	background: var(--dism-ahot);
	color: #7a2f00;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
}

/* 小图标 ②：列表页主标题后加金色五角星 */
.lit h2::after{content: '★'; margin-left: 8px; color: var(--dism-ahot); font-size: 15px; vertical-align: 2px;}

/* 小图标 ③：首页分区标题（插件 / 模板）同样加星 */
.title2 p.t b.i1::after, .title2 p.t b.i2::after{content: '★'; margin-left: 8px; color: var(--dism-ahot); font-size: 14px;}

/* 搜索按钮图标转白色，与红色按钮匹配（基础主题下为深色，配橙色按钮） */
.df_sc .inbtn{color: var(--dism-ff);}

/* 筛选卡 / 排序条的阴影转暖 */
.flbox, .pxl{box-shadow: 0 1px 4px rgba(200, 22, 29, .08);}
/* 卡片描边转暖 */
.lib li > div, .lib1 li > div{border-color: #f5e3dd;}

/* 移动端（600px 以下 touch.css 之后仍生效的补充） */
@media only screen and (max-width: 600px){
	#hd ul::before{margin-top: 10px;}
	.lit h2::after{font-size: 13px;}
}