.toast[data-v-7cfa96b5]{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:400px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-visible[data-v-7cfa96b5]{transform:translate(0);opacity:1}.toast-content[data-v-7cfa96b5]{display:flex;align-items:flex-start;padding:16px;gap:12px}.toast-icon[data-v-7cfa96b5]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:#fff}.toast-success .toast-icon[data-v-7cfa96b5]{background:#10B981}.toast-error .toast-icon[data-v-7cfa96b5]{background:#EF4444}.toast-warning .toast-icon[data-v-7cfa96b5]{background:#F59E0B}.toast-info .toast-icon[data-v-7cfa96b5]{background:#3B82F6}.toast-message[data-v-7cfa96b5]{flex:1;min-width:0}.toast-title[data-v-7cfa96b5]{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:2px}.toast-text[data-v-7cfa96b5]{font-size:13px;color:#6b7280;line-height:1.4}.toast-close[data-v-7cfa96b5]{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .2s ease}.toast-close[data-v-7cfa96b5]:hover{background:rgba(0,0,0,.05);color:#6b7280}.toast-close i[data-v-7cfa96b5]{font-size:12px}@media (max-width: 768px){.toast[data-v-7cfa96b5]{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content[data-v-7cfa96b5]{padding:12px;gap:10px}.toast-title[data-v-7cfa96b5]{font-size:13px}.toast-text[data-v-7cfa96b5]{font-size:12px}}@keyframes slideInRight-7cfa96b5{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-7cfa96b5{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-visible[data-v-7cfa96b5]{animation:slideInRight-7cfa96b5 .3s cubic-bezier(.4,0,.2,1)}.toast[data-v-7cfa96b5]:not(.toast-visible){animation:slideOutRight-7cfa96b5 .3s cubic-bezier(.4,0,.2,1)}.toast-container[data-v-dc90d77e]{position:fixed;top:0;right:0;z-index:10000;pointer-events:none}.toast-container[data-v-dc90d77e]>*{pointer-events:auto;margin-bottom:8px}#app[data-v-b4ac53c6]{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;font-family:Microsoft YaHei,Arial,sans-serif;overflow-x:hidden;overflow-y:auto}#app{min-height:100vh;overflow-y:auto}.icon-check:before{content:"✓"}.icon-error:before{content:"✕"}.icon-warning:before{content:"⚠"}.icon-info:before{content:"ℹ"}.icon-close:before{content:"×";font-size:16px;font-weight:700}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.text-center{text-align:center}.text-white{color:#fff}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(45deg,#4CAF50,#45a049);color:#fff}.btn-primary:hover{background:linear-gradient(45deg,#45a049,#4CAF50);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-secondary{background:linear-gradient(45deg,#2196F3,#1976D2);color:#fff}.btn-secondary:hover{background:linear-gradient(45deg,#1976D2,#2196F3);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.card{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;padding:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{transform:translateY(30px);opacity:0}.slide-up-leave-to{transform:translateY(-30px);opacity:0}@media (max-width: 768px){.btn{padding:8px 16px;font-size:14px}.card{padding:15px}.flex-between{flex-direction:column;gap:10px}.flex{flex-wrap:wrap}}@media (max-width: 480px){.btn{padding:6px 12px;font-size:12px}.card{padding:10px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}
