.change-notice-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}
.change-notice-wrapper .change-notice-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45)}
.change-notice-wrapper .change-notice-drawer{position:absolute;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;max-width:414px;max-height:85vh;margin:0 auto;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;min-height:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;animation:change-notice-slide-up .3s ease}
.change-notice-wrapper .change-notice-handle{width:36px;height:4px;background:#ddd;border-radius:2px;margin:10px auto 0;flex-shrink:0}
.change-notice-wrapper .change-notice-header{padding:16px 16px 0;text-align:center;flex-shrink:0}
.change-notice-wrapper .change-notice-header .change-notice-icon{width:44px;height:44px;margin:0 auto 10px;background:#ebf3ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#337bfc;font-weight:600}
.change-notice-wrapper .change-notice-header h2{font-size:17px;font-weight:600;margin:0 0 8px;color:#1a1a1a}
.change-notice-wrapper .change-notice-header p{font-size:13px;color:#666;line-height:1.5;text-align:left;margin:0}
.change-notice-wrapper .change-notice-meta{margin:14px 16px 0;padding:10px 12px;background:#ebf3ff;border-radius:8px;font-size:14px;line-height:1.5;flex-shrink:0}
.change-notice-wrapper .change-notice-meta .change-notice-meta-label{color:#666}
.change-notice-wrapper .change-notice-meta .change-notice-meta-value{color:#337bfc;font-weight:600}
.change-notice-wrapper .change-notice-body{flex:1 1 auto;min-height:0;padding:14px 16px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.change-notice-wrapper .change-notice-section-title{font-size:14px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:6px;color:#1a1a1a}
.change-notice-wrapper .change-notice-section-title::before{content:"";width:3px;height:14px;background:#337bfc;border-radius:2px}
.change-notice-wrapper .change-card{border:1px solid #e8e8e8;border-radius:8px;margin-bottom:10px;overflow:hidden}
.change-notice-wrapper .change-card:last-of-type{margin-bottom:0}
.change-notice-wrapper .change-card .change-card__head{padding:10px 12px;background:#fafafa;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;color:#1a1a1a}
.change-notice-wrapper .change-card .change-card__head .badge{font-size:11px;padding:2px 6px;background:#fff1f0;color:#cf1322;border-radius:2px;font-weight:400;flex-shrink:0;margin-left:8px}
.change-notice-wrapper .change-card .change-card__compare{padding:10px 12px;font-size:13px;line-height:1.6}
.change-notice-wrapper .change-card .compare-row{display:flex;gap:8px;margin-bottom:8px}
.change-notice-wrapper .change-card .compare-row:last-child{margin-bottom:0}
.change-notice-wrapper .change-card .compare-label{flex-shrink:0;width:40px;font-size:11px;padding:2px 0;text-align:center;border-radius:2px}
.change-notice-wrapper .change-card .compare-label--before{background:#f0f0f0;color:#999}
.change-notice-wrapper .change-card .compare-label--after{background:#ebf3ff;color:#337bfc}
.change-notice-wrapper .change-card .compare-text{flex:1;color:#1a1a1a;word-break:break-all}
.change-notice-wrapper .change-card .compare-text.muted{color:#999}
.change-notice-wrapper .change-notice-desc{margin:12px 0 0;padding:10px 12px;background:#fafafa;border-radius:8px;font-size:12px;color:#666;line-height:1.6}
.change-notice-wrapper .change-notice-footer{padding:12px 16px;border-top:1px solid #e8e8e8;flex-shrink:0}
.change-notice-wrapper .change-notice-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#666;margin-bottom:12px;line-height:1.5}
.change-notice-wrapper .change-notice-checkbox input{margin-top:3px;accent-color:#337bfc}
.change-notice-wrapper .change-notice-actions{display:flex;gap:10px}
.change-notice-wrapper .change-notice-btn{box-sizing:border-box;height:44px;border-radius:8px;font-size:15px;font-weight:500;text-align:center;line-height:44px;text-decoration:none}
.change-notice-wrapper .change-notice-btn.secondary{flex:0 0 96px;background:#fff;border:1px solid #e8e8e8;color:#666}
.change-notice-wrapper .change-notice-btn.primary{flex:1;min-width:0;background:#337bfc;color:#fff;font-size:14px}
.change-notice-wrapper .change-notice-btn.primary.disabled{background:#ccc;pointer-events:none}
@keyframes change-notice-slide-up{from{transform:translateY(100%)}
to{transform:translateY(0)}
}