﻿/*@import url("https://chinese-fonts-cdn.deno.dev/packages/zqfs/dist/ZhuqueFangsong-Regular/result.css"); /***调用红豆仿宋细圆字体**/
  /*  基础样式重置 */
@font-face {
    font-family: 'web-font';
    font-style: normal;
    font-weight: normal;
    src: url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.eot');
    /* IE9 Compat Modes */
    src: local('Josefin Sans'), local('JosefinSans-Normal'), url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.woff') format('woff'), /* Modern Browsers */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('//lib.baomitu.com/fonts/josefin-sans/josefin-sans-regular.svg#JosefinSans') format('svg');
    /* Legacy iOS */
}
*{font-family: "web-font","微软雅黑", "宋体";}

/*重置*/
body,div,p,a,table,textarea,form,input,img,ul,li{margin:0;padding:0;}
body{font-size:16px;margin:5px;line-height:1.5;margin: 0px auto; max-width: 800px;box-shadow: 0 0 15px #ccc;}
li{list-style:none;text-indent:0;}
img,a img{border:0;}
a{text-decoration:none;color:#004299;}
a:visited {color:#800080;}
/*em{color:#9B9B9B;font-size:12px;}*/
em {color: #9B9B9B;font-size: 12px;padding: 5px 10px;font-style: unset;}
textarea{font-size:13px;width:98%;margin:0 0 5px 0;border:1px solid #9FC6EC;}

/*顶部登录*/
.login{padding:5px;background-color:#f9f8f8;border-bottom:1px solid #ececec;}
.login a{color:#004299;height:20px;line-height:20px;}

/*全局靠左距离*/
.qq_all_contleft{margin: 5px 10px;}

/*图标*/
.logo{padding:5px 0 0 10px;background:#fff;}

/*页头*/
.header{background:url("../images/header.gif") repeat-x;height:22px;line-height:22px;}

/*页脚*/
.footer{text-align: center;padding:4px;background-color:#F0F0F0;color:#1f1f1f;position:relative;}
.footer a{color:#0051A4;font-size:16px;}
.footer p{line-height:22px;color:#515151;}
.footer .row00{height:25px;line-height:25px;}

/*列表*/
/*.list{line-height:1.6;}
.list a{color:#0051A4;}
.list img{margin-right:2px;vertical-align:middle;}
.list .row{padding:3px;border-bottom:1px solid #E3E6EB;}
.list .row form{margin:0px;display: inline}*/
.list {padding: 0.5rem 0.7rem;margin: 0.3rem 0;border-radius: 8px;background: rgba(255, 255, 255, 0.02); /* 轻微背景，增强层欿 */border: 1px solid rgba(99, 102, 241, 0.1); /* 主题色边桿 */}
.list2 {padding: 0.5rem 0.7rem;margin: 1rem 0;border-radius: 8px;background: rgba(255, 255, 255, 0.02); /* 轻微背景，增强层欿 */border: 1px solid #ff00992e; /* 主题色边桿 */}
.list .row {padding: 0.5rem 0;border-bottom: 1px dashed rgba(236, 72, 153, 0.15); /* 虚线分隔，呼应主题色 */transition: all 0.3s ease;}
/* 最后一项去掉下边框 */
.list .row:last-child {border-bottom: none;}
/* 悬停效果：轻微左秿+阴影，与标题交互风格统一 */
.list .row:hover {transform: translateX(4px);background: rgba(99, 102, 241, 0.03);}

/* 列表项文本（p标签）样弿 */
.list .row p {margin: 0;font-size: clamp(1rem, 2vw, 1.2rem);color: #333; /* 主文本色 */line-height: 1.6;/* 文本左侧轻微高光，呼应标题流光感 */text-shadow: 0 0 1px rgba(99, 102, 241, 0.2);}
.list .row span {margin-left: 0.5rem;font-size: 12px;color: #333; /* 主文本色 */line-height: 1.6;/* 文本左侧轻微高光，呼应标题流光感 */text-shadow: 0 0 1px rgba(99, 102, 241, 0.2);}
/* 列表项链接（a标签）样弿 */
.list .row a {color: #6366f1; /* 主题色文孿 */text-decoration: none;/*margin-left: 0.5rem;*/padding: 0.1em 0.3em;border-radius: 4px;font-weight: 500;transition: all 0.3s ease;border: 1px solid transparent; /* 预留边框空间，避免hover跳动 */}
.list .row a:hover {color: #ec4899; /*  hover时切换为另一主题艿 */background: rgba(236, 72, 153, 0.05);border-color: rgba(236, 72, 153, 0.2); /* 边框显形，增强交互感 */box-shadow: 0 1px 3px rgba(99, 102, 241, 0.1);}

/*导航*/
/*.bar{height:25px;padding:0 5px;background:#71afe3 url("../images/bar.gif") repeat-x;line-height:25px;color:#fff;}
.bar a{color:#fff;}*/
.bar {padding: 0 10px 0 5px;overflow: hidden;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;background: #f3f2f2;white-space: nowrap;}
.bar a {height: 32px;line-height: 32px;display: inline-block;background: url(/template/default/images/bottom_dayu.png) no-repeat right center;background-size: 13px 32px;padding: 0 18px 0 5px;color: #313131;font-size: 14px;}

/*广告*/
.ad{padding-left:5px;line-height:20px;font-size:12px;}
.ad a{color:#ff0000;}

/*广播*/
.note{border: 1px solid #ffa907;background: #fff9e6;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);font-size: 13px;padding: 4px 5px; width: 100%; margin: 4px auto;box-sizing: border-box;}
.radio{padding-left:5px;background:#FFF9B7;border-bottom:1px solid #9FC6EC;}

/*文本*/
.text{line-height:1.3;padding:3px 10px;word-wrap:break-word;}
.text img{max-width:100%;margin-right:2px;vertical-align:middle;}

/*项目*/
.item{line-height:1.3;padding-left:2px;}
.item a{color:#0051A4;}

/*名称*/
.name{padding-left:3px;line-height:20px;border-bottom:2px solid #9FC6EC;color:#000;font-weight:bold;}
.name a{color:#0051A4;}

/*标题*/
.title{white-space: nowrap;background: linear-gradient(90deg, #E9967A, #FFB6C1, #F0F8FF, #FAF0E6);background-size: 200% 100%;border-radius: 5px;height: 39px;
    line-height: 43px;}
.title a{display: inline-block;padding: 0 10px;height: 39px;text-align: center;white-space: nowrap;line-height: 39px;}
.title span{display: inline-block;padding: 0 10px;height: 39px;text-align: center;white-space: nowrap;line-height: 39px;}
.gn-title{white-space: nowrap;}
.gn-title a{display: inline-block;padding: 0 10px;height: 30px;text-align: center;white-space: nowrap;line-height: 30px;}
.gn-title span{display: inline-block;padding: 0 10px;height: 30px;text-align: center;white-space: nowrap;line-height: 30px;}
.gn-form{padding: 10px 10px;}

/*常见*/
.line{margin:2px 0 1px;padding:0 5px;border:1px solid #9FC6EC;}
.width{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.deep{background:#E3EEF8;border:1px solid #9FC6EC;border-left:none;border-right:none;}

/*导航*/
.conmm_dh_box {bottom: 0;left: 0;overflow: hidden;}
.conmm_dh {padding: 0 10px 0 5px;overflow: hidden;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;background: #f3f2f2;white-space: nowrap;}
.conmm_dh li {display: inline-block;white-space: nowrap;}
.conmm_dh li a {height: 32px;line-height: 32px;display: inline-block;background: url(/template/default/images/bottom_dayu.png) no-repeat right center;background-size: 13px 32px;padding: 0 18px 0 5px;color: #313131;font-size: 14px;}
.conmm_dh p {display:inline-block;padding: 0 18px 0 5px;color: #000000;font-size: 14px;}

/*说明标题*/
.lm_title {border-bottom: 1px solid #FFEBCD;font-size: 15px; color: #333;height: 30px;}
.lm_title span {margin-left: 10px;}
.lm_title_nav {padding: 0 10px;}
.lm_title_nav li {padding: 10px 0;height: 20px;}
.lm_title_nav a {border-right: 1px solid #d3d3d3;text-align: center;display: block;float: left;width: 19.8%;}
.lm_nobor {border: none !important;}
.lm_cont_nav {height: 40px;line-height: 40px;padding: 0 10px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.lm_cont_nav a {float: left;width: 20%;height: 100%;text-align: center;font-size: 15px;color: #333;}

/*单色链接按钮*/
.conmm_ds_box{line-height: 32px;}
.conmm_ds_box a {float: left;display: block;margin-top: 10px;margin-left: 10px;width: 50px;height: 20px;border-radius: 2px;text-align: center;font-size: 14px;line-height: 20px;border: 1px solid #6c0;background: #6c0;color: #fff;}

/*内容板块*/
.qq_all_boxa {padding: 5px 5px;font-size: 15px;border-bottom: 1px solid #f0f2f5;}
.qq_all_boxa a {text-decoration: none;color: #6366f1; padding: 0.15em 0.3em;margin: 0 0.1em;border-radius: 2px; transition: all 0.3s ease;text-shadow: 0 0 2px rgba(99, 102, 241, 0.15);}

/*帖子板块*/
.article-container {margin: 0 auto;padding: 1px;}
.shadow-sm {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.p-3 {padding: 0.3rem;}
.mb-3 {margin-bottom: 0.3rem;}
.article-item {position: relative; background-color: #fff;border: 1px solid #e2e8f0;border-radius: 8px;transition: all 0.3s ease;}
.is-vcentered {align-items: center;}
.topic_columns {display: flex;width: 100%;}
.is-gapless > .topic_column {margin: 0;padding: 0 8px;}
.topic_column.is-11 {/*flex: 0 0 91.666667%;*/}
.topic_column {display: block;flex: 1;}
.topic_title.is-6 {margin-bottom: 1px;margin-top: -1px;}
.topic_title {font-size: 16px;font-weight: 600;line-height: 1.4;}
.topic_title a {color: #165DFF;transition: color 0.2s ease;text-decoration: none;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.topic_flex { display: flex;}
.mr-3 { margin-right: 8px;}
.has-text-primary {color: #3b82f6;}
.is-size-7 {font-size: 12px;}
.ml-3 {margin-left: 8px;}
.has-text-grey {color: #94a3b8;}
.is-size-7 {font-size: 12px;display: flex;}
.is-size-7 p{margin-left: 5px;color: #999;}
.avatar-mini{width: 15px;border-radius: 50%;height: 15px;object-fit: cover;border: 1px solid #eee;}

input[type="submit"] {padding: 0.2rem 0.4rem;color: #fff;border: none;border-radius: 8px;cursor: pointer;outline: none;background: #6466e0d4;transition: all 0.3s ease;animation: flowLight 3s linear infinite;}
input[type="text"], select {border: 1px solid #dcdfe6;border-radius: 4px;padding: 4px 6px;transition: border-color 0.2s ease;}

/*帖子topic*/
.topic-box {border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08);margin-bottom: 10px;overflow: hidden;}
.topic-name {padding: 7px 7px 5px;border-bottom: 1px solid #f0f0f0;background: url(/template/default/images/topic_name_bg.png) center top / 100% no-repeat;}
.topic-name h1 {margin: 0;font-size: 18px;color: #1d2129;font-weight: 600;}
.topic-cont {line-height: 1.8;font-size: 15px;color: #333;}
.topic-text {padding:10px;line-height: 1.7em;word-wrap: break-word;}
.topic-item {padding: 0px 10px;border-bottom: 1px solid #FAF0E6;}
.topic-info {padding: 8px;display: flex;align-items: center;gap: 12px;border-bottom: 1px solid #f0f0f0;}
.topic-avatar {width: 50px;height: 50px;border-radius: 50%; overflow: hidden;}
.topic-details {flex: 1;margin-left:3px;}
.tp-at-name {font-weight: 500;color: #1d2129;margin-bottom: 1px;}
.lyc {height: 18px;opacity: .87;border-radius: 8px 1px 8px 1px;line-height: 18px; padding:4px;}
.tp-at-name img {margin-right: 2px;}

.action-bar {display: flex;flex-wrap: wrap;gap: 10px;padding: 6px 7px;border-top: 1px solid #f0f0f0;}
.dream-btn.error {background-color: #f5222d;color: #fff;}
.dream-btn {padding: 3px 7px;font-size: 13px;margin-left: 5px;}
button, input[type="submit"] {cursor: pointer;border: none;border-radius: 4px;transition: background-color 0.2s ease;}
.action-btn2 {padding: 3px 6px;background-color: #fff;border: 1px solid #e5e6eb;border-radius: 6px; color: #333;text-decoration: none;font-size: 14px;transition: all 0.2s;margin-left: 20px;}

.reply-box {padding: 10px;border: 1px solid #ccccccb3;border-radius: 5px;background-color: #fff;background: url(/template/default/images/reply_bg.png) center top / 100% no-repeat;border: 1px solid #FBC9C6;}
.reply-title {font-size: 16px;font-weight: 600;margin-bottom: 12px;padding-bottom: 8px; border-bottom: 2px solid #eee;position: relative;}
.reply-title::before {content: "";position: absolute;left: 0;bottom: -2px;width: 28px;height: 2px;border-radius: 1px;}
.reply-list {padding: 4px 6px;}
.spacing-3 {padding: 5px 0;font-size: 15px;border-bottom: 1px solid #f0f2f5;}
.reply-list img {margin-right: 3px;}
.md-content .tab-5.spacing-3 a { text-decoration: none;color: #6366f1;padding: 0.15em 0.3em;margin: 0 0.1em;border-radius: 2px;transition: all 0.3s ease;text-shadow: 0 0 2px rgba(99, 102, 241, 0.15);}
.content-reply-all {padding: 10px 15px; border-top: 1px solid #f0f0f0;font-size: 14px;text-align: right;}
.reply-deep {border: 1px solid #9FC6EC;border-left: none;border-right: none;padding: 5px 0;font-size: 15px;color: #4e5969;border-bottom: 1px solid #f0f2f5;}
.func-container {padding: 4px;font-size: 15px;border-radius: 8px;text-align: center;box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.func-nav {display: flex;flex-wrap: wrap;gap: 10px;padding: 6px 7px;border-top: 1px solid #f0f0f0; -webkit-gap: 10px; /* Safari */-moz-gap: 10px; /* Mozilla */}
#SmohanFaceBox {display: block;min-width: 359px;max-width: 779px;margin-top: 20px;position: absolute;z-index: 9999;overflow: visible;}
#SmohanFaceBox .Corner {display: block;width: 28px;height: 16px;background: url(/template/default/images/facebg_1.png) -32px -100px no-repeat;position: absolute;left: 0px;top: 0; z-index: 100;}
#SmohanFaceBox .Content {display: block;min-width: 359px;max-width: 779px;padding: 5px;background: #ffffff;border: 1px solid #cfcfcf;z-index: 99; margin: 14px 0px 0px 0px; box-shadow: 0px 1px 10px rgba(204,204,204,1);border-radius: 2px;}
#SmohanFaceBox .Content h3 { margin: 0; padding: 0; width: 300px;height: 30px;line-height: 26px;display: block;font-size: 14px;text-align: left;}
#SmohanFaceBox .Content h3 span {float: left;}
#SmohanFaceBox .Content h3 .close {display: inline-block;width: 17px;height: 16px;background: url(/template/default/images/facebg_1.png) -30px -120px;float: right;cursor: pointer;}

.settings-container {max-width: 780px;margin: 0 auto;}
.settings-group {border-radius: 10px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);padding: 6px;margin-bottom: 1px;transition: box-shadow 0.2s ease;}
.color-blue .group-title {color: #165DFF;border-bottom-color: #e8f3ff;}
.color-green .group-title {color: #00B42A;border-bottom-color: #e6f7e8;}
.color-orange .group-title {color: #FF7D00;border-bottom-color: #fff4e5;}
.group-title {font-size: 16px;font-weight: 600;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 2px solid #eee;position: relative;}
.color-blue .group-title::before { background-color: #165DFF;}
.color-green .group-title::before {background-color: #00B42A;}
.color-orange .group-title::before {background-color: #FF7D00;}
.group-title::before { content: ""; position: absolute;left: 0;bottom: -2px; width: 28px;height: 2px;border-radius: 1px;}
.link-row{height: 40px;line-height:40px;padding: 0 10px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.link-row a{float: left;width: 33.33%;height: 100%;text-align: center;font-size: 15px;color: #333;font-size: 14px;}
.alink-red {color: #F53F3F !important;font-weight: 500;}
.alink-green {color: #00B42A !important;font-weight: 500;}