*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100%;padding:15px;-webkit-overflow-scrolling:touch}.container{background:white;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.2);padding:20px;width:100%;max-width:500px;margin:0 auto}h1{color:#333;font-size:16px;font-weight:600;position:relative}.btn{width:100%;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;margin-bottom:10px;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.btn-primary:active{transform:scale(0.98);opacity:0.9}.btn-secondary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.btn-secondary:active{transform:scale(0.98);opacity:0.9}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.75);color:white;padding:12px 24px;border-radius:8px;font-size:14px;z-index:10002;display:none}.footer-info{text-align:center;padding:15px;margin-top:10px}.copyright{margin-bottom:8px;font-size:12px;color:#333}.copyright a{color:#333;text-decoration:none;font-weight:500}.copyright a:hover{color:#000;text-decoration:underline}.spinner{display:inline-block;width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:375px){body{padding:10px}.container{padding:15px}h1{font-size:18px}}