/* Original WeCenter 4 frontend reference: default/static/css/app.css and
   default/html list/question templates. No legacy scripts or PHP are shipped. */
.bbs-layout{background:#f6f5f7;color:#303133;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.6;--bbs-purple:#563d7c;--bbs-line:#efefef;--bbs-muted:#909399}
.bbs-layout a:hover{color:var(--bbs-purple)}
.bbs-layout :is(h1,h2,h3,h4,h5,h6){font-family:inherit;color:#373737;letter-spacing:0;text-wrap:normal}
.bbs-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #eceaee}
.bbs-header-inner{display:flex;align-items:center;gap:28px;max-width:1152px;min-height:64px;margin:auto;padding:0 16px}
.bbs-brand{flex:0 0 auto}.bbs-brand img{width:150px;height:29px}
.bbs-header-nav{display:flex;align-items:center;gap:24px;white-space:nowrap;font-size:15px}
.bbs-header-nav a{padding:20px 0;border-bottom:2px solid transparent}.bbs-header-nav a[aria-current]{color:var(--bbs-purple);border-color:var(--bbs-purple)}
.bbs-header-search{position:relative;display:flex;margin-left:auto;width:230px;flex:0 1 230px;min-width:100px}
.bbs-header-search input{width:100%;height:34px;padding:6px 36px 6px 12px;border:1px solid #e9e9e9;border-radius:18px;background:#f5f5f5;color:#606266;font:inherit;font-size:13px;min-width:0}
.bbs-header-search button{position:absolute;right:4px;top:1px;width:30px;height:30px;padding:0;border-radius:50%;background:transparent;color:#909399;font-size:23px;line-height:30px}
.bbs-login{flex-shrink:0;color:var(--bbs-purple);font-size:14px;white-space:nowrap}
.bbs-mobile-nav{display:none}.bbs-account{position:relative}.bbs-account summary{list-style:none;cursor:pointer;white-space:nowrap;font-size:13px}.bbs-account>div{position:absolute;right:0;top:32px;min-width:120px;padding:8px;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 4px 20px #0001}.bbs-account :is(a,button){display:block;padding:6px;background:#fff;font-size:13px;color:#606266}
.bbs-container{width:calc(100% - 32px);max-width:1152px;margin:0 auto}.bbs-index{padding:12px 0 32px}.bbs-thread-page{padding:12px 0 32px}
.bbs-columns{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:16px;align-items:start}.bbs-discussion{min-width:0}
.bbs-panel{background:#fff;border-radius:4px;margin:0 0 12px;min-width:0;overflow-wrap:anywhere}
.bbs-list-panel{min-width:0;padding-bottom:24px}
.bbs-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--bbs-line);padding:0 22px}
.bbs-tabs,.bbs-sort{display:flex;gap:22px;font-size:14px;white-space:nowrap}.bbs-tabs a,.bbs-sort a{padding:17px 0 15px;border-bottom:2px solid transparent;color:#606266}.bbs-tabs a[aria-current],.bbs-sort a[aria-current]{border-color:var(--bbs-purple);color:var(--bbs-purple)}.bbs-sort{gap:16px;font-size:13px}
.bbs-thread-list{padding:0 22px}.bbs-layout .bbs-thread-row{display:block;padding:20px 0 14px;margin:0;border-bottom:1px solid var(--bbs-line);min-width:0}
.bbs-list-byline{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:#999;font-size:13px;line-height:22px}.bbs-list-byline>span:nth-child(2){color:#606266}.bbs-list-byline time{margin-left:auto;font-size:12px;flex:0 0 auto}
.bbs-avatar{position:relative;display:inline-block;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#ebe9ef;overflow:hidden}.bbs-avatar::before{content:"";position:absolute;top:7px;left:14px;width:12px;height:12px;border-radius:50%;background:#bab4c3}.bbs-avatar::after{content:"";position:absolute;top:21px;left:8px;width:24px;height:22px;border-radius:50% 50% 0 0;background:#bab4c3}.bbs-avatar-small{width:20px;height:20px}.bbs-avatar-small::before{top:4px;left:7px;width:6px;height:6px}.bbs-avatar-small::after{top:11px;left:4px;width:12px;height:11px}
.bbs-layout .bbs-thread-row h2{display:block;font-size:17px;line-height:26px;font-weight:600;margin:0 0 10px;color:#333}.bbs-thread-row h2 a:hover{color:var(--bbs-purple)}
.bbs-kind-badge{display:inline-block;vertical-align:2px;padding:1px 5px;margin-right:8px;border-radius:3px;background:#f0edf4;color:#76688b;font-size:11px;font-weight:400;line-height:16px}
.bbs-list-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.bbs-list-images img{width:100%;height:130px;object-fit:cover;border-radius:4px;background:#fafafa}
.bbs-layout .bbs-thread-row .bbs-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#888;font-size:14px;line-height:24px;margin:4px 0 12px;overflow-wrap:anywhere}
.bbs-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:12px;line-height:22px;color:#999}.bbs-row-actions .bbs-read{margin-left:auto}.bbs-category{display:inline-block;padding:1px 8px;background:#f3f0f7;border-radius:3px;color:#76618e;font-size:12px;line-height:22px}
.bbs-results{display:flex;flex-wrap:wrap;gap:12px;padding:12px 22px;background:#fcfbfd;color:#909399;font-size:13px;border-bottom:1px solid var(--bbs-line)}.bbs-results a{margin-left:auto;color:var(--bbs-purple)}
.bbs-categories-mobile{display:none;position:relative;border-bottom:1px solid var(--bbs-line);font-size:13px}.bbs-categories-mobile summary{padding:12px 16px;cursor:pointer;list-style:none;color:#76618e}.bbs-categories-mobile summary::-webkit-details-marker{display:none}.bbs-categories-mobile nav{position:absolute;top:44px;left:12px;right:12px;max-height:50vh;overflow:auto;z-index:30;background:#fff;border:1px solid #eee;box-shadow:0 8px 20px #0001;padding:8px 16px;border-radius:4px}.bbs-categories-mobile a{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.bbs-categories-mobile a span{color:#aaa}
@media(max-width:991px){.bbs-categories-mobile{display:block}}
.bbs-sidebar>.bbs-panel{padding:18px}.bbs-sidebar h2{font-size:15px;line-height:24px;font-weight:600;margin:0 0 16px}.bbs-sidebar p{font-size:13px;line-height:23px;color:#909399}
.bbs-publish p{margin-bottom:18px}.bbs-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bbs-purple);color:#fff!important;border-radius:4px;padding:8px 18px;font:inherit;font-size:14px;line-height:22px;min-height:38px;border:1px solid transparent}.bbs-button:hover{background:#6c4d97}.bbs-publish>.bbs-button{display:flex;width:100%}
.bbs-quick-links{display:flex;justify-content:space-around;margin-top:16px;font-size:13px;color:#909399}.bbs-quick-links a:hover{color:var(--bbs-purple)}
.bbs-category-list a{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:13px;color:#606266;line-height:22px}.bbs-category-list a>span:last-child{font-size:12px;color:#b5b5b5}.bbs-category-list a[aria-current],.bbs-category-list a:hover{color:var(--bbs-purple)}
.bbs-statistics dl{display:flex;gap:16px;margin:0}.bbs-statistics dl>div{display:flex;flex-direction:column;align-items:center;flex:1;padding:0}.bbs-statistics dt{font-size:12px;color:#999}.bbs-statistics dd{margin:6px 0 0;font-size:20px;font-weight:500;color:#606266}
.bbs-related{list-style:none;margin:0;padding:0}.bbs-related li{padding:10px 0;border-bottom:1px solid var(--bbs-line)}.bbs-related li:last-child{border:0}.bbs-related a{display:block;font-size:13px;line-height:23px}.bbs-related span{display:block;font-size:12px;color:#999;margin-top:6px}
.bbs-layout .pagination{margin:24px 12px 0;gap:12px}.bbs-layout .pagination :is(a,.page-disabled,.page-current){font-size:13px;line-height:22px;padding:6px 12px;border-radius:3px}.bbs-layout .pagination a{border:1px solid #e7e4eb;color:#76618e;background:#fff;min-height:32px}.bbs-layout .pagination .page-current{background:#f0edf4;color:var(--bbs-purple)}
.bbs-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:4px 0 16px;font-size:13px;line-height:22px;color:#909399}.bbs-breadcrumb a:hover{color:var(--bbs-purple)}
.bbs-layout .question-detail{padding:0;margin-bottom:12px;border:0}.bbs-question-header{padding:22px 22px 16px;border-bottom:1px solid #f5f5f5}.bbs-layout .question-detail h1{font-size:21px;line-height:32px;font-weight:600;margin:0 0 12px}.bbs-question-tags{display:flex;align-items:center;gap:12px;color:#aaa;font-size:12px}
.bbs-question-body{padding:20px 22px}.bbs-author{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:14px;line-height:22px;color:#606266}.bbs-author>div{display:flex;flex-direction:column;gap:4px;min-width:0}.bbs-author strong{font-weight:500;overflow-wrap:anywhere}.bbs-author time{font-size:12px;color:#999}.bbs-reply-archive{font-size:11px;color:#aaa;margin-left:auto}
.bbs-layout .bbs-prose{white-space:normal;color:#606266;font-size:14px;line-height:22px;overflow-wrap:anywhere}.bbs-prose p{margin:12px 0;font-size:15px;line-height:28px;color:#303133}.bbs-prose>p:first-child{margin-top:0}.bbs-prose .source-text{font-size:15px;line-height:28px}
.bbs-prose :is(h2,h3,h4,h5,h6){margin:20px 0 12px;font-weight:600;line-height:1.5;font-size:18px;scroll-margin-top:90px}.bbs-prose :is(h4,h5,h6){font-size:16px}.bbs-prose strong{font-weight:600}.bbs-prose a{color:#147ffa;text-decoration:underline;text-underline-offset:2px}
.bbs-prose :is(ul,ol){margin:12px 0;padding-left:1.5em;line-height:26px}.bbs-prose ul{list-style:disc}.bbs-prose ol{list-style:decimal}.bbs-prose li{margin-bottom:6px}.bbs-prose li p{margin:6px 0}.bbs-prose blockquote{border-left:3px solid #ddd;background:#fafafa;padding:10px 16px;margin:16px 0;color:#909399}.bbs-prose blockquote>p:last-child{margin-bottom:0}
.bbs-prose code{padding:2px 4px;border-radius:3px;background:#f5f5f5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.bbs-layout .bbs-prose .source-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7;white-space:pre;overflow-wrap:normal;word-break:normal;overflow-x:auto;max-width:100%;background:#f6f6f6;border:1px solid #eee;border-radius:4px;padding:16px;margin:16px 0}.bbs-prose .source-code code{padding:0;background:transparent;white-space:inherit;font-size:inherit}
.bbs-prose figure{margin:16px 0}.bbs-prose .article-inline-image{display:block;width:auto;max-width:100%;height:auto;margin:12px 0;border-radius:5px}.bbs-prose figcaption{font-size:12px;line-height:22px;color:#999;text-align:center}.bbs-prose .article-table{width:100%;overflow-x:auto;margin:16px 0}.bbs-prose table{min-width:100%;border-collapse:collapse;font-size:14px;line-height:24px}.bbs-prose :is(td,th){border:1px solid #ddd;padding:8px 12px;min-width:90px;text-align:left;vertical-align:top}.bbs-prose th{background:#f7f7f7;font-weight:600}.bbs-prose :is(td,th) p{font-size:14px;line-height:24px;margin:0}
.bbs-prose hr{border:0;border-top:1px solid #eee;margin:20px 0}.bbs-prose .text-align-center{text-align:center}.bbs-prose .text-align-right{text-align:right}.bbs-prose .text-align-left{text-align:left}.bbs-prose .text-align-justify{text-align:justify}
.bbs-prose .media-unavailable{display:block;padding:12px;margin:12px 0;border:1px dashed #e4e4e4;border-radius:4px;background:#fafafa;color:#aaa;font-size:12px;line-height:22px}
.bbs-layout .media-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.bbs-layout .media-gallery figure{border:1px solid #eee;padding:6px;border-radius:4px}.bbs-layout .media-gallery img{max-height:200px}.bbs-layout .media-gallery figcaption{font-size:11px;margin-top:6px}
.bbs-question-tools{display:flex;align-items:center;gap:22px;padding:16px 0 0;margin-top:16px;border-top:1px solid var(--bbs-line);font-size:12px;color:#999}.bbs-question-tools a{color:#76618e}.bbs-layout .source-note{font-size:12px;line-height:22px;color:#aaa;background:transparent;border:0;margin:16px 0 0;padding:0}
.bbs-layout .answers{margin:0;padding:0;border:0}.bbs-answer-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 22px}.bbs-layout .answers h2{margin:0;font-size:16px;line-height:24px;font-weight:500;scroll-margin-top:90px}.bbs-answer-heading>span{font-size:12px;color:#aaa}.bbs-layout .bbs-answer{padding:20px 22px;margin:0 0 12px;border:0;scroll-margin-top:90px}.bbs-layout .bbs-answer header{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 18px}.bbs-layout .reply-empty{padding:22px;font-size:14px;color:#999}
.bbs-layout .reply-section{padding:22px;margin-top:12px}.bbs-layout .reply-section h2{font-size:18px;line-height:28px;margin:0 0 16px;scroll-margin-top:90px}.bbs-closed-note{padding:16px 22px;font-size:13px;line-height:24px;color:#909399}
.bbs-empty{padding:48px 22px;text-align:center}.bbs-empty h2{font-size:20px;line-height:28px;margin-bottom:16px}.bbs-empty p{font-size:14px;line-height:26px;color:#aaa;margin-bottom:20px}
.bbs-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;max-width:1152px;margin:auto;padding:16px 20px 36px;color:#999;font-size:12px;line-height:22px}
@media(max-width:1199px){.bbs-header-inner{gap:20px}.bbs-header-nav{gap:18px}.bbs-columns{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:991px){.bbs-columns{grid-template-columns:minmax(0,1fr)}.bbs-sidebar{display:none}.bbs-header-nav{gap:14px}.bbs-header-inner{gap:16px}.bbs-header-search{width:180px;flex-basis:180px}.bbs-list-images img{height:160px}}
@media(max-width:767px){.bbs-header-inner{padding:12px 16px;min-height:58px;flex-wrap:wrap;gap:12px 16px}.bbs-brand img{width:130px;height:auto}.bbs-header-nav{display:none}.bbs-mobile-nav{display:block;position:relative;margin-left:auto}.bbs-mobile-nav summary{list-style:none;font-size:13px;color:#606266;cursor:pointer}.bbs-mobile-nav summary::-webkit-details-marker{display:none}.bbs-mobile-nav nav{position:absolute;top:30px;right:0;min-width:150px;background:#fff;border:1px solid #eee;box-shadow:0 8px 20px #0001;border-radius:4px;max-height:65vh;overflow:auto;padding:8px}.bbs-mobile-nav a{display:block;padding:10px 14px;font-size:14px}.bbs-header-search{order:5;flex:1 0 100%;width:100%;margin:0}.bbs-login{font-size:13px}.bbs-container{width:100%}.bbs-index{padding-top:8px}.bbs-thread-page{padding-top:0}.bbs-panel{border-radius:0}.bbs-list-toolbar{gap:10px;padding:0 16px}.bbs-tabs{gap:18px;font-size:13px}.bbs-sort{gap:12px;font-size:12px}.bbs-tabs a,.bbs-sort a{padding-top:14px;padding-bottom:13px}.bbs-thread-list{padding:0 16px}.bbs-layout .bbs-thread-row{padding-top:16px;padding-bottom:14px}.bbs-list-byline{gap:4px;font-size:12px}.bbs-list-byline time{font-size:11px}.bbs-layout .bbs-thread-row h2{font-size:16px;line-height:25px}.bbs-list-images{gap:6px}.bbs-list-images img{height:100px}.bbs-row-actions{gap:8px 12px}.bbs-row-actions .bbs-read{margin-left:0}.bbs-breadcrumb{padding:12px 16px}.bbs-question-header{padding:18px 16px}.bbs-layout .question-detail h1{font-size:20px;line-height:30px}.bbs-question-body{padding:16px}.bbs-answer-heading{padding:16px}.bbs-layout .bbs-answer{padding:18px 16px}.bbs-layout .media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.bbs-layout .reply-section,.bbs-closed-note{padding:16px}.bbs-layout .answers h2,.bbs-layout .bbs-answer,.bbs-prose :is(h2,h3,h4,h5,h6){scroll-margin-top:140px}.bbs-footer{font-size:11px;padding-bottom:24px;gap:8px 16px}}
@media(max-width:359px){.bbs-tabs{gap:12px}.bbs-sort{gap:8px}.bbs-list-images img{height:82px}.bbs-layout .pagination{gap:4px;margin-inline:4px}.bbs-layout .pagination :is(a,.page-disabled,.page-current){padding:6px 9px}}
