@charset "UTF-8";.container{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 25px 50px rgba(0,0,0,0.15);text-align:center;max-width:600px;width:90%}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{padding:0.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:400;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#52c41a 0%,#3fad00 100%);color:white}.btn-warning{background:linear-gradient(135deg,#faad14 0%,#d99400 100%);color:white}.btn-error{background:linear-gradient(135deg,#ff4d4f 0%,#e60000 100%);color:white}.btn-info{background:linear-gradient(135deg,#1890ff 0%,#0066cc 100%);color:white}.control-panel{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:1rem}.control-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.control-item:last-child{margin-bottom:0}label{font-weight:400;color:#333;margin-right:1rem}input,select{padding:0.5rem;border:1px solid #d9d9d9;border-radius:6px;font-size:1rem;background:white}.message-container{position:fixed;z-index:10000;pointer-events:none}.message-item{position:relative;margin:0.5rem;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:flex;align-items:center;min-width:300px;max-width:400px;pointer-events:auto;animation-duration:0.3s;animation-timing-function:cubic-bezier(0.23,1,0.32,1);backdrop-filter:blur(10px);background:rgba(255,255,255,0.95);border:1px solid rgba(255,255,255,0.3)}.message-item.success{border-left:4px solid #52c41a}.message-item.warning{border-left:4px solid #faad14}.message-item.error{border-left:4px solid #ff4d4f}.message-item.info{border-left:4px solid #1890ff}.message-icon{font-size:1.2rem;margin-right:0.75rem;font-weight:bold}.message-icon.success{color:#52c41a}.message-icon.warning{color:#faad14}.message-icon.error{color:#ff4d4f}.message-icon.info{color:#1890ff}.message-content{flex:1;font-size:0.95rem;color:#333;line-height:1.4}.message-close{margin-left:1rem;cursor:pointer;color:#999;font-size:1.2rem;transition:color 0.2s}.message-close:hover{color:#333}.message-enter{animation-name:messageEnter}.message-leave{animation-name:messageLeave}@keyframes messageEnter{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes messageLeave{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.message-container.topRight{top:24px;right:24px}.message-container.topLeft{top:24px;left:24px}.message-container.bottomRight{bottom:24px;right:24px}.message-container.bottomLeft{bottom:24px;left:24px}@media (max-width:768px){.container{padding:1.5rem;width:95%}.button-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:250px}.control-item{flex-direction:column;align-items:flex-start;gap:0.5rem}.message-item{min-width:250px;max-width:300px}}