*{margin:0;padding:0;box-sizing:border-box}a{color:#0870a0;text-decoration:none}a:visited{color:#0870a0}a:hover{color:#0870a0}a:active{color:#0870a0}.hide-include{display:none}body{width:100vw;height:auto;overflow-x:hidden}.headline{font-size:1.5rem;margin:12px 0}.subline{font-size:1rem;margin:8px 0}.divider{border-bottom:1px dashed #626462;margin:15px 0}.empty{position:relative;height:64px}.dl-btn{position:relative;display:flex;justify-content:center;justify-items:center;align-items:center;color:snow;letter-spacing:3px;width:240px;height:40px;border-radius:21px;background-color:#009df1;box-shadow:12px 12px 24px #ccc,-12px -12px 24px #f4f4f4;cursor:pointer;font-size:1rem}.dl-btn:hover{box-shadow:0 0 20px 10px rgba(179,217,255,.8)}.dl-btn span{font-size:.3rem;letter-spacing:0}.align-center{text-align:center}.layout-center{display:flex;justify-content:center;justify-items:center;align-items:center}.layout-flex{display:flex}.layout-row{flex-direction:row}.layout-col{flex-direction:column}.bottom-container{position:relative;padding:32px 0;background:#51515d;color:#fcfcfc}.bottom-container a,.bottom-container a:active,.bottom-container a:hover{color:#e0e0e0;text-decoration:none;font-size:1.2rem;padding-bottom:5px;border-bottom:1px dashed #b3bcb3}.bottom-container .bi-qr{position:relative;display:flex;flex-direction:row;justify-content:center}.bottom-container .bi-qr .qr-item{width:50%}.bottom-container .bi-qr .qr-item span{font-size:.8rem}.bottom-container .bi-qr .qr-item img{width:120px}.bottom-container .ap-contact-row{margin:20px 0;text-align:left}.bottom-container .ap-contact-row img{width:1.5rem;vertical-align:middle;margin-right:5px}.bottom-container .bottom-row{display:flex;flex-direction:row}.bottom-container .bottom-row .bottom-item{position:relative;width:20%;text-align:center}.bottom-container .bottom-row .bottom-item lable{display:block;font-weight:700;color:#fcfcfc;margin-bottom:15px}.bottom-container .bottom-row .bottom-item div{margin:10px 0;color:#e0e0e0}.bottom-container .bottom-row .bi-qr{width:30%}.bottom-container .bottom-row .bi-contact{width:30%}.bottom-container .bottom-row .bi-contact lable{text-align:left}.bottom-container .contact-row{display:none;position:red;padding:10px;flex-direction:row;justify-content:center}.bottom-container .contact-row .bottom-item-2{width:30%;text-align:center}.bottom-container .contact-row .bi-qr{width:70%}.bottom-container .contact-row .bi-qr .qr-item{text-align:center}.bottom-container .contact-row .bi-qr .qr-item img{width:65%}.bottom-container .contact-row .bi-qr .qr-item span{font-size:.5rem}.bottom-container .bottom-copyrigth{color:#e0e0e0;margin-top:16px}.bottom-container .bottom-copyrigth div{margin-top:8px}.bottom-container .bottom-copyrigth div a,.bottom-container .bottom-copyrigth div a:active,.bottom-container .bottom-copyrigth div a:hover{font-size:.8rem}.mini-header{position:relative;background:#77d3fe;padding-left:32px;height:100px;display:flex;align-items:center;flex-direction:row}.mini-header .logo{position:relative;width:64px;height:64px;border-radius:12px;background:linear-gradient(145deg,#6fa6dc 0,#0dabf4 30%,#8bdaff 100%);box-shadow:5px 5px 10px #50baec,-5px -5px 10px #079ee2;cursor:pointer}.mini-header .logo img{border-radius:150px;border:4px solid #fff;width:70%;height:70%;opacity:.8}.mini-header .logo-text{color:#fff;margin-left:16px;font-size:1.5rem;cursor:pointer}.mini-header .client-menu{position:absolute;color:#fff;font-size:1.2rem;right:45px;cursor:pointer}@media screen and (max-width:768px){.bottom-container{font-size:.8rem!important}.bottom-container a,.bottom-container a:active,.bottom-container a:hover{font-size:.8rem!important}.bottom-container .bottom-row .bi-qr,.bottom-container .bottom-row .bottom-item-2{display:none}.bottom-container .bottom-row .bottom-item-1{width:30%!important}.bottom-container .bottom-row .bi-contact{width:70%!important}.contact-row{display:flex!important}.contact-row .bottom-item-3{position:relative;text-align:center}.contact-row .bottom-item-3 lable{display:block;font-weight:700;color:#fcfcfc;margin-bottom:15px}.contact-row .bottom-item-3 div{margin:5px 0;color:#e0e0e0}}:root{--bg:#eef1f5;--panel:#ffffff;--line:#e4e7ec;--line2:#d7dbe3;--ink:#16181d;--ink2:#5b6472;--ink3:#98a1b1;--acc:#2456e6;--acc-soft:#eef2ff;--danger:#dc2626;--shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px -14px rgba(16,24,40,.14)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;-webkit-tap-highlight-color:transparent}button{font-family:inherit}.topbar{max-width:1180px;margin:0 auto;padding:26px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--ink);display:flex;align-items:center;justify-content:center;flex:none}.brand h1{font-size:19px;font-weight:700;letter-spacing:.2px}.brand p{font-size:12.5px;color:var(--ink2);margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:12px}.local-tag{font-size:12px;color:var(--ink2);background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:999px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.layout{max-width:1180px;margin:22px auto 40px;padding:0 22px;display:flex;flex-direction:column;gap:18px}.grid{display:grid;grid-template-columns:392px minmax(0,1fr);gap:22px;align-items:start}.content-panel{padding:0 0 16px;border-bottom:1px solid var(--line);margin-bottom:20px}.content-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.content-head .sec-title{margin-bottom:0}.content-tools{display:flex;align-items:center;gap:12px;font-size:12px}.content-panel textarea{min-height:62px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}aside.panel{padding:6px 22px 22px}.sec{padding:18px 0 4px}.divider{height:1px;border:0;background:var(--line);margin:16px 0 0}.sec-title{font-size:12.5px;font-weight:600;color:var(--ink2);letter-spacing:.6px;display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.sec-title .btn-sm{margin-left:auto;align-self:center}.muted{color:var(--ink3)}.small{font-size:11px;font-weight:400}textarea{width:100%;border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--ink);resize:vertical;min-height:76px;line-height:1.55;background:#fbfcfe;outline:0;transition:border-color .15s,box-shadow .15s;font-family:inherit}textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(36,86,230,.12);background:#fff}.sec-foot{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:12px}.linkbtn{background:0 0;border:0;color:var(--acc);font-size:12.5px;cursor:pointer;padding:2px 4px;border-radius:6px}.linkbtn:hover{background:var(--acc-soft)}.linkbtn.danger{color:var(--danger)}.hint{font-size:12px;color:var(--ink2);line-height:1.6;margin-top:8px}.hint.warn{color:#b45309}.row{display:flex;align-items:center;gap:12px;margin:11px 0;flex-wrap:wrap}.row .grow{flex:1;min-width:120px}.slider-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--ink2);margin-bottom:6px}.slider-head b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--acc);height:20px;cursor:pointer}.cfield{display:flex;align-items:center;gap:8px;background:#f5f7fa;border:1px solid var(--line);border-radius:10px;padding:6px 10px 6px 6px}.cfield .lbl{font-size:12px;color:var(--ink2);white-space:nowrap}.swatch{position:relative;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);overflow:hidden;background:#fff;flex:none}.swatch input[type=color]{position:absolute;inset:-8px;width:52px;height:52px;border:0;background:0 0;cursor:pointer;padding:0}.hex{width:72px;border:1px solid transparent;background:0 0;font:12px ui-monospace,Consolas,monospace;color:var(--ink);outline:0;padding:2px 0}.hex:focus{border-color:var(--line2);border-radius:6px;background:#fff}.check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink2);cursor:pointer;user-select:none}.check input{accent-color:var(--acc);width:15px;height:15px;cursor:pointer}.seg{display:inline-flex;background:#f1f3f7;border:1px solid var(--line);border-radius:11px;padding:3px;gap:3px;width:100%}.seg button{flex:1;border:0;background:0 0;padding:8px 6px;border-radius:8px;font-size:13px;color:var(--ink2);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;line-height:1.2;gap:1px}.seg button:hover{color:var(--ink)}.seg button.active{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(16,24,40,.12)}.seg .seg-sub{font-size:10px;font-weight:400;color:var(--ink3)}.seg button.active .seg-sub{color:var(--ink2)}.seg.seg-sm{width:auto;flex:none}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset{width:44px;height:30px;border-radius:8px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(16,24,40,.08);position:relative;transition:transform .12s}.preset:hover{transform:translateY(-1px)}.preset.active{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-soft),inset 0 0 0 1px rgba(16,24,40,.08)}.preset-tip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);background:var(--ink);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.preset:hover .preset-tip{opacity:1}.dropzone{margin-top:4px;border:1.5px dashed var(--line2);border-radius:12px;padding:16px 14px;text-align:center;color:var(--ink2);font-size:12.5px;cursor:pointer;transition:all .15s;background:#fbfcfe}.dropzone.drag,.dropzone:hover{border-color:var(--acc);background:var(--acc-soft);color:var(--ink)}.dropzone svg{display:block;margin:0 auto 6px;color:var(--ink3)}.dropzone.drag svg{color:var(--acc)}#dropThumb{display:none;width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid var(--line);margin:0 auto 6px;padding:3px}.logo-meta{display:flex;align-items:center;gap:10px;margin:12px 0 4px}#logoThumb{width:38px;height:38px;object-fit:contain;border:1px solid var(--line);border-radius:9px;background:#fff;padding:3px}.logo-meta .lname{flex:1;font-size:12px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{padding:26px;display:flex;flex-direction:column;align-items:stretch}.stage{position:relative;border-radius:16px;padding:clamp(18px,4vw,34px);background:conic-gradient(#e3e6eb 0 25%,#fff 0 50%,#e3e6eb 0 75%,#fff 0) 0 0/18px 18px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;min-height:340px}#qrBox{line-height:0}#qrBox canvas{display:block;width:min(100%,440px);height:auto;border-radius:10px;box-shadow:0 14px 34px -14px rgba(16,24,40,.32)}.stage-overlay{position:absolute;inset:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed var(--line2);border-radius:14px;background:rgba(255,255,255,.72);text-align:center;padding:20px;color:var(--ink2);font-size:13px;line-height:1.7}.stage-overlay svg{color:var(--ink3)}.stage-overlay b{color:var(--ink);font-size:14px}.export{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.btn{border:1px solid var(--line2);background:#fff;color:var(--ink);font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .15s}.btn:hover{border-color:var(--ink3);background:#fafbfc}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:#2a2e36}.btn svg{flex:none}.btn-sm{padding:5px 12px;font-size:12px;border-radius:8px}.stage-status{text-align:center;font-size:12px;color:var(--ink3);margin-top:14px;min-height:18px}.stage-status.err{color:var(--danger)}.scale-info{margin-top:16px;padding:12px 14px;background:#f7f8fa;border:1px solid var(--line2);border-radius:12px}.scale-info-title{font-size:12px;color:var(--ink);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.scale-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.scale-table th{text-align:left;color:var(--ink3);font-weight:500;padding:4px 6px;border-bottom:1px solid var(--line2)}.scale-table td{padding:5px 6px;color:var(--ink);border-bottom:1px dashed var(--line2);line-height:1.5}.scale-table tr:last-child td{border-bottom:none}.scale-table td:first-child{font-weight:600;white-space:nowrap}.scale-table td:nth-child(1),.scale-table th:nth-child(1){width:16%}.scale-table td:nth-child(2),.scale-table th:nth-child(2){width:24%}.scale-table td:nth-child(3),.scale-table th:nth-child(3){width:60%}.privacy-note{text-align:center;font-size:11.5px;color:var(--ink3);margin-top:6px}footer{max-width:1180px;margin:0 auto;padding:0 22px 36px;text-align:center;font-size:11.5px;color:var(--ink3);line-height:1.7}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,8px);background:var(--ink);color:#fff;font-size:13px;padding:10px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:all .25s;z-index:99;box-shadow:0 8px 24px rgba(16,24,40,.3);max-width:86vw}#toast.show{opacity:1;transform:translate(-50%,0)}@media (max-width:920px){.grid{grid-template-columns:1fr}.preview{order:-1}.topbar{padding-top:20px}}