:root{--primary-color:#06c755;--secondary-color:#333;--bg-color:#f8f9fa;--card-bg:#fff;--text-color:#333;--text-muted:#666;--border-color:#e9ecef;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--shadow:0 4px 6px rgba(0,0,0,.1);--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{color:var(--text-color);font-family:PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.6;overflow-x:hidden}.container,body{background-color:var(--bg-color)}.container{margin:0 auto;max-width:600px;min-height:100vh;padding:20px;position:relative}.btn{border:none;border-radius:var(--border-radius);cursor:pointer;display:block;font-family:inherit;font-size:16px;font-weight:700;margin-bottom:10px;padding:12px;text-align:center;transition:all .2s;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:#e9ecef;color:var(--text-color)}.btn-secondary:hover{background-color:#dee2e6}.btn-small{display:inline-block;font-size:14px;margin-bottom:0;padding:6px 12px;width:auto}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:16px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #06c7551a;outline:none}.form-group p{color:var(--text-muted);font-size:12px;margin-top:4px}.message{border-radius:var(--border-radius);font-size:14px;margin-bottom:20px;padding:15px}.message-info{background-color:#e7f3ff;color:#004085}.message-success{background-color:#d4edda;color:#155724}.message-warning{background-color:#fff3cd;color:#856404}.message-error{background-color:#f8d7da;color:#721c24}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mb-20{margin-bottom:20px}.divider{border:none;border-top:1px solid var(--border-color);margin:20px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.checkbox-group{align-items:flex-start;display:flex;gap:8px;margin-bottom:20px}.checkbox-group input[type=checkbox]{cursor:pointer;margin-top:3px;width:auto}.checkbox-group label{cursor:pointer;flex:1;font-size:14px;font-weight:400;margin:0}.checkbox-group a{color:var(--primary-color);text-decoration:none}.checkbox-group a:hover{text-decoration:underline}