.page-hero{padding:2rem 0;background:transparent;border-bottom:none}.page-hero .container{padding-left:var(--container-padding)}.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:.8rem 0 .2rem;color:var(--text-primary);text-align:left}.page-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center}.notice-main{background:#fff;min-height:100vh}.filter-section{padding:.5rem 0;background:var(--bg-primary);position:relative;z-index:100}.filter-section .container{padding-left:var(--container-padding)}.filter-controls{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:wrap}.mobile-filter-compact{display:none;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-bottom:0;position:relative;z-index:20;transform:translateZ(0);will-change:auto}.mobile-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:auto}.mobile-filter-toggle svg{transition:transform .3s ease}.mobile-filter-toggle.active svg{transform:rotate(180deg)}.mobile-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.mobile-filter-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mobile-filter-collapsed{display:flex;flex-direction:column;gap:1rem;align-items:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94),padding .35s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:5;padding:0;contain:layout style;transform-origin:top center}.mobile-filter-row{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;flex-wrap:wrap}.mobile-filter-collapsed.show{max-height:300px;opacity:1;padding-top:1rem;overflow:visible}.desktop-filter-controls{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:wrap;position:relative;z-index:200}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;transform:translateZ(0);will-change:auto;background:var(--bg-secondary);border-radius:50px;padding:4px;border:1px solid var(--border-color);width:fit-content}.filter-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:var(--bg-primary);border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 1px 3px #0000001a}.mobile-filter-collapsed .filter-buttons{width:fit-content;justify-content:center;margin:0;transform:translateZ(0);backface-visibility:hidden}.filter-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:50px;color:var(--text-secondary);font-size:clamp(.8rem,2.2vw,.95rem);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;z-index:2;white-space:nowrap}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{color:var(--text-primary);font-weight:600}.search-wrapper{display:flex;max-width:400px;position:relative;z-index:25;border:1px solid var(--border-color);border-radius:25px;background:var(--bg-secondary);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-wrapper:hover{border-color:#d1d5db}.search-wrapper:focus-within{border-color:#d1d5db}.search-input{flex:1;padding:.75rem 1rem;background:transparent;border:none;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.search-input:focus{outline:none}.search-btn{padding:0 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:default;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.search-wrapper:hover .search-btn{color:var(--text-primary)}.custom-select{position:relative;min-width:140px;z-index:300;transform:translateZ(0);will-change:auto}.mobile-filter-collapsed .custom-select{width:100%;max-width:200px;transform:translateZ(0);backface-visibility:hidden}.select-trigger{padding:.5rem 2.5rem .5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.select-trigger:hover{border-color:#d1d5db}.select-arrow{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:var(--text-secondary);transform-origin:center center}.custom-select.open .select-arrow{transform:translateY(-50%) rotate(180deg);color:var(--primary-color)}.select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #0000001a;z-index:9500;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.custom-select.open .select-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.select-option{padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;position:relative;font-size:.875rem;border-bottom:1px solid var(--border-color)}.select-option:last-child{border-bottom:none}.select-option:hover{color:var(--primary-color)}.select-option.active{color:var(--primary-color);font-weight:600}.filter-info{display:flex;align-items:center;justify-content:center;gap:1rem}.clear-filters{padding:.375rem .875rem;background:none;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .3s ease}.clear-filters:hover{border-color:var(--accent-color);color:var(--accent-color)}.notice-section{padding:2rem 0;min-height:500px}.notice-grid{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.notice-item{background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;opacity:0;transform:translateY(20px);animation:slideInUp .6s cubic-bezier(.4,0,.2,1) forwards;max-width:100%;max-height:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notice-item:hover{transform:translateY(-4px);box-shadow:0 2px 8px #0000001a}.notice-item.featured,.notice-item.pinned,.notice-item.featured.pinned{background:transparent!important}.notice-item.featured:after{content:"";position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:var(--primary-color);border-radius:24px;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z"></path></svg>');-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z"></path></svg>');mask-size:26px 26px;-webkit-mask-size:26px 26px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.notice-item.pinned:after{content:"";position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:var(--accent-color);border-radius:24px;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M2.25 4.5A.75.75 0 0 1 3 3.75h14.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Zm14.47 3.97a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 1 1-1.06 1.06L18 10.81V21a.75.75 0 0 1-1.5 0V10.81l-2.47 2.47a.75.75 0 1 1-1.06-1.06l3.75-3.75ZM2.25 9A.75.75 0 0 1 3 8.25h9.75a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9Zm0 4.5a.75.75 0 0 1 .75-.75h5.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Z"></path></svg>');-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M2.25 4.5A.75.75 0 0 1 3 3.75h14.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Zm14.47 3.97a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 1 1-1.06 1.06L18 10.81V21a.75.75 0 0 1-1.5 0V10.81l-2.47 2.47a.75.75 0 1 1-1.06-1.06l3.75-3.75ZM2.25 9A.75.75 0 0 1 3 8.25h9.75a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9Zm0 4.5a.75.75 0 0 1 .75-.75h5.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Z"></path></svg>');mask-size:26px 26px;-webkit-mask-size:26px 26px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.notice-item.featured.pinned:before{content:"";position:absolute;top:1rem;right:47px;width:30px;height:30px;background:var(--primary-color);border-radius:24px;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z"></path></svg>');-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z"></path></svg>');mask-size:26px 26px;-webkit-mask-size:26px 26px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.notice-item.featured.pinned:after{content:"";position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:var(--accent-color);border-radius:24px;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M2.25 4.5A.75.75 0 0 1 3 3.75h14.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Zm14.47 3.97a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 1 1-1.06 1.06L18 10.81V21a.75.75 0 0 1-1.5 0V10.81l-2.47 2.47a.75.75 0 1 1-1.06-1.06l3.75-3.75ZM2.25 9A.75.75 0 0 1 3 8.25h9.75a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9Zm0 4.5a.75.75 0 0 1 .75-.75h5.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Z"></path></svg>');-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path clip-rule="evenodd" fill-rule="evenodd" d="M2.25 4.5A.75.75 0 0 1 3 3.75h14.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Zm14.47 3.97a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 1 1-1.06 1.06L18 10.81V21a.75.75 0 0 1-1.5 0V10.81l-2.47 2.47a.75.75 0 1 1-1.06-1.06l3.75-3.75ZM2.25 9A.75.75 0 0 1 3 8.25h9.75a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9Zm0 4.5a.75.75 0 0 1 .75-.75h5.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Z"></path></svg>');mask-size:26px 26px;-webkit-mask-size:26px 26px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.notice-item-header{position:relative;padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border-color);overflow:hidden}.notice-header-cover{position:absolute;top:0;right:0;bottom:0;width:50%;background-size:cover;background-position:center right;background-repeat:no-repeat;opacity:0;background-color:#f0f0f0;transition:all .6s cubic-bezier(.4,0,.2,1);animation:fadeInCover .3s ease-out .15s forwards;mask:linear-gradient(to left,rgba(0,0,0,.9) 0%,rgba(0,0,0,.85) 25%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.15) 90%,transparent 100%);-webkit-mask:linear-gradient(to left,rgba(0,0,0,.9) 0%,rgba(0,0,0,.85) 25%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.15) 90%,transparent 100%)}@keyframes fadeInCover{0%{opacity:0;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}.notice-item:hover .notice-header-cover{opacity:.8;transform:scale(1.02)}.notice-item-header .notice-type,.notice-item-header .notice-title,.notice-item-header .notice-meta{position:relative;z-index:10;background:transparent}.notice-type{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notice-type.动态{background:#22c55e1a;color:#16a34a}.notice-type.掉落{background:#06b6d41a;color:#0891b2}.notice-type.公告{background:#fb923c1a;color:#ea580c}.notice-type-container{display:flex;align-items:center;gap:.5rem;margin-top:-.5rem;margin-bottom:.75rem;flex-wrap:wrap}.notice-type.adopted-tag{background:#6366f11a;color:#6366f1;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.375rem .875rem;border-radius:20px}.notice-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4}.notice-meta{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}.notice-date,.notice-author{display:flex;align-items:center;gap:.25rem}.notice-item-content{padding:1.5rem 2rem;max-height:none}.notice-content{color:var(--text-secondary);line-height:1.7;margin-bottom:0}.loading-wrapper{display:flex;justify-content:center;align-items:center;padding:4rem 0 2rem;position:relative;min-height:200px;width:100%}.loading-spinner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{margin-bottom:1.5rem;opacity:1;display:flex;justify-content:center;align-items:center}.empty-icon img{max-width:120px;max-height:120px;width:auto;height:auto;border:none;object-fit:contain}.empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-text{font-size:1.125rem;color:var(--text-secondary);margin:0;font-weight:500}.search-results-info{text-align:center;margin:-5px 0 20px;padding:0;border-radius:6px;font-size:14px;animation:fadeInUp .6s ease-out}.search-results-info .results-text{margin:0}.search-results-info .results-count{color:var(--text-secondary);background:transparent;padding:0;border-radius:0;font-weight:500}.search-results-info .no-results{color:var(--text-secondary);background:transparent;padding:0;border-radius:0}.empty-state{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notice-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.notice-modal.active{opacity:1;visibility:visible}.notice-modal-content{background:var(--bg-primary);border-radius:20px;max-width:1200px;width:100%;max-height:98vh;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #00000040;display:block}.notice-modal.active .notice-modal-content{transform:scale(1) translateY(0)}.notice-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8))}.notice-modal-close:hover{background:transparent;transform:scale(1.2) rotate(90deg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.9))}.notice-modal-close.no-images{color:#333;background:#fff;filter:none;box-shadow:none}.notice-modal-close.no-images:hover{color:#000;background:#fff;filter:none;box-shadow:none;transform:scale(1.2) rotate(90deg)}.notice-modal-header{position:relative}.notice-modal-images{position:relative;width:100%;height:450px;overflow:hidden;border-radius:20px 20px 0 0}.modal-image-container{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.modal-image-container:active{cursor:grabbing}.notice-modal .modal-image-container,.notice-modal .modal-images-wrapper,.notice-modal .modal-image{cursor:grab!important}.notice-modal .modal-image-container:active,.notice-modal .modal-images-wrapper:active,.notice-modal .modal-image:active{cursor:grabbing!important}.modal-images-wrapper{display:flex;height:100%;transition:none;will-change:transform;cursor:grab}.modal-image{height:100%;object-fit:cover;flex-shrink:0;cursor:grab}.modal-image.active{opacity:1}.notice-modal-images{position:relative;width:100%;height:450px;overflow:hidden;border-radius:20px 20px 0 0;cursor:grab}.notice-modal-images:active{cursor:grabbing}.modal-images-wrapper.transitioning{transition:transform .3s cubic-bezier(.4,0,.2,1)}.modal-image-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:5;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8));opacity:0;visibility:hidden}.notice-modal-images:hover .modal-image-nav{opacity:1;visibility:visible}.modal-image-nav:hover{background:transparent;transform:translateY(-50%) scale(1.1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.9));opacity:1;visibility:visible}.modal-image-nav.prev{left:1rem}.modal-image-nav.next{right:1rem}.modal-image-nav svg{width:24px;height:24px;stroke:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.modal-image-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.modal-image-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.modal-image-dot.active{background-color:#fff;width:24px;border-radius:4px}.notice-modal-header-content{display:none}.notice-modal-body{padding:2rem;-ms-overflow-style:none;scrollbar-width:none}.notice-modal-content::-webkit-scrollbar{display:none}.modal-notice-header-info{padding-bottom:1rem;margin-bottom:1rem}.modal-notice-type{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.modal-notice-type.动态{background:#22c55e1a;color:#16a34a}.modal-notice-type.掉落{background:#06b6d41a;color:#0891b2}.modal-notice-type.公告{background:#fb923c1a;color:#ea580c}.modal-notice-type-container{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.modal-notice-type.adopted-tag{background:#6366f11a;color:#6366f1;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;border-radius:25px}.modal-notice-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.modal-notice-meta{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.meta-pinned{color:var(--accent-color)!important;font-weight:600}.meta-featured{color:var(--primary-color)!important;font-weight:600}.modal-notice-content{color:var(--text-secondary);line-height:1.8;font-size:1rem;margin-bottom:2rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap}.page-btn{min-width:40px;height:40px;padding:0 .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.375rem}.page-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.page-btn.prev-btn,.page-btn.next-btn{padding:0 1rem;min-width:auto;font-weight:500}.page-ellipsis{color:var(--text-secondary);font-size:.875rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.pagination{gap:.25rem;margin:2rem 0 1rem}.page-btn{min-width:36px;height:36px;font-size:.8125rem}.page-btn.prev-btn,.page-btn.next-btn{padding:0 .75rem}.page-btn svg{width:14px;height:14px}}@media (max-width: 480px){.page-btn.prev-btn span,.page-btn.next-btn span{display:none}.page-btn.prev-btn,.page-btn.next-btn{min-width:36px;padding:0}}@media (min-width: 769px){.mobile-filter-compact,.mobile-filter-collapsed{display:none!important}.desktop-filter-controls{display:flex!important}.notice-item-content{display:block!important}.notice-item-header{border-bottom:1px solid var(--border-color)!important;padding:1.5rem 1.5rem 1rem!important}}@media (max-width: 768px){.mobile-filter-compact{display:flex}.desktop-filter-controls{display:none}.page-hero .container,.filter-section .container{padding-left:var(--container-padding)}.filter-btn{padding:clamp(.35rem,1.2vw,.5rem) clamp(.7rem,2vw,.9rem);font-size:clamp(.75rem,1.8vw,.85rem)}.page-title{font-size:clamp(2rem,5vw,3rem);margin-top:.8rem;text-align:center}.filter-section{padding:.5rem 0;margin-bottom:1rem;position:relative;z-index:30}.mobile-filter-compact .search-wrapper{flex:0 1 270px;max-width:270px;position:relative;z-index:25}.mobile-filter-compact .search-input{flex:1;min-width:0}.mobile-filter-compact .search-btn{flex:0 0 auto}.mobile-filter-collapsed .filter-buttons{order:0;justify-content:center;width:fit-content;margin:0;transform:translateZ(0);backface-visibility:hidden}.mobile-filter-collapsed .custom-select{order:1;position:relative;z-index:15!important;width:auto;min-width:100px;max-width:140px;transform:translateZ(0);backface-visibility:hidden}.mobile-filter-collapsed .select-trigger{padding:.4rem 1.1rem .4rem .8rem;font-size:.8rem}.mobile-filter-collapsed .select-dropdown{position:absolute!important;top:calc(100% + .5rem)!important;left:50%!important;right:auto!important;transform:translate(-50%) translateY(-10px) scale(.95)!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 10px 40px #00000026!important;z-index:16!important;opacity:0!important;visibility:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;min-width:140px!important;white-space:nowrap!important}.mobile-filter-collapsed .custom-select.open .select-dropdown{opacity:1!important;visibility:visible!important;transform:translate(-50%) translateY(0) scale(1)!important}.notice-grid{padding:0 calc(var(--container-padding) - 1rem);gap:1.5rem}.notice-item-header{padding:1rem 1rem .75rem;border-bottom:none}.notice-type-container{margin-top:0}.notice-title{font-size:1.125rem}.notice-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.notice-item-content{padding:1rem;display:none}.notice-modal{padding:1rem}.notice-modal-content{max-width:100%;max-height:80vh;margin:.5rem}.notice-modal-images{height:300px}.notice-modal-header-content{padding:1.5rem}.notice-modal-close{top:1rem;right:1rem;width:36px;height:36px;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8))}.notice-modal-close.no-images{color:#333;background:transparent;filter:none;box-shadow:none}.modal-notice-title{font-size:1.5rem}.notice-modal-body{padding:1.5rem}.modal-image-nav{width:40px;height:40px;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8))}.modal-image-nav svg{width:20px;height:20px;stroke:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.notice-header-cover{width:45%}.notice-item.featured:before,.notice-item.pinned:before,.notice-item.featured.pinned:before{display:block;z-index:15}.notice-item-content{display:none}.notice-item{min-height:auto}.notice-item-header{border-bottom:none;padding:1rem}}@media (max-width: 480px){.page-hero{padding:2rem 0 1rem}.page-hero .container,.filter-section .container{padding-left:var(--container-padding)}.notice-section .container{padding:0 .2rem}.page-title{font-size:clamp(2rem,5vw,3rem);margin-top:.8rem;text-align:center}.mobile-filter-compact{gap:.75rem}.mobile-filter-compact .search-wrapper{min-width:0}.mobile-filter-toggle{padding:.625rem .875rem;font-size:.8125rem}.mobile-filter-toggle span{display:none}.mobile-filter-toggle svg{width:18px;height:18px}.mobile-filter-collapsed.show{padding-top:.75rem;gap:.75rem}.filter-buttons{justify-content:center;gap:.375rem}.filter-btn{padding:.3rem .5rem;font-size:.7rem}.custom-select{min-width:120px}.notice-grid{padding:0 calc(var(--container-padding) - .875rem);gap:.75rem}.notice-item-header{padding:.875rem}.notice-title{font-size:1rem}.notice-modal-images{height:250px}.notice-modal-header-content,.notice-modal-body{padding:1rem}.modal-notice-title{font-size:1.25rem}.notice-header-cover{width:40%}}.image-fullscreen-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.image-fullscreen-modal.active{opacity:1;visibility:visible}.fullscreen-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.fullscreen-image-container{position:relative;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}.fullscreen-images-wrapper{position:relative;display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;cursor:grab;will-change:transform}.fullscreen-images-wrapper:active{cursor:grabbing}.fullscreen-image-item{position:relative;flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.fullscreen-image-item:not(.active){opacity:0;pointer-events:none}.fullscreen-image-item.active{opacity:1}.fullscreen-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform .3s ease,opacity .3s ease;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}.fullscreen-close{position:fixed;top:1rem;right:1rem;width:56px;height:56px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);transition:all .3s ease;z-index:10002;opacity:0;transform:scale(.8) rotate(90deg)}.image-fullscreen-modal.active .fullscreen-close{opacity:1;transform:scale(1) rotate(0);transition:all .3s ease}.image-fullscreen-modal.active .fullscreen-close:hover{transform:scale(1.15) rotate(90deg)!important;text-shadow:0 4px 12px rgba(0,0,0,.7)}.fullscreen-nav{position:fixed;top:50%;width:48px;height:48px;background:#0006;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;color:#fff;font-size:1.5rem;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;pointer-events:auto;isolation:isolate;opacity:0;transform:translateY(-50%) scale(.8);transition:all .4s cubic-bezier(.23,1,.32,1);transition-delay:.1s}.image-fullscreen-modal.active .fullscreen-nav{opacity:1;transform:translateY(-50%) scale(1);transition:all .4s cubic-bezier(.23,1,.32,1);transition-delay:.1s}.fullscreen-nav:hover{background:#0006;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 16px #0003;color:#fff}.fullscreen-nav.prev{left:2rem}.fullscreen-nav.next{right:2rem}.fullscreen-nav svg{stroke:#fff;width:20px;height:20px;fill:none;stroke-width:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fullscreen-indicators{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10001;opacity:0;transition:opacity .4s cubic-bezier(.23,1,.32,1);transition-delay:.1s}.image-fullscreen-modal.active .fullscreen-indicators{opacity:1}.fullscreen-dot{width:8px;height:8px;border-radius:4px;background:#fff6;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.fullscreen-dot:hover{background:#fff9}.fullscreen-dot.active{width:24px;background:#ffffffe6}.fullscreen-clickable{transition:opacity .3s ease;cursor:grab}.fullscreen-clickable:hover{opacity:1}@media (max-width: 768px){.fullscreen-image-container{width:95vw;height:95vh}.fullscreen-images-wrapper{touch-action:pan-x;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fullscreen-close,.fullscreen-nav{display:none}.fullscreen-image{border-radius:4px;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.filter-section{padding:1rem 0 0;margin-bottom:1rem;position:relative;z-index:30}.notice-section{padding:1rem 0}}