﻿body,div,p,a,table,textarea,form,img,ul,li{ margin:0; padding:0; border:0;}
html{}
body{line-height:1.5;font-family:"Microsoft YaHei","微软雅黑",Arial,"Open Sans",SimSun,sans-serif;background-color: #fff;}
body {margin:0px auto;max-width: 680px;box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);} 
html,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}


li{ list-style:none; text-indent:0;}
em {color: #b1b1b1;}
img,a img {border:0;margin:1px 1px 1px 1px;padding-bottom:5px;}
.ta-border{ font-size:13px; width:98%; height:30px; margin:0 0 5px 0; border:1px solid #9FC6EC;}
.user-info{ padding:3px 5px;}
.user-info a{ font-size:13px; padding-right:1px; }
.user-info img{ margin-right:1px; vertical-align:middle; }
.home-info{margin:0 10px;position:relative;border-bottom:1px solid #ececec;height:44px;line-height:44px;padding:0 10px 0 0px;color:#000;background:#fff}
.home-info .right{float:right;height:44px}
.home-info .right a{margin-left:7px;color:#666}
.home-info a{ font-size:13px; padding-right:1px; }
.home-info img{ margin-right:1px; vertical-align:middle; }
textarea{font-size:13px;width:95%;margin:0 0 5px 0;font-size: 1rem;border: 1px solid #ced4da;border-radius: 0.25rem;padding: 0.3rem 0.7rem;}
#footer{ padding:5px; background:#E3EEF8; border-top:1px solid #9FC6EC;}
#footer a{ font-size:15px; color:#3d68a8;}
a{ text-decoration:none; color:#3d68a8;}
.title{padding:5px;border-bottom:1px solid #1abc9c;background:#e5f3ee;color:#000;line-height:25px}
.form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid#ced4da;border-radius:0.25rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
blockquote{background:#f9f9f9;border-left:10px solid#ccc;margin:10px;padding:0.5em 10px;max-height:500px;overflow:hidden;text-overflow:ellipsis;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}
blockquote:before{color:#ccc;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}

div img{ max-width:100%; width:exPRession(document.body.clientWidth>250?"250px":"auto"); overflow:hidden;vertical-align: middle;}
* { word-wrap:break-word; } 
li{ list-style:none; text-indent:0;}
video{ width:100%; height:300px;}
.site-logo { padding: 5px 0 0 10px;background: #fff;}
.ta-border{ font-size:13px; width:98%; height:30px; margin:0 0 5px 0; border:1px solid #9FC6EC;}
/*.urlbtn {background-color: #F5F5F5; padding: 1px; margin: 1px; border-radius:3px; transition: 0.1s; border: 1px solid #999999; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));} */
.user-info{ padding:3px 5px;}
.user-info a{ font-size:16px; padding-right:1px; }
.user-info img{ margin-right:1px; vertical-align:middle; } 
.header2 {
    background-color: #fff;
}
#footer{ padding:5px; background:#E3EEF8; border-top:1px solid #9FC6EC;}
#footer a{ font-size:16px; color:#3d68a8;}
a{ text-decoration:none; color:#3d68a8;} 
.ipt-s{ width:40px;}
.seperate{ margin:0 2px;}
 
.module-title{padding:9px;height:20px;line-height:20px;border-bottom:4px solid #9FC6EC;color:#000;font-weight:bold;padding-bottom: 3px;white-space:nowrap;text-overflow:ellipsis;background-color: #fff;}
.module-title a{font-weight: 400;}
.module-title span{ font-weight:normal; font-size:13px; margin:0 0 0 10px;}
.module-title span a{ color:#3d68a8;}
.module-content{ line-height:1.6;padding:8px 12px; word-wrap:break-word; border-radius:6px; transition:background-color 0.2s ease;}
.module-content a{ color:#3d68a8; transition:color 0.2s ease;}
.module-content a:hover{ color:#2c5282; text-decoration:none;}
.module-content img{ margin-right:2px; vertical-align:middle;}
/* 论坛列表优化样式 */
.topic-link{color:#2d3748; text-decoration:none; transition:color 0.2s ease;}
.topic-link:hover{ color:#3182ce; text-decoration:none;}

/* 帖子列表项样式 */
.module-content{position:relative;margin-bottom:2px}
.module-content:not(.deep):hover{background-color:#f7fafc;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.tip,.tipmini{margin:auto;padding-left:5px;border:0;background-color:#f7f7f7;color:#000}

.btBox{padding:4px 0}
.bt5 a{width:20%;color:#555;text-align:center}
.bt4 a{width:25%;color:#555;text-align:center}
.bt3 a{width:33%;color:#555;text-align:center}
.bt2 a{width:50%;color:#555;text-align:center}
.bt1,.bt2,.bt3,.bt4,.bt5{overflow:hidden;margin:0 auto;width:97%;border:1px solid #1abc9c;border-radius:8px}
.bt1 a{width:100%;color:#555;text-align:center}
.bt1 a:last-child:after,.bt2 a:last-child:after,.bt3 a:last-child:after,.bt4 a:last-child:after,.bt5 a:last-child:after{display:none}
.bt1 a:last-child:after,.bt2 a:last-child:after,.bt3 a:last-child:after,.bt4 a:last-child:after,.bt5 a:last-child:after{display:none}
.bt1 a:hover,.bt2 a:hover,.bt3 a:hover,.bt4 a:hover,.bt5 a:hover{color:#1abc9c;text-decoration: none;}
.bt1 a:after,.bt2 a:after,.bt3 a:after,.bt4 a:after,.bt5 a:after{position:absolute;top:0;right:0;width:0;height:37px;border-right:1px solid #1abc9c;content:''}
.bt1 a,.bt2 a,.bt3 a,.bt4 a,.bt5 a{position: relative;float:left;line-height:30px}

.message h1,.message h2,.message h3,.message h4,.message h5,.message h6{color:#404044;font-size:18px;line-height:24px;margin-bottom:18px;position:relative}
.message h1{padding:0 15px 0 20px}
.message h1:before{content:"";color:#306fff;position:absolute;top:15%;left:0;bottom:0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAMAAACaPIWZAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHhQTFRFAAAAc5n/cpn9c5n8+tqH+duJ+tyJdJf/c5n9+9uH+duIcJ//c5n9c5j8/9+P+duI+NuIc5j9dZr/+dqH+tqKcJf/c5n9/9+H+duIcpn9+duHcpn8cpn9+dqI+duIcpf8c5n9cpj9+NuH+NqIcpn9+NuJ+NuH+tyIKUakhwAAACh0Uk5TAFB/X2B/X0D/QP8Q8L8Q8L+QMKAwIKAgsICAwO/Q72Dg3+DfcHDAkDBlUcwAAADpSURBVHicdZFbD8FAEIVnkyI0GnVrBSEe+P8/x524XyttaBQpM7Mj9aAPm++cTHfOzCpQCj6fegEYTBGdGRIA8T0rFKJvqiepVGCpB1H6gj7YIZflziWhI/qVgJW1dzRlT+hD1WeZP7hCO/Sls72RzoU1+lA/kSp716ami49+a8dlztxIM0VP+rO9JVWbQkfTmHyJGt+/UZP17kzq3YmiXXBRYyT314eJPEZ87S55JzHmKd70mJ7kb/Z/55WuNO+//dQ8CdlbaApx//aRRGllFZgaA0i8lzOXrhE+lDLL9J7mCKxblWiI5xsgM1Iq/nvZNQAAAABJRU5ErkJggg==");background-position:50%;background-size:auto 100%;display:inline-block;height:1rem;width:1rem}
.message h2{padding:0 15px}
.message h2::before{content:'';position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:#306fff}
.message h3{padding:0 15px}
.message h3::before{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;background:#306fff;border-radius:0 4px 4px 0}
.message h4::before{content:'「';color:#306fff;font-weight:600;margin-right:5px}
.message h4::after{content:'」';color:#306fff;font-weight:600;margin-left:5px}
.message h5{padding:0 15px 0 28px}
.message h5::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC8klEQVRYR+3WP2gTURwH8O/vKnVRRHKXP52cBO3g4p/BqYNIhy4muajUQRBFKjQV1En6ZxJBcmlRCoJDRe3FDiJVwamLS3FwqbgIgss1l2ZQF5XeT3I1Z3NJ7u5dLlAwN9699/t97vfe7/EIO/yhHe5DD9jpCv3fFVTu856+Xzi62Y/35hj9CFPNrlUwWeRJAJfBGADwBcBNI0/PRZFdAdo4xlQLjCqKjBzogat7hZCRAgPghJGBgbFnxglAOvS7b/fLb+q+qnv5BHBCyEBAWTdnANy2IxOtWSC1qsY+1jOFwAVG+gIVvXyHQbcaKuZCxmf5iMQogXFQtEsBeO5JT6BcMu+Bcb1lUhcyqfExACUAB6JEtgUqi+U5JrrmmcyFHCjwSYtQO+tSUSFbAmXdnAdwJVASdyWLPAS2kbFA8xsHNS13EzCmlx8R6KJQcBcypfFpho3cKxRna3ADsgEo6+ZjAKMhgjZ1d2KWR2gTSyD0h4jnIB2gXDIXwciFCPZvSnMl0wwshYrJGDImaMUGKovlLBPVOrDjh8APzFx8zDkjNa7FzYoGZsKT9XEarQOHmei1aJA246cqOWW6/i2l8VMGzoWIPW/k6eq2Ja6UwCz8pw2JGZ8sS8pUz8fWau/jGp+SgLchcGBgZD1Py41NUuoI+ZloV8ZU93+ogZKzfBiWfXAPCgMJU8Y42avQdMzI4ZBfmSizocqrUeJaAmsvBZGGBCtTziXeRY1rCxRAViEhXckqK93AeQJ9kYTvlmVlqmcTdhNEtefc+9X3utVmuX+CkK6oyqtu4nwrWP8bF5IZdGYjJ79wDuMCz4D+XmhFWnZbt7ab5ltBB6mbkyAaBPFCJassuwMmNb4L4EZgXwBc4AoGTZrUeA6A9x1yK6tzzvnFDlxBv0D176kCP2TCpbbjBXCRV9DZk0VeAONCE1IQ1zWg3dlF1sFQHWQIXFeBNrLAw5BwHBZWjQl6E3SbbB8X+R4Mg/Ca0wN2WtFeBTut4B84mFI4VpekyAAAAABJRU5ErkJggg==");background-size:100% 100%}
.message h6{padding:0 15px 0 28px}
.message h6::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEI0lEQVRYR+3Xb2wTZRwH8G/vL22RPy5GW8fK6rJpGeFFY9RO3TRRE1HfmEAammEyjZmOSEg1RrPZaTD6xjhU/Ndlf0CZgwmD+qcgZBRIETeqY0Vcnc7pGonhRY2l3m2t5upqjq693l2vcy+8N81zz/NcPvf75fd7rjos8ku3yH34HyjK0PqlDLPzD56vMNL0VHxmpgXAoUIZXKgI3sMSpK+cNTAbylaj/9IkprnLM3+mkg8XQi4EsJ4lSL+ZNbAfVd+JG/XLcSERg3M8IAtZauBtDEkeNdN6fX9NfRqXueQiSwm00wQRMDMGw94snBJkqYBrSYIIXs/ojftqGq6IXHZRFIpkKYC2JSw9SJE663W0nthlqcMawwrJYpVCag1M48pNy1YNvLWRffGNIYSCv6Cnog7rjCtVIbUEXoG7qeqaNMj51F58dWoKPZY62JeWyUJG+ctcIplcIizWCpgTl9EIyODJn9BtceDWq/6B57tO/H4R688fFaZ7AWzWAiiJEyMDx39Ed6UDdyy7Ni/w1ekxbP95VJi/F8CRYoGycGLksaEJdFU6cPdy0zxkR/RbtE6FhPvHATQUm2JFODHSfyyCLmsd7lth/hf53q/jcE8OC+NTAG7PTKiNoCqcGPnpF+PotDrwwNXl+OC3H9A8cVqYPgPgFnFo1QCLwomRg4cvoPMGBzZHTgq3zwKwZ+ddKVATXAZhf+gdnPvuojAUqmJdrspRAtQU93pXEM+8clgwhQHU5itruUBNcTt6TsP9sl8weQC0S/VFOUBNcW/2folt2z+XhZPTZh6kSKJ79aqVRuFszRxfUm8sNbdz9xlsfekz2bhCQBvDMMM8z+ubN92Mjrb71brS+97dM4wtnk8U4SSBBEGErVarzeVywePxoHVLA1pb6lUh3+8bwZMv+BTjpIAVACa9Xq+uqakJ7e3tqpGd/WfR3Jr+81awIJS0mY0A+sLhMGw2W3qfGmTXvhAef/6gapxUBDuqqqoejUQiBvFbKUH2DHyNx54bLAqXF0jT9HBjY6Pd6/XOi7oc5K7936Dp2QNF4/IBrTqdLuLxeIi2tracRSGF/PDgKB55er8muHzATQB2m81m+P1+1NbmPoVyIfsOnUOj+2PNcPmAO1iWbeE4TmexWODz+WQhayrL4No2oCkuJ5Bl2VGO49ZmcisXObdeVSuRaq7ZZ3G10KBTqRQl3pQPGY1GEQgE4HQ6heVDAO5S1cklNmUDXQRB9KZSqXkfESaTCW63G7FYDKFQKDEyMoJoNKqfe/bbAJ7QGpcrxa8xDLOV5/k0kGXZv2ZnZ5FMJtNjmqYvURR1IpFInAcwAeD7ud/pUuDmAY1G41g8Hl9DkmScoqggx3FHAIyJMMlSQfI9V5zKagDC93dsoRFKimQx2dIWOV/U/yn6bx0WyDj8vgLOAAAAAElFTkSuQmCC");background-size:100% 100%}
.message hr{border:none;height:1px;background-color:#e4e7ed;margin-bottom:18px}
.message ol li,.message ul li{line-height:26px}
.message ol li{list-style:decimal}
.message code:not([class]){border-radius:4px;font-size:14px;background:#ecf5ff;color:#409eff;padding:2px 8px;vertical-align:top;word-break:break-word;letter-spacing:0.05em}
.message pre[class*='language-']{position:relative;margin:0 0 18px;padding:30px 0 0;font-size:14px;border-radius:5px 5px 5px 5px;overflow:hidden;letter-spacing:0.05em}
.message pre[class*='language-'] code[class*='language-']{display:block;overflow:auto;padding:15px}

.dui-button{border:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);box-sizing:border-box;display:inline-block;margin:0;outline:none;padding:0;text-align:center;vertical-align:middle}
.btn-post{padding:0 10px!important;position:relative}
.secondary.dui-button.apricot{background-color:#fef6ed;color:#e09014;font-size: 13px;font-weight: 500;border-radius: 6px;transition: 0.2s;}

.uinfo-pm-link--link { color: var(--c-primary-700); padding: 2px 6px; border-radius: 6px; transition: background-color .15s ease, color .15s ease; }
.uinfo-pm-link--link:hover { background: var(--c-primary-50); text-decoration: none; }
.uinfo-pm-link--link:focus { outline: 2px solid rgba(13,148,136,.35); outline-offset: 1px; }
.uinfo-pm-link--link svg { width: 14px; height: 14px; fill: currentColor; opacity: .9; display: block; }
 .uinfo-pm-link {
  grid-column: 2; grid-row: 1; justify-self: end; align-self: start;
  display: inline-flex; align-items: center; gap: 6px;
  line-height: 1; white-space: nowrap; text-decoration: none;
}
 
 .uinfo-pm-link--chip { color: var(--c-primary-700); background: var(--c-surface); border: 1px solid #E5E7EB; border-radius: 9999px; padding: 4px 9px; font-weight: 600; font-size: 14px; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
 .uinfo-pm-link--chip:hover { background: var(--c-primary-50); border-color: rgba(13,148,136,.28); }
 .uinfo-pm-link--chip:focus { outline: 2px solid rgba(13,148,136,.30); outline-offset: 1px; }
.uinfo-pm-link--chip svg { width: 1.15em; height: 1.15em; fill: currentColor; opacity: .95; display: block; }


input.ipma{width:100%;background-color:#fdfdfd;color:#000}
input,textarea{outline-color:invert;padding:4px;border-width:2px;outline-style:none;outline-width:0;border:none;text-shadow:none;outline-color:transparent;box-shadow:none;background-color:transparent;border:1px solid #d4d4d4;border-radius:8px;}
 
textarea{outline-color:invert;padding:4px;border-width:2px;outline-style:none;outline-width:0;border:none;text-shadow:none;-webkit-appearance:none;-webkit-user-select:text;outline-color:transparent;box-shadow:none;background-color:transparent;border:1px solid #d4d4d4;border-radius:8px}
hr{border:0;border-bottom:1px dashed #dcdcdc;margin-bottom:15px;margin-top:15px}

.deep{ background:#f8fafc; border:1px solid #e2e8f0; border-left:none; border-right:none; position:relative;}
.deep:hover{ background:#f1f5f9;}
.nick{color:#000000;font-size:13px}
.note{ background:#FFF9B7; border-bottom:1px solid #9FC6EC;}
.forum-title{color:#000; font-weight:bold; }
.list{ padding:0 5px; line-height:1.3;}
.list .row{padding: 10px 0px;border-bottom:1px solid #E3E6EB;}
.list .row form{margin:0px;display: inline}
.right{float:right;color:#999;font-size:10px}
.module-page{ padding:5px;}
.crumb-nav{ height:22px; padding:0 3px; background:#71afe3 url(../images/bar.gif) repeat-x; line-height:22px; color:#fff;}
.crumb-nav a{ color:#fff;}
.crumb-nav .current {color: #98d2ff;}
.bottom-crumb-nav{ padding:0 5px; border-top:1px solid #eee; line-height:1.3;}
.bottom-crumb-nav-sim{ padding:0 5px; line-height:1.3;}
.bottom-module{ padding:5px; line-height:1.3;}
.crumb-nav-large{ height:25px; padding:0 5px; background:#71afe3 url(../images/bar.gif) repeat-x; line-height:25px; color:#fff;}

.subtitle{padding:5px;border: 1px solid #eee;margin-top: 15px;}
.subtitle2{padding:5px;border:1px solid #eee}
.subtitle2 a{padding-right:5px;padding-left:2px}
.dashed{border-bottom:1px dashed #dcdcdc;margin-bottom:15px}
.subtitle a{padding-right:2px;padding-left:2px}
/*.crumb-nav-large{height:25px;padding:0 5px;line-height:25px;color:#fff;background-color: #00746b;font-size: 14px;padding: 7px 7px 7px;color: #ffffff;font-weight: 500;height: 25px;display: -ms-inline-flexbox;-ms-flex-pack: center;-ms-flex-align: center;} */
 
.txt-fade{ color:#999; font-size:13px;}
.txt-bold{ font-weight:bold;}
.txt-slim{ font-weight:300;}
.txt-emphasis{ color:#B1761A;}
.spacing-3{ padding-top:3px; padding-bottom:3px;}
.spacing-5{ padding-top:5px; padding-bottom:5px;}
.tab-5{ padding-left:5px; padding-right:5px;}
.border-btm{ border-bottom:1px solid #E3E6EB;}
.tips{ background:#FFF2BD; border-top: 1px solid #ffd56a; border-bottom: 1px solid #ffd56a; line-height: 1.5; padding: 3px 5px; color: #738698;}
.tips p{ padding:0 0 0 14px; background:url(../images/bg_module_content_list_dot_01.gif) 4px 9px no-repeat;}
.login-tips{ background:#e5f3ee; padding:3px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1.5;}
.login-tips img{ margin-right:2px; vertical-align:middle;}
.login-tips span{ margin-left:14px;}
.radio-tips{ background:#f7f7f7; padding:3px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1.5;}
.radio-tips img{ margin-right:2px; vertical-align:middle;}
.radio-tips span{ margin-left:14px;}
.annc-border{ border-bottom:1px solid #ccc;}
.user-title{ margin-top:5px; padding:5px; font-weight:bold;}
.user-title img{ margin-bottom:-5px; }
.user-stat{ padding:5px; background:#e4eff9; line-height:1.5;}
.write-mood{ padding:5px; background:#e4eff9; line-height:1.5; border-top:1px solid #9FC6EC; border-bottom:1px solid #9FC6EC;}
.write-mood img{ margin-bottom:-7px; }
.tool-box{ background-color:#f0f0f0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 1.3; padding: 3px 5px; color: #FFAA22;}
.ipt-nick{ width:120px;}
.ipt-y{ width:40px; text-align:center;}
.ipt-m, .ipt-d{ width:20px; text-align:center;}
.ipt-intro{ width:180px;}
.msg_tail { text-align: right; }
input[type=submit]{background-image:linear-gradient(#f4f4f4,#ececec);position: relative;display:inline-block;overflow:visible;margin:0 5px 7px;padding:.5em 1em;outline:0;border:1px solid #d4d4d4;color:#333;text-decoration:none;white-space:nowrap;font:11px/normal sans-serif;cursor:pointer;border-radius:5px}
input[type=submit]:hover{border-color:#3072b3;background-color:#3072b3;background-image:linear-gradient(#599bdc,#3072b3);color:#fff;text-decoration:none;text-shadow:-1px -1px 0 rgba(0,0,0,.3);border-bottom-color:#2a65a0}

 
/**返回顶部CSS**/
 
.per{font-size:16px;height:30px;line-height:30px;position:absolute;text-align:center;top:0;width:33px;color:#CD0000;cursor:pointer}
.per:before{content:attr(data-percent)}
.per:hover:before{content:"↑";font-size:15px}
.top{margin-top:-10px;margin-left:-10px;margin-right:-10px}
.top > img{width:100%;height:200px;border:0px solid #fff;border-radius:15px}
/**自定义css**/
.beijing{
    font-size: 10px;
    margin: 4px 0px 0px 0px;
    position: relative;
    color: white;
    border-radius: 4px;
    text-align: center;
    text-shadow: 0 0 0 #000;
}
.tui{
    position: relative;
}
.jian{
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
}
 
 
 
@-webkit-keyframes ani27 {
    0% {
		background-position: 0 0;
	}
	100% {
		background-position: -320px 0;
	}
}
 
iframe {
    width: 100%;
    aspect-ratio: 16/9; /* 保持16:9比例 */
    max-width: 100%;
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 1em auto;
    display: block;
}

/* 兼容旧浏览器，如果不支持 aspect-ratio */
@supports not (aspect-ratio: 16/9) {
    iframe {
        height: 56.25vw; /* 16:9 比例 */
    }
}

/* 移动设备适配 */
@media screen and (max-width: 768px) {
    iframe {
        width: 100%;
        height: 56.25vw;
    }
}

/* 抽奖样式 */
.card-body{padding:5px;border:1px dashed #dcdcdc;margin:5px;font-size:14px}
.alert-success{color:#0c4218;background-color:#d1e5d5;border-color:#bedbc4}
.alert{position:relative;padding:12px 15px;margin-bottom:10px;border:1px solid transparent;border-radius:4px}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-secondary{color:#464a4e;background-color:#e7e8ea;border-color:#dddfe2}
small,.small{font-size:85%;font-weight:400}
.alert .alert-success a{color:#1f4977;text-decoration:none!important;background-color:transparent;-webkit-text-decoration-skip:objects}
.text-nowrap{display:flex;align-items:center;text-decoration:none}
.text-nowrap img{margin-right:5px;vertical-align:middle}
.text-nowrap span{vertical-align:middle}
/* 抽奖样式结束 */
/* 附件样式 */
.attachment{padding:10px;margin:5px;border-radius:5px;border:1px dashed #dcdcdc;background-color:#fbfbfb;line-height:2;font-family:-apple-system,Microsoft YaHei,PingFang SC}
.attachmentimage img{width:auto}
.attachmentinfo{border-bottom:1px dashed #eaeaea}
.attachment:last-child .attachmentinfo{border-bottom:none}
.downloadname{font-size:1.1rem;font-weight:bold;margin-bottom:6px}
.attachmentsize{display:inline-block}
.attachmentsize,.downloadcount,.attachmentCharge{font-size:0.85rem;color:#999}
.attachmentsize,.downloadcount{margin-right:3px;margin-left:2px;font-family:Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-weight:500}
.downloadurl{padding:0 1px 0 1px;font-size:0.9rem}
.
.downloadurl,.attachmentNote{margin-left:0;display:inline-block}
.downloadurl a{color:#007bff;padding:4px 6px;border-radius:4px;background-color:#eef4ff}
.downloadurl a:hover{background-color:#dce4ff;text-decoration:none}
.downloadlink{white-space:nowrap}
.attachmentNote{line-height:1.6}
.attachmenSum,.attachmentnumber{}
.attachmentCharge{margin-left:1px}
.attachmentlistnum{margin:0 1px 0 1px}
.attachmentNote{white-space:pre-wrap;display:block}
.attachmentinfo{margin-bottom:10px;line-height:1.5}
.attachmentinfo:last-child{margin-bottom:0}
@media (max-width:768px){.attachment{padding:9px}
.downloadname{font-size:1rem}
.attachmenSum{font-size:.95rem}
.attachmentsize,.downloadcount,.attachmentCharge{font-size:0.8rem}
}a.urlbtn{font-size:16px}
/* 附件样式结束 */

/*  板块 */
.bbstitle{padding-left:15px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;line-height:38px}
.bbstitle a{color:#000;font-weight:700}
.bbslistbg{overflow:hidden;padding:0 4px 5px}
.bbslist{}
.bbslist li{float:left;width:50%}
.bbslist li a{display:block;overflow:hidden;margin:5px 3px 0;padding:10px 0 10px 10px;border:1px #e2e2e2 solid;border-radius:3px;color:#5f646e;line-height:0}
.bbslist li .ico{float:left;overflow:hidden;margin-right:5px;width:40px;height:40px}
.bbslist li .ico img{height:40px}
.bbslist li .zt{position:relative;float:left}
.bbslist li h2{font-size:15px;color:#676968}
.bbslist li h3{position:absolute;top:20px;left:0;white-space:nowrap;font-size:12px}
/*  板块 */

/*  发帖页面 */
.nav-buttons.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;padding:0.5rem}
.nav-buttons.grid-2 .nav-btn{margin:0}
.nav-buttons{display:flex;gap:1.5rem;justify-content:center;padding:1rem 0 1rem}
.nav-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;background:white;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:0.875rem;text-decoration:none;transition:all 0.2s;text-align:center}
.nav-btn svg{width:16px;height:16px}
.nav-btn:hover{background:#f9f9f9;transform:translateY(-1px);color:#374151;text-decoration:none}
.reward-section{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:0.5rem;overflow:hidden;width:198px}
.collapse-trigger{width:100%;display:flex;align-items:center;padding:0.75rem 1rem;background:white;border:none;cursor:pointer;transition:background-color 0.2s}
.collapse-trigger svg{width:16px;height:16px;color:#374151;stroke:currentColor}
.collapse-trigger span{flex:1;text-align:left;margin-left:0.5rem;font-size:0.875rem;color:#374151}
.reward-content{padding:.8rem;background:#f9fafb}
.reward-content .form-control{width:100% !important;max-width:100% !important}
.form-control{width:100%;padding:0.75rem;border:1px solid #e5e7eb;border-radius:0.375rem;font-size:0.875rem;transition:border-color 0.2s;box-sizing:border-box}
.form-group.half{flex:1;margin-bottom:0}
.form-group label{display:block;color:#374151;font-weight:bold}
.content-header{display:flex;justify-content:space-between;align-items:center}
#submitBtn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;max-width:200px;margin:1.5rem auto;padding:0.75rem 1.5rem;background:#4CAF50;color:white;border:none;border-radius:0.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s;line-height:1}

.earnbounty{padding-left:1px;}.post-badge{font-family:Arial,sans-serif;line-height:20px;border:solid 0.1em #d00;border-radius:.2em;color:#d00;font-weight:bold;padding:.1em .2em;display:inline-block;text-transform:uppercase;transform-origin:100% 100%;transform:rotate(2deg);margin-left:5px;font-size:14px;}.animated-stamp{animation:stampAnimation 0.5s ease-in-out;animation-delay:0.5s;animation-fill-mode:both;animation-iteration-count:1;transform-origin:100% 100%;transform:rotate(2deg);}@keyframes stampAnimation{0%{opacity:0;transform:rotate(2deg) scale(5);}20%{opacity:0.4;transform:rotate(-2deg) scale(0.9);}40%{opacity:0.6;transform:rotate(2deg) scale(1.1);}60%{opacity:0.7;transform:rotate(-2deg) scale(0.95);}80%{opacity:0.8;transform:rotate(2deg) scale(1.03);}100%{opacity:0.9;transform:rotate(2deg) scale(1);}}

/*// 添加打赏弹窗 CSS 样式*/
.reward-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;display:none}
.reward-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:8px;padding:20px;min-width:300px;max-width:500px;z-index:9999;display:none;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.reward-modal h3{margin:0 0 20px 0;font-size:18px;text-align:center}
.reward-close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#999;line-height:1}
.reward-close:hover{color:#333}
.reward-amount{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}
.reward-amount button{flex:1;min-width:80px;padding:10px;border:1px solid #ddd;border-radius:4px;background:white;cursor:pointer;font-size:14px}
.reward-amount button:hover{background:#f5f5f5}
.reward-reason{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;box-sizing:border-box;font-size:14px}
.reward-submit{width:100%;padding:12px;background:#4CAF50;color:white;border:none;border-radius:4px;cursor:pointer;font-size:16px}
.reward-submit:hover{background:#45a049}
.tip-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);color:white;padding:15px 30px;border-radius:4px;z-index:10000;font-size:14px}



.content{max-width:800px;margin:0 auto;padding:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-control{width:100%;padding:8px;border:1px solid#ddd;border-radius:4px;box-sizing:border-box}.num-selector{display:flex;align-items:center;margin:15px 0}.number-control{display:flex;align-items:center;margin-left:10px}.num-btn{background:none;border:none;padding:5px;cursor:pointer}.num-btn.disabled{opacity:0.5;cursor:not-allowed}#numInput{width:40px;text-align:center;border:none;background:none}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#4CAF50;color:white;border:none;border-radius:4px;cursor:pointer;margin-top:15px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.textarea-actions{display:flex;gap:8px}.action-btn-small{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:1px solid#ddd;border-radius:4px;cursor:pointer;font-size:12px}.tip-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);color:white;padding:12px 24px;border-radius:8px;z-index:9999;font-size:14px;min-width:120px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;animation:tipFadeInOut 0.8s ease-in-out}@keyframes tipFadeInOut{0%{opacity:0;transform:translate(-50%,-40%)}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-60%)}}
/* UBB编辑器样式 */
.ubb-editor-container{border:1px solid #e1e4e8;border-radius:6px;background:white;margin-bottom:15px}
.ubb-tab-nav{display:flex;border-bottom:1px solid #e1e4e8;background:#f6f8fa}
.ubb-tab-item{padding:8px 16px;cursor:pointer;border:none;background:transparent;color:#586069;font-size:14px;border-bottom:2px solid transparent;transition:all 0.2s}
.ubb-tab-item:hover{color:#0366d6}
.ubb-tab-item.active{color:#0366d6;border-bottom-color:#0366d6;background:white}
.ubb-header-actions{margin-left:auto;padding:0 16px;display:flex;align-items:center;gap:8px}
.ubb-header-btn{background:none;border:1px solid #e1e4e8;padding:4px 8px;border-radius:3px;font-size:12px;color:#586069}
.ubb-toolbar{background:white;border-bottom:1px solid #e1e4e8;padding:8px 12px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ubb-toolbar-group{display:flex;gap:2px;margin-right:8px;padding-right:8px;border-right:1px solid #e1e4e8}
.ubb-toolbar-group:last-child{border-right:none}
.ubb-toolbar-btn{background:transparent;border:none;padding:6px 8px;cursor:pointer;border-radius:3px;font-size:14px;color:#586069;transition:all 0.2s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.ubb-toolbar-btn:hover{background:#f3f4f6;color:#0366d6}
.ubb-content-area{display:none;flex-direction:column}
.ubb-content-area.active{display:flex}
.ubb-editor-textarea{border:none;padding:16px;font-family:'SF Mono','Monaco','Consolas',monospace;font-size:14px;line-height:1.6;resize:none;outline:none;background:white}
.ubb-preview-content{flex:1;padding:16px;overflow-y:auto;background:white;font-size:14px;line-height:1.6;min-height:25vh}
.ubb-preview-content b{font-weight:bold}
.ubb-preview-content i{font-style:italic}
.ubb-preview-content u{text-decoration:underline}
.ubb-preview-content hr{margin:10px 0}
.ubb-preview-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;overflow-x:auto;margin:10px 0}
.ubb-preview-content iframe{max-width:100%;margin:10px 0}
.ubb-preview-content video{max-width:100%;margin:10px 0}
.ubb-preview-content img{max-width:100%;height:auto;margin:5px 0}
.ubb-preview-content a{color:#3498db;text-decoration:none}
.ubb-preview-content a:hover{text-decoration:underline}
@media (max-width:768px){.ubb-toolbar{padding:8px}.ubb-toolbar-btn{padding:4px 8px;font-size:11px}}