@charset "UTF-8";
:root{--blue:#506ee8;--ink:#252b3c;--muted:#9095a6;--line:#e9ebf2;--accent:#5078f2;--status:#7ac747;--card:#f5f7ff;--radius:18px}*{box-sizing:border-box}body{margin:0;font:14px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#fff}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:9px 15px;color:inherit;transition:background .15s}button:hover{background:#f1f3fc}button:focus-visible,a:focus-visible{outline:3px solid #b4c0ff;outline-offset:3px}input:focus,select:focus{outline:2px solid #c8d2ff;border-color:#8199f5!important}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#3f5ed3}.quiet{border:0;color:#6d7386}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--blue);border-radius:10px;font-size:27px;line-height:1}.brand-tag{font:12px Georgia;color:#8890aa;letter-spacing:0;border-left:1px solid #dde0e9;padding-left:12px;margin-left:3px}.top-actions{display:flex;align-items:center;gap:16px}#saved{color:#8d93a2;font-size:12px;margin-right:8px}#saved i,.live-dot{display:inline-block;width:6px;height:6px;background:#65b88b;border-radius:100%;margin-right:7px}.workspace{display:grid;grid-template-columns:204px 360px minmax(430px,1fr);min-height:calc(100vh - 78px)}.rail{border-right:1px solid var(--line);padding:32px 16px 24px;display:flex;flex-direction:column;justify-content:space-between}.rail-label{color:#a1a5b1;font-size:11px;padding:0 14px;margin-bottom:14px;letter-spacing:1px}.nav{width:100%;border:0;text-align:left;margin:3px 0;padding:12px 14px;color:#71788b;display:flex;gap:12px;align-items:center}.nav>span{font-size:19px;line-height:20px;width:19px;text-align:center}.nav.active{color:var(--blue);background:#eef1ff;font-weight:600}.nav b{font-size:10px;background:#e6e9f4;padding:0 6px;border-radius:4px;margin-left:auto}.rail-line{height:1px;background:var(--line);margin:26px 14px}.rail-bottom{padding:20px 14px}.small-logo{color:#a2ade2;display:block;font-size:27px;margin-bottom:13px}.rail-bottom strong{font-size:12px;font-weight:500;color:#7c8294}.rail-bottom p{font-size:11px;color:#a2a6b3;line-height:1.9;margin-bottom:24px}.demo-label{font-size:10px;color:#9a9fb0}.editor{padding:31px 26px 20px;border-right:1px solid var(--line);overflow:auto;max-height:calc(100vh - 78px)}.eyebrow{font-size:10px;letter-spacing:2px;color:#a0a6b7}h1{font-size:25px;font-weight:600;margin:5px 0 6px;letter-spacing:1px}.editor-heading p{font-size:12px;color:#9197a7;margin:0 0 28px}.section-head{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin:23px 0 15px}.section-head span{font-size:10px;color:#a1a6b4;font-weight:400}.field{display:block;font-size:12px;color:#717889;margin:0 0 16px}.field input,.field select{display:block;width:100%;border:1px solid #e5e8f0;background:#fcfcfe;border-radius:7px;padding:10px 11px;margin-top:7px;color:#434a5e;min-width:0;font-size:12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields .field{min-width:0}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.helper{font-size:11px;color:#989eae;margin:8px 0 20px;line-height:1.8}.duration{font-size:11px;color:#7a88b7;background:#f4f6ff;border-radius:6px;padding:9px 12px;margin-top:-4px}.editor-foot{font-size:10px;color:#a5aab7;text-align:center;border-top:1px solid var(--line);padding-top:18px;margin-top:27px}.editor-foot span{color:#8ca98f;margin-right:5px}.preview-area{background:#f3f4f9;min-width:0;position:relative;overflow:hidden}.preview-toolbar{height:68px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.preview-toolbar strong{font-size:12px;font-weight:500}.live-dot{margin:0 8px 0 10px;width:5px;height:5px}.preview-toolbar small{font-size:11px;color:#9a9fb0}.preview-tools{display:flex;align-items:center;gap:6px}.preview-tools button{border:0;background:none;padding:4px 8px;font-size:17px;color:#8d93a7}.preview-tools span{color:#9a9fb0;font-size:10px;min-width:30px;text-align:center}.stage{height:calc(100vh - 200px);min-height:640px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;overflow:auto}.phone-wrap{width:370px;height:790px;transform-origin:top center;flex-shrink:0}.phone{width:390px;height:824px;background:#282b34;padding:9px;border-radius:44px;box-shadow:0 24px 50px #2a35511a,0 0 0 1px #969aa7,inset 0 0 0 3px #4a4e58;position:relative}.phone:before{content:"";position:absolute;left:-3px;top:150px;width:3px;height:45px;border-radius:3px;background:#6d7079}.screen{height:100%;position:relative;background:#f5f7ff;border-radius:35px;overflow:hidden;display:flex;flex-direction:column}.statusbar{height:44px;min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 21px;color:#17191d;font-size:13px;font-weight:650;background:white;position:relative}.status-right{display:flex;align-items:center;gap:6px;font-size:11px}.battery{display:inline-block;width:21px;height:11px;border:1px solid #8b8f98;border-radius:3px;position:relative;padding:1px}.battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:4px;background:#999}.battery i{display:block;height:7px;background:#242b32;border-radius:1px}.island{width:92px;height:25px;background:#17191e;position:absolute;left:50%;top:9px;transform:translateX(-50%);border-radius:20px}.punch{width:11px;height:11px;border-radius:50%;background:#222;position:absolute;left:50%;top:14px}.phone-nav{background:white;display:flex;align-items:center;justify-content:space-between;height:48px;flex-shrink:0;padding:0 13px;color:#333;font-size:16px}.phone-nav strong{font-weight:400;font-size:18px}.nav-placeholder{width:52px}.phone-scroll{overflow:auto;flex:1;scrollbar-width:none}.phone-scroll::-webkit-scrollbar{display:none}.banner{height:125px;background:linear-gradient(115deg,#0664ee,#294ef3 70%,#2144dd);position:relative;overflow:hidden;color:white}.banner>span{position:absolute;left:18px;bottom:22px;font-size:25px;font-weight:700;letter-spacing:2px}.banner:after{content:"";position:absolute;left:42%;bottom:-60px;width:160px;height:100px;transform:skewY(15deg);background:#ffffff12}.banner-orb{position:absolute;width:150px;height:150px;border-radius:50%;background:#60bbff44;filter:blur(20px);left:20px;top:-80px}.ticket-art{position:absolute;right:33px;top:12px;width:120px;height:100px}.ticket-front,.ticket-back{position:absolute;border-radius:16px;background:linear-gradient(120deg,#fff6d0,#ffcc70);box-shadow:inset 2px 2px 5px #ffffffbb,3px 9px 15px #f1b24044;width:68px;height:86px;display:grid;place-items:center;font-size:66px;line-height:1;font-family:Arial;font-weight:600;color:white;transform:rotate(-16deg);left:10px;top:8px}.ticket-back{transform:rotate(20deg);left:33px;top:0;background:linear-gradient(100deg,#ffda45,#ffb12a)}.ticket-art i{position:absolute;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ffe6a0,#fd7138);right:-20px;bottom:4px;box-shadow:0 3px 10px #202ead33}.leave-card{background:white;border-radius:var(--radius);padding:17px 16px 16px;margin-bottom:11px;cursor:pointer}.leave-card:first-child{position:relative;margin-top:-11px}.leave-status{font-size:19px;font-weight:700;color:var(--status);display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.leave-status span{font-size:27px;line-height:1;font-weight:300}.leave-info{border-radius:var(--radius);background:var(--card);padding:12px 11px;color:#60636a;font-size:14px;line-height:1.95}.info-row{display:flex;gap:5px}.info-row label{color:#999;flex-shrink:0}.info-row>span{overflow-wrap:anywhere}.phone-date{font-size:13px}.revoke-row{display:flex;justify-content:flex-end;margin-top:11px}.revoke{border:1px solid #ff6565;border-radius:22px;padding:3px 17px;font-size:12px;color:#f56767}.apply-btn{background:var(--accent);color:white;border:0;border-radius:0;height:48px;min-height:48px;font-size:17px;letter-spacing:3px}.apply-btn:hover{background:var(--accent);filter:brightness(.95)}.home-indicator{display:none;height:16px;background:white;position:relative;flex-shrink:0}.home-indicator:after{content:"";width:110px;height:4px;background:#222;border-radius:5px;position:absolute;left:50%;bottom:4px;transform:translateX(-50%)}.ios .home-indicator{display:block}.preview-watermark{text-align:center;font-size:10px;letter-spacing:2px;color:#afb4c5;padding:5px 0 16px}.preview-caption{display:flex;justify-content:center;gap:25px;color:#a1a7ba;font-size:10px;padding:13px 10px 18px}.template{border:1px solid var(--line);border-radius:9px;padding:13px;display:flex;align-items:center;gap:13px;margin-bottom:10px;width:100%;text-align:left}.template.selected{border-color:#7e94ef;background:#f5f7ff;box-shadow:0 0 0 1px #7e94ef}.mini-phone{width:25px;height:39px;border:2px solid #a2acc7;border-radius:6px;display:grid;place-items:center;font-size:9px;color:#8d98b5}.template strong{display:block;font-size:12px;font-weight:500}.template small{color:#999fb1;font-size:10px}.template .check{margin-left:auto;color:#6e85dc}.swatches{display:flex;gap:10px}.swatch{width:30px;height:30px;border-radius:50%;padding:0;border:3px solid white;box-shadow:0 0 0 1px #e3e6ef}.swatch.selected{box-shadow:0 0 0 2px #7b8bd2}.color-field{display:flex;align-items:center;gap:12px;margin:17px 0;color:#727b90;font-size:12px}.color-field input{width:35px;height:30px;padding:0;border:0;background:none}.range-field{display:block;color:#727b90;font-size:12px;margin:20px 0}.range-field input{width:100%;accent-color:var(--blue);margin-top:12px}.record-item{padding:13px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;position:relative}.record-item.active{border-color:#8297ef;background:#f8f9ff}.record-item strong{font-size:12px;display:block}.record-item small{color:#a0a5b4;font-size:10px}.record-item .record-tools{display:flex;gap:5px;margin-top:10px}.record-tools button{font-size:10px;padding:3px 8px}.badge{font-size:10px;color:#6ca84d;float:right}.wide{width:100%}.add-history{border-style:dashed;color:var(--blue);margin-top:10px}.notice{padding:12px 14px;border-radius:8px;font-size:11px;color:#7d88aa;background:#f3f5fc;margin-top:22px}.preview-area.focus{position:fixed;inset:0;z-index:50}.preview-area.focus .stage{height:calc(100vh - 110px)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(30px);padding:11px 23px;background:#303950;color:white;font-size:12px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translateX(-50%)}dialog{border:1px solid var(--line);border-radius:16px;padding:26px;max-width:90vw}dialog::backdrop{background:#252b3c55}dialog h2{font-size:19px}dialog p{font-size:13px;color:#81899e}dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(min-width:1500px){.workspace{grid-template-columns:220px 400px 1fr}.editor{padding:35px}}@media(max-width:1100px){.workspace{grid-template-columns:70px 320px minmax(400px,1fr)}.rail{padding:30px 7px}.rail-label,.rail-line,.rail-bottom{display:none}.nav{font-size:0;justify-content:center;padding:14px 8px}.nav>span{font-size:23px}.nav b{display:none}.preview-toolbar{padding:0 20px}.editor{padding:25px 20px}.topbar{padding:0 22px}}@media(max-width:800px){.topbar{height:66px;padding:0 16px}.brand{font-size:17px}.brand-tag,#saved,.quiet{display:none}.top-actions{gap:0}.top-actions button{font-size:12px}.workspace{display:flex;flex-wrap:wrap}.rail{width:100%;padding:8px;border:0;border-bottom:1px solid var(--line)}.rail>div:first-child{display:flex}.nav{font-size:11px;gap:5px;padding:9px 6px}.nav>span{font-size:16px}.editor{width:100%;max-height:none;border-right:0;padding:22px}.editor-heading p{margin-bottom:15px}.preview-area{width:100%;border-top:1px solid var(--line)}.stage{height:765px;min-height:0}.preview-caption{gap:14px;font-size:9px}.preview-toolbar{height:55px}.editor-foot{margin-top:20px}.preview-area.focus .stage{height:calc(100vh - 100px)}}
@media(max-width:800px){.top-actions .quiet{display:block;font-size:10px;padding:8px}.top-actions .primary{padding:9px 10px}.brand{gap:7px}}