.notice-card{background:var(--surface-selected-soft);min-width:0;color:var(--text-on-content);border-radius:8px;flex-direction:column;gap:12px;padding:20px;transition:background-color .15s,color .15s,box-shadow .15s;display:flex;overflow:hidden}.notice-card:hover,.notice-card:focus-visible{background:var(--notice-card-hover-bg,var(--color-primary));color:var(--color-base-000);outline:none}@media (min-width:768px){.notice-card{flex-direction:row;gap:20px;padding:28px 32px}.notice-card:hover,.notice-card:focus-visible{box-shadow:var(--notice-card-hover-shadow,0 12px 28px #0064ff2e)}}.notice-card__icon{background:var(--notice-icon-bg,var(--surface-control));width:32px;height:32px;color:var(--notice-icon-color,var(--text-on-content));border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.notice-card__icon.is-urgent{color:var(--notice-icon-urgent-color,#d90e0e)}.notice-card__icon svg{width:16px;height:16px}.notice-card__body{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.notice-card__body strong{font-size:20px;font-weight:700;line-height:32px}.notice-card__body>span:not(.notice-card__meta){color:var(--text-on-content-secondary);overflow-wrap:anywhere;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:24px;display:-webkit-box;overflow:hidden}@media (min-width:768px){.notice-card__body>span:not(.notice-card__meta){-webkit-line-clamp:unset;font-size:16px}}.notice-card:hover .notice-card__body>span,.notice-card:focus-visible .notice-card__body>span{color:#ffffffb8}.notice-card__meta{color:var(--text-on-content-secondary);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.notice-card__meta svg{width:16px;height:16px}.notice-card__meta i{background:var(--line-muted);width:1px;height:12px}.notice-detail{border-top:2px solid var(--text-on-content);flex-direction:column;max-width:960px;margin-inline:auto;display:flex}.notice-detail__head{border-bottom:1px solid var(--line-muted);padding:24px 0}.notice-detail__head h2{color:var(--text-on-content);font-size:24px;font-weight:700;line-height:36px}.notice-detail__head p{color:var(--text-on-content-secondary);align-items:center;gap:8px;margin-top:12px;font-size:14px;line-height:20px;display:flex}.notice-detail__head svg{width:16px;height:16px}.notice-detail__head span{background:var(--line-muted);width:1px;height:12px}.notice-detail__content{border-bottom:1px solid var(--line-muted);min-height:280px;color:var(--text-on-content-secondary);flex-direction:column;gap:16px;padding:40px 0;font-size:16px;line-height:28px;display:flex}.list-button{background:var(--color-primary);width:160px;height:52px;color:var(--color-base-000);border-radius:4px;justify-content:center;align-items:center;margin:40px auto 0;font-size:16px;font-weight:700;transition:transform .15s,background-color .15s;display:inline-flex}.list-button:hover,.list-button:focus-visible{background:var(--color-primary-hover);outline:none;transform:translateY(-2px)}