*{box-sizing:border-box}body{color:#111827;background:#f7f9fd;min-height:100vh;margin:0;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100vh}.page{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#fff;align-items:center;height:72px;padding:0 28px;display:flex}.brand{width:auto;height:34px}.hero{background:url(/static/bg.jpg) top/cover no-repeat;min-height:270px;padding:38px 30px 30px}.hero-content h1{color:#050d2c;margin:0;font-size:40px;font-weight:600;line-height:1.2}.hero-content p{color:#24335a;max-width:560px;margin:18px 0 0;font-size:20px;line-height:1.45}.content{flex:1;padding:28px 16px 48px}.form-card{background:#fff;border-radius:10px;width:min(1000px,100%);margin:0 auto;padding:34px 46px 40px}.form-card h2{color:#121929;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:600;display:flex}.title-dot{background:#5f7bff;border-radius:8px;width:8px;height:30px}.appeal-form{width:min(600px,100%);margin:30px auto 0}.field{margin-bottom:24px;display:block}.label{color:#0b1222;margin-bottom:12px;font-size:19px;font-weight:600;line-height:1.3;display:block}.hint{color:#6f7a93;margin:-3px 0 12px;font-size:14px;display:block}input{color:#1f2b46;background:#fff;border:1px solid #dde2ef;border-radius:10px;outline:none;width:100%;height:56px;padding:0 16px;font-size:17px}input:focus{border-color:#8ca3ff;box-shadow:0 0 0 2px #728dff26}input::placeholder{color:#b5bfd5}.phone-row,.code-row{background:#fff;border:1px solid #dde2ef;border-radius:10px;align-items:center;display:flex;overflow:hidden}.phone-row:focus-within,.code-row:focus-within{border-color:#8ca3ff;box-shadow:0 0 0 2px #728dff26}.phone-row input,.code-row input{box-shadow:none;border:0;border-radius:0;flex:1}.area-code{color:#24335a;border-right:1px solid #dde2ef;justify-content:center;align-items:center;gap:8px;min-width:125px;height:56px;padding:0 12px;font-size:15px;display:flex}.area-code img,.select-like img{width:14px;height:auto}.get-code{color:#ff8f20;cursor:pointer;background:0 0;border:0;height:56px;padding:0 20px;font-size:15px;font-weight:600}.select-like{cursor:pointer;background:#fff;border:1px solid #dde2ef;border-radius:10px;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.placeholder{color:#b5bfd5;font-size:15px}.selected-text{color:#1f2b46;font-size:15px}.game-field{position:relative}.game-options{z-index:40;background:#fff;border:1px solid #dde2ef;border-radius:10px;width:100%;max-height:228px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 16px #0f172a1f}.game-option{text-align:left;color:#0b1222;cursor:pointer;background:#fff;border:0;width:100%;padding:11px 16px;font-size:18px;line-height:1.25}.game-option:hover{background:#f5f8ff}.next-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3e89ff 0%,#6d6fff 100%);border:0;border-radius:999px;width:100%;height:62px;margin-top:18px;font-size:19px;font-weight:600}.footer{background:#fff;border-top:1px solid #f0f2f8;justify-content:space-between;align-items:center;gap:16px;min-height:150px;padding:20px 30px;display:flex}.footer-brand{width:auto;height:58px}.footer-right{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.footer-right a,.footer-right p{color:#6f7a93;margin:0;font-size:10px;line-height:1.5;text-decoration:none}.footer-right a span{color:#3e89ff}.gov-link{align-items:center;gap:6px;display:inline-flex}.gov-link img{width:18px;height:18px}.floating-service{z-index:30;width:min(96px,17.6vw);position:fixed;bottom:50px;right:30px}.floating-assistant{width:100%;height:auto;display:block}.floating-consult{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;background:linear-gradient(90deg,#3e89ff 0%,#6d6fff 100%);border:0;border-radius:999px;justify-content:center;align-items:center;min-width:64px;height:24px;padding:0 5px;font-size:9px;font-weight:600;line-height:1;text-decoration:none;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 6px 12px #4267ff47}.notice-mask{z-index:200;background:#070c1a5c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notice-box{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:min(320px,100vw - 36px);padding:20px 16px 16px;display:flex;box-shadow:0 14px 28px #111a362e}.notice-icon{color:#ff8f20;background:#fff3e7;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:flex}.notice-text{color:#1f2b46;text-align:center;margin:0;font-size:16px;font-weight:600;line-height:1.4}@media (width<=1024px){.topbar{height:60px;padding:0 16px}.brand{height:28px}.hero{min-height:auto;padding:20px 16px}.hero-content h1{font-size:26px}.hero-content p{max-width:100%;margin-top:8px;font-size:13px}.floating-service{width:67px;bottom:30px;right:8px}.floating-consult{min-width:54px;height:18px;padding:0 3px;font-size:9px;bottom:4px}.content{padding:14px 10px 22px}.form-card{border-radius:8px;padding:18px 14px 22px}.form-card h2{font-size:18px}.title-dot{width:4px;height:20px}.appeal-form{margin-top:16px}.label{margin-bottom:8px;font-size:13px}.hint{margin-bottom:8px;font-size:9px}input,.select-like,.area-code,.get-code,.phone-row,.code-row{height:42px;font-size:10px}input,.phone-row input,.code-row input{font-size:14px}.area-code{min-width:88px}.placeholder,.selected-text,input::placeholder{font-size:15px}.game-options{border-radius:8px;max-height:176px;top:calc(100% + 6px)}.game-option{padding:9px 10px;font-size:15px}.next-btn{height:46px;margin-top:12px;font-size:13px}.footer{flex-direction:column;align-items:flex-start;min-height:98px;padding:12px 16px}.footer-brand{height:38px}.footer-right{text-align:left;align-items:flex-start;gap:4px;width:100%}.footer-right a,.footer-right p{font-size:9px}}@media (width<=1024px) and (orientation:portrait){.topbar{justify-content:center}.brand{margin:0 auto}.hero{min-height:220px;padding:28px 16px 24px}.hero-content{max-width:50%}.hero-content h1,.hero-content p{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.footer{align-items:center;margin-top:12px}.footer-brand{margin:0 auto}}@media (width<=1024px) and (orientation:landscape){.hero{min-height:220px;padding:28px 16px 24px}}