.app[data-v-a77d6447]{min-height:100vh;display:flex;flex-direction:column}.router-view-container[data-v-a77d6447]{flex:1;display:flex;flex-direction:column}.fade-enter-active[data-v-a77d6447],.fade-leave-active[data-v-a77d6447]{transition:opacity .3s ease}.fade-enter-from[data-v-a77d6447],.fade-leave-to[data-v-a77d6447]{opacity:0}.header[data-v-a77d6447]{position:relative}.header-top[data-v-a77d6447]{background-color:#40475b65;border-bottom:1px solid #e0e0e0;padding:10px 0}.header-left[data-v-a77d6447]{display:flex;align-items:center}.logo-small[data-v-a77d6447]{height:40px}.header-right[data-v-a77d6447]{display:flex;align-items:center;gap:20px}.nav-menu[data-v-a77d6447]{display:flex;gap:10px}.nav-link[data-v-a77d6447]{padding:8px 16px;color:#fff;text-decoration:none;border-radius:4px;transition:all .3s ease}.nav-link.active[data-v-a77d6447]{color:#fff;font-weight:700}.phone-info[data-v-a77d6447]{display:flex;align-items:center;gap:5px;color:#333}.btn-login[data-v-a77d6447],.btn-register[data-v-a77d6447]{padding:8px 16px;background-color:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none;margin-left:20px}.btn-login[data-v-a77d6447]:hover,.btn-register[data-v-a77d6447]:hover{background-color:#0052a3}.btn-close[data-v-a77d6447]{padding:8px 16px;background-color:#f0f0f0;color:#333;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-close[data-v-a77d6447]:hover{background-color:#e0e0e0}.user-dropdown-container[data-v-a77d6447]{position:relative;display:inline-block}.user-dropdown-btn[data-v-a77d6447]{padding:8px 16px;background-color:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative}.user-icon[data-v-a77d6447]{font-size:16px;margin-right:2px}.unread-badge[data-v-a77d6447]{position:absolute;top:-5px;right:-5px;background-color:red;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.dropdown-badge[data-v-a77d6447]{top:8px;right:10px;width:16px;height:16px;font-size:10px}.user-dropdown-btn[data-v-a77d6447]:hover{background-color:#0052a3}.dropdown-arrow[data-v-a77d6447]{font-size:12px;transition:transform .3s ease}.user-dropdown-btn:hover .dropdown-arrow[data-v-a77d6447]{transform:rotate(180deg)}.user-dropdown-menu[data-v-a77d6447]{position:absolute;top:100%;right:0;margin-top:5px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:120px;z-index:1000}.dropdown-item[data-v-a77d6447]{display:block;width:100%;padding:10px 15px;text-align:left;border:none;background:none;cursor:pointer;transition:all .3s ease;color:#333;text-decoration:none;font-size:14px;position:relative}.dropdown-item[data-v-a77d6447]:hover{background-color:#f5f5f5;color:#06c}.footer[data-v-a77d6447]{background-color:#f5f5f5;padding:20px 0;border-top:1px solid #e0e0e0;margin-top:40px}.footer .container[data-v-a77d6447]{justify-content:center}.footer-content[data-v-a77d6447]{text-align:center;color:#666;max-width:800px}.footer-contact[data-v-a77d6447]{margin-bottom:20px}.footer-info[data-v-a77d6447]{margin-top:10px}.scroll-buttons[data-v-a77d6447]{position:fixed;bottom:20px;right:20px;z-index:1000}.scroll-btn[data-v-a77d6447]{width:40px;height:40px;border-radius:50%;border:none;background-color:#06c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.scroll-btn[data-v-a77d6447]:hover{background-color:#0052a3;transform:scale(1.1)}.container[data-v-a77d6447]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.header-right[data-v-a77d6447]{flex-wrap:wrap;gap:10px}.nav-menu[data-v-a77d6447]{order:-1;width:100%;margin-bottom:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,SimHei,Arial,sans-serif;background-color:#e8ecf0;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;position:relative}.header-top{width:100%;padding:3px 0;position:absolute;z-index:10;top:0;border-bottom:1px solid rgba(255,255,255,.6);background:#53535380}.header-top .container{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:30px}.logo-small{width:70px;height:50px;object-fit:contain;object-position:center}.nav-menu{display:flex;gap:30px;margin-right:20px}.nav-link{color:#fff;text-decoration:none;padding:5px 10px;transition:all .3s;font-size:13px;position:relative;display:inline-block}.nav-link:hover{color:#fffc}.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background-color:#4a9eff;border-radius:1px;width:100%}.header-right{display:flex;align-items:center;gap:15px}.phone-info{display:flex;align-items:center;gap:5px;margin-left:20px}.btn-login,.btn-close{padding:8px 20px;background-color:#2a5298;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;transition:background-color .3s}.btn-login:hover,.btn-close:hover{background-color:#3a62a8}.metrics-section{background:#fff;padding:40px 0;margin-top:-20px;position:relative;z-index:3}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-80px}.metric-card{background:#fff;padding:10px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s}.cardList{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #999}.metric-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.metric-icon{font-size:20px;margin-bottom:10px}.metric-label{font-size:16px;color:#666;margin-bottom:10px}.metric-value{font-size:28px;font-weight:700;color:#2a5298;text-align:left}.main-content{padding:40px 0;background:#e8ecf0}.content-layout{display:flex;flex-direction:column;gap:0;align-items:start}.content-left{width:100%}.announcement-section{background:#fff;padding:30px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.announcement-main-layout{display:flex;gap:24px;align-items:flex-start;margin-top:10px}.announcement-content-area{flex:1;min-width:0;background:#fff;border-radius:6px}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e8ecf0}.section-title{color:#2a5298;font-size:24px;font-weight:600;margin:0;padding:0;border:none;letter-spacing:.5px}.tabs-container{width:100%}.tabs-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;border-bottom:2px solid #e8ecf0;background:#fff;border-radius:6px 6px 0 0;padding:16px 16px 12px}.tab-btn{padding:10px 18px;background:transparent;border:none;color:#666;cursor:pointer;font-size:14px;border-radius:6px;transition:all .3s ease;font-weight:400;white-space:nowrap}.tab-btn:hover{background:#f0f7ff;color:#2a5298}.tab-btn.active{background:#2a5298;color:#fff;font-weight:500;box-shadow:0 2px 4px #2a529833}.more-link{color:#2a5298;text-decoration:none;margin-left:auto;padding:8px 16px;font-size:14px;transition:all .3s}.more-link:hover{text-decoration:underline;color:#4a9eff}.tabs-content{min-height:300px;overflow:hidden;padding:0 4px}.tab-panel{display:none}.tab-panel.active{display:block}.empty-content{text-align:center;padding:60px 20px;color:#999;font-size:16px}.sidebar-content .empty-content{padding:40px 20px}.announcement-filter-layout{display:flex;gap:20px;align-items:flex-start}.filter-sidebar{width:200px;flex-shrink:0;background:#fff;border:1px solid #e8ecf0;border-radius:8px;padding:24px 20px;box-shadow:0 2px 8px #0000000f}.filter-title{font-size:16px;font-weight:600;color:#2a5298;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #e8ecf0;letter-spacing:.5px}.filter-list{display:flex;flex-direction:column;gap:12px}.filter-item{padding:14px 18px;background:#f8f9fa;border:1px solid #e8ecf0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;text-align:center;transition:all .3s ease;font-weight:400;position:relative}.filter-item:hover{background:#e8f4ff;border-color:#2a5298;color:#2a5298;transform:translate(2px);box-shadow:0 2px 6px #2a529826}.filter-item.active{background:#2a5298;border-color:#2a5298;color:#fff;font-weight:500;box-shadow:0 2px 8px #2a52984d}.filter-item.active:hover{background:#1e3d73;transform:translate(0)}.announcement-list-container{flex:1;min-width:0}.announcement-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:8px 0 20px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;max-height:600px;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}.announcement-cards::-webkit-scrollbar{width:8px}.announcement-cards::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.announcement-cards::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.announcement-cards::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.announcement-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000000d;height:100%;min-height:180px;position:relative;cursor:pointer}.announcement-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-title{font-size:16px;color:#333;margin-bottom:15px;line-height:1.5;font-weight:500;flex:1;min-height:48px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;font-size:14px;color:#666;flex-shrink:0}.info-item{display:block}.card-detail-btn{align-self:flex-start;padding:8px 20px;background:#e0e0e0;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s;margin-top:auto;flex-shrink:0}.card-detail-btn:hover{background:#d0d0d0}.sidebar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;align-items:stretch}.sidebar-section{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%}.sidebar-section:first-child{grid-column:span 2}.sidebar-tabs{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:10px;position:relative}.sidebar-tabs>div{display:flex;gap:20px}.sidebar-tabs .more-link{margin-left:auto}.sidebar-tab{padding:8px 16px;background:transparent;border:none;color:#666;cursor:pointer;font-size:14px;transition:all .3s;position:relative}.sidebar-tab:hover{color:#2a5298}.sidebar-tab.active{color:#2a5298;background:transparent}.sidebar-tab.active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background-color:#4a9eff;border-radius:1px}.sidebar-content-wrapper{flex:1;overflow:hidden;position:relative;touch-action:pan-x;cursor:grab}.sidebar-content-wrapper:active{cursor:grabbing}.sidebar-content-slider{display:flex;transition:transform .3s ease;will-change:transform}.sidebar-content-panel{width:100%;min-width:100%;flex-shrink:0;padding:10px 0;display:flex;flex-direction:column;opacity:0;transition:opacity .3s ease}.sidebar-content-panel.active{opacity:1}.notice-item{padding:12px 0;border-bottom:1px solid #e0e0e0}.notice-item:last-child{border-bottom:none}.notice-title{font-size:16px;color:#333;margin-bottom:8px;cursor:pointer}.notice-title:hover{color:#2a5298}.notice-date{font-size:12px;color:#999}.sidebar-title{color:#2a5298;font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #2a5298;font-weight:600;flex-shrink:0}.login-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;flex:1}.login-role{display:flex;flex-direction:column;align-items:center;padding:15px;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s;text-decoration:none;color:#2a5298}.login-role:hover{background:#4a9eff0d;transform:translateY(-2px)}.role-icon{font-size:24px;margin-bottom:10px;color:#2a5298;border:2px solid #2a5298;border-radius:6px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.role-name{font-size:14px;color:#2a5298;font-weight:500}.help-links{display:flex;flex-direction:column;gap:15px;flex:1}.help-link{display:flex;align-items:center;gap:12px;padding:10px;background:transparent;border-radius:6px;text-decoration:none;color:#2a5298;transition:all .3s;font-size:14px}.help-link:hover{background:#4a9eff0d;color:#2a5298}.help-icon{font-size:16px;color:#2a5298;border:2px solid #2a5298;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.footer{background:#f8f8f8;color:#fff;padding:30px 0;text-align:center}.footer-content p{margin-bottom:10px;font-size:16px;color:#999}.scroll-buttons{position:fixed;right:30px;bottom:30px;display:flex;flex-direction:column;gap:10px;z-index:1000}.scroll-btn{width:50px;height:50px;border-radius:50%;background:#2a5298;color:#fff;border:none;cursor:pointer;font-size:20px;box-shadow:0 4px 8px #0003;transition:all .3s;display:flex;align-items:center;justify-content:center}.scroll-btn:hover{background:#3a62a8;transform:scale(1.1)}@media(max-width:1024px){.tabs-header{overflow-x:auto}}@media(max-width:768px){.header-top .container{flex-direction:column;gap:10px}.nav-menu{flex-wrap:wrap;justify-content:center}.metrics-grid,.login-roles,.announcement-cards,.sidebar{grid-template-columns:1fr}.sidebar-section{min-height:auto}}