*{box-sizing:border-box}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1c3931}body{background:#edf8f3}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.preview-header{height:92px;padding:16px 36px;display:flex;align-items:center;justify-content:space-between;background:#ffffffdf;border-bottom:1px solid #dceee5}.preview-brand{display:flex;align-items:center;gap:13px}.preview-brand img{width:65px;height:65px;object-fit:contain}.preview-brand h1{margin:0;font-size:28px;letter-spacing:2px;color:#0a7359;font-weight:900}.preview-brand p{margin:6px 0 0;font-size:11px;letter-spacing:3px;color:#8d9c94}.preview-header-right{display:flex;align-items:center;gap:10px;font-size:12px}.preview-chip{padding:9px 15px;border-radius:24px;border:1px solid #d7e9de;background:#fff;cursor:pointer}.preview-chip.primary{background:#199f7d;color:#fff;border-color:#199f7d}.preview-layout{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 92px)}.preview-sidebar{padding:24px 17px;background:#ffffffb0;border-right:1px solid #dceee5}.preview-sidebar h3{font-size:10px;letter-spacing:2px;color:#8ca498;margin:15px 12px}.screen-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;font-size:12px;color:#6e847b;margin:3px 0}.screen-link span{font-size:10px;color:#9cb4a8;width:20px}.screen-link.active{background:#dcf3e8;color:#0a8e68;font-weight:650}.preview-stage{display:flex;justify-content:center;gap:50px;padding:35px 24px;align-items:flex-start;background:radial-gradient(ellipse at 30% 40%,#fff9e8,transparent 50%),radial-gradient(ellipse at 100% 0,#cef2e2,transparent 55%)}.device{width:390px;height:844px;flex-shrink:0;border-radius:43px;border:7px solid #fff;background:#fff;box-shadow:0 18px 70px #254e3724,0 0 0 1px #d9e5dc;overflow:hidden;position:relative}.device iframe{width:100%;height:100%;border:0;display:block;background:white}.preview-notes{max-width:250px;padding-top:80px}.preview-notes .eyebrow{font-size:10px;letter-spacing:3px;color:#189f78}.preview-notes h2{font-size:35px;line-height:1.45;margin:14px 0 16px;letter-spacing:2px}.preview-notes p{color:#83988d;font-size:13px;line-height:1.9}.preview-notes .mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.mini-tags span{font-size:11px;padding:8px 12px;border:1px solid #d5e9dc;border-radius:20px;background:#ffffff80}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:30px;padding:30px}.overview-item{min-width:0}.overview-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;margin:0 8px 11px}.overview-title span{color:#159c77;font-family:Arial,sans-serif}.overview-item .device{width:100%;height:auto;aspect-ratio:390/844;border-radius:30px;border-width:5px}.overview-item iframe{height:100%;position:absolute;inset:0}.mini-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#163b3059;display:flex;align-items:center;justify-content:center;padding:25px}.mini-modal{width:100%;max-width:350px;background:white;border-radius:22px;padding:26px;text-align:center;box-shadow:0 20px 70px #122f3229;animation:modal-pop .2s ease}.mini-modal h3{font-size:17px;margin:2px 0 15px}.mini-modal p{font-size:13px;color:#8a929c;line-height:1.9;white-space:pre-line}.mini-modal input{border:1px solid #dfe9e3;border-radius:10px;padding:12px;width:100%;margin:6px 0 15px;font-size:14px}.mini-modal-actions{display:flex;gap:12px;margin-top:24px}.mini-modal-actions button{flex:1;border:1px solid #cce8dc;border-radius:22px;background:#fff;color:#158d6d;padding:11px 5px;font-size:13px}.mini-modal-actions button:last-child{background:#159f7f;color:white;border-color:#159f7f}.mini-toast{position:fixed;z-index:10000;left:50%;top:45%;transform:translate(-50%,-50%);padding:16px 22px;border-radius:14px;background:#1e3b33dd;color:#fff;max-width:85%;text-align:center;font-size:13px;line-height:1.6;animation:modal-pop .16s ease}.mini-lightbox{position:fixed;inset:0;z-index:10001;background:#142e2bed;display:flex;align-items:center;justify-content:center;padding:22px}.mini-lightbox img{max-width:100%;max-height:90vh;object-fit:contain;background:white;border-radius:12px}.mini-lightbox button{position:absolute;top:25px;right:20px;border:0;color:white;background:transparent;font-size:28px}.native-switch{appearance:none;width:42px;height:25px;border-radius:20px;background:#d9e0dc;position:relative;border:0;transition:background .2s;flex-shrink:0}.native-switch:before{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;background:white;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .2s}.native-switch:checked{background:#159f7f}.native-switch:checked:before{transform:translateX(17px)}.native-switch:focus-visible{outline:2px solid #159f7f;outline-offset:3px}body.mini-embed{background:#fff}body.mini-embed #preview-root{min-height:100vh}body.mini-embed input,body.mini-embed textarea{border:0;outline:none;resize:none;background:transparent}body.mini-embed button{cursor:pointer}body.mini-embed img{max-width:100%;object-fit:contain}body.mini-embed .ui-icon-image{display:block}body.mini-embed .app-shell{animation:screen-enter .19s ease}body.mini-embed .action-sheet{animation:sheet-up .28s cubic-bezier(.2,.8,.2,1)}body.mini-embed .sheet-overlay{animation:fade-in .18s}body.mini-embed button,body.mini-embed .pill,body.mini-embed .drawing-tool,body.mini-embed .color-swatch,body.mini-embed .tab-item{transition:transform .15s,background .18s,box-shadow .18s}body.mini-embed .like-number:active,body.mini-embed .favorite-corner:active{animation:heart-pop .3s}body.mini-embed .pattern-card{animation:card-in .28s both}body.mini-embed .pattern-card:nth-child(2n){animation-delay:.025s}body.mini-embed .success-art{animation:success-bounce .55s cubic-bezier(.17,.89,.32,1.25)}body.mini-embed .confetti{animation:confetti-float 2s ease-in-out infinite alternate}.offscreen-canvas{visibility:hidden}@keyframes sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-pop{from{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes screen-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes heart-pop{50%{transform:scale(1.2)}}@keyframes success-bounce{from{opacity:0;transform:scale(.7) translateY(15px)}to{opacity:1;transform:scale(1)}}@keyframes confetti-float{to{translate:0 8px;rotate:15deg}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(max-width:1100px){.preview-notes{display:none}.preview-stage{padding:25px 15px}}@media(max-width:650px){.preview-header{height:76px;padding:12px 16px}.preview-brand img{width:49px;height:49px}.preview-brand h1{font-size:21px}.preview-brand p{font-size:9px;letter-spacing:1px}.preview-header-right{gap:6px}.preview-chip{padding:8px;font-size:10px}.preview-layout{display:block}.preview-sidebar{display:flex;overflow:auto;gap:5px;padding:10px;border:0;white-space:nowrap}.preview-sidebar h3{display:none}.screen-link{padding:8px 10px;flex-shrink:0}.screen-link span{display:none}.preview-stage{padding:15px 0;background:transparent}.device{max-width:calc(100vw - 20px);height:calc((100vw - 20px)*2.164);max-height:844px;border-width:5px;border-radius:32px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:15px}.overview-title{font-size:10px}.overview-item .device{max-width:100%;border-width:3px;border-radius:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}