:root{--hero-1: #a3121b;--hero-2: #e8502f;--accent-1: #f2a93b;--accent-2: #f8d777;--btn-text: #ffffff;--page-bg: #fdf3e3;--text-color: #5a4632;--title-color: #ffffff;--subtitle-color: #ffe9b0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text-color)}#root{min-height:100vh}.lp-shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:var(--page-bg);background-repeat:no-repeat;overflow:hidden}.lp-hero{position:relative;padding:46px 18px 30px;text-align:center;background:linear-gradient(160deg,var(--hero-1) 0%,var(--hero-2) 100%);background-size:cover;background-position:center;background-repeat:no-repeat}.lp-hero-img:after{display:none}.lp-hero-img .lp-hero-title,.lp-hero-img .lp-hero-subtitle{text-shadow:none}.lp-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:46px;background:linear-gradient(180deg,#0000,#00000014);pointer-events:none}.lp-hero-title{font-size:46px;font-weight:900;letter-spacing:4px;line-height:1.1;color:var(--title-color);text-shadow:0 2px 0 rgba(0,0,0,.18),0 0 14px rgba(255,255,255,.35)}.lp-hero-subtitle{margin-top:10px;font-size:30px;font-weight:800;letter-spacing:6px;color:var(--subtitle-color);text-shadow:0 2px 6px rgba(0,0,0,.25)}.lp-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:26px 16px 10px}.lp-button{display:flex;align-items:center;justify-content:center;min-height:58px;padding:10px 8px;border:2px solid rgba(255,255,255,.85);border-radius:14px;background:linear-gradient(180deg,var(--accent-2) 0%,var(--accent-1) 100%);box-shadow:0 3px #a06e1459,inset 0 1px #fff9;color:var(--btn-text);font-size:20px;font-weight:800;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease}.lp-button:active{transform:translateY(2px) scale(.98);box-shadow:0 1px #a06e1459}.lp-footer-text{margin-top:auto;padding:18px 18px 26px;text-align:center;font-size:15px;font-weight:700;line-height:1.7;color:var(--text-color);white-space:pre-wrap}.lp-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 18px}.lp-ring-wrap{position:relative;width:240px;height:240px;margin-bottom:34px}.lp-ring-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:92px;font-weight:700;color:var(--ring-color, #f2a93b);font-family:DIN Alternate,Helvetica Neue,Arial,sans-serif}.lp-loading-title{font-size:22px;font-weight:800;letter-spacing:1px;text-align:center;color:#3a2f22;line-height:1.5}.lp-loading-sub{margin-top:12px;font-size:20px;font-weight:700;letter-spacing:4px;color:#9a9187}.lp-form{flex:1;padding:26px 20px 30px}.lp-form-title{font-size:21px;font-weight:800;line-height:1.6;margin-bottom:26px}.lp-field{margin-bottom:22px}.lp-field-label{display:block;font-size:18px;font-weight:800;margin-bottom:6px}.lp-field input,.lp-field textarea{width:100%;padding:10px 4px;border:none;border-bottom:1px solid rgba(0,0,0,.15);background:transparent;font-size:17px;color:#333;outline:none;border-radius:0}.lp-field input:focus,.lp-field textarea:focus{border-bottom-color:var(--accent-1)}.lp-submit-btn{display:block;width:100%;margin-top:34px;padding:15px 10px;border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent-2) 0%,var(--accent-1) 100%);box-shadow:0 3px #a06e1452;color:var(--btn-text);font-size:19px;font-weight:800;letter-spacing:2px;cursor:pointer}.lp-submit-btn:disabled{opacity:.6;cursor:not-allowed}.lp-error{margin-top:12px;font-size:14px;color:#d93025;text-align:center}.lp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#ffffffeb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:24px;text-align:center}.lp-spinner{width:46px;height:46px;border:4px solid rgba(242,169,59,.25);border-top-color:var(--accent-1);border-radius:50%;animation:lp-spin .9s linear infinite}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-overlay-text{font-size:18px;font-weight:700;color:#3a2f22;line-height:1.7}.lp-success-icon{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;background:linear-gradient(180deg,var(--accent-2) 0%,var(--accent-1) 100%);box-shadow:0 6px 18px #f2a93b73}.lp-hint{padding:30px 20px;text-align:center;font-size:15px;color:#888}