*{box-sizing:border-box}body{font-family:"Noto Sans SC",system-ui,-apple-system,sans-serif;background:#0f172a;min-height:100vh;overflow-x:hidden}.bg-animated{background:linear-gradient(-45deg,#0f172a,#1e1b4b,#172554,#0c4a6e);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.bg-animated::before{content:'';position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,0.08)0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,0.06)0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,0.05)0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float{0%,100%{transform:translate(0,0)rotate(0deg)}33%{transform:translate(30px,-30px)rotate(1deg)}66%{transform:translate(-20px,20px)rotate(-1deg)}}.glass-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05)}.glass-card-light{background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.6);box-shadow:0 4px 24px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04)}.input-field{width:100%;padding:12px 16px 12px 44px;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.1);border-radius:12px;color:#e2e8f0;font-size:15px;transition:all 0.3s ease;outline:none}.input-field::placeholder{color:rgba(148,163,184,0.6)}.input-field:focus{border-color:#6366f1;background:rgba(99,102,241,0.08);box-shadow:0 0 0 3px rgba(99,102,241,0.15)}.input-field-light{width:100%;padding:11px 16px 11px 44px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;transition:all 0.3s ease;outline:none}.input-field-light::placeholder{color:#94a3b8}.input-field-light:focus{border-color:#6366f1;background:white;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.select-field{width:100%;padding:11px 16px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;transition:all 0.3s ease;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select-field:focus{border-color:#6366f1;background-color:white;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.5s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(99,102,241,0.35)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#06b6d4,#0891b2);color:white;padding:11px 20px;border-radius:10px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all 0.3s ease}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(6,182,212,0.3)}.btn-outline{background:transparent;color:#6366f1;padding:11px 20px;border-radius:10px;font-weight:600;font-size:14px;border:1.5px solid #6366f1;cursor:pointer;transition:all 0.3s ease}.btn-outline:hover{background:#6366f1;color:white;transform:translateY(-1px)}.tab-btn{padding:14px 24px;font-weight:600;font-size:15px;color:#64748b;border:none;background:none;cursor:pointer;position:relative;transition:all 0.3s ease;border-radius:10px 10px 0 0}.tab-btn::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px 3px 0 0;transition:width 0.3s ease}.tab-btn.active{color:#6366f1;background:rgba(99,102,241,0.05)}.tab-btn.active::after{width:60%}.tab-btn:hover{color:#6366f1}.file-upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:#f8fafc}.file-upload-area:hover{border-color:#6366f1;background:rgba(99,102,241,0.03)}.file-upload-area.has-file{border-color:#10b981;background:rgba(16,185,129,0.05)}.toast{position:fixed;top:24px;right:24px;z-index:9999;padding:16px 24px;border-radius:12px;font-weight:500;font-size:14px;display:flex;align-items:center;gap:10px;transform:translateX(120%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 10px 40px rgba(0,0,0,0.15);max-width:400px}.toast.show{transform:translateX(0)}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:white}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.toast-info{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cardinfo{display:flex;justify-content:center;margin:0;font-size:14px}.cardinfo .card{width:350px;height:220px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.03);border-radius:10px;overflow:hidden}.card .card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;z-index:0}.card .info{width:260px;padding:0 10px;position:absolute;z-index:10;top:0;left:0;height:100%}.card .info *{font-weight:500;font-size:13px;font-family:"Noto Sans SC","黑体","Microsoft YaHei",sans-serif;line-height:1.4;letter-spacing:0.02em}.num-text{font-family:"Times New Roman","Georgia",serif !important;font-weight:500 !important;font-size:13px !important}.card .headimg{position:absolute;right:12px;top:38px;width:90px;height:110px;z-index:10;border-radius:6px;object-fit:cover;object-position:center 20%;filter:blur(0.12px)}.cardinfo .ygqimg{width:115px;position:absolute;right:95px;top:calc(40% - 10px);z-index:11;opacity:0.45;filter:blur(0.35px);mix-blend-mode:multiply;transform:rotate(-2deg)}#qrcode{width:55px;height:55px;z-index:10;border-radius:5px;background-color:rgba(250,250,250,0.08);display:flex;align-items:center;justify-content:center}#qrcode canvas,#qrcode img{width:100% !important;height:100% !important;border-radius:4px;opacity:0.96}.qr-container{display:flex;align-items:center;position:absolute;gap:4px;right:12px;top:156px;width:fit-content;z-index:10}.vertical-text{writing-mode:vertical-rl;text-orientation:upright;font-size:10px;z-index:10;font-family:"Noto Sans SC","黑体",SimHei,sans-serif;font-weight:500;letter-spacing:1px;opacity:0.8}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(145deg,rgba(255,253,248,0.08)0%,transparent 40%,rgba(0,0,0,0.015)100%);pointer-events:none;z-index:12;border-radius:10px}img.card-bg,img.ygqimg,img.headimg{-webkit-backface-visibility:hidden;backface-visibility:hidden}.preview-container{background:linear-gradient(145deg,#e2e8f0,#cbd5e1);border-radius:16px;padding:32px;display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden}.preview-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2394a3b8' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.5;pointer-events:none}.form-label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px;letter-spacing:0.02em}.form-label .required{color:#ef4444;margin-left:2px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp 0.5s ease-out}.animate-fade-in-delay{animation:fadeInUp 0.5s ease-out 0.1s both}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(99,102,241,0.2)}50%{box-shadow:0 0 40px rgba(99,102,241,0.4)}}.card-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50;overflow:hidden}.card-watermark span{font-size:42px;font-weight:900;color:rgba(180,180,180,0.35);transform:rotate(-25deg);letter-spacing:12px;white-space:nowrap;user-select:none}.preview-blur-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.6);border-radius:16px;z-index:55;transition:opacity 0.3s ease}.preview-blur-overlay i{font-size:32px;color:#6366f1;margin-bottom:12px}.preview-blur-overlay p{color:#475569;font-size:14px;font-weight:500}.preview-blur-overlay .blur-btn{margin-top:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer}@media(max-width:768px){.tab-btn{padding:12px 16px;font-size:14px}.glass-card{margin:0 -4px}}