*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#e4e7f1 100%);min-height:100vh;color:#111827;line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:120px}
.container{max-width:600px;margin:0 auto;padding:48px 20px 20px}
.header{text-align:center;margin-bottom:32px}
.logo-wrapper{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}
.logo{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 12px rgba(0,174,236,.3);background:#fff;border:1px solid #e2e8f0;object-fit:contain}
.brand-name{font-size:28px;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,#00aeec 0%,#fb7299 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,174,236,.3)) drop-shadow(0 4px 8px rgba(251,114,153,.2))}
.main-title{font-size:26px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;background:linear-gradient(135deg,#2c3e50 0%,#4a6491 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sub-title{font-size:16px;letter-spacing:1.5px;color:#4a5568;font-weight:500;max-width:80%;margin:0 auto}
.notice-section{border-radius:16px;padding:24px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);margin-bottom:32px;border:1px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.03)}
.notice-title{font-size:18px;display:flex;align-items:center;margin-bottom:10px;color:#2d3748;font-weight:700}
.notice-title:before{content:"";background:linear-gradient(135deg,#00aeec 0%,#2a9df4 100%);width:5px;height:20px;border-radius:10px;display:block;margin-right:10px}
.notice-item{font-size:14px;color:#4a5568;margin-bottom:6px;padding-left:15px;position:relative;line-height:1.4}
.notice-item:last-child{margin-bottom:0}.notice-item:before{content:"•";position:absolute;left:0;color:#00aeec;font-weight:700}.notice-item span{color:#ff9d00;font-weight:600}
.platform-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.platform-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:.3s ease;box-shadow:0 4px 6px rgba(0,0,0,.05)}
.platform-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1);border-color:#cbd5e0}
.platform-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:1px solid #e2e8f0}.platform-icon img{width:32px;height:32px}
.platform-info{flex:1;min-width:0}.platform-name{font-size:18px;font-weight:700;margin-bottom:4px;color:#2d3748}.platform-desc{font-size:14px;color:#718096}
.platform-action{padding:10px 24px;background:#f7fafc;color:#00aeec;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.3s ease;border:1px solid #e2e8f0}.platform-action:hover{background:#edf2f7;color:#0093d1;transform:translateY(-2px)}
.footer{background:#fff;border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid #e2e8f0}.footer p{font-size:13px;color:#718096;text-align:center}
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:rgba(0,0,0,.85);color:#fff;padding:20px 30px;border-radius:16px;font-size:16px;font-weight:500;z-index:2000;opacity:0;visibility:hidden;transition:.4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(10px);max-width:500px;text-align:center;line-height:1.6}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.toast-icon{display:inline-block;margin-right:12px;font-size:22px;color:#fc0}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.header,.notice-section,.platform-list,.footer{animation:fadeIn .6s ease-out both}.header{animation-delay:.1s}.notice-section{animation-delay:.2s}.platform-list{animation-delay:.3s}.footer{animation-delay:.4s}
@media(max-width:640px){.container{padding:32px 16px 20px}.main-title{font-size:24px}.sub-title{font-size:14px;max-width:100%}.platform-item{padding:18px;overflow:hidden}.platform-icon{width:48px;height:48px}.platform-name{font-size:16px}.platform-desc{font-size:13px}.platform-action{padding:8px 16px;font-size:14px}.notice-section{padding:20px}.notice-item{font-size:13px}.notice-title{font-size:16px}.footer{padding:16px}.brand-name{font-size:26px;letter-spacing:1.5px}.platform-name,.platform-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:390px){.platform-item{gap:10px;padding:14px}.platform-action{padding:8px 10px}.platform-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}