:root{--primary:#b31b1b;--primary-light:#d43b3b;--primary-dark:#8a1414;--gold:#d4a017;--gold-light:#f0d080;--gold-glow:#ffd700;--bg-light:rgba(255, 248, 240, 0.92);--text-dark:#2c1810;--text-light:#fef6f0;--shadow:0 12px 40px rgba(120, 30, 0, 0.25);--radius:20px;--font-base:20px;--max-width:820px;--transition:0.35s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-base)}body{font-family:'PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 16px 24px;background:#7a1a1a;background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-dark);line-height:1.6}body{background-image:url(bg-pc.jpg)}@media (max-width:768px){body{background-image:url(bg-mobile.jpg);padding:16px 10px 16px}}body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 30%,#b33a3a,#5c1212);opacity:.7}.title-area{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap;max-width:var(--max-width);width:100%}.title-area img{max-width:100%;height:auto;display:block}@media (max-width:768px){.title-area{flex-direction:column;gap:4px}.title-area img{width:100%;max-width:100%}}.container{width:100%;max-width:var(--max-width);background:var(--bg-light);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:var(--radius);padding:36px 32px 40px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,215,0,.3);border:1px solid rgba(212,160,23,.25);position:relative;transition:all var(--transition)}h2{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:18px;display:flex;align-items:center;gap:10px}h2 .badge{background:var(--gold);color:#fff;font-size:.7rem;padding:2px 14px;border-radius:30px;font-weight:500;letter-spacing:.5px}.step{display:none;animation:fadeUp .45s ease}.step.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:22px}.form-group label{display:block;font-weight:600;font-size:1.05rem;color:var(--primary-dark);margin-bottom:6px}.form-control{width:100%;padding:14px 18px;font-size:1.1rem;border:2px solid #e8d5c8;border-radius:14px;background:#fffcf8;transition:all var(--transition);outline:0;color:var(--text-dark)}.form-control:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,160,23,.15);background:#fffefa}.form-control::placeholder{color:#bba89a;font-weight:300}.form-control.error{border-color:#c0392b;background:#fff0ed}.captcha-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.captcha-row .form-control{flex:2;min-width:140px}.captcha-box{flex:0 0 auto;display:flex;align-items:center;gap:12px;background:#f5ede8;padding:6px 16px 6px 20px;border-radius:14px;border:2px solid #e0cfc4;font-size:1.6rem;font-weight:700;letter-spacing:6px;color:var(--primary-dark);font-family:'Courier New',monospace;user-select:none;cursor:pointer;height:58px}.captcha-box .refresh{font-size:1.3rem;color:var(--gold);cursor:pointer;transition:transform .3s;line-height:1}.captcha-box .refresh:hover{transform:rotate(60deg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;font-size:1.2rem;font-weight:700;border:none;border-radius:40px;cursor:pointer;transition:all var(--transition);color:#fff;background:var(--primary);box-shadow:0 6px 20px rgba(179,27,27,.35);min-width:160px;letter-spacing:1px}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(179,27,27,.4);background:var(--primary-light)}.btn:active{transform:translateY(0)}.btn-gold{background:var(--gold);box-shadow:0 6px 20px rgba(212,160,23,.4)}.btn-gold:hover{background:#c49010;box-shadow:0 10px 28px rgba(212,160,23,.45)}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.msg-box{padding:14px 20px;border-radius:14px;margin-top:16px;font-size:1rem;font-weight:500;display:none;align-items:center;gap:10px}.msg-box.error{display:flex;background:#fee9e7;color:#b31b1b;border-left:6px solid #b31b1b}.msg-box.success{display:flex;background:#e6f4ea;color:#1a7a3a;border-left:6px solid #1a7a3a}.info-preview{background:#fcf3ea;border:2px solid rgba(212,160,23,.25);border-radius:16px;padding:18px 22px;margin-bottom:22px;display:flex;flex-direction:column;gap:6px}.info-preview .row{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;padding:2px 0;border-bottom:1px dashed rgba(212,160,23,.15)}.info-preview .row:last-child{border-bottom:none}.info-preview .label{font-weight:500;color:#7a4a2a}.info-preview .value{font-weight:600;color:var(--primary-dark);font-size:1.15rem}.info-preview .value.phone-masked-value{color:var(--gold);font-size:1.2rem;letter-spacing:1px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;background:#fcf8f4;padding:18px 22px;border-radius:16px;border:1px solid rgba(212,160,23,.15)}.detail-item{display:flex;flex-direction:column;padding:4px 0}.detail-item .label{font-size:.85rem;color:#8a6a5a;font-weight:500;letter-spacing:.3px}.detail-item .value{font-size:1.15rem;font-weight:600;color:var(--text-dark);word-break:break-all}.detail-item .value a{color:var(--primary);text-decoration:underline;font-weight:600}.detail-item .value a:hover{color:var(--gold)}.detail-section{margin-bottom:32px;background:#fdfaf7;border-radius:18px;padding:20px 24px 24px;border:1px solid rgba(212,160,23,.12);box-shadow:0 4px 16px rgba(120,30,0,.05);transition:all var(--transition)}.detail-section:last-child{margin-bottom:0}.detail-section.section-gold{border-left:6px solid var(--gold)}.detail-section.section-red{border-left:6px solid var(--primary)}.detail-section.section-warm{border-left:6px solid #d48c5a}.html-content{background:#fff9f0;padding:18px 22px;border-radius:14px;border:2px solid #e8c8a8;box-shadow:inset 0 2px 8px rgba(180,120,60,.08);font-size:1rem;line-height:1.7;margin-top:4px}.html-content p{margin:6px 0}.html-content .credential{display:inline-block;background:#f5ede8;padding:4px 16px;border-radius:8px;border:1px solid #dcc8b8;font-family:monospace;font-size:1.05rem;margin:4px 4px 4px 0;font-weight:600;color:var(--primary-dark)}.html-content .notice{background:#fef6e0;padding:16px 22px;border-radius:14px;border-top:1px solid var(--gold);border-right:1px solid rgba(212,160,23,.2);border-bottom:1px solid rgba(212,160,23,.2);border-left:1px solid rgba(212,160,23,.2);margin:12px 0 6px 0;box-shadow:0 4px 12px rgba(212,160,23,.12);position:relative;overflow:auto}.html-content .notice::before{content:'馃搶';font-size:1.2rem;float:left;margin-right:8px;line-height:1.6}.html-content .notice p{display:block;margin:4px 0}@media (max-width:768px){:root{--font-base:17px}.container{padding:24px 16px 28px}.detail-grid{grid-template-columns:1fr;gap:6px 0;padding:14px 16px}.detail-item .value{font-size:1.05rem}.captcha-box{font-size:1.3rem;height:50px;padding:4px 12px 4px 16px}.btn{padding:12px 28px;font-size:1.05rem;min-width:120px}.detail-section{padding:16px 14px 18px}h2{font-size:1.25rem}.info-preview .row{font-size:1rem;flex-wrap:wrap;gap:2px}.info-preview .value{font-size:1.05rem}.html-content .notice{padding:14px 18px}.form-control::placeholder{font-size:.85rem}}@media (max-width:480px){:root{--font-base:15px}.container{padding:18px 10px 22px;border-radius:14px}.captcha-row{flex-direction:column;align-items:stretch}.captcha-box{justify-content:center;height:46px;font-size:1.2rem}.btn{padding:12px 20px;font-size:1rem;min-width:100px}.info-preview{padding:14px 16px}.info-preview .row{font-size:.95rem}.html-content .notice{padding:12px 14px;font-size:.95rem}.form-control::placeholder{font-size:.8rem}}.text-center{text-align:center}.mt-16{margin-top:16px}.footer-visit{text-align:center;margin-top:16px;padding:8px 16px;font-size:.8rem;color:rgba(255,248,240,.5);max-width:var(--max-width);width:100%;font-weight:300;letter-spacing:.3px}.footer-visit strong{color:rgba(255,248,240,.65);font-weight:400;font-size:.85rem;margin:0 2px}@media (max-width:768px){.footer-visit{font-size:.7rem;padding:6px 12px;margin-top:12px}.footer-visit strong{font-size:.75rem}}@media (max-width:480px){.footer-visit{font-size:.65rem;padding:5px 10px;margin-top:10px}.footer-visit strong{font-size:.7rem}}