.wallpaper-app{--paper: #f6f2ec;--paper-hero: #f7f5f0;--paper-card: #fdfaf6;--paper-muted: #ede7dd;--ink: #1e2c48;--ink-deep: #15263d;--copy: #4a5a72;--muted: #7a8898;--faint: #9aa3b0;--blue: #7da4c4;--orange: #c4894e;--green: #8eaf8a;--night: #f6f2ec;--night-panel: #ede7dd;--night-raised: #fdfaf6;--night-line: rgba(30, 44, 72, .1);--night-text: #1e2c48;--night-copy: #4a5a72;--font-display: "Cormorant Garamond", "Noto Serif SC", "Source Han Serif SC", STSong, "Songti SC", Georgia, serif;--font-sans: "DM Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color:var(--ink);background:var(--paper);font-family:var(--font-sans);font-synthesis:none}.wallpaper-app button,.wallpaper-app input{font:inherit}.wallpaper-app button{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.button{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;font-size:13px;font-weight:500;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.button:hover{opacity:.85}.button--primary{color:var(--ink-deep);background:var(--blue)}.button--outline{min-height:38px;color:var(--night-copy);border:1px solid var(--night-line);background:transparent}.button--ghost{min-height:38px;color:var(--night-copy);background:transparent}.landing{min-height:100vh;padding:76px 24px 58px;background:radial-gradient(circle at 50% 16%,rgba(125,164,196,.08),transparent 34%),linear-gradient(180deg,var(--paper-hero),var(--paper))}.landing__hero{width:min(720px,100%);margin:0 auto;text-align:center;animation:enter .85s cubic-bezier(.22,1,.36,1) backwards}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}.eyebrow{margin:0 0 14px;color:var(--orange);font:11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.landing h1{margin:0;color:var(--ink);font:italic 400 clamp(48px,6vw,68px)/1.08 var(--font-display);letter-spacing:-.035em}.landing h2{margin:20px 0 0;color:var(--ink);font:600 clamp(20px,2.3vw,25px)/1.4 var(--font-sans);letter-spacing:-.02em}.landing__description{margin:8px 0 31px;color:var(--copy);font-size:14px;font-weight:300;line-height:1.8}.upload-zone{min-height:292px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(30,44,72,.22);border-radius:20px;background:rgba(253,250,246,.8);cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.upload-zone:hover,.upload-zone.is-dragging{transform:translateY(-2px);border-color:var(--blue);background:var(--paper-card)}.upload-zone.has-error{border-color:rgba(196,137,78,.65)}.upload-zone__icon{width:50px;height:50px;margin-bottom:15px;display:grid;place-items:center;border:1px solid rgba(30,44,72,.1);border-radius:50%;color:var(--blue);background:var(--paper)}.upload-zone strong{color:var(--ink);font-size:14px;font-weight:600}.upload-zone>span:not(.upload-zone__icon){margin-top:6px;color:var(--muted);font-size:12px}.upload-zone small{margin-top:21px;color:var(--faint);font:10px/1 var(--font-mono);letter-spacing:.04em}.upload-error{margin:10px 0 0;color:#a46643;font-size:12px}.privacy{margin:14px 0 0;display:flex;justify-content:center;align-items:center;gap:9px;color:var(--faint);font-size:11px}.privacy i{width:2px;height:2px;border-radius:50%;background:var(--faint)}.privacy strong{color:var(--copy);font-weight:500}.form-factors{width:min(720px,100%);margin:52px auto 0;padding-top:24px;border-top:1px solid rgba(30,44,72,.08)}.form-factors>p{margin:0 0 20px;color:var(--faint);font:10px/1 var(--font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase}.form-factors>div{display:flex;justify-content:center;gap:48px;color:var(--copy)}.form-factors span{display:flex;align-items:center;gap:10px}.form-factors b{font-size:11px;font-weight:400}.device-glyph{display:block;flex:0 0 auto;color:currentColor}.device-glyph--phone{width:18px;height:30px}.device-glyph--tablet{width:32px;height:22px}.device-glyph--desktop{width:30px;height:24px}.device-glyph--fold{width:26px;height:26px}.device-glyph--wide{width:34px;height:18px}.device-glyph--tri{width:40px;height:22px}.workspace{min-height:100vh;color:var(--night-text);background:var(--night)}.workspace__bar{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--night-line);background:var(--night-panel);color:var(--night-copy);font-size:12px}.workspace__bar span{display:flex;align-items:center;gap:11px}.workspace__bar strong{color:var(--night-text);font-family:var(--font-display);font-size:17px;font-weight:600}.workspace__bar i{width:1px;height:13px;background:var(--night-line)}.workspace__bar button{border:0;color:var(--night-copy);background:transparent;font-size:12px}.workspace__actions{display:flex;align-items:center}.workspace__bar .workspace__upload{height:36px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(125,164,196,.7);border-radius:10px;color:var(--ink);background:var(--blue);font-weight:600}.workspace__bar .workspace__upload:hover{opacity:.85}.device-navigation{min-height:0;flex:1 1 auto;padding:20px 18px 14px;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--night-line);background:var(--night-panel)}.device-navigation__heading{display:flex;align-items:baseline;justify-content:space-between}.device-navigation__heading span{color:var(--faint);font:8px/1 var(--font-mono);letter-spacing:.09em}.device-navigation__heading strong{color:var(--night-text);font-size:12px;font-weight:500}.device-navigation__priority{margin:11px 0 8px;display:flex;align-items:center;gap:7px;color:#9aa3b0;font-size:9px}.device-navigation__priority i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.device-navigation__list{min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(125,164,196,.28) transparent}.device-navigation__section{padding:8px 0}.device-navigation__section-label{display:block;margin-bottom:7px;color:var(--ink-deep);font:12px/1 var(--font-mono);font-weight:700;letter-spacing:.06em}.device-navigation__section-body{display:flex;flex-direction:column;gap:2px}.device-navigation__branch{padding:3px 0}.device-navigation__branch-label{display:block;margin-bottom:5px;color:var(--muted);font:10px/1 var(--font-mono);letter-spacing:.04em}.device-navigation__branch-body{display:flex;flex-direction:column;gap:4px}.device-navigation__device{width:100%;min-height:45px;padding:7px 9px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:9px;color:var(--night-copy);background:transparent;text-align:left;transition:border-color .2s ease,background .2s ease}.device-navigation__device:hover{background:rgba(125,164,196,.06)}.device-navigation__device.active{border-color:rgba(125,164,196,.55);color:var(--night-text);background:rgba(125,164,196,.11)}.device-navigation__check{width:19px;height:19px;margin-right:-3px;display:grid!important;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--ink);background:var(--green);box-shadow:0 0 0 3px rgba(142,175,138,.13)}.device-navigation__device .device-glyph{color:var(--blue)}.device-navigation__device>span{min-width:0;display:flex;flex-direction:column;gap:3px}.device-navigation__device strong{max-width:190px;overflow:hidden;color:var(--night-text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.device-navigation__device small{color:var(--muted);font-size:10px}.workspace__body{min-height:100vh;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr)}.controls{max-height:calc(100vh - 126px);display:flex;flex-direction:column;border-right:1px solid var(--night-line);background:var(--night-panel)}.controls-upload{min-height:58px;margin:14px 18px 0;padding:0 14px;display:flex;align-items:center;gap:11px;flex:0 0 auto;border:1px solid rgba(125,164,196,.72);border-radius:12px;color:var(--ink);background:var(--blue);text-align:left;transition:opacity .2s ease}.controls-upload:hover{opacity:.85}.controls-upload>span{display:flex;flex-direction:column;gap:3px}.controls-upload strong{font-size:12px;font-weight:600}.controls-upload small{color:rgba(30,44,72,.66);font:8px/1 var(--font-mono)}.controls__scroll{padding:16px 18px 0;flex:0 0 auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(125,164,196,.3) transparent}.controls__scroll .current-image{display:none}.control-section{margin-bottom:18px;padding-bottom:19px;border-bottom:1px solid var(--night-line)}.section-label{margin:0 0 11px;color:var(--faint);font:10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.thumbnail{height:92px;border:1px solid var(--night-line);border-radius:8px;background-position:center;background-size:cover}.image-meta{margin-top:8px;display:flex;justify-content:space-between;gap:12px;color:var(--night-copy);font:9px/1.4 var(--font-mono)}.image-meta span:last-child{max-width:125px;overflow:hidden;color:#9aa3b0;text-overflow:ellipsis;white-space:nowrap}.outputs{display:flex;flex-direction:column;gap:7px}.outputs .section-label{margin-bottom:4px}.outputs>button{min-height:47px;padding:8px 10px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;color:var(--night-copy);background:transparent;text-align:left}.outputs>button:hover{background:rgba(125,164,196,.05)}.outputs>button.active{border-color:rgba(125,164,196,.55);color:var(--night-text);background:rgba(125,164,196,.1)}.outputs>button>i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.outputs>button.active>i{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 3px rgba(125,164,196,.12)}.outputs>button span{display:flex;flex-direction:column;gap:3px}.outputs>button strong{font-size:11px;font-weight:500}.outputs>button small{color:#9aa3b0;font:9px/1 var(--font-mono)}.composition>div{display:flex;align-items:center;justify-content:space-between}.composition>div>span{display:flex;align-items:center;gap:8px;font-size:11px}.composition>div>span i{width:6px;height:6px;border-radius:50%;background:var(--green)}.composition button{display:flex;align-items:center;gap:2px;border:0;color:var(--blue);background:transparent;font-size:10px}.download-panel{margin-top:auto;padding:16px 24px 22px;border-top:1px solid var(--night-line);background:var(--night-panel)}.download-panel p{margin:0 0 9px;color:var(--night-copy);font-size:10px}.download-panel p strong{color:var(--night-text);font-weight:500}.download-panel .button{width:100%}.download-panel .is-success{background:var(--green)}.download-panel .is-disabled{opacity:.35;cursor:not-allowed}.download-mockups{margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid var(--night-line)}.download-mockups__heading{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;color:var(--night-copy);font-size:9px}.download-mockups__heading strong{color:var(--blue);font:9px/1 var(--font-mono)}.download-mockups__grid{max-height:190px;min-height:72px;padding-right:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:9px 7px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(125,164,196,.3) transparent}.download-mockups figure{min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:5px}.download-mockup-trigger{width:100%;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;color:inherit;background:transparent}.download-mockup-trigger:hover .download-mockup-frame{border-color:var(--blue)}.download-mockup-frame{--mock-ratio: 1;position:relative;aspect-ratio:var(--mock-ratio);overflow:hidden;border:2px solid rgba(30,44,72,.3);border-radius:4px;background:var(--ink);box-shadow:0 4px 10px rgba(30,44,72,.12)}.download-mockup-frame.is-landscape{width:70px;height:auto}.download-mockup-frame.is-portrait{width:auto;height:58px}.download-mockup-frame--phone{border-width:3px;border-color:#15263d;border-radius:9px;outline:1px solid rgba(30,44,72,.2)}.download-mockup-frame--phone img{border-radius:6px}.download-mockup-frame--phone.is-iphone:after{content:"";position:absolute;z-index:2;top:3px;left:50%;width:12px;height:3px;transform:translate(-50%);border-radius:999px;background:#15263d;box-shadow:0 0 0 1px rgba(216,228,240,.1)}.download-mockup-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--image-x) var(--image-y);transform:scale(var(--image-scale));transform-origin:var(--image-x) var(--image-y)}.download-mockup-frame .hinges{z-index:1}.download-mockups figcaption{max-width:100%;overflow:hidden;color:#7a8898;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.download-mockups__empty{margin:0;padding:14px 7px;border:1px dashed var(--night-line);border-radius:8px;color:#9aa3b0!important;text-align:center;font-size:8px!important}.mockup-lightbox{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:rgba(30,44,72,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-lightbox>section{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid var(--night-line);border-radius:16px;background:var(--paper-card);box-shadow:0 24px 64px rgba(30,44,72,.18)}.mockup-lightbox header{min-height:64px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--night-line)}.mockup-lightbox header>div{display:flex;align-items:baseline;gap:9px}.mockup-lightbox header span{color:var(--faint);font:9px/1 var(--font-mono)}.mockup-lightbox header strong{color:var(--night-text);font-size:12px;font-weight:500}.mockup-lightbox header small{color:var(--night-copy);font:9px/1 var(--font-mono)}.mockup-lightbox header button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--night-line);border-radius:50%;color:var(--night-copy);background:transparent}.mockup-lightbox__stage{min-height:520px;padding:30px;display:grid;place-items:center;overflow:auto;background:radial-gradient(circle,rgba(125,164,196,.1),transparent 48%),var(--paper)}.mockup-lightbox__frame.is-landscape{width:min(68vw,680px);height:auto}.mockup-lightbox__frame.is-portrait{width:auto;height:min(68vh,620px)}.mockup-lightbox__frame.download-mockup-frame--phone{border-width:7px;border-radius:24px}.mockup-lightbox__frame.download-mockup-frame--phone img{border-radius:16px}.mockup-lightbox__frame.download-mockup-frame--phone.is-iphone:after{top:7px;width:48px;height:12px}.workspace-empty{min-width:0;min-height:100vh;padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;align-items:center;overflow-y:auto;background:radial-gradient(circle at 70% 15%,rgba(125,164,196,.1),transparent 33%),var(--night)}.workspace-empty__intro{width:100%;max-width:660px}.workspace-empty__intro>p,.gift-wallpapers__heading p{margin:0 0 10px;color:var(--faint);font:9px/1 var(--font-mono);letter-spacing:.12em}.workspace-empty__intro h2{margin:0;color:var(--night-text);font:italic 400 clamp(36px,4.4vw,58px)/1.12 var(--font-display);letter-spacing:-.03em}.workspace-empty__intro>span{max-width:540px;margin-top:18px;display:block;color:var(--night-copy);font-size:13px;font-weight:300;line-height:1.8}.workspace-empty__upload{margin-top:25px;min-width:170px;background:var(--blue)}.workspace-empty__intro>small{margin:12px 0 0 13px;color:#9aa3b0;font:8px/1 var(--font-mono)}.gift-wallpapers{width:100%;max-width:920px;margin-top:clamp(42px,6vh,70px);padding-top:22px;border-top:1px solid var(--night-line)}.gift-wallpapers__heading{margin-bottom:14px;display:flex;align-items:end;justify-content:space-between}.gift-wallpapers__heading p{margin-bottom:5px}.gift-wallpapers__heading h3{margin:0;color:var(--night-text);font:italic 500 24px/1.2 var(--font-display)}.gift-wallpapers__heading>span{color:#9aa3b0;font-size:9px}.gift-wallpapers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.gift-wallpapers__grid button{position:relative;min-width:0;height:145px;padding:0;overflow:hidden;border:1px solid var(--night-line);border-radius:12px;color:#fff;background:var(--night-raised);text-align:left;transition:transform .2s ease,border-color .2s ease}.gift-wallpapers__grid button:hover{transform:translateY(-2px);border-color:rgba(125,164,196,.55)}.gift-wallpapers__grid img{width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .3s ease,opacity .2s ease}.gift-wallpapers__grid button:hover img{opacity:.9;transform:scale(1.025)}.gift-wallpapers__grid button>span{position:absolute;inset:auto 12px 11px;z-index:1;display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 5px rgba(0,0,0,.8)}.gift-wallpapers__grid strong{font-size:11px;font-weight:600}.gift-wallpapers__grid small{color:rgba(255,255,255,.7);font-size:8px}.gift-wallpapers__grid button>i{position:absolute;z-index:2;top:9px;right:9px;padding:4px 7px;border-radius:999px;color:#d8e4f0;background:rgba(16,23,34,.72);font-size:8px;font-style:normal;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crop-controls{min-height:100%;padding:24px;display:flex;flex-direction:column}.crop-controls__back{padding:0;border:0;color:var(--night-text);background:transparent;text-align:left;font-size:13px}.crop-controls>p{margin:8px 0 35px;color:var(--night-copy);font-size:10px;line-height:1.6}.range-control{margin-bottom:25px}.range-control>span{display:flex;justify-content:space-between;color:var(--night-copy);font-size:10px}.range-control strong{color:var(--night-text);font:10px/1 var(--font-mono)}.range-control input{width:100%;height:2px;margin-top:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--blue),var(--blue)) no-repeat,rgba(30,44,72,.15);accent-color:var(--blue)}.range-control input::-webkit-slider-thumb{width:13px;height:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--night-panel);border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.crop-controls .button--ghost{margin-top:2px}.crop-controls>.button:last-child{margin-top:auto}.stage{position:relative;min-width:0;padding:32px 46px 23px;display:flex;flex-direction:column;overflow:hidden;background:var(--night)}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 55% 48%,rgba(125,164,196,.09),transparent 42%)}.stage__header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.stage__header p{margin:0 0 4px;color:var(--faint);font:10px/1.4 var(--font-mono);letter-spacing:.08em}.stage__header h2{margin:0;color:var(--night-text);font:italic 500 20px/1.3 var(--font-display);letter-spacing:-.02em}.stage__header>span{display:flex;align-items:center;gap:7px;color:var(--night-copy);font-size:10px}.stage__header>span i{width:5px;height:5px;border-radius:50%;background:var(--green)}.crop-confirm{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--night-line);border-radius:9px;color:var(--night-copy);background:var(--paper-card);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.crop-confirm input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.crop-confirm>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid rgba(30,44,72,.25);border-radius:4px;color:transparent}.crop-confirm strong{font-size:10px;font-weight:500}.crop-confirm.is-checked{border-color:rgba(142,175,138,.55);color:#3d7a39;background:rgba(142,175,138,.11)}.crop-confirm.is-checked>span{border-color:var(--green);color:var(--ink);background:var(--green)}.crop-confirm.is-locked{cursor:not-allowed;opacity:.5}.crop-confirm.is-locked input{pointer-events:none}.mobile-adjust{display:none}.screen-tabs{position:relative;z-index:2;margin:18px auto 0;display:flex;justify-content:center;gap:8px}.screen-tabs button{min-width:132px;height:45px;padding:5px 13px;display:flex;align-items:baseline;justify-content:center;gap:6px;border:1px solid var(--night-line);border-radius:9px;color:var(--night-copy);background:var(--night-raised)}.screen-tabs button.active{border-color:var(--ink);color:#f6f2ec;background:var(--ink)}.screen-tabs strong{font-size:11px;font-weight:500}.screen-tabs span{color:inherit;font:9px/1 var(--font-mono);opacity:.72}.previews{position:relative;flex:1;min-height:510px;padding:32px 0 15px;display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,58px)}.preview{margin:0;display:flex;flex-direction:column;align-items:center}.device-frame{padding:6px;border:1px solid rgba(200,216,236,.28);border-radius:12px;background:linear-gradient(135deg,#314058,#172339 50%,#2b3a51);box-shadow:0 20px 60px rgba(0,0,0,.35)}.device-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:6px;background:#0a1019}.device-screen>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--image-x) var(--image-y);-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;transform:scale(var(--image-scale));transform-origin:var(--image-x) var(--image-y);transition:transform .1s linear,object-position .1s linear}.hinges{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-evenly;pointer-events:none}.hinges i{width:1px;height:100%;border-left:1px dashed rgba(255,255,255,.38);box-shadow:2px 0 3px rgba(0,0,0,.3)}.preview figcaption{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:4px}.preview figcaption strong{font-size:11px;font-weight:500}.preview figcaption span{color:var(--night-copy);font:9px/1 var(--font-mono)}.preview--tri-open .device-frame{width:min(40vw,470px);height:min(28vw,330px)}.preview--tri-dual .device-frame{width:min(25vw,285px);height:min(27vw,310px)}.preview--tri-closed .device-frame{width:min(12vw,135px);height:min(30vw,335px)}.preview--fold-inner .device-frame{width:min(35vw,400px);height:min(33vw,375px)}.preview--fold-cover .device-frame{width:min(18vw,200px);height:min(39vw,440px)}.preview--wide-inner .device-frame{width:min(37vw,425px);height:min(35vw,395px)}.preview--wide-cover .device-frame{width:min(31vw,355px);height:min(16vw,185px)}.preview--phone .device-frame{width:min(24vw,255px);height:min(52vw,555px);padding:7px;border-radius:24px}.preview--phone .device-screen{border-radius:17px}.preview--tablet .device-frame{width:min(50vw,590px);height:min(38vw,445px);padding:8px;border-radius:18px}.preview--desktop .device-frame{position:relative;width:min(60vw,700px);height:min(34vw,394px);margin-bottom:30px;border-radius:7px}.preview--desktop .device-frame:before{content:"";position:absolute;left:50%;bottom:-27px;width:7px;height:26px;transform:translate(-50%);background:linear-gradient(90deg,#202d42,#52627a,#202d42)}.preview--desktop .device-frame:after{content:"";position:absolute;left:50%;bottom:-31px;width:70px;height:5px;transform:translate(-50%);border-radius:50%;background:#35445a}.stage__safe{position:relative;margin:0;display:flex;align-items:center;justify-content:center;gap:7px;color:#9aa3b0;font-size:9px}.stage__safe svg{color:var(--green)}.mobile-output-tabs,.mobile-download{display:none}.stage--cropping{background:var(--paper)}.stage--cropping{display:block;overflow-y:auto}.crop-output-stack{position:relative;z-index:1;padding-top:19px}.crop-output-section{padding:20px 0 32px;border-top:1px solid var(--night-line)}.crop-output-section:first-child{border-top:0}.crop-output-section>header{width:min(72vw,920px);margin:0 auto 2px;display:flex;align-items:center;justify-content:space-between}.crop-output-section>header>div{display:flex;align-items:baseline;gap:9px}.crop-output-section>header>div>span{color:var(--faint);font:9px/1 var(--font-mono)}.crop-output-section h3{margin:0;color:var(--night-text);font-size:12px;font-weight:500}.crop-output-section header small{color:var(--night-copy);font:9px/1 var(--font-mono)}.crop-workspace{position:relative;z-index:1;min-height:0;flex:1;padding:14px 0 0;display:flex;flex-direction:column;align-items:center}.crop-workspace__meta{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.crop-workspace__meta span{color:var(--faint);font:9px/1 var(--font-mono);text-transform:uppercase}.crop-workspace__meta strong{font-size:12px;font-weight:500}.crop-workspace__meta small{color:var(--night-copy);font:9px/1 var(--font-mono)}.crop-canvas{position:relative;width:min(72vw,920px);height:min(56vh,560px);overflow:hidden;border:1px solid var(--night-line);background:var(--paper-card);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;box-shadow:0 1px 6px rgba(30,44,72,.08)}.crop-canvas:active{cursor:grabbing}.crop-source{position:absolute;z-index:0;max-width:none;object-fit:fill;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.crop-screen{--screen-ratio: 1;position:absolute;z-index:1;top:50%;left:50%;aspect-ratio:var(--screen-ratio);transform:translate(-50%,-50%);overflow:hidden;border:2px solid var(--blue);border-radius:1px;background:transparent;box-shadow:0 0 0 999px rgba(30,44,72,.1),0 0 0 1px rgba(30,44,72,.45);pointer-events:none}.crop-screen.is-landscape{width:min(86%,760px);height:auto}.crop-screen.is-portrait{width:auto;height:min(84%,480px)}.crop-screen__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22}.crop-screen__grid i{position:absolute;background:#1e2c48}.crop-screen__grid i:nth-child(1),.crop-screen__grid i:nth-child(2){top:0;bottom:0;width:1px}.crop-screen__grid i:nth-child(1){left:33.33%}.crop-screen__grid i:nth-child(2){right:33.33%}.crop-screen__grid i:nth-child(3),.crop-screen__grid i:nth-child(4){left:0;right:0;height:1px}.crop-screen__grid i:nth-child(3){top:33.33%}.crop-screen__grid i:nth-child(4){bottom:33.33%}.crop-toolbar{width:min(580px,100%);margin-top:13px;display:flex;align-items:center;justify-content:center;gap:16px}.crop-toolbar label{flex:1;display:flex;align-items:center;gap:12px}.crop-toolbar label span{color:var(--night-text);font-size:11px}.crop-toolbar input{flex:1;height:3px;accent-color:var(--blue)}.crop-toolbar .button{min-height:38px;padding:0 15px}.crop-toolbar>strong{min-width:39px;color:var(--night-text);font:12px/1 var(--font-mono)}.crop-workspace__help{margin:10px 0 0;color:#9aa3b0;font-size:9px}.crop-summary>div{display:flex;align-items:center;gap:12px}.crop-summary .device-glyph{color:var(--blue)}.crop-summary>div>span{display:flex;flex-direction:column;gap:3px}.crop-summary strong{font-size:11px;font-weight:500}.crop-summary small{color:var(--night-copy);font:9px/1 var(--font-mono)}.crop-summary>p:last-child{margin:14px 0 0;color:var(--night-copy);font-size:10px;line-height:1.7}.crop-output-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:-16px 0 24px}.crop-output-list button{height:32px;padding:0 5px;border:1px solid var(--night-line);border-radius:8px;color:var(--night-copy);background:transparent;font-size:9px}.crop-output-list button.active{border-color:var(--blue);color:var(--night-text);background:rgba(125,164,196,.12)}@media (max-width: 1199px){.workspace__body{grid-template-columns:285px minmax(0,1fr)}.stage{padding-left:30px;padding-right:30px}.previews{gap:22px}}@media (max-width: 767px){.landing{padding:52px 18px 36px}.landing h1{font-size:48px}.landing h2{font-size:19px}.upload-zone{min-height:265px}.form-factors{margin-top:38px}.form-factors>div{gap:23px;flex-wrap:wrap}.form-factors span{flex-direction:column;gap:7px}.workspace__bar{height:52px;padding:0 16px}.workspace__bar strong{font-size:16px}.workspace__bar .workspace__upload{height:34px;padding:0 11px}.workspace__body{display:flex;flex-direction:column;min-height:100vh}.controls{display:contents}.controls-upload{order:0;min-height:48px;margin:10px 16px}.device-navigation{order:1;max-height:230px;flex:none;padding:13px 16px;border-bottom:1px solid var(--night-line)}.device-navigation__heading{margin-bottom:3px}.device-navigation__priority{margin:6px 0}.device-navigation__list{display:block}.device-navigation__device{min-height:40px}.device-navigation__device .device-glyph{display:none}.device-navigation__device strong{max-width:240px}.controls__scroll{display:contents}.current-image,.composition,.download-panel{display:none}.outputs{order:3;margin:0;padding:15px 16px 90px;display:none}.crop-controls{position:fixed;z-index:20;inset:auto 0 72px;min-height:auto;padding:20px;border-top:1px solid var(--night-line);background:var(--night-panel);box-shadow:0 -20px 45px rgba(30,44,72,.15)}.crop-controls>p{margin-bottom:20px}.crop-output-list{margin-bottom:18px}.crop-controls .range-control{margin-bottom:17px}.crop-controls>.button:last-child{margin-top:5px}.stage{order:2;min-height:calc(100vh - 282px);padding:19px 16px 100px}.stage__header{margin-bottom:16px}.stage__header>span{display:none}.stage__header h2{font-size:18px}.screen-tabs{margin-top:13px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.screen-tabs button{min-width:128px;flex:0 0 auto}.mobile-output-tabs{position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid var(--night-line)}.mobile-output-tabs button{height:38px;border:0;border-bottom:1px solid transparent;color:var(--night-copy);background:transparent;font-size:10px}.mobile-output-tabs button.active{color:var(--night-text);border-color:var(--blue)}.previews{min-height:450px;padding:25px 0 5px}.previews .preview{display:none}.previews .preview.is-mobile-active{display:flex}.preview--tri-open .device-frame{width:min(88vw,350px);height:min(62vw,246px)}.preview--tri-dual .device-frame{width:min(69vw,275px);height:min(75vw,300px)}.preview--tri-closed .device-frame{width:min(35vw,138px);height:min(87vw,345px)}.preview--fold-inner .device-frame{width:min(82vw,325px);height:min(74vw,295px)}.preview--fold-cover .device-frame{width:min(42vw,165px);height:min(95vw,380px)}.preview--wide-inner .device-frame{width:min(83vw,330px);height:min(76vw,300px)}.preview--wide-cover .device-frame{width:min(83vw,330px);height:min(38vw,150px)}.preview--phone .device-frame{width:min(54vw,215px);height:min(116vw,460px)}.preview--tablet .device-frame{width:min(88vw,350px);height:min(66vw,263px)}.preview--desktop .device-frame{width:min(88vw,350px);height:min(50vw,198px)}.stage__safe{display:none}.crop-workspace{padding-top:10px}.crop-output-stack{padding-top:8px}.crop-output-section{padding:14px 0 28px}.crop-output-section>header{width:100%}.crop-output-section>header>div{gap:6px}.crop-output-section header small{display:none}.crop-canvas{width:calc(100vw - 32px);height:min(49vh,410px)}.crop-screen{max-width:82%;max-height:82%}.crop-toolbar{gap:10px}.crop-toolbar label{gap:8px}.crop-toolbar .button{padding:0 11px}.crop-workspace__help{padding:0 12px;text-align:center;line-height:1.5}.mobile-download{position:fixed;z-index:22;inset:auto 0 0;height:72px;padding:11px 16px;display:block;border-top:1px solid var(--night-line);background:rgba(246,242,236,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-download .button{width:100%;min-height:50px}.workspace-empty{min-height:calc(100vh - 282px);padding:30px 18px 105px}.workspace-empty__intro h2{font-size:36px}.gift-wallpapers__grid{grid-template-columns:1fr}.gift-wallpapers__grid button{height:130px}}:root{--ink: #1e2c48;--ink-deep: #15263d;--blue: #7da4c4;--blue-deep: #2a5a7e;--orange: #c4894e;--paper: #f6f2ec;--muted: #ede7dd;--card: #fdfaf6;--text-2: #4a5a72;--text-3: #6a7a90;--text-4: #7a8898;--text-5: #9aa3b0;--display: "Cormorant Garamond", "Noto Serif SC", "Songti SC", Georgia, serif;--sans: "DM Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono: "JetBrains Mono", Consolas, monospace}.page{min-height:100vh;overflow:hidden;color:var(--ink);background:var(--paper);font-family:var(--sans)}.page button,.page input,.page textarea,.page select{font:inherit}.page button{cursor:pointer}.page button:focus-visible,.page input:focus-visible,.page textarea:focus-visible,.page select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:68px 24px 42px;text-align:center}.hero__glow{position:absolute;top:-270px;left:50%;width:850px;height:520px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(125,164,196,.17),transparent 68%);pointer-events:none}.eyebrow{position:relative;display:flex;align-items:center;gap:9px;margin:0;color:var(--text-5);font-family:var(--mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.eyebrow>span{width:20px;height:1px;background:var(--orange)}.hero__title{position:relative;margin-top:13px;font-family:var(--display);font-size:clamp(42px,5vw,64px);font-style:italic;font-weight:600;letter-spacing:-.04em;line-height:1.08;animation:rise .7s ease backwards}.hero>p{position:relative;margin:15px 0 0;color:var(--text-3);font-size:16px;font-weight:400}.trust-pill{display:flex;align-items:center;gap:6px;margin-top:15px;padding:6px 10px;border-radius:999px;color:var(--blue-deep);background:rgba(125,164,196,.14);font-size:12px}.studio{display:grid;width:min(1260px,calc(100% - 48px));grid-template-columns:minmax(440px,.9fr) minmax(500px,1.1fr);margin:0 auto 92px;overflow:hidden;border:1px solid rgba(30,44,72,.08);border-radius:16px;background:var(--card);box-shadow:0 12px 40px rgba(30,44,72,.07);animation:rise .85s .12s ease backwards}.editor{padding:26px;border-right:1px solid rgba(30,44,72,.08)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-head>div:first-child{display:flex;align-items:center;gap:11px}.panel-head strong{display:block;font-family:var(--display);font-size:21px;font-style:italic;font-weight:600}.panel-head small{display:block;margin-top:2px;color:var(--text-5);font-size:10px}.step-no{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--orange);background:rgba(196,137,78,.1);font-family:var(--mono);font-size:10px}.panel-head--compact{margin-bottom:15px}.segmented{display:flex;padding:3px;border-radius:9px;background:var(--muted)}.segmented button{min-height:31px;padding:0 12px;border:0;border-radius:7px;color:var(--text-4);background:transparent;font-size:11px}.segmented button.active{color:var(--ink);background:var(--card);box-shadow:0 1px 4px rgba(30,44,72,.08)}.segmented--small button{min-height:29px}.field{margin-top:13px}.field label,.option-label{display:block;margin-bottom:7px;color:var(--text-3);font-size:11px;font-weight:600}.field label span{color:var(--text-5);font-weight:400}.field input,.field textarea,select{width:100%;border:1px solid rgba(30,44,72,.09);border-radius:10px;outline:0;color:var(--ink);background:#fffdf9;transition:border-color .2s}.field input{height:42px;padding:0 12px;font-size:13px}.field textarea{min-height:194px;padding:13px;resize:vertical;font-family:var(--sans);font-size:14px;font-weight:400;line-height:1.8}.field input:focus,.field textarea:focus,select:focus{border-color:var(--blue)}.metadata-add{margin:-4px 0 10px;padding:3px 0;border:0;color:var(--blue-deep);background:transparent;font-size:11px}.metadata-add:hover{text-decoration:underline}.field--metadata{margin-top:7px}.counter{display:flex;justify-content:space-between;margin-top:5px;color:var(--text-5);font-size:10px}.counter strong{font-family:var(--mono);font-weight:500}.local-note{display:flex;gap:9px;margin-top:14px;padding:11px 12px;border-radius:10px;color:var(--blue-deep);background:rgba(125,164,196,.1)}.local-note svg{flex:0 0 auto}.local-note span{color:var(--text-4);font-size:10px;line-height:1.6}.local-note strong{display:block;color:var(--blue-deep);font-size:11px}.control-section{margin-top:24px;padding-top:23px;border-top:1px solid rgba(30,44,72,.08)}.purpose-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.purpose-tabs button{min-height:51px;padding:8px 6px;border:1px solid rgba(30,44,72,.08);border-radius:9px;color:var(--text-4);background:#fffdf9;text-align:left}.purpose-tabs button strong,.purpose-tabs button small{display:block}.purpose-tabs button strong{color:var(--ink);font-size:11px;font-weight:600}.purpose-tabs button small{margin-top:3px;font-size:8px;white-space:nowrap}.purpose-tabs button.active{border-color:var(--ink);color:var(--blue-deep);background:rgba(125,164,196,.09);box-shadow:inset 0 -2px var(--ink)}.purpose-tabs button:disabled{cursor:not-allowed;opacity:.45}.purpose-tabs button:disabled strong{color:var(--text-4)}.purpose-summary{margin-bottom:11px;padding:9px 11px;border-radius:8px;color:var(--text-4);background:var(--muted);font-size:9px;line-height:1.55}.purpose-summary span{margin-right:7px;color:var(--ink);font-weight:700}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template-option{position:relative;padding:5px;border:1px solid rgba(30,44,72,.08);border-radius:10px;color:var(--ink);background:transparent;text-align:left;transition:.2s ease}.template-option:hover{transform:translateY(-1px)}.template-option:disabled{cursor:not-allowed;opacity:.5;transform:none}.template-option:disabled:hover{transform:none}.template-option.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(125,164,196,.12)}.template-art{position:relative;display:flex;height:78px;flex-direction:column;justify-content:space-between;padding:8px;overflow:hidden;border-radius:7px;background:#f2ede3;isolation:isolate}.template-art i{font-family:var(--mono);font-size:8px;font-style:normal;opacity:.6}.template-art b{position:relative;z-index:1;font-family:var(--display);font-size:27px;font-weight:600;line-height:.8}.template-art em{font-family:var(--mono);font-size:7px;font-style:normal;letter-spacing:.1em;opacity:.7}.template-option>span:nth-child(2){display:flex;flex-direction:column;padding:7px 3px 3px}.template-option>span strong{font-size:11px;font-weight:600}.template-option>span small{margin-top:2px;color:var(--text-5);font-size:8px}.template-option--book-illustration .template-art{color:#3b302c;background:#f0eadf}.template-option--quiet-serif .template-art{color:#171717;background:#efeee9}.template-option--quiet-serif .template-art b{align-self:center;margin-top:8px;font-size:20px}.template-option--bold-grid .template-art,.template-option--focus-grid .template-art{color:#25282d;background-color:#f0f0ec;background-image:linear-gradient(rgba(50,55,64,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(50,55,64,.1) 1px,transparent 1px);background-size:8px 8px}.template-option--bold-grid .template-art b,.template-option--focus-grid .template-art b{color:#c323d9;font-family:var(--sans);font-size:28px;font-weight:800}.template-option--mountain .template-art{color:#30463d;background:#f3eee4}.template-option--blue-bloom .template-art{color:#29313a;background:linear-gradient(90deg,#a4513f 0,#a4513f 4px,#ece7dd 4px)}.template-option--blue-bloom .template-art b{align-self:center;color:#a4513f;font-family:var(--display);font-weight:600}.template-option--index-card .template-art{border:1px solid #507581;color:#203544;background:#e9ece8}.template-option--index-card .template-art b{font-family:var(--mono);font-size:15px}.template-option--marker-note .template-art{color:#34342f;background:linear-gradient(transparent 45%,#e9df49 45% 74%,transparent 74%),#f4f0df}.template-option--fish-note .template-art{color:#493b31;background:repeating-linear-gradient(90deg,#c4d2cb 0,#c4d2cb 13px,#eeeae1 13px,#eeeae1 26px)}.template-option--doodle .template-art{color:#33322e;background:#f3f2df}.template-option--clipping .template-art{border:1px solid #262523;color:#262523;background:linear-gradient(90deg,#8f3f37 0,#8f3f37 4px,#e8e3d8 4px)}.template-option--clipping .template-art b{font-family:var(--mono);font-size:12px;letter-spacing:.08em}.template-option--classic-page .template-art{color:#292927;background:#eeeee9}.template-option--classic-page .template-art b{align-self:center;font-size:20px}.template-option--reading .template-art{color:#28303a;background:linear-gradient(90deg,#8f765c 0,#8f765c 5px,#f5f2eb 5px)}.template-option--night-read .template-art{color:#e8e7df;background:#192539}.template-option--retro-print .template-art{border:1px solid rgba(30,44,72,.12);color:#1f1f1f;background:#fff}.template-option--retro-print .template-art b{font-family:var(--sans);font-size:16px;font-weight:700}.template-option--longweibo-cool .template-art{color:#1e40af;background:#fafaf7}.template-option--longweibo-warm .template-art{color:#b45309;background:#faf6ee}.template-option--longweibo-cool .template-art b,.template-option--longweibo-warm .template-art b{font-family:var(--sans);font-size:16px;font-weight:700}.template-option--botanical-line .template-art{color:#3e5c7a;background:#f4f2ec url(/assets/tpl-botanical-C7ROLvxZ.webp) center/cover}.template-option--botanical-line .template-art b{font-size:20px}.template-option--flower-note .template-art{color:#4a4136;background:#f5e9db url(/assets/tpl-flower-DdwVR7Pp.webp) center/cover}.template-option--flower-note .template-art b{font-size:20px}.template-option--strawberry-frame .template-art{color:#4a4a44;background:#f6f1e8 url(/assets/tpl-strawberry-DKvMJIzU.webp) center/cover}.template-option--strawberry-frame .template-art b{font-size:20px}.template-option--navy-floral .template-art{color:#f3e9d2;background:#1e3350 url(/assets/tpl-navy-floral-DIqjzy48.webp) center/cover}.template-option--navy-floral .template-art b{font-size:20px}.template-option--night-berry .template-art{color:#f0e7d3;background:#1c2434 url(/assets/tpl-night-berry-B0RVF1bT.webp) center/cover}.template-option--night-berry .template-art b{font-size:20px}.template-option--peach-bloom .template-art{color:#6b4a35;background:#f5ddcb url(/assets/tpl-peach-bloom-D9IqDPqY.webp) center/cover}.template-option--peach-bloom .template-art b{font-size:20px}.template-option--starry-mist .template-art{color:#f2e6c8;background:#0e1c2e url(/assets/tpl-starry-mist-DuVQFkBR.webp) center/cover}.template-option--starry-mist .template-art b{font-size:20px}.template-option--gold-frame .template-art{color:#3f3a32;background:#f3ede4 url(/assets/backsq-DE3XccXq.webp) center/cover}.template-option--gold-frame .template-art b{font-size:20px}.template-option--porcelain-bloom .template-art{color:#33506e;background:#eef0ea url(/assets/tpl-porcelain-bloom-EYfR1pjL.webp) center/cover}.template-option--porcelain-bloom .template-art b{font-size:20px}.selected-check{position:absolute;top:-5px;right:-5px;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:var(--paper);background:var(--ink)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-card{display:flex;gap:7px;min-height:61px;padding:10px 8px;border:1px solid rgba(30,44,72,.08);border-radius:10px;color:var(--text-4);background:#fffdf9;text-align:left}.mode-card:disabled{cursor:not-allowed;opacity:.48}.mode-card.active{border-color:var(--blue);background:rgba(125,164,196,.07)}.radio{display:grid;width:14px;height:14px;flex:0 0 auto;place-items:center;border:1px solid rgba(30,44,72,.2);border-radius:50%}.mode-card.active .radio{border-color:var(--blue-deep)}.mode-card.active .radio i{width:7px;height:7px;border-radius:50%;background:var(--blue-deep)}.mode-card strong{display:block;color:var(--ink);font-size:11px;font-weight:600}.mode-card strong em{display:block;margin-top:2px;color:var(--orange);font-size:8px;font-style:normal}.mode-card small{display:block;margin-top:4px;font-size:8px}.range-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--muted);color:var(--text-4);font-size:10px}.range-row input{accent-color:var(--ink)}.range-row strong{color:var(--ink);font-family:var(--mono);font-size:11px}.quick-settings{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px;margin-top:14px}.quick-settings select{height:37px;padding:0 9px;color:var(--text-2);font-size:10px}.quick-settings .segmented{height:37px}.quick-settings .segmented button{flex:1;padding:0 6px;font-size:10px}.preview{position:-webkit-sticky;position:sticky;top:0;display:flex;min-width:0;height:min-content;flex-direction:column;align-items:stretch;background:var(--muted)}.preview-output{margin-top:0;padding:18px 20px 2px;border-top:0}.preview-head{display:flex;height:68px;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid rgba(30,44,72,.07);color:var(--text-2);font-size:12px;font-weight:600}.preview-head__title{display:flex;align-items:center;gap:11px}.preview-head__title strong{display:block;font-family:var(--display);font-size:21px;font-style:italic;font-weight:600}.preview-head__title small{display:block;margin-top:2px;color:var(--text-5);font-size:10px;font-weight:400}.preview-head small{color:var(--text-5);font-size:9px;font-weight:400}.live-dot{width:5px;height:5px;border-radius:50%;background:#71956e;box-shadow:0 0 0 4px rgba(113,149,110,.1)}.preview-controls{padding:13px 20px 14px;border-bottom:1px solid rgba(30,44,72,.08);background:rgba(253,250,246,.72)}.preview-controls .quick-settings{margin-top:0}.preview-controls .option-label{margin-bottom:5px;font-size:9px}.preview-controls .quick-settings select,.preview-controls .quick-settings .segmented{height:34px}.visual-toggles{display:flex;height:34px;padding:3px;border-radius:9px;background:var(--muted)}.visual-toggles button{display:grid;min-width:0;flex:1;place-items:center;padding:0;border:0;border-radius:7px;color:var(--text-4);background:transparent}.visual-toggles button:hover{color:var(--ink)}.visual-toggles button:disabled,.segmented button:disabled{cursor:not-allowed;opacity:.4}.visual-toggles button:disabled:hover{color:var(--text-4)}.visual-toggles button.active{color:var(--ink);background:var(--card);box-shadow:0 1px 4px rgba(30,44,72,.1)}.margin-icon{display:grid;width:18px;height:18px;place-items:center;border-radius:2px;background:var(--ink)}.margin-icon i{display:block;background:var(--card)}.margin-icon--tight i{width:13px;height:13px}.margin-icon--airy i{width:8px;height:8px}.canvas-wrap{display:grid;min-height:670px;padding:38px 46px;place-items:center;overflow:auto;background-image:radial-gradient(rgba(30,44,72,.1) .6px,transparent .6px);background-size:12px 12px}.visual-card{--card-bg: #f5f1e8;--card-ink: #252c39;--card-accent: #b06d4f;position:relative;display:flex;width:min(390px,100%);aspect-ratio:3/4;flex-direction:column;overflow:hidden;padding:52px 47px 38px;color:var(--card-ink);background:var(--card-bg);box-shadow:0 18px 45px rgba(30,44,72,.15);isolation:isolate}.visual-card--square{aspect-ratio:1}.visual-card--long{min-height:550px;aspect-ratio:auto}.visual-card--auto{aspect-ratio:auto;min-height:0}.visual-card--auto .card-body{max-height:none;overflow:visible}.card-kicker{position:relative;font-family:var(--mono);font-size:6px;letter-spacing:.16em;text-transform:uppercase;opacity:.65}.card-title{position:relative;margin-top:48px;font-family:var(--display);font-size:30px;font-style:italic;font-weight:500;letter-spacing:0;line-height:1.22;overflow-wrap:break-word;line-break:strict;text-wrap:balance}.card-title--heading{text-align:left;text-justify:auto}.card-body{position:relative;flex:1;margin-top:26px;white-space:pre-wrap;font-family:"Noto Serif SC",Songti SC,serif;font-size:12px;font-weight:400;line-height:1.95}.visual-card--font-32{--font-adjust:-4px}.visual-card--font-36{--font-adjust:0px}.visual-card--font-42{--font-adjust:5px}.visual-card--font-32 .card-body{font-size:10px}.visual-card--font-36 .card-body{font-size:12px}.visual-card--font-42 .card-body{font-size:14px}.visual-card--space-tight .card-body{line-height:1.58}.visual-card--center .card-title,.visual-card--center .card-body{text-align:center}.card-foot{position:relative;display:flex;justify-content:space-between;margin-top:30px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--card-ink) 18%,transparent);font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:7px;letter-spacing:.02em;opacity:1}.card-page{position:absolute;top:10px;right:12px;z-index:2;white-space:nowrap;color:var(--card-accent);font-family:PingFang SC,PingFang TC,Microsoft YaHei,sans-serif;font-size:28px;font-weight:800;letter-spacing:.02em}.visual-card--short-hero{--short-size:48px;--short-line:1.08;--short-spacing:-.035em}.visual-card--short-standard{--short-size:38px;--short-line:1.16;--short-spacing:-.02em}.visual-card--short-compact{--short-size:29px;--short-line:1.28;--short-spacing:0}.visual-card--short-dense{--short-size:23px;--short-line:1.4;--short-spacing:.01em}.visual-card--book-illustration{--card-bg:#f0eadf;--card-ink:#3b302c;--card-accent:#8a6249;align-items:flex-start;justify-content:flex-start;padding:52px 44px 44px;text-align:left}.visual-card--book-illustration:before{position:absolute;top:18px;left:24px;content:"“";color:var(--card-accent);font-family:Georgia,serif;font-size:56px;line-height:1;opacity:.28}.visual-card--book-illustration:after{position:absolute;top:24px;right:24px;width:48px;height:1px;content:"";background:var(--card-accent);opacity:.5}.visual-card--book-illustration .card-kicker{position:absolute;top:24px;left:24px}.visual-card--book-illustration .card-body{flex:0 1 auto;margin:0;font-size:13px;line-height:1.75}.visual-card--book-illustration .card-foot{width:100%;margin-top:auto;padding-top:28px}.visual-card--quiet-serif{--card-bg:#efeee9;--card-ink:#171717;--card-accent:#77736c;justify-content:center;text-align:center}.visual-card--quiet-serif .card-kicker{display:none}.visual-card--quiet-serif .card-title{max-width:100%;margin:0 auto;font-size:calc(var(--short-size) + var(--font-adjust));font-style:normal;letter-spacing:var(--short-spacing);line-height:var(--short-line)}.visual-card--quiet-serif .card-body{flex:0 1 auto;max-height:115px;margin-top:18px;overflow:hidden;font-size:10px}.visual-card--quiet-serif .card-foot{position:absolute;right:46px;bottom:38px;left:46px}.visual-card--bold-grid,.visual-card--focus-grid{--card-bg:#f0f0ec;--card-ink:#25282d;--card-accent:#c323d9;background-color:var(--card-bg);background-image:linear-gradient(rgba(50,55,64,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(50,55,64,.1) 1px,transparent 1px);background-size:13px 13px}.visual-card--bold-grid .card-kicker,.visual-card--focus-grid .card-kicker{color:var(--card-accent);font-size:12px;font-weight:600;opacity:1}.visual-card--bold-grid .card-title,.visual-card--focus-grid .card-title{margin-top:45px;font-family:var(--sans);font-size:calc(var(--short-size) + var(--font-adjust));font-style:normal;font-weight:700;letter-spacing:var(--short-spacing);line-height:var(--short-line)}.visual-card--bold-grid .card-body,.visual-card--focus-grid .card-body{flex:0 1 auto;max-height:120px;overflow:hidden;font-family:var(--sans);font-size:12px;line-height:1.45}.visual-card--focus-grid .card-title{font-size:39px}.visual-card--mountain{--card-bg:#f3eee4;--card-ink:#30463d;--card-accent:#c66a2b;align-items:center;padding-top:170px;text-align:center}.visual-card--mountain .mountain-art{top:35px;left:50%;width:250px;transform:translate(-50%)}.visual-card--mountain .card-kicker{display:none}.visual-card--mountain .card-title{font-family:var(--sans);font-size:37px;font-style:normal;font-weight:700;text-transform:uppercase}.visual-card--mountain .card-body{flex:0 1 auto;max-height:130px;overflow:hidden;font-family:var(--display);font-size:15px;font-style:italic}.visual-card--mountain .card-foot{width:100%;margin-top:auto}.visual-card--blue-bloom{--card-bg:#ece7dd;--card-ink:#29313a;--card-accent:#a4513f;justify-content:center;padding:72px 58px}.visual-card--blue-bloom:before{position:absolute;top:42px;left:58px;content:"QUOTE";color:var(--card-accent);font-family:var(--mono);font-size:7px;letter-spacing:.16em}.visual-card--blue-bloom:after{position:absolute;top:63px;left:58px;width:42px;height:2px;content:"";background:var(--card-accent)}.visual-card--blue-bloom .card-kicker{display:none}.visual-card--blue-bloom .card-title{max-width:100%;margin:0;font-family:var(--display);font-size:calc(var(--short-size) + var(--font-adjust));font-style:normal;font-weight:500;letter-spacing:var(--short-spacing);line-height:var(--short-line)}.visual-card--blue-bloom .card-foot{position:absolute;right:58px;bottom:40px;left:58px}.visual-card--index-card{--card-bg:#e9ece8;--card-ink:#203544;--card-accent:#507581;margin:16px;outline:1px solid var(--card-accent);outline-offset:-16px}.visual-card--index-card:after{position:absolute;top:0;right:35px;width:34px;height:74px;content:"";background:#e3cc71}.visual-card--index-card .card-kicker{margin:-15px -10px 0;padding:10px;color:#fff;background:var(--card-accent);opacity:1}.visual-card--index-card .card-title{font-family:var(--sans);font-size:28px;font-style:normal;font-weight:600}.visual-card--index-card .card-body{padding-left:16px;border-left:2px solid var(--card-accent)}.visual-card--marker-note{--card-bg:#f4f0df;--card-ink:#34342f;--card-accent:#e9df49}.visual-card--marker-note .card-title{display:inline;width:max-content;margin-top:55px;padding:0 4px;font-family:var(--sans);font-size:32px;font-style:normal;font-weight:700;background:linear-gradient(transparent 56%,var(--card-accent) 56%)}.visual-card--marker-note .card-body{padding:18px;border:1px dashed rgba(52,52,47,.25);background:rgba(255,255,255,.28);font-family:var(--sans);font-size:11px}.visual-card--fish-note{--card-bg:#d8e2dc;--card-ink:#493b31;--card-accent:#9a604b;padding:52px 56px 54px;background:repeating-linear-gradient(90deg,#c4d2cb 0,#c4d2cb 54px,#eeeae1 54px,#eeeae1 108px)}.visual-card--fish-note:before{position:absolute;top:44px;right:32px;bottom:52px;left:32px;content:"";background:#eee8d9;box-shadow:0 8px 22px rgba(73,59,49,.12);z-index:-1}.visual-card--fish-note:after{position:absolute;top:61px;right:56px;left:56px;height:1px;content:"";background:var(--card-accent);opacity:.35}.visual-card--fish-note .card-kicker{display:none}.visual-card--fish-note .card-title{margin-top:24px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:28px;text-align:left}.visual-card--fish-note .card-body{margin-top:24px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;line-height:1.75;text-align:left}.visual-card--fish-note .card-foot{margin-top:auto}.visual-card--doodle{--card-bg:#f3f2df;--card-ink:#33322e;--card-accent:#ef5b45}.visual-card--doodle .card-title{margin-top:82px;font-family:var(--mono);font-size:28px;font-style:normal;text-align:center}.visual-card--doodle .card-body{z-index:1;max-height:230px;overflow:hidden;font-family:var(--mono);font-size:11px;line-height:1.8;text-align:center}.visual-card--clipping{--card-bg:#e8e3d8;--card-ink:#262523;--card-accent:#8f3f37;padding:48px 44px 40px;outline:1px solid var(--card-ink);outline-offset:-22px}.visual-card--clipping:before{position:absolute;top:22px;left:44px;content:"EXCERPT  /  CLIPPING";color:var(--card-accent);font-family:var(--mono);font-size:7px;letter-spacing:.14em}.visual-card--clipping:after{position:absolute;top:41px;left:44px;width:56px;height:3px;content:"";background:var(--card-accent)}.visual-card--clipping .card-kicker{display:none}.visual-card--clipping .card-body{margin-top:42px;padding-left:19px;border-left:1px solid var(--card-accent);font-family:"Noto Serif SC",Songti SC,serif;font-size:12px;line-height:1.75}.visual-card--clipping .card-foot{border-top:3px double var(--card-ink)}.visual-card--flow{aspect-ratio:auto;min-height:0}.visual-card--flow .card-body{max-height:none;overflow:visible}.visual-card--flow.visual-card--book-illustration .card-body{margin-top:8px}.visual-card--classic-page{--card-bg:#eeeee9;--card-ink:#292927;--card-accent:#92918b;--page-top-gap:28px;align-items:stretch;text-align:left}.visual-card--classic-page .card-title{margin-top:25px;font-size:27px;text-align:center}.visual-card--classic-page .card-body{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7;text-align:left}.visual-card--classic-page.visual-card--font-32 .card-body{font-size:13px}.visual-card--classic-page.visual-card--font-36 .card-body{font-size:15px}.visual-card--classic-page.visual-card--font-42 .card-body{font-size:17px}.visual-card--classic-page .card-foot{width:100%}.visual-card--reading{--card-bg:#f5f2eb;--card-ink:#28303a;--card-accent:#8f765c;--page-top-gap:28px;box-shadow:inset 6px 0 var(--card-accent),0 18px 45px rgba(30,44,72,.15);padding:48px 40px 36px 48px}.visual-card--reading .card-title{margin-top:35px;font-size:28px}.visual-card--reading .card-body{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7}.visual-card--reading.visual-card--font-32 .card-body{font-size:13px}.visual-card--reading.visual-card--font-36 .card-body{font-size:15px}.visual-card--reading.visual-card--font-42 .card-body{font-size:17px}.visual-card--night-read{--card-bg:#192539;--card-ink:#e8e7df;--card-accent:#9eb1c7;--page-top-gap:28px}.visual-card--night-read .card-title{margin-top:35px;font-size:28px}.visual-card--night-read .card-body{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:15px;line-height:1.75}.visual-card--night-read.visual-card--font-32 .card-body{font-size:13px}.visual-card--night-read.visual-card--font-36 .card-body{font-size:15px}.visual-card--night-read.visual-card--font-42 .card-body{font-size:17px}.visual-card--art{--art-inset: 12px;padding:0;background-size:cover;background-position:center;aspect-ratio:1/1}.visual-card--art.visual-card--space-tight{--art-inset: 2px}.visual-card--art .card-kicker{display:none}.visual-card--art .card-title{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;max-height:100%;margin:0;transform:none;font-size:26px;font-style:normal;line-height:1.22;overflow:hidden;overflow-wrap:break-word;line-break:strict;text-wrap:balance}.visual-card--art.visual-card--font-32 .card-title{font-size:22px}.visual-card--art.visual-card--font-42 .card-title{font-size:31px}.visual-card--art .card-title.card-title--long{font-size:22px;line-height:1.3}.visual-card--art .card-title.card-title--xlong{font-size:18px;line-height:1.4}.visual-card--art.visual-card--font-32 .card-title.card-title--long{font-size:19px}.visual-card--art.visual-card--font-32 .card-title.card-title--xlong{font-size:15px}.visual-card--art.visual-card--font-42 .card-title.card-title--long{font-size:25px}.visual-card--art.visual-card--font-42 .card-title.card-title--xlong{font-size:21px}.visual-card--art.visual-card--font-32 .card-body{font-size:11px}.visual-card--art.visual-card--font-42 .card-body{font-size:13px}.visual-card--art .card-art-stack--quote{position:absolute;top:calc(var(--zone-top) + var(--art-inset));right:calc(var(--zone-right) + var(--art-inset));bottom:calc(var(--zone-bottom) + var(--art-inset));left:calc(var(--zone-left) + var(--art-inset));display:flex;align-items:center;overflow:hidden}.visual-card--art .card-art-stack--quote .card-title{flex:0 1 auto}.visual-card--art .card-foot{position:absolute;right:22px;bottom:12px;left:22px;margin:0;padding-top:15px;font-size:7px}.visual-card--art.visual-card--long{aspect-ratio:1/1}.visual-card--art.visual-card--portrait{aspect-ratio:3/4}.visual-card--navy-floral.visual-card--portrait{aspect-ratio:2/3}.visual-card--navy-floral .card-foot,.visual-card--porcelain-bloom .card-foot{right:20%;bottom:15.5%;left:20%;justify-content:center;gap:14px}.visual-card--starry-mist .card-title{text-align:var(--card-align, right)!important}.visual-card--botanical-line{--card-ink: #3e5c7a}.visual-card--botanical-line .card-title{font-family:Cormorant Garamond,"Noto Serif SC",serif;font-style:italic;font-weight:600;letter-spacing:0}.visual-card--botanical-line .card-foot{right:30%;bottom:24%;left:30%;justify-content:center;gap:14px}.visual-card--botanical-line.visual-card--portrait .card-foot{bottom:25%}.visual-card--flower-note{--card-ink: #4a4136}.visual-card--flower-note .card-title{font-family:Kaiti SC,STKaiti,KaiTi,"Noto Serif SC","Source Han Serif SC",serif;font-weight:400}.visual-card--flower-note .card-foot{right:46%;left:8%;justify-content:center;gap:14px;border-top-color:rgba(74,65,54,.18)}.visual-card--flower-note.visual-card--portrait .card-foot{right:50%}.visual-card--strawberry-frame .card-title{font-family:Long Cang,"Noto Serif SC",cursive;font-weight:400}.visual-card--strawberry-frame .card-foot{border-top-color:rgba(74,74,68,.12)}.visual-card--navy-floral{--card-ink: #f3e9d2}.visual-card--navy-floral .card-title{font-family:Cormorant Garamond,"Noto Serif SC",serif;font-style:italic;font-weight:600}.visual-card--navy-floral .card-foot{color:#f3e9d2;border-top:0;text-shadow:0 1px 6px rgba(14,28,50,.9)}.visual-card--night-berry{--card-ink: #f0e7d3}.visual-card--night-berry .card-title{font-family:Cormorant Garamond,"Noto Serif SC",serif;font-weight:600}.visual-card--night-berry .card-foot{color:#f0e7d3;border-top-color:rgba(240,231,211,.25)}.visual-card--peach-bloom{--card-ink: #6b4a35}.visual-card--peach-bloom .card-title{font-family:Ma Shan Zheng,"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-weight:400}.visual-card--peach-bloom .card-foot{border-top-color:rgba(107,74,53,.15)}.visual-card--starry-mist{--card-ink: #f2e6c8}.visual-card--starry-mist{--art-inset: 4px}.visual-card--starry-mist .card-title{font-family:Cormorant Garamond,"Noto Serif SC",serif;font-style:italic;font-weight:600}.visual-card--starry-mist .card-foot{color:#f2e6c8;border-top-color:rgba(242,230,200,.22)}.visual-card--gold-frame{--card-ink: #3f3a32}.visual-card--gold-frame .card-title{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,serif;font-weight:400}.visual-card--gold-frame .card-foot{right:27%;bottom:23%;left:27%;color:#3f3a32;border-top-color:rgba(63,58,50,.15)}.visual-card--porcelain-bloom{--card-ink: #33506e}.visual-card--porcelain-bloom .card-title{font-family:Cormorant Garamond,"Noto Serif SC",serif;font-weight:600}.visual-card--porcelain-bloom .card-foot{border-top-color:rgba(51,80,110,.14)}.visual-card--retro-print{--card-bg:#ffffff;--card-ink:#262626;--card-title-ink:#111111;--card-muted:#6b7280;--card-accent:#333333;--page-top-gap:0px}.visual-card--longweibo-cool{--card-bg:#FAFAF7;--card-ink:#262626;--card-title-ink:#111111;--card-muted:#6B7280;--card-accent:#1E40AF;--page-top-gap:0px}.visual-card--longweibo-warm{--card-bg:#FAF6EE;--card-ink:#3F3A34;--card-title-ink:#1C1917;--card-muted:#8A7F70;--card-accent:#B45309;--page-top-gap:0px}.visual-card.visual-card--retro-print,.visual-card.visual-card--longweibo-cool,.visual-card.visual-card--longweibo-warm{container-type:inline-size;border:0;background:var(--card-bg);box-shadow:0 8px 30px rgba(30,44,72,.12);font-family:PingFang TC,PingFang SC,Hiragino Sans CNS,Noto Sans TC,Microsoft JhengHei,sans-serif;letter-spacing:.01em;text-align:left;-webkit-font-smoothing:antialiased}.visual-card--retro-print .card-kicker,.visual-card--longweibo-cool .card-kicker,.visual-card--longweibo-warm .card-kicker{display:none}.visual-card--retro-print .longweibo-heading,.visual-card--longweibo-cool .longweibo-heading,.visual-card--longweibo-warm .longweibo-heading{flex:0 0 auto}.visual-card--retro-print .card-body,.visual-card--longweibo-cool .card-body,.visual-card--longweibo-warm .card-body{flex:1 1 auto;min-height:0;margin:0;padding:0;background:none;color:var(--card-ink);overflow:hidden;overflow-wrap:break-word;text-align:left}.visual-card--retro-print .card-foot,.visual-card--longweibo-cool .card-foot,.visual-card--longweibo-warm .card-foot{opacity:1}.visual-card--reading .card-foot,.visual-card--classic-page .card-foot,.visual-card--night-read .card-foot,.visual-card--retro-print .card-foot,.visual-card--longweibo-cool .card-foot,.visual-card--longweibo-warm .card-foot{margin-top:30px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--card-ink) 30%,transparent);color:var(--card-ink);font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:7px;letter-spacing:.02em;opacity:1}.visual-card--reading .card-foot,.visual-card--classic-page .card-foot,.visual-card--night-read .card-foot,.visual-card--retro-print .card-foot,.visual-card--longweibo-cool .card-foot,.visual-card--longweibo-warm .card-foot{margin-right:62px}.visual-card--retro-print .card-author,.visual-card--longweibo-cool .card-author,.visual-card--longweibo-warm .card-author{color:var(--card-muted);font-family:inherit;letter-spacing:0}.visual-card--retro-print .longweibo-heading+.card-body,.visual-card--longweibo-cool .longweibo-heading+.card-body,.visual-card--longweibo-warm .longweibo-heading+.card-body{margin-top:0}.visual-card--reading .card-body--top-gap,.visual-card--classic-page .card-body--top-gap,.visual-card--night-read .card-body--top-gap,.visual-card--retro-print .card-body--top-gap,.visual-card--longweibo-cool .card-body--top-gap,.visual-card--longweibo-warm .card-body--top-gap{margin-top:var(--page-top-gap)}.visual-card--retro-print{padding:20px clamp(22px,6.4cqw,26px) 22px}.visual-card--retro-print .card-title{margin:0 0 1.6cqw;color:var(--card-title-ink);font:700 5.2cqw/1.3 Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:.01em}.visual-card--retro-print .card-title--heading{text-align:left;text-justify:auto}.visual-card--retro-print .card-meta{margin:0 0 1cqw;color:var(--card-muted);font:3cqw/1.4 PingFang TC,PingFang SC,Hiragino Sans CNS,Noto Sans TC,Microsoft JhengHei,sans-serif;letter-spacing:.06em}.visual-card--retro-print .longweibo-bar{display:none}.visual-card--retro-print .card-body{font:14px/1.5 Microsoft YaHei,PingFang SC,sans-serif;letter-spacing:.005em}.visual-card--retro-print .card-paragraph{margin:0 0 1cqw}.visual-card--retro-print .card-paragraph:last-child{margin-bottom:0}.visual-card--retro-print .card-paragraph--lead:first-letter{float:none;margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.visual-card--longweibo-cool{padding:clamp(30px,9cqw,36px) clamp(22px,6.6cqw,26px) clamp(38px,11.4cqw,45px)}.visual-card--longweibo-cool .card-title{margin:0 0 2.2cqw;color:var(--card-title-ink);font:800 9.2cqw/1.12 PingFang TC,PingFang SC,Hiragino Sans CNS,Noto Sans TC,Microsoft JhengHei,sans-serif;letter-spacing:.04em}.visual-card--longweibo-cool .card-title--heading{text-align:left;text-justify:auto}.visual-card--longweibo-cool .card-meta{margin:0;color:var(--card-muted);font:3.6cqw/1.5 PingFang TC,PingFang SC,Hiragino Sans CNS,Noto Sans TC,Microsoft JhengHei,sans-serif;letter-spacing:.12em}.visual-card--longweibo-cool .longweibo-bar{width:13cqw;height:.85cqw;margin:5cqw 0 5.5cqw;border-radius:5cqw;background:var(--card-accent)}.visual-card--longweibo-cool .card-body{font:15px/1.7 PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.01em}.visual-card--longweibo-cool .card-paragraph{margin:0 0 3.5cqw}.visual-card--longweibo-cool .card-paragraph:last-child{margin-bottom:0}.visual-card--longweibo-cool .card-paragraph--lead:first-letter{float:left;margin:.5cqw 1.2cqw 0 0;color:var(--card-accent);font-size:7cqw;font-weight:800;line-height:.9}.visual-card--longweibo-warm{padding:clamp(34px,10.2cqw,40px) clamp(26px,7.8cqw,31px) clamp(40px,12cqw,47px)}.visual-card--longweibo-warm .card-title{margin:0 0 3cqw;color:var(--card-title-ink);font:600 6cqw/1.35 Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:.06em;text-align:center}.visual-card--longweibo-warm .card-title--heading{text-align:center;text-justify:auto}.visual-card--longweibo-warm .card-meta{margin:0;color:var(--card-muted);font:3.2cqw/1.5 Noto Sans SC,PingFang SC,sans-serif;letter-spacing:.12em;text-align:center}.visual-card--longweibo-warm .longweibo-bar{width:6cqw;height:.7cqw;margin:3.5cqw auto 4cqw;border-radius:5cqw;background:var(--card-accent)}.visual-card--longweibo-warm .card-body{font:14px/1.8 Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:.02em}.visual-card--longweibo-warm .card-paragraph{margin:0 0 3cqw;text-indent:2em}.visual-card--longweibo-warm .card-paragraph:last-child{margin-bottom:0}.visual-card--longweibo-warm .card-paragraph--lead:first-letter{float:none;margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.visual-card--reading .card-page,.visual-card--classic-page .card-page,.visual-card--night-read .card-page,.visual-card--retro-print .card-page,.visual-card--longweibo-cool .card-page,.visual-card--longweibo-warm .card-page{top:auto;bottom:12px;right:14px}.visual-card--reading.visual-card--compact-top{padding-top:18px}.visual-card--classic-page.visual-card--compact-top,.visual-card--night-read.visual-card--compact-top,.visual-card--retro-print.visual-card--compact-top{padding-top:14px}.visual-card--longweibo-cool.visual-card--compact-top,.visual-card--longweibo-warm.visual-card--compact-top{padding-top:18px}.visual-card--reading.visual-card--compact-bottom,.visual-card--classic-page.visual-card--compact-bottom,.visual-card--night-read.visual-card--compact-bottom,.visual-card--retro-print.visual-card--compact-bottom{padding-bottom:12px}.visual-card--longweibo-cool.visual-card--compact-bottom,.visual-card--longweibo-warm.visual-card--compact-bottom{padding-bottom:16px}.visual-card--reading.visual-card--compact-bottom .card-foot,.visual-card--classic-page.visual-card--compact-bottom .card-foot,.visual-card--night-read.visual-card--compact-bottom .card-foot,.visual-card--retro-print .card-foot{margin-top:16px;padding-top:10px}.visual-card--retro-print.visual-card--compact-bottom .card-foot{margin-top:8px;padding-top:6px}.visual-card--longweibo-cool.visual-card--compact-bottom .card-foot,.visual-card--longweibo-warm.visual-card--compact-bottom .card-foot{margin-top:10px;padding-top:8px}.visual-card--retro-print .card-page{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:28px;font-weight:800;color:var(--card-accent)}.visual-card--longweibo-warm .card-page{font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.visual-card--retro-print.visual-card--long,.visual-card--longweibo-cool.visual-card--long,.visual-card--longweibo-warm.visual-card--long{min-height:0}.visual-card.visual-card--left .card-title,.visual-card.visual-card--left .card-body{text-align:left}.visual-card.visual-card--left .card-title--heading{text-align:left;text-justify:auto}.visual-card.visual-card--center .card-title,.visual-card.visual-card--center .card-body{text-align:center}.visual-card.visual-card--center .card-title--heading{text-align:center;text-justify:auto}.visual-card.visual-card--right .card-title,.visual-card.visual-card--right .card-body{text-align:right}.visual-card.visual-card--right .card-title--heading{text-align:left;text-justify:auto}.visual-card--left{--card-align:left}.visual-card--center{--card-align:center}.visual-card--right{--card-align:right}.visual-card--left .longweibo-bar{margin-right:auto;margin-left:0}.visual-card--center .longweibo-bar{margin-right:auto;margin-left:auto}.visual-card--right .longweibo-bar{margin-right:0;margin-left:auto}.visual-card--left .card-paragraph{text-align:left}.visual-card--center .card-paragraph{text-align:center}.visual-card--right .card-paragraph{text-align:right}.visual-card--center .card-meta{text-align:center}.visual-card--right .card-meta{text-align:right}.visual-card--art .card-title,.visual-card--art .card-body{text-align:var(--card-align,center)!important}.visual-card.visual-card--art.visual-card--space-tight{padding:0}.visual-card.visual-card--space-tight{padding-right:34px;padding-left:34px}.page-strip{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 17px}.page-strip button{flex:0 0 54px;padding:3px;border:1px solid transparent;border-radius:6px;background:transparent}.page-strip button.active{border-color:var(--blue-deep)}.page-strip .page-mini{position:relative;display:flex;height:61px;flex-direction:column;gap:4px;padding:8px 7px;overflow:hidden;border-radius:3px;text-align:left}.page-mini__kicker{width:13px;height:2px;margin-bottom:3px;background:currentColor;opacity:.35}.page-mini__line{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;opacity:.22}.page-mini__line--title{width:72%;height:4px;opacity:.7}.page-mini__line--short{width:58%}.page-mini--left{align-items:flex-start}.page-mini--center{align-items:center}.page-mini--right{align-items:flex-end}.page-mini--bold-grid{background-image:linear-gradient(rgba(50,55,64,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(50,55,64,.1) 1px,transparent 1px)!important;background-size:6px 6px!important}.page-mini--clipping{border:1px solid currentColor;box-shadow:inset 3px 0 #8f3f37}.page-mini--fish-note{background-image:repeating-linear-gradient(90deg,#c4d2cb 0,#c4d2cb 9px,#eeeae1 9px,#eeeae1 18px)!important}.page-mini--retro-print{border:1px solid rgba(30,44,72,.12)}.page-mini--longweibo-cool{background:#fafaf7!important;color:#1e40af!important}.page-mini--longweibo-warm{background:#faf6ee!important;color:#b45309!important}.page-mini--botanical-line{background-image:url(/assets/tpl-botanical-C7ROLvxZ.webp)!important;background-size:cover!important}.page-mini--flower-note{background-image:url(/assets/tpl-flower-DdwVR7Pp.webp)!important;background-size:cover!important}.page-mini--strawberry-frame{background-image:url(/assets/tpl-strawberry-DKvMJIzU.webp)!important;background-size:cover!important}.page-mini--navy-floral{background-image:url(/assets/tpl-navy-floral-DIqjzy48.webp)!important;background-size:cover!important}.page-mini--night-berry{background-image:url(/assets/tpl-night-berry-B0RVF1bT.webp)!important;background-size:cover!important}.page-mini--peach-bloom{background-image:url(/assets/tpl-peach-bloom-D9IqDPqY.webp)!important;background-size:cover!important}.page-mini--starry-mist{background-image:url(/assets/tpl-starry-mist-DuVQFkBR.webp)!important;background-size:cover!important}.page-mini--gold-frame{background-image:url(/assets/backsq-DE3XccXq.webp)!important;background-size:cover!important}.page-mini--porcelain-bloom{background-image:url(/assets/tpl-porcelain-bloom-EYfR1pjL.webp)!important;background-size:cover!important}.page-strip small.page-mini__num{position:absolute;top:2px;right:3px;display:block;margin-top:0;color:inherit;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:10px;font-weight:800;line-height:1}.export-bar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid rgba(30,44,72,.08);background:var(--card)}.export-bar>div{display:flex;min-width:120px;flex:1;flex-direction:column;gap:3px}.export-bar strong{font-size:12px;font-weight:600}.export-bar small{color:var(--text-5);font-size:9px}.copy-status{min-height:20px;padding:0 20px 8px;color:var(--blue-deep);font-size:11px;text-align:right}.preview-notice{margin:14px 20px 20px;padding:16px 18px 14px;border:1px solid rgba(30,44,72,.08);border-radius:12px;background:#fffdf9;box-shadow:0 4px 14px rgba(30,44,72,.05)}.preview-notice>.eyebrow{font-size:9px}.preview-notice>strong{display:block;margin-top:6px;font-family:var(--display);font-size:16px;font-style:italic;font-weight:600}.preview-notice ul{margin:10px 0 12px;padding:0;list-style:none}.preview-notice li{position:relative;padding-left:14px;color:var(--text-4);font-size:10px;line-height:1.9}.preview-notice li:before{position:absolute;top:.72em;left:0;width:5px;height:5px;border-radius:50%;background:var(--orange);opacity:.65;content:""}.preview-notice__docs{display:flex;gap:10px;padding-top:10px;border-top:1px dashed rgba(30,44,72,.12)}.preview-notice__docs a{display:inline-flex;align-items:center;padding:3px 11px;border:1px solid rgba(125,164,196,.35);border-radius:999px;color:var(--blue-deep);background:rgba(125,164,196,.08);font-size:10px;text-decoration:none;transition:.2s}.preview-notice__docs a:hover{background:rgba(125,164,196,.16)}.notice-copy>strong{white-space:nowrap}.notice-copy label a{color:var(--blue-deep);text-decoration:underline}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;transition:.2s ease}.button:hover:not(:disabled){transform:translateY(-1px);opacity:.88}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:var(--paper);background:var(--ink)}.button--secondary{color:var(--ink);background:var(--muted)}.button--quiet{color:var(--text-3);background:transparent}.spinner{width:13px;height:13px;border:1.5px solid rgba(246,242,236,.4);border-top-color:var(--paper);border-radius:50%;animation:spin .7s linear infinite}.spinner--quiet{border-color:rgba(42,90,126,.25);border-top-color:var(--blue-deep)}.privacy-strip{display:grid;width:min(1180px,calc(100% - 32px));grid-template-columns:1fr 1.1fr auto;align-items:center;gap:50px;margin:0 auto;padding:46px 56px;border-radius:16px;color:#c8d8ec;background:var(--ink)}.privacy-strip .eyebrow{color:rgba(125,164,196,.6)}.privacy-title{margin-top:8px;font-family:var(--display);font-size:clamp(28px,3vw,40px);font-style:italic}.privacy-strip p{margin:0;color:rgba(200,216,236,.68);font-size:14px;font-weight:400;line-height:1.9}.privacy-strip p strong{display:block;color:#d5e0ec;font-weight:600}.guide,.faq{width:min(1080px,calc(100% - 48px));margin:0 auto;padding:90px 0}.section-head{margin-bottom:35px}.section-title{margin-top:8px;font-family:var(--display);font-size:clamp(34px,4vw,48px);font-style:italic;font-weight:600;letter-spacing:-.03em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{min-height:180px;padding:25px 27px;border:1px solid rgba(30,44,72,.08);border-radius:16px;background:var(--card)}.step>span{color:var(--orange);font-family:var(--mono);font-size:11px}.step>div{margin-top:25px;font-family:var(--display);font-size:22px;font-style:italic}.step p{margin:8px 0 0;color:var(--text-3);font-size:13px;font-weight:400;line-height:1.8}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:82px;padding-top:15px;padding-bottom:130px}.faq-intro p{margin:12px 0 0;color:var(--text-4);font-size:14px;font-weight:400;line-height:1.8}.faq-list{border-top:1px solid rgba(30,44,72,.1)}.faq-item{border-bottom:1px solid rgba(30,44,72,.1)}.faq-item>button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:20px 3px;border:0;color:var(--ink);background:transparent;font-family:var(--display);font-size:18px;font-style:italic;text-align:left}.faq-item>button svg{transition:transform .2s}.faq-item.open>button svg{transform:rotate(180deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:.25s ease}.faq-answer p{min-height:0;margin:0;overflow:hidden;color:var(--text-3);font-size:13px;font-weight:400;line-height:1.8}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding:0 32px 20px 3px}.first-notice{position:fixed;z-index:20;right:24px;bottom:24px;display:flex;width:min(580px,calc(100% - 48px));align-items:center;gap:14px;padding:16px;border:1px solid rgba(125,164,196,.3);border-radius:15px;background:rgba(253,250,246,.96);box-shadow:0 18px 50px rgba(21,38,61,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .5s .6s ease backwards}.notice-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:10px;color:var(--blue-deep);background:rgba(125,164,196,.15)}.notice-copy{flex:1}.notice-copy>strong{font-family:var(--display);font-size:16px;font-style:italic}.notice-copy p{margin:3px 0 7px;color:var(--text-4);font-size:9px}.notice-copy label{display:inline-flex;align-items:center;gap:4px;margin-right:9px;color:var(--text-3);font-size:9px}.notice-copy input{width:11px;height:11px;accent-color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.studio{grid-template-columns:1fr}.editor{border-right:0;border-bottom:1px solid rgba(30,44,72,.08)}.preview{position:relative}.canvas-wrap{min-height:600px}}@media (max-width: 680px){.hero{padding:54px 20px 35px}.hero__title{font-size:40px}.studio,.guide,.faq{width:calc(100% - 28px)}.editor{padding:18px 14px}.template-grid{grid-template-columns:repeat(2,1fr)}.mode-grid{grid-template-columns:1fr}.quick-settings{grid-template-columns:1fr 1fr}.canvas-wrap{min-height:520px;padding:28px 24px}.visual-card{padding:43px 38px 32px}.export-bar{align-items:stretch;flex-wrap:wrap}.export-bar>div{width:100%;flex:none}.export-bar .button{flex:1}.privacy-strip{width:calc(100% - 24px);grid-template-columns:1fr;gap:18px;padding:38px 28px}.privacy-strip>svg{display:none}.guide{padding:70px 0}.steps{grid-template-columns:1fr}.step{min-height:0}.faq{grid-template-columns:1fr;gap:34px;padding-bottom:150px}.first-notice{right:14px;bottom:14px;width:calc(100% - 28px);align-items:stretch;flex-wrap:wrap}.notice-copy{width:calc(100% - 56px)}.first-notice>.button{width:100%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Cormorant Garamond", Georgia, serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:rgba(0,0,0,0);border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:rgba(0,0,0,0);border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:0}.left-7{left:calc(var(--spacing) * 7)}.left-\[5px\]{left:5px}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-\[36px\]{min-width:36px}.min-w-\[44px\]{min-width:44px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white{background-color:var(--color-white)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-px{padding-block:1px}.pt-1{padding-top:var(--spacing)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.overline{-webkit-text-decoration-line:overline;text-decoration-line:overline}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:gap-2:is(:where(.group):hover *){gap:calc(var(--spacing) * 2)}.group-hover\:tracking-wide:is(:where(.group):hover *){--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.group-hover\:opacity-50:is(:where(.group):hover *){opacity:.5}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}}.last\:pb-0:last-child{padding-bottom:0}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:sticky{position:-webkit-sticky;position:sticky}.md\:top-0{top:0}.md\:mx-10{margin-inline:calc(var(--spacing) * 10)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-h-screen{max-height:100vh}.md\:w-64{width:calc(var(--spacing) * 64)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:self-auto{align-self:auto}.md\:self-start{align-self:flex-start}.md\:overflow-y-auto{overflow-y:auto}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-14{padding-inline:calc(var(--spacing) * 14)}}@media (min-width:64rem){.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:top-14{top:calc(var(--spacing) * 14)}.lg\:top-20{top:calc(var(--spacing) * 20)}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_260px\]{grid-template-columns:1fr 260px}.lg\:grid-cols-\[1fr_288px\]{grid-template-columns:1fr 288px}.lg\:grid-cols-\[1fr_340px\]{grid-template-columns:1fr 340px}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}body{color:#1e2c48;-webkit-font-smoothing:antialiased;background-color:#f6f2ec;font-family:DM Sans,sans-serif}*{scrollbar-width:none}::-webkit-scrollbar{display:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{width:max-content;animation:28s linear infinite marquee;display:flex}.watercolor-wash:before{content:"";pointer-events:none;background:radial-gradient(at 30%,rgba(125,164,196,.18),rgba(0,0,0,0) 65%),radial-gradient(at 75% 80%,rgba(196,137,78,.1),rgba(0,0,0,0) 55%);position:absolute;top:0;right:0;bottom:0;left:0}.ql-content{color:#4a5a72;word-break:break-word;font-family:DM Sans,sans-serif;font-size:16px;font-weight:300;line-height:2}.ql-content p{margin:0 0 20px}.ql-content h1,.ql-content h2,.ql-content h3,.ql-content h4{color:#1e2c48;letter-spacing:-.01em;margin:36px 0 16px;font-family:Cormorant Garamond,serif;font-weight:500;line-height:1.4}.ql-content h1{font-size:30px}.ql-content h2{font-size:26px}.ql-content h3{font-size:22px}.ql-content h4{font-size:19px}.ql-content ul,.ql-content ol{margin:16px 0;padding-left:28px}.ql-content li{margin-bottom:8px}.ql-content a{color:#7da4c4;text-decoration:none}.ql-content a:hover{text-decoration:underline}.ql-content blockquote{color:#4a5a72;background-color:#ede7dd;border-left:4px solid #c4894e;border-radius:0 8px 8px 0;margin:24px 0;padding:4px 20px;font-style:italic}.ql-content img{border:1px solid #1e2c4814;border-radius:12px;max-width:100%;margin:20px 0}.ql-content pre{color:#d8e4f0;background-color:#1e2c48;border-radius:12px;margin:20px 0;padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:13px;overflow-x:auto}.ql-content code{color:#1e2c48;background-color:rgba(30,44,72,.07);border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.ql-content pre code{color:inherit;background:0 0;padding:0}.ql-content strong,.ql-content b{color:#1e2c48;font-weight:600}.ql-content hr{border:none;border-top:1px solid #1e2c481a;margin:32px 0}.ql-content table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px}.ql-content th,.ql-content td{text-align:left;border:1px solid #1e2c481a;padding:8px 14px}.ql-content th{color:#1e2c48;background-color:#ede7dd;font-weight:500}.site-footer{border-top:1px solid #a67b5b26;padding:64px}.site-footer-container{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr;gap:48px;max-width:1400px;margin:0 auto;display:grid}.site-footer-brand{flex-direction:column;display:flex}.site-footer-logo{color:#2d2d2d;align-items:center;margin-bottom:20px;font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:600;display:flex}.site-footer-logo img{vertical-align:middle;width:28px;height:28px;margin-right:8px}.site-footer-social{gap:8px;margin-bottom:24px;display:flex}.site-social-link{color:#9a9a9a;background:#f6f7f9;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.site-social-link:hover{color:#fff;background:#a67b5b;transform:translateY(-2px)}.site-social-link svg{width:22px;height:22px}.site-social-link img{object-fit:contain;width:24px;height:24px}.site-footer-legal{color:#6b6b6b;font-size:13px;line-height:2}.site-footer-legal a{color:#6b6b6b;text-decoration:none;display:block}.site-footer-legal a:hover{color:#a67b5b}.site-footer-legal img{vertical-align:middle;width:16px;height:16px;margin-right:4px}.site-footer-column-title{color:#2d2d2d;margin-bottom:16px;font-size:15px;font-weight:600}.site-footer-links{flex-direction:column;gap:12px;display:flex}.site-footer-link{color:#6b6b6b;font-size:14px;text-decoration:none;transition:color .2s}.site-footer-link:hover{color:#a67b5b}@media (max-width:900px){.site-footer{padding:40px 24px}.site-footer-container{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:560px){.site-footer-container{grid-template-columns:1fr}}.nav-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-icon{flex-shrink:0;width:auto;height:32px;display:block}.nav-brand-text{flex-direction:column;line-height:1.2;display:flex}.nav-brand-row{align-items:center;gap:6px;display:flex}.nav-brand-name{color:#1c1917;letter-spacing:.5px;font-family:Noto Serif SC,Source Han Serif SC,STSong,Songti SC,SimSun,Noto Sans SC,serif;font-size:20px;font-weight:700}.nav-brand-badge{color:#a67b5b;letter-spacing:.5px;background:rgba(166,123,91,.12);border-radius:4px;padding:1px 5px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:10px;font-weight:500}.nav-brand-tagline{color:#6b6b6b;letter-spacing:.5px;margin-top:1px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px}.lang-switch{background:#f0f2f5;border:1px solid #1e2c4814;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:4px;display:inline-flex}.lang-switch button{color:#607087;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-width:52px;height:32px;padding:0 16px;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:500;transition:background .16s,color .16s}.lang-switch button:hover{color:#1e2c48}.lang-switch button.active{color:#fff;background:#409eff}@media (max-width:768px){.nav-logo-icon{height:28px}.nav-brand-name{font-size:16px}.nav-brand-tagline{display:none}}.tool-rail{background:rgba(247,249,248,.78);border-top:1px solid #eef0ef}.tools-group{align-items:center;gap:16px;width:100%;min-height:54px;display:flex}.tools-group-label{color:#8a97a8;letter-spacing:.14em;white-space:nowrap;border-right:1px solid #e5e7e5;flex:none;padding-right:16px;font-size:10px;font-weight:700}.tools-inline-list{scrollbar-width:none;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.tools-inline-list::-webkit-scrollbar{display:none}.inline-tool{color:#17243c;white-space:nowrap;cursor:pointer;background:#e7f6fc;border-radius:10px;align-items:center;gap:7px;padding:6px 10px 6px 7px;font-size:13px;font-weight:650;text-decoration:none;transition:color .16s,background .16s,transform .16s;display:inline-flex;position:relative}.inline-tool:hover,.inline-tool:focus-visible{color:#fffefb;background:#147da9;outline:none;transform:translateY(-1px)}.inline-tool-icon{color:#147da9;background:#fffefb;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.tool-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:14px;height:14px}.tool-icon--fill{fill:currentColor;stroke:none}.tool-icon-fold{fill:#fffefb}.tools-growing-note{color:#8a97a8;white-space:nowrap;margin-left:auto;font-size:10px}@media (max-width:760px){.tools-group{align-items:flex-start;gap:10px;min-height:0;padding:8px 0}.tools-group-label{padding-right:10px;line-height:34px}.tools-inline-list{flex-wrap:wrap;overflow-x:visible}.tools-growing-note{display:none}}.hero-expo{background:#f7f5f0;height:820px;position:relative;overflow:hidden}.hero-expo-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 56px;position:relative}.hero-expo-copy{z-index:50;flex-direction:column;align-items:flex-start;gap:26px;width:360px;display:flex;position:absolute;top:148px;left:56px}.hero-expo-brand{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.hero-expo-eyebrow{letter-spacing:.3em;color:#c4894e;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.hero-expo-title{letter-spacing:.01em;color:#1e2c48;margin:0;font-family:Noto Serif SC,Source Han Serif SC,STSong,Songti SC,SimSun,Noto Sans SC,serif;font-size:clamp(34px,3.3vw,48px);font-weight:700;line-height:1.2}.hero-expo-desc{color:#4a5a72;margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,DM Sans,sans-serif;font-size:16px;line-height:1.85}.hero-expo-cta{color:#f6f2ec;background:#1e2c48;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-family:DM Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .3s,gap .3s;display:inline-flex}.hero-expo-cta:hover{opacity:.85;gap:12px}.hero-expo-stage{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:120px;left:440px}.hero-expo-glow{z-index:0;pointer-events:none;position:absolute;top:8%;right:0;bottom:18%;left:8%}.hero-expo-glow:before{content:"";background:radial-gradient(circle,rgba(125,164,196,.16),rgba(0,0,0,0) 65%);border-radius:50%;width:420px;height:420px;position:absolute;top:6%;left:28%}.hero-comp{z-index:1;position:relative}.hwd-demo{background:#edf0f1;border:1px solid #17243c1f;border-radius:24px;grid-template-rows:46px 1fr;width:680px;height:520px;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 90px rgba(26,41,58,.16),0 4px 14px rgba(26,41,58,.08)}.hwd-demo:after{content:"";filter:blur(45px);pointer-events:none;background:rgba(29,169,232,.11);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-80px;right:-60px}.hwd-topbar{background:rgba(255,255,255,.82);border-bottom:1px solid #17243c1a;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;display:grid}.hwd-dots{gap:6px;display:flex}.hwd-dots span{background:#d5dade;border-radius:50%;width:8px;height:8px}.hwd-dots span:first-child{background:#e6ad85}.hwd-file{color:#607087;font-size:10px;font-weight:650}.hwd-state{color:#8a97a8;justify-self:end;align-items:center;gap:6px;font-size:9px;display:flex}.hwd-state-dot{background:#51b98b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px rgba(81,185,139,.13)}.hwd-workspace{grid-template-columns:112px minmax(340px,1fr);gap:12px;min-height:0;padding:14px;display:grid}.hwd-panel{background:rgba(255,255,255,.76);border:1px solid #17243c14;border-radius:14px;flex-direction:column;padding:14px 9px 10px;display:flex}.hwd-panel-label{color:#8a97a8;letter-spacing:.12em;padding:0 5px;font-size:8px;font-weight:700}.hwd-flow{flex-direction:column;gap:7px;margin-top:13px;display:flex}.hwd-flow-item{color:#8a97a8;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:7px;font-size:8px;display:flex}.hwd-flow-item--active{color:#17243c;background:#e7f6fc;border-color:rgba(29,169,232,.22);font-weight:650}.hwd-flow-item b{color:#8a97a8;background:#eef0ef;border-radius:50%;place-items:center;width:18px;height:18px;font-size:7px;display:grid}.hwd-flow-item--done b{color:#fff;background:#75b99a}.hwd-flow-item--active b{color:#fff;background:#1da9e8}.hwd-fit{color:#8a97a8;border-top:1px solid #eef0ef;align-items:center;gap:5px;margin-top:auto;padding:9px 4px 2px;font-size:7px;display:flex}.hwd-fit-check{color:#fff;background:#1da9e8;border-radius:4px;place-items:center;width:13px;height:13px;font-size:8px;display:grid}.hwd-stage{background:#202832;border-radius:14px;grid-template-rows:1fr 34px;min-width:0;padding:11px;display:grid;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.hwd-source{background-image:linear-gradient(rgba(6,14,24,.32),rgba(6,14,24,.32)),url(/wallpaper-gifts/sea.png);background-position:50%;background-size:cover;border-radius:8px;min-height:0;position:relative;overflow:hidden}.hwd-mask{background-image:url(/wallpaper-gifts/sea.png);background-position:50%;background-size:cover;border:1.5px solid #fff;width:66%;height:82%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px rgba(9,18,29,.62),0 0 0 1px rgba(255,255,255,.2)}.hwd-grid{background:rgba(255,255,255,.42);position:absolute}.hwd-grid-v1,.hwd-grid-v2{width:1px;top:0;bottom:0}.hwd-grid-v1{left:33.33%}.hwd-grid-v2{right:33.33%}.hwd-grid-h1,.hwd-grid-h2{height:1px;left:0;right:0}.hwd-grid-h1{top:33.33%}.hwd-grid-h2{bottom:33.33%}.hwd-handle{border-color:#fff;width:10px;height:10px;position:absolute}.hwd-handle-nw{border-top:3px solid;border-left:3px solid;top:-2px;left:-2px}.hwd-handle-ne{border-top:3px solid;border-right:3px solid;top:-2px;right:-2px}.hwd-handle-sw{border-bottom:3px solid;border-left:3px solid;bottom:-2px;left:-2px}.hwd-handle-se{border-bottom:3px solid;border-right:3px solid;bottom:-2px;right:-2px}.hwd-badge{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(16,29,43,.68);border-radius:999px;padding:4px 7px;font-size:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hwd-footer{color:rgba(255,255,255,.58);grid-template-columns:1fr auto 1fr;align-items:center;padding:7px 2px 0;font-size:8px;display:grid}.hwd-zoom{align-items:center;gap:5px;display:flex}.hwd-zoom-track{background:rgba(255,255,255,.18);border-radius:99px;width:52px;height:2px;display:block}.hwd-zoom-track span{border-radius:inherit;background:rgba(255,255,255,.74);width:58%;height:100%;display:block}.hwd-export{color:#fff;background:#1da9e8;border-radius:6px;justify-self:end;padding:5px 8px;font-weight:650}.hpm-demo{grid-template-rows:46px 1fr 44px}.hpm-workspace{background:#f7f9fa;gap:12px;min-height:0;padding:14px;display:grid}.hpm-footer{background:rgba(255,255,255,.82);border-top:1px solid #17243c1a;grid-template-columns:1fr auto;align-items:center;padding:0 16px;display:grid}.hpm-foot-note{color:#8a97a8;font-size:8px}.hpm-foot-note b{color:#17243c;font-size:10px}.hpm-demo .hwd-export{justify-self:end;margin:9px 0}.hpm-workspace:has(.hpm-side){grid-template-columns:148px minmax(340px,1fr)}.hpm-side{background:rgba(255,255,255,.76);border:1px solid #17243c14;border-radius:14px;flex-direction:column;padding:13px 10px 10px;display:flex}.hpm-side-label{color:#8a97a8;letter-spacing:.1em;padding:0 4px;font-size:8px;font-weight:700}.hpm-range{color:#17243c;background:#eef8fd;border:1px solid #1da9e859;border-radius:8px;margin-top:9px;padding:8px;font-size:9px;font-weight:650}.hpm-chips{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.hpm-chips span{color:#8a97a8;background:#fff;border:1px solid #17243c1a;border-radius:999px;padding:4px 7px;font-size:7px}.hpm-chips span.on{color:#1da9e8;background:#e7f6fc;border-color:rgba(29,169,232,.3);font-weight:650}.hpm-side-foot{color:#8a97a8;border-top:1px solid #eef0ef;align-items:center;gap:5px;margin-top:auto;padding-top:9px;font-size:7px;display:flex}.hpm-pages{background:#eef1f2;border-radius:14px;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;min-height:0;padding:11px;display:grid;box-shadow:inset 0 0 0 1px rgba(23,36,60,.05)}.hpm-page{background:#fff;border:1.5px solid #0000;border-radius:8px;flex-direction:column;gap:5px;min-height:0;padding:7px;display:flex;position:relative;box-shadow:0 1px 3px rgba(23,36,60,.07)}.hpm-page.on{border-color:#1da9e8}.hpm-page-canvas{background:linear-gradient(160deg,#f4f7f9,#e6ebef);border-radius:4px;flex-direction:column;flex:1;justify-content:flex-end;gap:3px;min-height:0;padding:6px 5px;display:flex}.hpm-page-line{background:#c3cdd6;border-radius:2px;height:2px;display:block}.hpm-page-line.w80{width:80%}.hpm-page-line.w60{width:60%}.hpm-page-line.w70{width:70%}.hpm-page-no{color:#8a97a8;font-size:7px}.hpm-page-check{color:#fff;background:#1da9e8;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;display:grid;position:absolute;top:4px;right:4px}.hpm-list{background:#eef1f2;border-radius:14px;flex-direction:column;gap:7px;min-height:0;padding:11px 12px;display:flex;box-shadow:inset 0 0 0 1px rgba(23,36,60,.05)}.hpm-list-head{color:#607087;justify-content:space-between;padding:0 3px 2px;font-size:8px;font-weight:700;display:flex}.hpm-list-hint{color:#a8b3c0;font-weight:400}.hpm-item{background:#fff;border:1px solid #17243c12;border-radius:9px;grid-template-columns:auto auto 30px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid;box-shadow:0 1px 3px rgba(23,36,60,.06)}.hpm-grip{color:#c3cdd6;letter-spacing:1px;font-size:8px;display:flex}.hpm-grip i{font-style:normal}.hpm-no{color:#a8b3c0;font-size:7px;font-weight:650}.hpm-thumb{color:#1da9e8;background:#fff;border:1px solid #17243c1a;border-radius:5px;place-items:center;width:30px;height:34px;font-size:6px;font-weight:800;display:grid;position:relative;overflow:hidden}.hpm-thumb-fold{border-top:7px solid #dfe6ec;border-left:7px solid #0000;width:0;height:0;position:absolute;top:0;right:0}.hpm-thumb--img{border-color:rgba(230,173,133,.5)}.hpm-thumb-photo{background:linear-gradient(160deg,#f0c9a2,#e6ad85 45%,#a8c4d8 46%,#7da4c4);width:100%;height:100%;display:block}.hpm-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.hpm-item-info b{color:#17243c;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;overflow:hidden}.hpm-item-info small{color:#a8b3c0;font-size:7px}.hpm-item-status{color:#51a377;white-space:nowrap;font-size:7px}.hpm-arrows{gap:2px;display:flex}.hpm-arrows i{color:#8a97a8;background:#eef1f2;border-radius:4px;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid}.hpm-arrows i.off{opacity:.3}.hero-shot{background:rgba(255,255,255,.72);border:1px solid #15263d14;border-radius:20px;padding:4px;position:relative;overflow:hidden;box-shadow:0 35px 80px rgba(20,40,70,.12)}.hero-shot>img{border-radius:15px;width:580px;max-width:100%;height:auto;display:block}.hero-shot.is-portrait>img{width:auto;max-width:none;height:470px}.hero-expo-nav{z-index:40;justify-content:center;align-items:center;gap:64px;display:flex;position:absolute;bottom:40px;left:56px;right:56px}.hero-expo-navitem{cursor:pointer;opacity:.45;text-align:left;background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;padding:6px 0;font-family:DM Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;transition:opacity .5s;display:flex;position:relative}.hero-expo-navitem:hover{opacity:.8}.hero-expo-navitem.active{opacity:1}.hero-expo-navitem img{border-radius:9px;flex-shrink:0;width:34px;height:34px}.hero-expo-navitem-name{color:#15263d;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.3;display:block}.hero-expo-navitem-sub{color:#71829a;white-space:nowrap;font-size:12px;line-height:1.3;display:block}.hero-expo-navitem-bar{background:#13b88c;border-radius:3px;width:72px;height:3px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.mock-paper{text-align:left;background:#fdfbf6;border:1px solid #e9e1cf;border-radius:10px;padding:16px 17px 15px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;position:absolute;box-shadow:0 18px 44px rgba(20,40,70,.1)}.mock-tape{pointer-events:none;background:rgba(196,178,140,.38);border-left:1px dashed #ffffff8c;border-right:1px dashed #ffffff8c;width:66px;height:17px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.mock-paper-head{justify-content:space-between;align-items:baseline;display:flex}.mock-paper-title{letter-spacing:.14em;color:#1e2c48;font-family:Noto Serif SC,Source Han Serif SC,STSong,Songti SC,SimSun,serif;font-size:15px;font-weight:700}.mock-paper-count{letter-spacing:.05em;color:#a69b83;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:11px}.hmx-comp{width:820px;height:670px}.hmx-app{z-index:2;text-align:left;background:#fbfaf6;border:1px solid #15263d17;border-radius:18px;flex-direction:column;width:740px;height:480px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:absolute;top:56px;left:0;overflow:hidden;box-shadow:0 35px 80px rgba(20,40,70,.12)}.hmx-app-body{flex:1;min-height:0;display:flex}.hmx-app-side{color:#fff;background:#212d47;flex-direction:column;flex-shrink:0;width:240px;padding:12px 10px 10px;display:flex;position:relative}.hmx-app-brand{align-items:center;gap:7px;display:flex}.hmx-app-logo{font-size:18px;line-height:1}.hmx-app-name{flex-direction:column;min-width:0;line-height:1.2;display:flex}.hmx-app-title{letter-spacing:.02em;font-size:16px;font-weight:700}.hmx-app-ver{color:rgba(255,255,255,.55);font-size:11px}.hmx-app-gear{color:rgba(255,255,255,.5);margin-left:auto;font-size:12px}.hmx-app-search{color:rgba(255,255,255,.6);background:rgba(255,255,255,.08);border-radius:7px;margin-top:10px;padding:6px 9px;font-size:11px}.hmx-app-tabs{color:rgba(255,255,255,.65);gap:13px;margin-top:11px;padding:0 3px;font-size:12px;display:flex}.hmx-app-tabs .on{color:#fff;padding-bottom:5px;font-weight:600;position:relative}.hmx-app-tabs .on:after{content:"";background:#7da4c4;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.hmx-app-list{flex:1;min-height:0;margin-top:7px}.hmx-app-item{border-radius:7px;margin-bottom:2px;padding:6px 7px 6px 9px;position:relative}.hmx-app-item.hl{background:rgba(125,164,196,.16)}.hmx-app-item.hl:before{content:"";background:#7da4c4;border-radius:2px;width:2.5px;position:absolute;top:7px;bottom:7px;left:0}.hmx-app-item-t{color:rgba(255,255,255,.95);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.hmx-app-item.hl .hmx-app-item-t{color:#fff}.hmx-app-item-x{color:rgba(255,255,255,.6);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.hmx-app-item-m{color:rgba(255,255,255,.5);margin-top:2px;font-size:11px;display:block}.hmx-app-fab{color:#212d47;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;font-weight:600;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 10px rgba(0,0,0,.28)}.hmx-app-editor{flex-direction:column;flex:1;min-width:0;padding:12px 15px 9px;display:flex}.hmx-app-edmeta{color:#8a97a8;white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.hmx-app-edtag{color:#8a7b5c;background:#f1ece1;border-radius:5px;padding:1px 6px}.hmx-app-edadd{color:#b9c3d0}.hmx-app-focus{color:#4a5a72;background:#fff;border:1px solid #e7e0d0;border-radius:999px;align-items:center;gap:3px;margin-left:auto;padding:2.5px 8px;font-size:9px;display:inline-flex}.hmx-app-edtitle{letter-spacing:.04em;color:#1e2c48;margin:8px 0 0;font-family:Noto Serif SC,Source Han Serif SC,STSong,Songti SC,SimSun,serif;font-size:32px;font-weight:700;line-height:1.25}.hmx-app-edpills{gap:6px;margin-top:7px;display:flex}.hmx-app-pill{color:#b08d5a;letter-spacing:.06em;background:rgba(196,137,78,.1);border:1px solid #c4894e40;border-radius:999px;padding:2px 10px;font-size:11px}.hmx-app-edtext{color:#3a4a63;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.hmx-app-edphoto{object-fit:cover;object-position:42% 30%;border:1px solid #15263d0f;border-radius:8px;flex:1;width:100%;min-height:0;margin-top:9px;display:block}.hmx-app-edfoot{color:#9aa7b8;margin-top:6px;font-size:11px}.hmx-paper-tl{z-index:3;width:210px;top:0;right:0;transform:rotate(2deg)}.hmx-paper-tl-body{border-top:1px dashed #e7dfcb;margin-top:12px;padding-top:4px}.hmx-paper-tl-item{align-items:baseline;gap:8px;padding:7px 2px 7px 14px;display:flex;position:relative}.hmx-paper-tl-item+.hmx-paper-tl-item{border-top:1px dashed #eee7d6}.hmx-paper-tl-dot{background:#c9bc9c;border-radius:50%;width:5px;height:5px;position:absolute;top:13px;left:2px}.hmx-paper-tl-t{color:#3a4a63;font-family:Noto Serif SC,serif;font-size:14.5px}.hmx-paper-tl-d{letter-spacing:.04em;color:#a69b83;margin-left:auto;font-size:11px}.hmx-paper-tl-item.hl .hmx-paper-tl-dot{background:#c4894e}.hmx-paper-tl-item.hl .hmx-paper-tl-t{color:#1e2c48;font-weight:700}.hmx-paper-tags{z-index:1;width:190px;top:520px;right:0;transform:rotate(-2.5deg)}.hmx-paper-tags-chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.hmx-paper-tags-chip{background:rgba(241,236,225,.55);border:1px solid #dcd2b8;border-radius:999px;align-items:baseline;gap:4px;padding:4px 10px;display:inline-flex}.hmx-paper-tags-n{letter-spacing:.04em;color:#1e2c48;font-size:12.5px;font-weight:500}.hmx-paper-tags-c{color:#b08d5a;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600}.hph-comp{align-items:center;gap:26px;display:flex}.hph-phone{text-align:left;background:#f7fafc;border:7px solid #1b2438;border-radius:34px;flex-direction:column;flex-shrink:0;width:200px;height:420px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 64px rgba(20,40,70,.16)}.hph-notch{z-index:3;background:#1b2438;border-radius:0 0 9px 9px;width:62px;height:13px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hph-status{color:#5a6b82;flex-shrink:0;justify-content:space-between;padding:7px 14px 2px;font-family:DM Sans,sans-serif;font-size:9.5px;display:flex}.hph-screen{flex:1;min-height:0;padding:6px 13px 8px;overflow:hidden}.hph-head{color:#1e2c48;margin:2px 0 10px;font-size:14px;font-weight:700}.hph-tabbar{color:#9aa7b8;border-top:1px solid #e8edf2;flex-shrink:0;justify-content:space-around;align-items:center;height:34px;font-size:9.5px;display:flex}.hph-tabbar .on{color:#2f7d5b;font-weight:600}.hph-tl-row{align-items:center;gap:8px;padding:8px 2px 8px 13px;display:flex;position:relative}.hph-tl-row+.hph-tl-row{border-top:1px dashed #e8edf2}.hph-tl-dot{background:#b9c6d4;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.hph-tl-row.hl .hph-tl-dot{background:#2f7d5b}.hph-tl-main{flex-direction:column;gap:1px;min-width:0;display:flex}.hph-tl-t{color:#2e3e55;font-size:12px;font-weight:600}.hph-tl-d{color:#9aa7b8;font-size:9.5px}.hph-tl-v{color:#1e2c48;margin-left:auto;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600}.hph-tl-row.hl .hph-tl-v{color:#2f7d5b}.hph-kcal{align-items:baseline;gap:6px;display:flex}.hph-kcal-num{color:#1e2c48;font-family:DM Sans,sans-serif;font-size:28px;font-weight:700}.hph-kcal-unit{color:#9aa7b8;font-size:10px}.hph-kcal-bar{background:#e8edf2;border-radius:3px;height:5px;margin:8px 0 12px;overflow:hidden}.hph-kcal-bar i{background:#3e9b6e;border-radius:3px;height:100%;display:block}.hph-meal{align-items:center;gap:7px;padding:7px 0;display:flex;position:relative}.hph-meal+.hph-meal{border-top:1px dashed #e8edf2}.hph-meal-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.hph-meal:first-child .hph-meal-dot{background:#e8b04b}.hph-meal:nth-child(2) .hph-meal-dot{background:#3e9b6e}.hph-meal:nth-child(3) .hph-meal-dot{background:#7da4c4}.hph-meal-main{flex-direction:column;min-width:0;display:flex}.hph-meal-t{color:#2e3e55;font-size:12px;font-weight:600}.hph-meal-d{color:#9aa7b8;font-size:9.5px}.hph-meal-v{color:#1e2c48;margin-left:auto;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.hph-meal-track{background:#eff3f7;border-radius:2px;height:2.5px;position:absolute;bottom:1px;left:0;right:0;overflow:hidden}.hph-meal-track i{background:#c9d6e2;height:100%;display:block}.hph-note{color:#6a7a90;margin-top:12px;font-size:11px}.hph-trend-cap{color:#6a7a90;font-size:11px}.hph-trend-cap b{color:#1e2c48;font-family:DM Sans,sans-serif;font-size:17px}.hph-trend-delta{color:#2f7d5b;font-size:10px;font-weight:600}.hph-chart{width:100%;height:112px;margin-top:8px;display:block}.hph-grid{stroke:#edf1f5;stroke-width:1px}.hph-line{fill:none;stroke:#3e9b6e;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.hph-dot{fill:#3e9b6e;stroke:#fff;stroke-width:1.5px}.hph-trend-axis{color:#a6b1c0;justify-content:space-between;margin-top:2px;font-size:9px;display:flex}.hph-stats{gap:8px;margin-top:10px;display:flex}.hph-stat{background:#f1f5f8;border-radius:9px;flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.hph-stat-v{color:#1e2c48;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.hph-stat-t{color:#9aa7b8;font-size:9.5px}.hft-comp{width:820px;height:520px}.hft-app{z-index:2;text-align:left;background:#fefdfb;border:1px solid #15263d17;border-radius:18px;flex-direction:column;width:740px;height:440px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:absolute;top:48px;left:0;overflow:hidden;box-shadow:0 35px 80px rgba(20,40,70,.12)}.hft-bar{background:#f4f6f9;border-bottom:1px solid #e8ecf1;flex-shrink:0;align-items:center;gap:10px;height:50px;padding:0 16px;font-size:13px;display:flex}.hft-brand{color:#1e2c48;white-space:nowrap;font-weight:700}.hft-file{color:#8a97a8;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.hft-prog{color:#4a5a72;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:12px;display:inline-flex}.hft-prog-track{background:#e3e9f0;border-radius:2px;width:64px;height:4px;overflow:hidden}.hft-prog-track i{background:#4a7fb5;height:100%;display:block}.hft-body{flex:1;min-height:0;display:flex}.hft-pane{flex:1;min-width:0;padding:18px 20px;overflow:hidden}.hft-pane+.hft-pane{border-left:1px solid #edf0f4}.hft-pane-cap{letter-spacing:.22em;color:#a6b1c0;font-family:DM Sans,sans-serif;font-size:11px}.hft-pane-copy{-webkit-line-clamp:10;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.hft-pane p{color:#3a4a63;margin:8px 0 0;font-size:15.5px;line-height:2}.hft-pane p+p{margin-top:12px}.hft-pane:first-child p{color:#6a7a90;font-family:Georgia,Times New Roman,serif;font-style:italic}.hft-foot{color:#9aa7b8;border-top:1px solid #edf0f4;flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 16px;font-size:11px;display:flex}.hft-paper{z-index:3;width:210px;top:96px;right:0;transform:rotate(2deg)}.hft-paper-terms{border-top:1px dashed #e7dfcb;margin-top:12px;padding-top:4px}.hft-paper-term{align-items:baseline;gap:7px;padding:6px 2px;font-size:11px;display:flex}.hft-paper-term+.hft-paper-term{border-top:1px dashed #eee7d6}.hft-paper-term-o{color:#6a7a90;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-style:italic;overflow:hidden}.hft-paper-term-a{color:#c4b696;font-size:10px}.hft-paper-term-t{color:#1e2c48;white-space:nowrap;margin-left:auto;font-weight:600}@keyframes heroCopyIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroShotIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-anim-copy{animation:.8s cubic-bezier(.22,1,.36,1) backwards heroCopyIn}.hero-anim-shot{animation:.9s cubic-bezier(.22,1,.36,1) backwards heroShotIn}@media (max-width:1279px){.hero-comp{zoom:.88}}@media (max-width:1185px){.hero-comp{zoom:.8}}@media (max-width:1127px){.hero-comp{zoom:.72}}@media (max-width:1069px){.hero-comp{zoom:.64}}@media (max-width:1023px){.hero-expo{height:auto;padding:56px 0 64px}.hero-expo-inner{height:auto}.hero-expo-copy{width:auto;max-width:520px;position:static}.hero-expo-stage{margin-top:44px;position:relative;inset:auto}.hero-comp{zoom:.82}.hero-shot>img{width:480px}.hero-shot.is-portrait>img{width:auto;height:400px}.hero-expo-nav{justify-content:flex-start;gap:40px;margin-top:40px;padding-bottom:14px;position:static;overflow-x:auto}}@media (max-width:640px){.hero-expo{padding:44px 0 52px}.hero-expo-inner{padding:0 20px}.hero-expo-glow{display:none}.hero-comp{zoom:.72}.hero-shot>img{width:100%!important;height:auto!important}.hero-shot.is-portrait>img{max-width:none;height:380px}.hero-expo-nav{gap:26px;margin-top:30px}.hero-expo-navitem img{width:28px;height:28px}.hero-expo-navitem-name{font-size:13px}.hero-expo-navitem-sub{font-size:11px}}@media (max-width:400px){.hero-comp{zoom:.46}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}