.typhoon-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background-color:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:slideIn 1.1s ease-out}.typhoon-content{display:flex;padding:15px;align-items:flex-start;position:relative}.typhoon-icon{font-size:30px;margin-right:15px;background-color:#dbdbdb;color:white;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.typhoon-text{flex:1;padding-right:30px}.typhoon-text h4{margin:0 0 5px;color:#000;font-size:18px}.typhoon-text p{margin:0 0 5px;color:#666;font-size:14px}.typhoon-text details{margin-top:10px}.typhoon-text summary{color:#007aff;cursor:pointer;font-size:14px}.typhoon-text details p{margin-top:10px;font-size:13px;line-height:1.4;color:#333}.typhoon-close{position:absolute;top:5px;right:5px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:5px;line-height:1}.typhoon-close:hover{color:#666}@keyframes slideIn{0%{transform:translateX(-50%) translateY(-125%)}to{transform:translateX(-50%) translateY(0)}}