:root{color:#17211c;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f4;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:#f3f5f4;min-height:100dvh}button,input{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.page-shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.tool-panel{background:#fff;border:1px solid #d9dfdc;border-radius:8px;width:min(100%,520px);padding:32px;overflow:hidden;box-shadow:0 12px 34px #17211c14}.tool-header{align-items:center;gap:14px;margin-bottom:30px;display:flex}.product-mark{color:#fff;background:#16724a;border-radius:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.product-mark svg{width:26px;height:26px}.title-block{min-width:0}.title-row{align-items:center;gap:10px;min-width:0;display:flex}h1{letter-spacing:0;margin:0;font-size:23px;font-weight:700;line-height:1.3}.title-block p{color:#6a756f;margin:4px 0 0;font-size:14px;line-height:1.4}form{gap:10px;display:grid}label{color:#29352f;font-size:14px;font-weight:600}.phone-field{background:#fff;border:1px solid #bac4bf;border-radius:6px;align-items:center;width:100%;height:50px;transition:border-color .16s,box-shadow .16s;display:flex}.phone-field:focus-within{border-color:#16724a;box-shadow:0 0 0 3px #16724a24}.phone-field--error{border-color:#b73e35;box-shadow:0 0 0 3px #b73e351f}.country-code{color:#3a4740;border-right:1px solid #d9dfdc;flex:none;padding:0 13px;font-size:15px}input{color:#17211c;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 14px;font-size:16px}input::placeholder{color:#929b96}.primary-button,.copy-button{color:#fff;cursor:pointer;background:#16724a;border:1px solid #16724a;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:6px;font-weight:650;transition:background .16s,border-color .16s,transform .1s;display:inline-flex}.primary-button:hover,.copy-button:hover{background:#105c3b;border-color:#105c3b}.primary-button:active,.copy-button:active,.code-display:active{transform:translateY(1px)}.primary-button:disabled{color:#e9eeeb;cursor:wait;background:#73837a;border-color:#73837a}.primary-button svg,.copy-button svg{width:18px;height:18px}.status{border-radius:6px;align-items:center;gap:8px;min-height:38px;margin-top:14px;padding:8px 10px;font-size:13px;line-height:1.4;display:flex}.status svg{flex:none;width:17px;height:17px}.status--neutral{color:#536059;background:#f1f3f2}.status--success{color:#12613f;background:#e7f4ed}.status--error{color:#962f28;background:#fbecea}.result{border-top:1px solid #e2e7e4;margin-top:22px;padding-top:22px}.result-meta{color:#5c6862;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.result-meta time{color:#99651c;font-variant-numeric:tabular-nums;white-space:nowrap}.code-display{color:#17211c;cursor:pointer;background:#f7f9f8;border:1px solid #cdd6d1;border-radius:6px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:82px;margin:10px 0 4px;padding:10px 16px;display:flex}.code-display span{font-variant-numeric:tabular-nums;letter-spacing:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:34px;font-weight:700;line-height:1}.code-display svg{color:#16724a;flex:none;width:20px;height:20px}.copy-button{color:#12613f;background:#fff;border-color:#7eb397;margin-top:10px}.copy-button:hover{color:#fff}.install-footer{text-align:center;border-top:1px solid #e2e7e4;margin-top:24px;padding-top:18px}.install-notice{color:#16724a;margin:0;font-size:14px;font-weight:600;line-height:1.6}.install-url{overflow-wrap:anywhere;color:#43534b;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;width:100%;margin:0;padding:2px 0;font-weight:500;line-height:1.5;text-decoration:underline;display:block}.install-url:active{color:#16724a}.toast{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));color:#fff;background:#24322b;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:14px;display:flex;position:fixed;box-shadow:0 10px 26px #17211c33}.toast svg{color:#81d4a8;width:18px;height:18px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.page-shell{place-items:start center;padding-left:12px;padding-right:12px}.tool-panel{padding:24px 18px}.tool-header{align-items:flex-start;margin-bottom:26px}.title-row{flex-direction:column;align-items:flex-start;gap:6px}h1{font-size:21px}.code-display span{letter-spacing:5px;font-size:29px}.toast{right:12px;bottom:max(12px, env(safe-area-inset-bottom));justify-content:center;left:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}