*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{color:#333;-webkit-font-smoothing:antialiased;background:#f0f4f8;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,Arial,sans-serif}.page{max-width:480px;min-height:100%;margin:0 auto;padding:48px 20px 40px}.header{text-align:center;margin-bottom:28px}.header h1{color:#2f80ed;letter-spacing:1px;font-size:28px;font-weight:700;line-height:1.3}.header .subtitle{color:#666;margin-top:10px;font-size:14px}.card{background:#fff;border-radius:12px;margin-bottom:16px;padding:20px;box-shadow:0 2px 10px #2f80ed0f}.search-input{color:#333;background:#fff;border:1.5px solid #a8c8f0;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;font-size:15px;transition:border-color .2s}.search-input::placeholder{color:#b0b8c4}.search-input:focus{border-color:#2f80ed}.btn-primary{color:#fff;cursor:pointer;background:#2f80ed;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:14px;font-size:16px;font-weight:600;transition:background .2s,opacity .2s;display:flex}.btn-primary:active{background:#2569c7}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-primary .icon{fill:currentColor;width:18px;height:18px;margin-right:6px}.guide-title{color:#222;margin-bottom:14px;font-size:16px;font-weight:700}.guide-list{list-style:none}.guide-list li{color:#555;margin-bottom:12px;padding-left:16px;font-size:14px;line-height:1.55;position:relative}.guide-list li:last-child{margin-bottom:0}.guide-list li:before{content:"";background:#2f80ed;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.result-title{color:#222;margin-bottom:14px;font-size:16px;font-weight:700}.result-row{border-bottom:1px solid #eef2f7;padding:10px 0;font-size:14px;display:flex}.result-row:last-child{border-bottom:none;padding-bottom:0}.result-row .label{color:#888;flex-shrink:0;width:72px}.result-row .value{color:#222;word-break:break-all}.toast{color:#fff;text-align:center;z-index:1000;opacity:0;pointer-events:none;background:#000000bf;border-radius:8px;max-width:80%;padding:12px 20px;font-size:14px;line-height:1.4;transition:opacity .2s;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.toast.show{opacity:1}.searching-card{flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;display:flex}.search-anim{width:72px;height:72px;margin-bottom:14px;position:relative}.pulse-ring{border:2px solid #2f80ed59;border-radius:50%;animation:1.6s ease-out infinite pulse-out;position:absolute;inset:0}.pulse-ring.delay{animation-delay:.8s}.search-core{background:#2f80ed;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:-21px 0 0 -21px;animation:1.2s ease-in-out infinite core-bounce;display:flex;position:absolute;top:50%;left:50%}.search-core svg{fill:#fff;width:20px;height:20px}.searching-text{color:#2f80ed;font-size:15px;font-weight:600}.dot-loading{gap:6px;margin-top:10px;display:flex}.dot-loading span{background:#2f80ed;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-bounce}.dot-loading span:nth-child(2){animation-delay:.15s}.dot-loading span:nth-child(3){animation-delay:.3s}.result-fade-enter-active{animation:.45s result-in}.result-fade-leave-active{animation:.2s result-out}@keyframes pulse-out{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}@keyframes core-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes result-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes result-out{0%{opacity:1}to{opacity:0}}