.notice-container[data-v-d9dba244]{width:100%;max-width:900px;margin:30px auto;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.notice-card[data-v-d9dba244]{background:var(--bg-primary);border-radius:var(--radius-medium);-webkit-box-shadow:var(--shadow-light);box-shadow:var(--shadow-light);border:none;-webkit-transition:-webkit-box-shadow var(--transition-normal);transition:-webkit-box-shadow var(--transition-normal);transition:box-shadow var(--transition-normal);transition:box-shadow var(--transition-normal),-webkit-box-shadow var(--transition-normal);&[data-v-d9dba244]:hover{-webkit-box-shadow:var(--shadow-medium);box-shadow:var(--shadow-medium)}}.notice-header[data-v-d9dba244]{text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:15px}.notice-title[data-v-d9dba244]{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;position:relative;display:inline-block;&[data-v-d9dba244]:after{content:"";position:absolute;bottom:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;height:3px;background-color:var(--primary-color)}}.notice-list[data-v-d9dba244]{padding:20px 0}.notice-item[data-v-d9dba244]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;margin-bottom:10px;background-color:var(--bg-secondary);border-radius:var(--radius-small);-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden;&[data-v-d9dba244]:hover{background-color:var(--hover-color);-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:var(--shadow-light);box-shadow:var(--shadow-light);&[data-v-d9dba244]:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color)}}}.notice-title-text[data-v-d9dba244]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:15px}.notice-date[data-v-d9dba244]{font-size:14px;color:var(--text-secondary);font-weight:400;white-space:nowrap}.no-notice[data-v-d9dba244]{text-align:center;padding:40px;color:var(--text-disabled);font-size:16px}@media (max-width:768px){.notice-container[data-v-d9dba244]{padding:0 15px;margin:20px auto}.notice-title[data-v-d9dba244]{font-size:20px}.notice-item[data-v-d9dba244]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;padding:12px 15px}.notice-date[data-v-d9dba244]{font-size:13px;-ms-flex-item-align:end;align-self:flex-end}}