*{margin:0;padding:0;box-sizing:border-box}
        html,body{min-height:100%}
        
        /* 网站全屏背景图 */
        body{
            background:#f7f8fa url(https://xcimg-new-1251632793.cos.ap-guangzhou.myqcloud.com/img/6538f827/20251107/o_1j9eq69tv18st1lpguliso0drt2.jpeg) no-repeat center center fixed;
            background-size:cover;
            font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,noto sans-serif;
            color:#333;
            padding-bottom:40px;
        }

        /* 呼吸动画 */
        @keyframes heartbeat {
            0% { transform: scale(1); opacity: 0.8; }
            50% { transform: scale(1.1); opacity: 1; }
            100% { transform: scale(1); opacity: 0.8; }
        }
        .animate-heartbeat {
            animation: heartbeat 2s ease-in-out infinite;
        }
        
        .container{
            max-width:1200px;
            margin:0 auto;
            padding:0 16px;
        }
        .card{
            border-radius:20px;
            border:none;
            box-shadow:0 8px 30px rgba(0,0,0,0.06);
            background:#fff;
            overflow:hidden;
            max-width: 480px !important;
            width: 100% !important;
            margin: 0 auto;
        }
        /* 蓝色渐变头部 */
        .card-header{
            height: 128px;
            background: linear-gradient(90deg, #4361ee, #2563eb, #0ea5e9);
            position: relative;
            overflow: hidden;
            padding: 0;
            border-bottom: none;
        }
        .card-header .icon-box {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .card-header .icon-box i {
            font-size: 64px;
            color: #fff;
        }
        .card-header .circle1 {
            position: absolute;
            bottom: -24px;
            left: -24px;
            width: 96px;
            height: 96px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
        }
        .card-header .circle2 {
            position: absolute;
            top: 24px;
            right: -24px;
            width: 64px;
            height: 64px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
        }
        .card-header h5{
            font-weight:600;
            letter-spacing:.5px;
            position: relative;
            z-index: 10;
        }
        .card-body{
            padding:28px 24px;
        }
        .form-label{
            font-weight:500;
            color:#222;
            margin-bottom:8px;
            font-size:14px;
        }
        .form-control{
            border-radius:12px;
            height:50px;
            padding:0 16px;
            font-size:15px;
            border:1px solid #e5e7eb;
            transition:all .3s;
        }
        .form-control:focus{
            border-color:#3b82f6;
            box-shadow:0 0 0 4px rgba(59,130,246,0.15);
        }
        .input-group{
            position:relative;
        }
        .qrcode-btn {
            position:absolute;
            right:12px;
            top:50%;
            transform:translateY(-50%);
            background:#3b82f6;
            color:#fff;
            border:none;
            border-radius:8px;
            padding:4px 8px;
            font-size:12px;
            cursor:pointer;
            z-index:9;
        }
        .qrcode-btn:hover {
            background:#2563eb;
        }
        #qrcodeInput{
            padding-right: 100px;
        }
        .btn-primary{
            height:52px;
            border-radius:12px;
            font-weight:500;
            font-size:16px;
            background:linear-gradient(90deg,#3b82f6,#2563eb);
            border:none;
            transition:all .3s;
        }
        .btn-primary:hover{
            transform:translateY(-1px);
            box-shadow:0 6px 16px rgba(59,130,246,0.25);
        }
        .btn-primary:disabled{
            opacity:.7;
            transform:none;
            box-shadow:none;
        }
        .alert{
            border-radius:12px;
            font-size:14px;
            padding:14px 16px;
            border:none;
            background:#eff6ff;
            color:#1e40af;
        }
        .form-text{
            font-size:12px;
            color:#6b7280;
            margin-top:6px;
        }
        .mb-3{
            margin-bottom:18px;
        }
        .goods-section {
            margin-top: 25px;
        }
        .goods-title {
            font-size:16px;
            font-weight:bold;
            margin-bottom:10px;
            color:#222;
        }
        .goods-info {
            background:#f8f9fa;
            border-radius:12px;
            padding:15px;
            font-size:14px;
            line-height:1.8;
        }
        .goods-info img {
            max-width:100%;
            border-radius:8px;
            margin-top:10px;
        }
        .goods-info strong {
            color:#dc3545;
        }
        .copyright {
            text-align:center;
            margin-top:30px;
            font-size:13px;
            color:#999;
        }