/*

----------------------------------

by 忽悠兄 @1101216848

----------------------------------
/* ===== 搜索框伸缩 ===== */
.huyou_search{float:right;margin-left:6px;margin-top:-3px;position:relative;z-index:2;list-style:none;}
.huyou_search_box{
  display:flex;align-items:center;height:30px;width:130px;
  background:#f7f5f3;border:1.5px solid rgba(255,255,255,.18);
  border-radius:20px;transition:width .38s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s,background .3s;
  overflow:hidden;cursor:pointer;
}
.huyou_search.open .huyou_search_box{
  width:280px;border-color:#d4af37;background:#fff;
  box-shadow:0 0 0 3px rgba(212,175,55,.12),0 0 0 8px rgba(212,175,55,.06),0 4px 16px rgba(0,0,0,.08);
  cursor:default;
}
.huyou_search_icon{
  width:30px;height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
}
.huyou_search_icon svg{width:16px;height:16px;stroke:#d4af37;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.huyou_search.open .huyou_search_icon svg{stroke:#c49b2d;}
.huyou_search_input{
  flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;
  font-size:12px;color:#fff;padding:0 0 0 10px;transition:color .3s;
}
.huyou_search_input::placeholder{color:rgba(255,255,255,.45);}
.huyou_search.open .huyou_search_input{color:#333;}
.huyou_search.open .huyou_search_input::placeholder{color:#c2b59e;}
#scbar_btn{position:absolute;opacity:0;pointer-events:none;width:0;height:0;overflow:hidden;}
#scbar_type{display:none;}
#scbar_type_menu{margin-top:0;}
#scbar_type_menu li a{padding:8px 12px;}

.newfujian{margin:10px auto;border:1px solid #cedebd;background:#fdfefb;height:70px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px 40px;overflow:hidden; position: relative;}
/* font */

@font-face {
	font-family: 'iconfont';
	src: url('template/huyou_qing/src/font/iconfont.eot');
	src: url('template/huyou_qing/src/font/iconfont.eot?#iefix') format('embedded-opentype'),
	url('template/huyou_qing/src/font/iconfont.woff2') format('woff2'),
	url('template/huyou_qing/src/font/iconfont.woff') format('woff'),
	url('template/huyou_qing/src/font/iconfont.ttf') format('truetype'),
	url('template/huyou_qing/src/font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* format */

body {background:#f8f8f8; }
a:hover{color: #cc3333;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;}
/* diy */

.frame, .frame-tab {margin: 0; border:none; border-color:#CC3333; }
.temp {margin: 0;}
.block {margin: 0;}
.jdt { height: 280px; }

/* title */

.huyou_title h2 {background: #fff;border-bottom: 1px solid #efefef;font-size: 16px;color: #666;  }

/* 帖子左侧头像 */

.pls .avatar img, .avtm img { border-radius: 10%;}
.pls .pi {text-align: center;border-bottom: none; margin-bottom: 2px;}
.avt img { padding: 0; background: none; border:none; }
/*按钮button*/
.pn,.pnc, a.pnc {color:#fff !important;border-color: #cc3333;background: none; font-family:microsoft yahei; background-color: #cc3333; border-radius:2px;}
.pn em, .pn strong  { font-weight: 400; }


/*名片*/
.card{ border-color:#eee;}
.card .o a{ background:#fff; border:1px solid #eee;}
/* 弹出层 */
.m_c {-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
.m_c .o{ border-top:1px solid #eee;}
.flb { padding: 15px 15px 8px;}
	.flb em{ color:#222; font-size:16px; font-weight:400;}

/* 行内分割竖线 */ 
.pipe { color: #eee; }
.bbda { border-bottom: 1px dashed #ddd; }
.btda { border-top: 1px dashed #ddd; }
.bbs { border-bottom: 1px solid #ddd !important; }
.bts { border-top: 1px dashed #ddd !important; }

/* 侧边管理列表 */
	.tbn{ margin:0;}
		.tbn .mt{padding: 0 20px; color: #535353;font-size: 22px; font-weight: 400; height:50px; line-height:50px; border:none;}
	.tbn ul{border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;padding: 0 20px;background: #fff;}
		.tbn li{position: relative;  border-bottom: 1px solid #f1f1f1; height:50px; line-height:50px; margin:0; overflow:visible;}
			.tbn li a{ display:block; font-size: 16px; color: #3f3f3f; height:50px; line-height:50px;}
			.tbn li a:hover{color: #CC8033; text-decoration:none;}
		.tbn li.a{ margin:0; border:none; padding:0; border-bottom: 1px solid #f1f1f1;}
			.tbn li.a a{color: #CC8033;}
			/* 页面主区域 */
.ct1 { border: none; }
.ct2 .mn { width:870px; }
.ct2 .sd { width:310px; overflow:visible;}
.appl{ width:260px;background-color: #f9f9f9; padding:0; margin:0;overflow:visible;}	
	.ct2_a, .ct3_a{ border:none; background:none;}
	.ct2_a .mn { width:890px; margin-right:0; padding:15px; background:#fff;}
	.ct3_a .mn { width: 635px; padding:15px; background:#fff; }
		.ct3_a .sd { width: 235px; }
			#nv_home .ct3_a .sd .bm_c{ padding:15px;}
/* wp */

.wp {width: 1140px;}
.mn {float: left;width: 1140px;}
.mnn {float: left;width: 850px;}
.huyou_list li { box-sizing: border-box; }
.huyou_list { width: 100%; }
.mnn1 {width: 1140px;}
.datimu {float: left;width: 490px;}
.xsxss {float:left;width: 850px;}
.sd {float: right;width: 290px; overflow: hidden;}
.sd img { max-width: 100%; height: auto; }
#pt {display: none;}
.bm_h {height: 45px;line-height: 45px;padding: 0 20px;}
.bm_h h2 {font-size: 16px;}
.bm_h .o {margin-top: 5px;}
.fl .bm_h {background: #fff;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.fl .bm_c {padding: 10px 20px;}
.appl {width: 180px;}
.ct2_a .mn {width: 900px;}

/* header */
.header {
	height: 70px; margin-bottom: 24px; background: #cc3333;
	width: 100%; min-width: 1210px; overflow: visible; z-index: 80;
	box-shadow: none; position: relative;
}
.header .nav h2 { float: left; margin-top: 5px; margin-right: 30px; }
.header .nav h2 img { height: 60px; }
.header .nav li { float: left; }
.header .nav li a {
	display: inline-block; height: 70px; line-height: 70px;
	padding: 0 30px; font-size: 16px; color: #fff; transition: .6s;
}
.header .nav li a span { display: none; }
.header .nav li.a a { background: rgba(255,255,255,0.1); }
.header .nav li:hover a { background: rgba(255,255,255,0.1); }

.header .user { float: right; margin-top: 20px; margin-left: 20px; }
.header .user li { float: right; margin-left: 20px; }
.header .user li a { position: relative; display: block; padding: 0 5px; color: #fff; }
.header .user li a i { font-size: 18px; }
.header .user li a em {
	position: absolute; top: -10px; right: -5px; padding: 0 4px;
	background: #ff0000; font-size: 8px; color: #fff; border-radius: 100%;
}
.header .user li a#qmenu { float: none; display: block; width: auto; height: auto; line-height: inherit; padding: 0; margin: 0; background: none; text-align: left; color: #fff; font-weight: normal; overflow: inherit; }
.header .user li .user_avatar img { width: 25px; height: 25px; border-radius: 50%; }

#wp { margin-top: 0; }


.user_menu {width: 255px;padding: 20px;background: #fff;box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.2);}
.user_menu h2 {height: 30px;line-height: 30px;margin-bottom: 15px;}
.user_menu h2 a {font-size: 18px;}
.user_menu h2 a img {float: left;width: 30px;height: 30px;margin-right: 8px;border-radius: 50%;}
.user_menu h2 span {font-size: 12px;color: #666;}
.user_menu p {float: left;margin-top: 5px;}
.user_menu p .pipe {display: none;}
.user_menu ul {margin-top: 20px;}
.user_menu ul li {float: left;margin-right: 10px;margin-bottom: 10px;}
.user_menu ul li a {display: block;width: 76px;height: 28px;line-height: 28px;border: 1px solid #efefef;text-align: center;font-size: 12px;color: #666;}
.user_menu ul li:nth-child(3n) {margin-right: 0;}
.user_menu ul li a:hover{background:#CC3333;color:#fff;}
.user_menu .user_logout {padding-top: 15px;margin-top: 10px;border-top: 1px solid #efefef;}
.user_menu .user_logout a {font-size: 14px;color: #999;}

.user_login {width: 150px;padding: 10px 0;background: #fff;box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.2);}
.user_login li a {display: block;padding: 10px 20px;font-size: 14px;}


/* 列表 */

.huyou_list li {padding: 20px;margin-bottom: 15px;background: #fff;border-radius: 5px;-webkit-transition: all .4s linear;transition: all .4s linear;overflow: hidden;}
.huyou_list li:hover {box-shadow: 0 0 7px 0 rgba(0,0,0,.15);}
.huyou_list li .list_img {float: right;width: 180px;height: 130px;margin-left: 20px;background: #f8f8f8;border-radius: 5px;overflow: hidden;}

.huyou_list li .list_img img {display: block;width: 100%;height: auto;-webkit-transition: all 1s;transition: all 1s;object-fit: cover;}
.huyou_list li .list_img img:hover {-webkit-transform: scale(1.12);transform: scale(1.12);}
.huyou_list li .list_info {position: relative;}
.huyou_list li .list_info h2 {margin-bottom: 15px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.huyou_list li .list_info p {height: 44px;line-height: 22px;margin-bottom: 20px;font-size: 14px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.huyou_list li .list_info .list_more span {padding-right: 10px;font-size: 12px;color: #999;}
.huyou_list li .list_info .list_more span a {color: #666;}
.huyou_list li .list_info .list_more span em {font-size: 0;}
.huyou_list li .list_info .list_more span em a {font-size: 12px;}
/* 置顶帖（方案A：标签卡片） */
.huyou_list li.huyou_sticky {background: #fff;min-height: 92px;display: flex;align-items: center;margin-bottom: 20px;}
.huyou_list li.huyou_sticky .list_info {width: 100%;}
.huyou_list li.huyou_sticky .list_info h2 {margin-bottom: 0;}


/* 加载 */
.scroller-status {display: none;}
.loader-ellips {position: relative;width: 4em;height: .7em;margin: 10px auto;font-size: 20px;}
.loader-ellips__dot {position: absolute;display: block;width: .7em;height: .7em;background: #999;border-radius: .35em;animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count: infinite;}
.loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) {left: 0;}
.loader-ellips__dot:nth-child(3) {left: 1.5em;}
.loader-ellips__dot:nth-child(4) {left: 3em;}
@keyframes reveal {from { transform: scale(0.001); }to { transform: scale(1); }}
@keyframes slide {to { transform: translateX(1.5em) }}
.loader-ellips__dot:nth-child(1) {animation-name: reveal;}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {animation-name: slide;}
.loader-ellips__dot:nth-child(4) {animation-name: reveal;animation-direction: reverse;}
.scroller-status__message {width: 220px;height: 40px;line-height: 40px;margin: 20px auto;background: #CC3333;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;cursor: pointer;}


/* 推荐 */
.random {margin-bottom: 20px;background: #fff;}
.random ul li a {position: relative;display: block;padding: 15px 20px;border-bottom: solid 1px #efefef;font-size: 14px;color: #666;overflow: hidden;}
.random ul li img {float: left;width: 80px;height: 80px;margin-left: -135px;}
.random ul li h2 {display: block;line-height: 22px;margin-bottom: 10px;}
.random ul li span {font-size: 12px;color: #999;}

/* 题目 */
.timu {margin-bottom: 20px;background: #fff;}
.timu ul li a {position: relative;display: block;padding: 15px 20px;border-bottom: solid 1px #efefef;font-size: 14px;color: #666;overflow: hidden;}
.timu ul li img {float: left;width: 80px;height: 80px;margin-left: -135px;}
.timu ul li h2 {display: block;line-height: 22px;margin-bottom: 10px;}
.timu ul li span {font-size: 12px;color: #999;}


/* 排行 */

.member {margin-bottom: 20px;background: #fff;}
.member ul li {height: 35px;line-height: 35px;margin-top: 15px;padding-bottom: 16px;border-bottom: 1px solid #efefef;}
.member ul li em {float: left;width: 20px;height: 20px;line-height: 20px;margin: 10px 5px 0 15px;text-align: center;font-size: 16px;color: #ccc;border-radius: 5px;}
.member ul li em.cc1 {color: #e62129;}
.member ul li em.cc2 {color: #ff5e52;}
.member ul li em.cc3 {color: #f26c4f;}
.member ul li .user_avatar {float: left;}
.member ul li .user_avatar img {width: 35px;height: 35px;border-radius: 50%;}
.member ul li p {margin-left: 85px;margin-right: 20px;}
.member ul li p a {display: block;font-size: 14px;color: #666;}
.member ul li p a i {float: right;height: 24px;line-height: 24px;padding: 0 10px;margin-top: 8px;background: #f6f6f6;font-size: 12px;color: #999;border-radius: 3px;}
.member ul li:hover i {background: #cd3c39;color: #fff;}


/* 友链 */

.link {background: #fff;}
.link ul {padding: 20px 0 10px 20px;}
.link ul li {float: left;margin-right: 20px;margin-bottom: 15px;}
.link ul li a {font-size: 14px;color: #666;}

/*----------------------------------- 底部导航 --------------------------------------*/
.sxpfooter{border-top:1px solid #E3E3E3;background:#292929; }
.sxpfttop{ background:#333; padding-top:30px; padding-bottom:30px;}
.sxpw1100{ width: 1140px; margin:0 auto;}
.sxpftpad{ float:left; margin-right:110px;}
.sxpftpad h3{ color: #FFF;font-size: 14px;padding-bottom:10px;text-align:left; }
.sxpftpad ul li{ line-height:30px; font-size:12px; color:#ccc;}
.sxpftpad ul li a{ color:#CCC;}
.sxpftpad ul li a:hover{ color:#FFF;}
.sxpftpada{ white-space:nowrap; width:166px; margin-top:15px;}
.sxpftpada a{ font-size:14px; color:#ccc; display:block; float:left; margin-right:15px; line-height:30px;}
.sxpftpada a:hover{ color:{MENUHOVERBGCOLOR};}
.sxpftpadimg{ margin-top:15px;}
.sxpftpadimg a { display:block; margin-bottom:10px;}
.sxpftpadimg a img{ opacity:0.7;}
.sxpftpadimg a:hover img{ opacity:1;}
.sxpftright{ float:right; }
.sxpftright p { color:#ccc;line-height:36px;}
.sxpft_tel,.sxpft_email,.sxpft_address { padding-left:25px; }
.sxpft_tel{ background:url({STYLEIMGDIR}/icon-tel.png) 0 10px no-repeat; }
.sxpft_email { background:url({STYLEIMGDIR}/icon-email.png) 0 10px no-repeat; }
.sxpft_address { background:url({STYLEIMGDIR}/icon-address.png) 0 10px no-repeat; }
.sxpftbottom { height:30px;line-height:30px;padding:10px 0 10px 0;width:1200px;margin:0 auto;}
.sxpftbottom img { vertical-align: middle;}
.sxpftbottom,.sxpftbottom a,.sxpftbottom em {font-size:12px; color:#aaa;}
.sxpftnav{ text-align:right;width:500px;float:right;overflow:hidden;height:30px;overflow:hidden; }
.sxpftnav a:hover{ color:#FFF;}
.sxpftnav em{ padding:0 10px;color:#333;}
.sxpftttr{ text-align:left;width:700px;float:left;overflow:hidden;height:30px;overflow:hidden; }
.sxpftttr a:hover{ color:#FFF;}
/* ---------------------------------------------------------- */
.sxp_hothd { background:#FFF;border: 1px solid #E3E3E3;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);}
.sxp_hothd h3 {position:relative;background: #f5f5f5 linear-gradient(to bottom, #fafafa 0%, #f4f4f4 100%) repeat scroll 0 0;
border-bottom: 1px solid #e0e0e0;box-shadow: 0 1px 1px 1px #f6f6f6;margin:0 1px; }
.sxp_hothd h3 span { line-height:58px;font-size:16px;color:#757575;padding-left:20px;font-weight:normal;display: inline-block;}
.sxp_hothd h3 a { color:#757575;font-size:12px;position:absolute;right:15px;line-height:50px;font-weight:normal;}
.sxp_hothd h3 a:hover { color:{MENUHOVERBGCOLOR};}
.sxp_hothd dl { margin:15px 20px 0 20px;border-bottom:1px solid #eaeaea;padding-bottom:10px; }
.sxp_hothd dt { padding:0 0 0 0;min-height:56px;}
.sxp_hothd dt a { font-size:14px;font-weight:normal;color:#333; }
.sxp_hothd dt a:hover {color:{MENUHOVERBGCOLOR};}
.sxp_hothd .m { margin:0 8px 0 0;}
#sxp_hothd em {float: left;color: {MENUHOVERBGCOLOR};display: inline-block;padding: 1px 6px;border: 1px solid {MENUHOVERBGCOLOR};font-size: 12px;vertical-align: middle;text-align: center;margin-right: 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;line-height: 18px;}
#sxp_hothd a {float: right;display: inline-block;text-align: center;padding: 2px 8px;margin-right: 10px;font-size: 12px;vertical-align: middle;line-height: 18px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-color:{MENUHOVERBGCOLOR};color: #FFF;}

/* ---------------------------------------------------------- */

/* 二级导航 */
#asl_sup { height: 50px; line-height: 50px; background: #fff; border-radius: 2px; margin-bottom: 0; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
#asl_sup { min-width: 1210px; }
#asl_sup ul li { float: left; display: inline-block; height: 50px; line-height: 50px; }
#asl_sup ul li a { float: left; padding: 0 20px; font-size: 14px; border-color: #CC3333; }
#asl_sup ul li a:hover { color: #cc3333; transition: all .3s; text-decoration: none; }
.asl_sup_post span, .asl_sup_post a { float: left; }
.asl_sup_post a { display: block; height: 38px; line-height: 38px; border: 1px solid #C9C9C9; background: #fff; color: #555; padding: 0 18px; font-size: 14px; border-radius: 2px; cursor: pointer; margin-top: 5px; }
.asl_sup_post a:hover { border-color: #CC3333; text-decoration: none; }
.asl_sup_post span a { display: block; width: 19px; height: 19px; }


/*个人中心*/
#nv_home #mood_mystatus{ width: 1140px;}
#nv_home .mi .moodfm_input{ width: 588px;}
#nv_home .mi #moodfm textarea{ margin: 0; padding: 2px 3px; width: 580px; height: 52px; border: 1px solid; border-color: #DDD #EEE #EEE #DDD;}
#nv_home #moodfm textarea{ width: 966px;}
#space .ct2{ margin: 0 auto;}
#space .ct2 .sd{ margin-right: 10px;}

/*修复首页收藏版块问题*/
.biaoqi-shoucang {  float: left;  display: block; padding-right: 10px; }
.biaoqi-shoucang a { display: block;  width: 80px; overflow: hidden; }
.biaoqi-shoucang img { width: 80px; height: 80px; }

.title {
  position: relative;
  padding-left: 13px;
  margin: 24px 0;
}


.recomend-list h2 {
  position: relative;
  font-size: 16px;
  text-align: left;
  padding:  13px 20px;
  height: 40px;
  line-height: 40px;
}
.recomend-list h2:before {
  position: absolute;
  content: "";
  background-color: #cc8033;
  width: 4px;
  height: 18px;
  left: 0;
  top: 50%;
  margin-top: -8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* ===== 置顶 + 筛选 融合卡片（仅无分类版块）===== */
.huyou_top_card {
	background: #fff; border-radius: 6px; overflow: visible;
	box-shadow: 0 1px 3px rgba(0,0,0,.06);
	margin: 12px 0 20px;   /* 顶部 12px 与有分类版块的 .huyou_filter_bar 一致，避免贴住上方 DIY 模块 */
}
.huyou_top_filter {
	display: flex; justify-content: space-between; align-items: center; gap: 10px;
	padding: 12px 20px;
}
.huyou_top_divider { height: 1px; background: #f0f0f0; margin: 0 20px; }
.huyou_top_sticky { padding: 2px 0; }
.huyou_top_sticky li.huyou_sticky {
	position: relative; min-height: 56px;
	display: flex; align-items: center;
	padding: 14px 20px;
	border-bottom: 1px solid #f6f6f6;
	background: transparent; border-radius: 0; box-shadow: none;
}
.huyou_top_sticky li.huyou_sticky:last-child { border-bottom: none; }
.huyou_top_sticky .list_info { width: 100%; }
.huyou_top_sticky .list_info h2 {
	margin-bottom: 0; font-size: 16px;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.huyou_top_sticky .list_info h2 a { color: #222; }
.huyou_top_sticky .list_info h2 a:hover { color: #cc3333; }

/* ===== 筛选 + 主题分类 合并区（方案B：精选分类 + 更多下拉）===== */
.huyou_filter_bar {
	display: flex; justify-content: space-between; align-items: center; gap: 10px;
	margin: 12px 0 12px; padding: 8px 12px;
	background: #fff; border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.huyou_filter_left {
	display: flex; align-items: center; gap: 6px;
	flex: 0 1 auto; min-width: 0;
}
.huyou_filter_cats {
	display: flex; align-items: center; gap: 6px;
	flex: 0 0 auto;
}
.huyou_filter_cats > a {
	flex: 0 0 auto;
	height: 30px; line-height: 30px; padding: 0 13px;
	font-size: 13px; color: #555;
	background: #f5f5f5; border-radius: 15px;
	text-decoration: none; white-space: nowrap; transition: .15s;
}
.huyou_filter_cats > a:hover { background: #ffeaea; color: #cc3333; }
.huyou_filter_cats > a.on { background: #cc3333; color: #fff; }
.huyou_filter_sep { flex: 0 0 auto; color: #ddd; line-height: 30px; padding: 0 6px; font-size: 12px; }
.huyou_filter_actions {
	display: flex; align-items: center; gap: 8px;
	flex: 0 0 auto; margin-left: auto;
	padding-left: 10px; border-left: 1px solid #eee;
}

/* 自带点击下拉（替代 Discuz showMenu，解决弹窗跑偏） */
.huyou_dd { position: relative; display: inline-flex; }
.huyou_dd_trigger {
	display: inline-flex; align-items: center; gap: 5px;
	height: 30px; padding: 0 12px;
	border: 1px solid #e5e5e5; border-radius: 15px;
	background: #fff; color: #666; font-size: 13px; text-decoration: none;
	white-space: nowrap; cursor: pointer; transition: .15s;
}
.huyou_dd_trigger::after {
	content: ''; width: 0; height: 0;
	border-left: 4px solid transparent; border-right: 4px solid transparent;
	border-top: 4px solid #999;
}
.huyou_dd_trigger:hover { border-color: #cc3333; color: #cc3333; }
.huyou_dd_trigger:hover::after { border-top-color: #cc3333; }
.huyou_dd.open .huyou_dd_trigger { border-color: #cc3333; color: #cc3333; background: #fff5f5; }
.huyou_filter_more_wrap { flex: 0 0 auto; }
.huyou_filter_more { background: #f0f0f0 !important; border-color: transparent !important; }
.huyou_filter_more:hover { background: #ffeaea !important; }
.huyou_dd_menu {
	display: none; position: absolute; top: calc(100% + 6px); left: 0;
	min-width: 120px; background: #fff;
	border: 1px solid #eee; border-radius: 6px;
	box-shadow: 0 6px 20px rgba(0,0,0,.12); padding: 6px 0; z-index: 300;
}
.huyou_dd.open .huyou_dd_menu { display: block; }
.huyou_dd_menu a {
	display: block; padding: 8px 18px; color: #555; font-size: 13px;
	white-space: nowrap; text-decoration: none; transition: .1s;
}
.huyou_dd_menu a:hover { background: #fef5f5; color: #cc3333; }

/* ===== 发布主题卡片（与左侧筛选栏同款质感）===== */
.huyou_postcard {
	background: #fff; border-radius: 6px; margin: 14px 0 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,.06); overflow: hidden;
	padding: 16px 20px 18px;
}
.huyou_postcard .btn-post {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	height: 46px; background: linear-gradient(135deg,#d8392f,#cc3333);
	color: #fff; font-size: 17px; border-radius: 6px; text-decoration: none;
	box-shadow: 0 3px 8px rgba(204,51,51,.28); transition: .18s;
}
.huyou_postcard .btn-post .plus { font-size: 20px; line-height: 1; }
.huyou_postcard .btn-post:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(204,51,51,.34);
	background: linear-gradient(135deg,#cc3333,#b52d2d);
}

/* ===== 快捷入口卡片(沿用随机推荐标题样式)===== */
.huyou_qc_wrap { background: #fff; }
.huyou_qc_wrap .huyou_qc_list { padding: 0 16px 16px; }
.huyou_qc_wrap .recomend-list h2 { font-size: 16px; }
.huyou_qc_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 14px;
    column-gap: 2px;
    padding-top: 8px;
}
.huyou_qc_item {
    display: flex; flex-direction: column; align-items: center;
    text-decoration: none; color: #555; transition: color .15s;
}
.huyou_qc_item:hover { color: #cc3333; }
.huyou_qc_icon {
    width: 32px; height: 32px; margin-bottom: 5px;
    display: flex; align-items: center; justify-content: center;
}
.huyou_qc_icon img {
    width: 28px; height: 28px; border-radius: 6px; object-fit: cover;
}
.huyou_qc_name { font-size: 12px; line-height: 1.2; text-align: center; }

/* ===== 签到入口卡片 ===== */
.huyou_signin_card {
	background: #fff; border-radius: 8px;
	padding: 20px 20px;
	display: flex; align-items: center; justify-content: space-between; gap: 14px;
	box-shadow: 0 1px 4px rgba(0,0,0,.06);
	margin-bottom: 20px;
}
.huyou_signin_left { flex: 1; min-width: 0; }
.huyou_signin_hello {
	font-size: 16px; font-weight: 700; color: #cc3333; margin-bottom: 5px; line-height: 1.2;
}
.huyou_signin_hello.huyou_signin_done { color: #888; }
.huyou_signin_sub { font-size: 12px; color: #888; line-height: 1.4; }
.huyou_signin_btn {
	flex-shrink: 0;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 8px 18px;
	background: linear-gradient(135deg,#d8392f,#cc3333);
	color: #fff; font-size: 13px; font-weight: 600;
	border-radius: 20px; text-decoration: none;
	box-shadow: 0 2px 6px rgba(204,51,51,.22);
	transition: transform .15s, box-shadow .15s; white-space: nowrap;
}
.huyou_signin_btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(204,51,51,.30);
}
.huyou_signin_btn_done {
	background: #f0f0f0; color: #999; box-shadow: none; cursor: default;
}
.huyou_signin_btn_done:hover { transform: none; box-shadow: none; }

.tui {float: left;width: 850px;}

/* ===== 访问高级栏目 · 方案A（参考子版块设计） ===== */
.huyou_subforum { position: relative; margin: 14px 0; }
.huyou_sub_head {
	font-size: 18px; font-weight: 800; color: #222;
	margin-bottom: 14px; padding-bottom: 12px;
	border-bottom: 1px solid #f2f2f2;
}
.huyou_sub_list { display: flex; flex-direction: column; gap: 12px; }
.huyou_sub_block {
	display: flex; align-items: center; gap: 16px;
	background: #fff; border-radius: 10px; overflow: hidden;
	padding: 18px 22px;
	text-decoration: none; color: inherit;
	box-shadow: 0 2px 10px rgba(0,0,0,.04);
	transition: box-shadow .15s;
}
.huyou_sub_block:hover { box-shadow: 0 4px 16px rgba(0,0,0,.10); }
.huyou_sub_block .ico {
	flex: 0 0 52px; width: 52px; height: 52px; border-radius: 12px;
	display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.huyou_sub_block .ico .ib { width: 30px; height: 30px; display: block; }
.huyou_sub_block .ico img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; display: block; }
.huyou_sub_block .body { flex: 1; min-width: 0; }
.huyou_sub_block .name { font-size: 19px; font-weight: 700; color: #222; }
.huyou_sub_block .btn {
	flex: 0 0 auto;
	font-size: 14px; font-weight: 600; color: #fff;
	background: linear-gradient(120deg, #cc3333, #e05555);
	padding: 9px 26px; border-radius: 30px;
	box-shadow: 0 4px 12px rgba(204,51,51,.25);
}
/* 表格分支(多列子版块)保留白卡容器 */
.huyou_subforum .fl_tb { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 18px rgba(0,0,0,.08); border: 1px solid #f0f0f0; }
@media (max-width: 640px) {
	.huyou_sub_block .body { flex-wrap: wrap; gap: 12px; }
	.huyou_sub_block .btn { margin-left: auto; margin-right: 0; }
}
/* ==================================================================
   PC 端「附件下载区」· 方案A 简约卡片
   ------------------------------------------------------------------
   纯 CSS，不改任何模板。作用域仅限帖子正文里的【非图片】附件：
   dl.tattl:not(.attm) —— 来源 template/default/forum/discuzcode.htm
   的 attachlist 块。图片附件是 dl.tattl.attm，已用 :not() 排除。
   文案统一为「获取 / 下载」，不出现「购买 / 支付 / 售价」字样。
   ================================================================== */

/* 附件被 <ignore_js_op> 包裹，该标签浏览器默认 inline，统一改为块级 */
ignore_js_op { display: block; }

/* ==================================================================
   附件列表区（帖子底部「附件」）· 方案A 简约卡片
   ------------------------------------------------------------------
   真实 DOM（huyou_qing/forum/discuzcode.htm 附件循环输出）：
     <ignore_js_op>
       <img class="vm" src="static/image/filetype/xxx.gif">   ← $attach[attachicon]，仅非图片附件有
       <span id="attach_NNN" onmouseover="showMenu(...)">
         <a href="forum.php?mod=attachment&aid=...">文件名</a>   ← 免费/已获取：直接下载
         <em class="xg1">(大小, 下载次数, 积分: N 书币)</em>
       </span>
       <div class="tip tip_4" id="attach_NNN_menu">…</div>   ← 悬停提示（已隐藏）
     </ignore_js_op>
   付费未获取：<a href="forum.php?mod=misc&action=attachpay&aid=..."> 触发「获取附件」弹窗。
   作用域：仅命中「带 filetype 图标的非图片附件」，不误伤图片附件。
   ================================================================== */

/* 卡片本体：仅非图片附件 · flex 布局（徽标 + 信息 行1，提醒 行2） */
ignore_js_op:has(> img[src*="filetype/"]) {
	position: relative;
	display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px;
	padding: 14px 158px 14px 16px;
	margin: 12px 0;
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 8px;
	transition: border-color .18s, box-shadow .18s, transform .18s;
}
ignore_js_op:has(> img[src*="filetype/"]):hover {
	border-color: #e0b9b9;
	box-shadow: 0 4px 14px rgba(204,51,51,.10);
	transform: translateY(-1px);
}

/* 原生悬停气泡（上传时间/点击下载/购买）在卡片内会因 position:relative
   被 showMenu 的文档坐标算错位置；其信息已在卡片体现，故隐藏。
   隐藏后「购买」入口也随之消失，正好满足“不出现购买”的要求。 */
ignore_js_op:has(> img[src*="filetype/"]) .tip { display: none !important; }

/* 左侧彩色文件类型徽标块：隐藏原生 gif，用 ::before 还原方案A 的色块+文字 */
ignore_js_op:has(> img[src*="filetype/"]) > img[src*="filetype/"] { display: none; }
ignore_js_op:has(> img[src*="filetype/"])::before {
	content: "FILE";
	flex: 0 0 44px; width: 44px; height: 44px;
	border-radius: 9px;
	background: linear-gradient(145deg,#8c9aab,#6b7889);
	color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .5px;
	font-family: Arial, sans-serif;
	display: flex; align-items: center; justify-content: center;
}
ignore_js_op:has(> img[src*="filetype/rar"])::before,
ignore_js_op:has(> img[src*="filetype/zip"])::before,
ignore_js_op:has(> img[src*="filetype/7z"])::before  { content: "RAR"; background: linear-gradient(145deg,#f0a94c,#dd8420); }
ignore_js_op:has(> img[src*="filetype/zip"])::before { content: "ZIP"; }
ignore_js_op:has(> img[src*="filetype/7z"])::before  { content: "7Z"; }
ignore_js_op:has(> img[src*="filetype/pdf"])::before { content: "PDF"; background: linear-gradient(145deg,#e5645c,#cc3333); }
ignore_js_op:has(> img[src*="filetype/doc"])::before { content: "DOC"; background: linear-gradient(145deg,#5b8dd6,#2f68bd); }
ignore_js_op:has(> img[src*="filetype/xls"])::before { content: "XLS"; background: linear-gradient(145deg,#5cb37a,#2f855a); }
ignore_js_op:has(> img[src*="filetype/txt"])::before { content: "TXT"; background: linear-gradient(145deg,#9aa7b3,#707d8c); }
ignore_js_op:has(> img[src*="filetype/ppt"])::before { content: "PPT"; background: linear-gradient(145deg,#d98a4c,#c25e1f); }
ignore_js_op:has(> img[src*="filetype/epub"])::before { content: "EPUB"; background: linear-gradient(145deg,#e5645c,#cc3333); }

/* 内容行：文件名 + 元信息 */
ignore_js_op:has(> img[src*="filetype/"]) > span[id^="attach_"] {
	flex: 1 1 auto; min-width: 0;
}

/* 文件名链接 */
ignore_js_op:has(> img[src*="filetype/"]) > span[id^="attach_"] > a {
	color: #24292f;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	display: inline-block; max-width: 100%; overflow: hidden;
	text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;
}
ignore_js_op:has(> img[src*="filetype/"]):hover > span[id^="attach_"] > a { color: #cc3333; }

/* 元信息（大小 / 下载次数 / 积分） */
ignore_js_op:has(> img[src*="filetype/"]) > span[id^="attach_"] > em.xg1 {
	display: block;
	margin-top: 3px;
	color: #9aa0a6;
	font-size: 12px; line-height: 1.5;
	font-style: normal;
}

/* 下载 / 获取 按钮：文件名链接 ::after，绝对定位右侧大号按钮，点=点链接 */
ignore_js_op:has(> img[src*="filetype/"]) > span[id^="attach_"] > a::after {
	content: "获取";
	position: absolute; right: 31px; top: 50%; transform: translateY(-50%);
	width: 96px; height: 36px; line-height: 36px; text-align: center;
	background: #cc3333; color: #fff;
	font-size: 13px; font-weight: 500; letter-spacing: 1px;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(204,51,51,.25);
	transition: background .18s, box-shadow .18s;
}
ignore_js_op:has(> img[src*="filetype/"]):hover > span[id^="attach_"] > a::after {
	background: #b82c2c; box-shadow: 0 4px 12px rgba(204,51,51,.35);
}


/* 按钮下方一行提醒（flex 第二行，占满整宽） */
ignore_js_op:has(> img[src*="filetype/"])::after {
	content: "⚠️ 本附件仅供个人私下学习、研究，请勿转发、上传、发布到其他网站、论坛、社交平台等，感谢配合。";
	flex-basis: 100%;
	order: 9;
	margin-top: 12px; padding-top: 9px;
	border-top: 1px dashed #e3c97a;
	color: #a07b1e;
	font-size: 11.5px; line-height: 1.6;
}

/* 窄屏适配：按钮改为内联，避免文字被挤没 */
@media (max-width: 720px) {
	ignore_js_op:has(> img[src*="filetype/"]) { padding-right: 16px; }
	ignore_js_op:has(> img[src*="filetype/"]) > span[id^="attach_"] > a::after {
		position: static; transform: none; display: inline-block;
		width: auto; padding: 0 14px; height: 28px; line-height: 28px;
		margin-top: 8px;
	}
}

/* --- 卡片本体：由原生「float 双列 64px 小方块」改为整行白卡 --- */
.tattl:not(.attm) {
	float: none; width: auto; height: auto; overflow: visible;
	position: relative;
	display: flex; align-items: center; gap: 14px;
	padding: 14px 150px 14px 16px;
	margin: 12px 0;
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 8px;
	transition: border-color .18s, box-shadow .18s, transform .18s;
}
.tattl:not(.attm):hover {
	border-color: #e0b9b9;
	box-shadow: 0 4px 14px rgba(204,51,51,.10);
	transform: translateY(-1px);
}

/* 原生 hover 气泡（上传时间/点击下载）在卡片内会因 position:relative
   被 showMenu 的文档坐标算错位置；且其信息已在卡片元信息行体现，故隐藏。
   想恢复气泡：删掉下面这一条即可（可能出现轻微偏移）。 */
.tattl:not(.attm) .tip { display: none !important; }

/* --- 左侧文件类型徽标：盖掉 32px 老 gif，用色块+扩展名文字 --- */
.tattl:not(.attm) dt {
	float: none; width: 44px; height: 44px; flex: 0 0 44px;
	border-radius: 9px; position: relative;
	background: linear-gradient(145deg,#8c9aab,#6b7889);
	display: flex; align-items: center; justify-content: center;
}
.tattl:not(.attm) dt img { display: none; }
.tattl:not(.attm) dt::after {
	content: "FILE"; color: #fff; font-size: 10px; font-weight: 700;
	letter-spacing: .5px; font-family: Arial, sans-serif;
}
/* 借原生图标 src 里的扩展名判断类型着色；:has() 不支持时统一降级为灰色 FILE */
.tattl:not(.attm) dt:has(img[src*="rar"]),
.tattl:not(.attm) dt:has(img[src*="zip"]),
.tattl:not(.attm) dt:has(img[src*="7z"])  { background: linear-gradient(145deg,#f0a94c,#dd8420); }
.tattl:not(.attm) dt:has(img[src*="rar"])::after { content: "RAR"; }
.tattl:not(.attm) dt:has(img[src*="zip"])::after { content: "ZIP"; }
.tattl:not(.attm) dt:has(img[src*="7z"])::after  { content: "7Z"; }
.tattl:not(.attm) dt:has(img[src*="pdf"]) { background: linear-gradient(145deg,#e5645c,#cc3333); }
.tattl:not(.attm) dt:has(img[src*="pdf"])::after { content: "PDF"; }
.tattl:not(.attm) dt:has(img[src*="doc"]) { background: linear-gradient(145deg,#5b8dd6,#2f68bd); }
.tattl:not(.attm) dt:has(img[src*="doc"])::after { content: "DOC"; }
.tattl:not(.attm) dt:has(img[src*="xls"]) { background: linear-gradient(145deg,#5cb37a,#2f855a); }
.tattl:not(.attm) dt:has(img[src*="xls"])::after { content: "XLS"; }
.tattl:not(.attm) dt:has(img[src*="txt"])::after { content: "TXT"; }

/* --- 右侧信息区 --- */
.tattl:not(.attm) dd { margin-left: 0; flex: 1 1 auto; min-width: 0; color: #9aa0a6; }
.tattl:not(.attm) .attnm { height: auto; margin-bottom: 5px; overflow: visible; }
.tattl:not(.attm) .attnm a {
	font-size: 15px; font-weight: 600; color: #24292f; text-decoration: none;
	display: inline-block; max-width: 100%; overflow: hidden;
	text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;
}
.tattl:not(.attm):hover .attnm a { color: #cc3333; }
/* 元信息行（大小 / 下载次数 / 附件积分） */
.tattl:not(.attm) dd > p:nth-of-type(2) { font-size: 12px; color: #9aa0a6; }
.tattl:not(.attm) dd > p.xg2 { font-size: 12px; color: #b0b3b8; margin-top: 3px; }

/* --- 动作按钮：用文件名链接自身的 ::after 做，点按钮=点链接，真可点 --- */
.tattl:not(.attm) .attnm a::after {
	content: "获取";
	position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
	width: 118px; height: 36px; line-height: 36px; text-align: center;
	background: #cc3333; color: #fff;
	font-size: 13px; font-weight: 500; letter-spacing: 1px;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(204,51,51,.25);
	transition: background .18s, box-shadow .18s;
}
.tattl:not(.attm):hover .attnm a::after {
	background: #b82c2c; box-shadow: 0 4px 12px rgba(204,51,51,.35);
}

/* ================= 付费未获取态 =================
   白卡 + “获 取”红按钮（与免费态区别仅在按钮文案） */
.tattl:not(.attm):has(.attnm a[href*="action=attachpay"]) {
	border-color: #e6e8eb;
	background: #fff;
}
.tattl:not(.attm):has(.attnm a[href*="action=attachpay"]):hover {
	border-color: #e0b9b9; box-shadow: 0 4px 14px rgba(204,51,51,.10);
}
.tattl:not(.attm) .attnm a[href*="action=attachpay"]::after {
	content: "获 取";
	background: #cc3333;
	box-shadow: 0 2px 6px rgba(204,51,51,.25);
}
.tattl:not(.attm):hover .attnm a[href*="action=attachpay"]::after {
	background: #b82c2c;
	box-shadow: 0 4px 12px rgba(204,51,51,.35);
}
.tattl:not(.attm):hover .attnm a[href*="action=attachpay"] { color: #cc3333; }

/* ================= 付费已获取态 =================
   有价格行(strong) 但文件名链接已变回直接下载 → 说明已获取过 */
.tattl:not(.attm):has(dd > p:nth-of-type(3) strong):not(:has(.attnm a[href*="action=attachpay"])) .attnm a::after {
	content: "已获取 · 下载";
	background: #cc3333;
	box-shadow: 0 2px 6px rgba(204,51,51,.25);
}
.tattl:not(.attm):has(dd > p:nth-of-type(3) strong):not(:has(.attnm a[href*="action=attachpay"])):hover .attnm a::after {
	background: #b82c2c; box-shadow: 0 4px 12px rgba(204,51,51,.35);
}

/* ================= 价格行文案改写 =================
   原生输出： 售价: <strong>5 书币</strong> &nbsp;[<a>记录</a>] &nbsp;[<a>购买</a>]
   用 font-size:0 吞掉「售价:」「[ ]」等裸文本节点，再用 ::before 换成「所需积分」。
   两个链接隐藏：右侧已有「获取」按钮，避免重复入口，也消除「购买」字样。 */
.tattl:not(.attm) dd > p:nth-of-type(3) { font-size: 0; margin-top: 3px; }
.tattl:not(.attm) dd > p:nth-of-type(3):has(strong)::before {
	content: "所需积分 "; font-size: 12px; color: #9aa0a6;
}
.tattl:not(.attm) dd > p:nth-of-type(3) strong {
	font-size: 12px; color: #b8860b; font-weight: 700; margin-right: 0;
}
.tattl:not(.attm) dd > p:nth-of-type(3) a { display: none; }

/* 窄屏（<720px）收起按钮，改为整卡可点，避免文字被挤没 */
@media (max-width: 720px) {
	.tattl:not(.attm) { padding-right: 16px; }
	.tattl:not(.attm) .attnm a::after {
		position: static; transform: none; display: inline-block;
		width: auto; padding: 0 14px; height: 28px; line-height: 28px;
		margin-left: 10px; vertical-align: middle;
	}
}

/* ==================================================================
   PC 端「获取附件」弹窗 · huyou_qing 覆盖模板配套样式
   ------------------------------------------------------------------
   对应 forum/attachpay.htm 覆盖模板。文案统一「获取 / 所需积分 / 获取后余额」，
   不出现「购买 / 支付 / 售价」。配色沿用 PC 站主色 #cc3333 与金色 #c9a227，
   其中「获取附件」主按钮为 #cc3333 红色，与卡片下载按钮保持一致。
   ------------------------------------------------------------------
   注意：Discuz showWindow 会在 .huyou_getatt 外层包 table.fwin + 8 个半透明灰
   边角（.t_l/.t_c/.t_r/.m_l/.m_r/.b_l/.b_c/.b_r）。下面用 :has(.huyou_getatt)
   把这些灰框去掉，让 .m_c 本身呈现为纯白圆角卡片。
   ================================================================== */

/* 外层灰框：含 huyou_getatt 时，去掉 8 个半透明边角 */
.fwinmask:has(.huyou_getatt) .fwin { border-collapse: collapse; }
.fwinmask:has(.huyou_getatt) .t_l,
.fwinmask:has(.huyou_getatt) .t_c,
.fwinmask:has(.huyou_getatt) .t_r,
.fwinmask:has(.huyou_getatt) .m_l,
.fwinmask:has(.huyou_getatt) .m_r,
.fwinmask:has(.huyou_getatt) .b_l,
.fwinmask:has(.huyou_getatt) .b_c,
.fwinmask:has(.huyou_getatt) .b_r {
	opacity: 0 !important;
	filter: alpha(opacity=0) !important;
	background: transparent !important;
	width: 0 !important;
	height: 0 !important;
}
/* 把真正的内容区 .m_c 变成圆角白卡片，并限制最小宽度防止内容被压扁 */
.fwinmask:has(.huyou_getatt) .m_c {
	background: #fff !important;
	border-radius: 12px !important;
	box-shadow: 0 16px 50px rgba(0,0,0,.18), 0 6px 20px rgba(0,0,0,.1) !important;
	padding: 0 !important;
	min-width: 520px !important;
	width: auto !important;
}

/* 弹窗卡片外框（Discuz 浮层内容区 .f_c） */
.huyou_getatt {
	background: #fff;
	font-family: inherit;
}

/* 标题栏：纯白底 + 淡灰下边框 */
.huyou_getatt .flb {
	padding: 16px 20px;
	margin: 0;
	border-bottom: 1px solid #f0f0f0;
	background: #fff;
}
.huyou_getatt .flb em {
	font-size: 16px;
	font-weight: 700;
	color: #c9a227;
}
/* 关闭按钮：灰色文字「关闭」 */
.huyou_getatt .flb .flbc {
	float: right;
	width: auto;
	height: auto;
	background: none !important;
	text-indent: 0 !important;
	color: #999;
	font-size: 13px;
	line-height: 1.5;
	text-decoration: none;
}
.huyou_getatt .flb .flbc:hover { color: #cc3333; background: none !important; }

/* 主体 */
.huyou_getatt .c { padding: 16px 20px; }

/* 重要提醒条 */
.huyou_getatt_tip {
	display: flex; align-items: flex-start; gap: 10px;
	padding: 12px 14px; margin-bottom: 16px;
	background: #fffdf5;
	border: 1px solid #f5e8c8;
	border-radius: 8px;
}
.huyou_getatt_tip .ico {
	flex: 0 0 20px; width: 20px; height: 20px; line-height: 20px;
	text-align: center; border-radius: 50%;
	background: #c9a227; color: #fff; font-weight: 700; font-size: 13px;
	margin-top: 1px;
}
.huyou_getatt_tip .body { flex: 1; min-width: 0; line-height: 1.6; }
.huyou_getatt_tip .body strong { display: block; font-size: 13px; color: #8a6610; margin-bottom: 3px; }
.huyou_getatt_tip .body span { font-size: 12px; color: #9a7b3a; }

/* 信息表：去掉顶部横线，只保留行间细线 */
.huyou_getatt .list {
	width: 100% !important; max-width: 520px; border-collapse: collapse;
	border-top: none !important;
}
.huyou_getatt .list td {
	padding: 10px 8px; font-size: 13px; color: #555;
	border-top: none !important;
	border-bottom: 1px solid #f5f5f5; vertical-align: middle;
}
.huyou_getatt .list tr:first-child td { border-top: none !important; }
.huyou_getatt .list tr:last-child td { border-bottom: none; }
.huyou_getatt .list td:first-child { color: #999; white-space: nowrap; width: 88px; }
.huyou_getatt .list a { color: #cc3333; text-decoration: none; }
.huyou_getatt .list a:hover { text-decoration: underline; }

/* 积分数字（所需积分 / 获取后余额） */
.huyou_getatt_num { color: #c9a227 !important; font-weight: 700; }

/* 底部按钮区：关闭在左、获取附件在右 */
.huyou_getatt .o.pns {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	padding: 16px 20px; margin: 0;
	background: #f8f9fa;
	border-top: 1px solid #e8e8e8;
}
/* 按钮基础样式：用 .fwinmask + .pn 再提优先级，彻底压过 Discuz 默认 .pn/.pnc */
.fwinmask:has(.huyou_getatt) .o.pns button.pn {
	box-sizing: border-box !important;
	display: inline-flex !important; align-items: center; justify-content: center;
	font-size: 13px !important;
	padding: 0 28px !important; border-radius: 6px !important;
	cursor: pointer !important; transition: all .2s ease;
	min-width: 100px !important;
	height: 36px !important;
	line-height: 34px !important;
	white-space: nowrap !important;
	background-image: none !important;
	box-shadow: none !important;
	border: 1px solid transparent !important;
	margin: 0 !important;
}
.fwinmask:has(.huyou_getatt) .o.pns button.pn + button.pn { margin-left: 0 !important; }
.fwinmask:has(.huyou_getatt) .o.pns button.pn span {
	display: inline-block !important;
	color: inherit !important;
	padding: 0 !important;
	line-height: 34px !important;
	font-weight: inherit !important;
}
/* 主操作：获取附件（红色） */
.fwinmask:has(.huyou_getatt) .o.pns button.pn.pnc {
	background: #cc3333 !important;
	border-color: #cc3333 !important;
	color: #fff !important;
	font-weight: 600 !important;
	box-shadow: 0 4px 12px rgba(204, 51, 51, .3) !important;
}
.fwinmask:has(.huyou_getatt) .o.pns button.pn.pnc:hover {
	background: #b82e2e !important;
	border-color: #b82e2e !important;
	box-shadow: 0 6px 16px rgba(204, 51, 51, .4) !important;
	transform: translateY(-1px);
}
/* 次操作：关闭 / 取消 */
.fwinmask:has(.huyou_getatt) .o.pns button.pn:not(.pnc) {
	background: #fff !important;
	border-color: #e0e0e0 !important;
	color: #666 !important;
}
.fwinmask:has(.huyou_getatt) .o.pns button.pn:not(.pnc):hover {
	background: #fff5f5 !important;
	border-color: #cc3333 !important;
	color: #cc3333 !important;
}

/* 窄屏：按钮整行排布更顺手 */
@media (max-width: 480px) {
	.fwinmask:has(.huyou_getatt) .o.pns { justify-content: center; }
	.fwinmask:has(.huyou_getatt) .o.pns button.pn { width: 46% !important; margin: 0 !important; }
	.fwinmask:has(.huyou_getatt) .o.pns button.pn + button.pn { margin-left: 0 !important; margin-top: 8px !important; }
}

/* ==================================================================
   PC 端附件卡片 · 按钮下方提醒行
   ------------------------------------------------------------------
   用户要求：把"重要提醒"完整文案放在每张非图片附件卡片的下载按钮下一行。
   实现：dd::after 伪元素注入，不改动 discuzcode.htm 模板。
   弹窗 (huyou_qing/forum/attachpay.htm) 保持原样，不动。
   ================================================================== */

.tattl:not(.attm) dd::after {
	content: "⚠️ 本附件仅供个人私下学习、研究，请勿转发、上传、发布到其他网站、论坛、社交平台等，感谢配合。";
	display: block;
	margin-top: 9px; padding-top: 9px;
	border-top: 1px dashed #ececec;
	font-size: 11.5px; color: #b0a070; line-height: 1.55;
}
.tattl:not(.attm):hover dd::after { color: #a08e60; }

/* 窄屏：按钮内联后，提醒行自然换行 */
@media (max-width: 720px) {
	.tattl:not(.attm) dd::after {
		margin-top: 8px; padding-top: 8px;
		font-size: 11px;
	}
}