/* v4 · 手把手安装：落地页上的引导区块 + 全屏安装向导 */

/* ---------- 落地页上的引导区块（替换原来的「贴进 Foldinto」滚动演示） ---------- */
.setup-sec{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 48px}
.setup-in{width:min(1080px,100%);display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.setup-in h2{margin:14px 0 0;font:600 44px/1.18 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.setup-cta{display:flex;align-items:center;gap:22px;margin-top:34px}
.setup-cta .btn{width:auto;flex:0 0 auto;padding:0 34px}
.setup-alt{white-space:nowrap}
.setup-alt{border:0;background:none;padding:0;font:400 14px var(--sans);color:var(--ink-3);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}
.setup-alt:hover{color:var(--ink)}
.setup-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.setup-steps li{position:relative;padding:20px 20px 18px;border-radius:3px;background:#FAF9F6;box-shadow:var(--shadow-soft)}
.setup-steps li:nth-child(2){transform:translateY(18px)}.setup-steps li:nth-child(4){transform:translateY(18px)}
.setup-steps b{display:block;font:500 12px var(--latin);color:var(--ink-4);letter-spacing:.04em}
.setup-steps span{display:block;margin-top:10px;font:500 17px/1.4 var(--sans);color:var(--ink)}
.setup-steps svg{position:absolute;right:18px;top:18px;width:20px;height:20px;fill:none;stroke:var(--ink-3);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 全屏向导 ---------- */
.wz{position:fixed;inset:0;z-index:5000;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:var(--bg);opacity:0;transition:opacity .28s var(--ease)}
.wz.in{opacity:1}
.wz[hidden]{display:none}
.wz-stage{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,#F6F4EF 0%,#E7E4DC 100%);display:grid;place-items:center}
.wz-stage::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.35;pointer-events:none;mix-blend-mode:multiply}
.wz-panel{position:relative;display:flex;flex-direction:column;padding:40px 56px 32px;background:#FBFAF7;overflow:auto}
.wz-top{display:flex;align-items:center;justify-content:space-between}
.wz-logo{display:flex;align-items:center;gap:9px;font:600 19px var(--latin);color:var(--ink)}
.wz-logo svg{width:22px;height:22px;color:var(--ink)}
.wz-x{width:36px;height:36px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink-3);transition:background .16s}
.wz-x:hover{background:var(--line);color:var(--ink)}
.wz-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.wz-prog{display:flex;gap:6px;margin:56px 0 0}
.wz-prog i{flex:0 0 34px;height:4px;border-radius:2px;background:var(--line);overflow:hidden;position:relative}
.wz-prog i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.wz-prog i.done::after,.wz-prog i.on::after{transform:scaleX(1)}
.wz-prog i.on::after{background:var(--ink-2)}
.wz-body{margin-top:26px;transition:opacity .22s ease,transform .32s var(--ease-out)}
.wz-body.out{opacity:0;transform:translateY(8px)}
.wz-title{display:flex;align-items:center;gap:0;margin:0;font:600 30px/1.3 var(--sans);color:var(--ink);letter-spacing:-.005em}
.wz-title canvas{width:0;height:36px;margin-right:0;image-rendering:pixelated;flex:0 0 auto;transform:scale(0);transition:width .3s var(--ease-out),margin .3s var(--ease-out),transform .45s cubic-bezier(.3,1.6,.5,1)}
.wz.is-done .wz-title canvas{width:36px;margin-right:12px;transform:scale(1)}
.wz-sub{margin:12px 0 0;max-width:420px;font:400 15px/1.75 var(--sans);color:var(--ink-2)}
.wz-sub kbd{display:inline-block;min-width:22px;padding:1px 6px;border-radius:5px;background:#fff;box-shadow:0 0 0 .5px var(--line-2),0 1px 0 var(--line-2);font:500 12px var(--latin);color:var(--ink);text-align:center}
.wz-act{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.wz-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border:0;border-radius:24px;background:var(--ink);color:#fff;font:500 15px var(--sans);cursor:pointer;text-decoration:none;transition:transform .2s var(--ease),background .2s}
.wz-btn:hover{transform:translateY(-1px)}
.wz-btn:active{transform:scale(.98)}
.wz-btn[aria-disabled="true"]{background:var(--ink-4);cursor:default;transform:none}
.wz-btn svg{width:18px;height:18px}
.wz-btn.google{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line-2)}
.wz-status{display:flex;align-items:center;gap:10px;min-height:24px;font:400 14px var(--sans);color:var(--ink-3)}
.wz-status .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-4);position:relative}
.wz-status .dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--ink-4);animation:wz-wait 1.6s ease-out infinite}
@keyframes wz-wait{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.4)}}
.wz-status.ok{color:var(--ink)}
.wz-status.ok .dot{background:#5E8C4E}
.wz-status.ok .dot::after{display:none}
.wz-status.ok .dot::before{content:"";position:absolute;left:2px;top:.5px;width:3px;height:5px;border:solid #fff;border-width:0 1.4px 1.4px 0;transform:rotate(45deg)}
.wz-manual{border:0;background:none;padding:0;font:400 13px var(--sans);color:var(--ink-3);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2);opacity:0;pointer-events:none;transition:opacity .3s}
.wz-manual.show{opacity:1;pointer-events:auto}
.wz-manual:hover{color:var(--ink)}
.wz-foot{margin-top:auto;padding-top:36px;display:flex;align-items:center;gap:14px}
.wz-next{position:relative;overflow:hidden;height:44px;padding:0 22px;border:0;border-radius:22px;background:var(--ink);color:#fff;font:500 14px var(--sans);cursor:pointer;transition:background .2s,opacity .2s}
.wz-next:disabled{background:var(--line);color:var(--ink-4);cursor:default}
.wz-next .fill{position:absolute;inset:0;background:rgba(255,255,255,.16);transform:scaleX(0);transform-origin:left}
.wz-next.auto .fill{animation:wz-fill 1.8s linear forwards}
@keyframes wz-fill{to{transform:scaleX(1)}}
.wz-next span{position:relative}
.wz-skip{border:0;background:none;padding:0 6px;font:400 13px var(--sans);color:var(--ink-3);cursor:pointer}
.wz-skip:hover{color:var(--ink)}
.wz-route{margin-left:auto;border:0;background:none;padding:0;font:400 13px var(--sans);color:var(--ink-3);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.wz-route:hover{color:var(--ink)}
.wz-demo{margin-top:14px;align-self:flex-start;border:1px dashed var(--line-2);background:transparent;border-radius:8px;padding:6px 10px;font:400 12px var(--sans);color:var(--ink-3);cursor:pointer}
.wz-demo:hover{color:var(--ink);border-color:var(--ink-3)}
.wz button:focus:not(:focus-visible){outline:0}
.wz-confetti{position:absolute;inset:0;pointer-events:none;z-index:3}

/* 要拖的书签按钮、要点的示例文章 */
.wz-chip{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border-radius:12px;background:var(--ink);color:#fff;font:500 15px var(--sans);text-decoration:none;cursor:grab;box-shadow:0 12px 26px -12px rgba(42,41,37,.6);animation:wz-nudge 2.4s var(--ease) infinite}
.wz-chip:active{cursor:grabbing}
.wz-chip svg{width:20px;height:20px;color:#fff}
@keyframes wz-nudge{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-6px)}90%{transform:translateY(0)}}
.wz-try{display:flex;gap:14px;align-items:center;width:100%;max-width:420px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--line-2),var(--shadow-soft);text-decoration:none;color:var(--ink);transition:transform .2s var(--ease)}
.wz-try:hover{transform:translateY(-2px)}
.wz-try img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:var(--line)}
.wz-try small{display:block;font:400 12px var(--sans);color:var(--ink-3)}
.wz-try b{display:block;margin-top:4px;font:500 14px/1.45 var(--sans);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wz-try em{margin-left:auto;font-style:normal;font:500 13px var(--sans);color:var(--ink-3);white-space:nowrap}
.wz-keys{display:flex;gap:8px}
.wz-keys kbd{min-width:48px;height:48px;padding:0 12px;display:grid;place-items:center;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--line-2),0 3px 0 var(--line-2);font:500 18px var(--latin);color:var(--ink)}
.wz-keys kbd.hit{transform:translateY(3px);box-shadow:0 0 0 .5px var(--line-2),0 0 0 var(--line-2)}

/* ---------- 左侧演示：一个会自己动的浏览器窗口（以后可以换成录屏 video） ---------- */
.sw{position:relative;z-index:1;width:600px;height:400px;border-radius:14px;background:#fff;box-shadow:0 2px 4px rgba(42,41,37,.06),0 40px 80px -30px rgba(42,41,37,.4),0 0 0 .5px rgba(42,41,37,.1);overflow:hidden;transform:scale(var(--k,1));transition:opacity .25s}
.sw.swap{opacity:0}
.sw-top{position:relative;height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#F1EFEA;border-bottom:1px solid #E4E1DA}
.sw-top>i{width:10px;height:10px;border-radius:50%;background:#DCD8D0}
.sw-url{margin-left:14px;flex:1;height:24px;border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 12px;font:400 11px var(--latin);color:var(--ink-3);box-shadow:0 0 0 .5px #E4E1DA}
.sw-tools{display:flex;align-items:center;gap:6px;margin-left:10px}
.sw-tool{position:relative;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--ink-2)}
.sw-tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sw-tool.fold svg{stroke:none;color:var(--ink)}
.sw-tool.fold{width:0;opacity:0;overflow:visible}
.sw-tool.avatar{width:20px;height:20px;border-radius:50%;background:#D9D5CC}
.sw-bar{height:0;overflow:hidden;display:flex;align-items:center;gap:14px;padding:0 14px;background:#F7F6F2;border-bottom:1px solid transparent;font:400 11px var(--sans);color:var(--ink-3)}
.sw-bar .bm{display:inline-flex;align-items:center;gap:5px}
.sw-bar .bm::before{content:"";width:10px;height:10px;border-radius:3px;background:#DCD8D0}
.sw-bar .bm.fo{color:var(--ink);font-weight:500;opacity:0}
.sw-bar .bm.fo::before{display:none}
.sw-bar .bm.fo svg{width:12px;height:12px}
.sw-page{position:absolute;left:0;right:0;top:40px;bottom:0;padding:28px 34px}
.sw-cursor{position:absolute;left:0;top:0;z-index:9;width:18px;height:22px;transform:translate(300px,330px)}
.sw-line{display:block;height:8px;border-radius:4px;background:#EEECE6;margin-top:10px}
.sw-line.w6{width:60%}.sw-line.w8{width:80%}.sw-line.w4{width:40%}
.sw-ring{position:absolute;border-radius:50%;border:2px solid var(--ink);opacity:0;pointer-events:none}

/* 每一幕只在 [data-scene] 对上时出现 */
.sc{display:none}
.wz-stage[data-scene="store"] .sc.sc-store,.wz-stage[data-scene="pin"] .sc.sc-pin,.wz-stage[data-scene="clip"] .sc.sc-clip,.wz-stage[data-scene="desk"] .sc.sc-desk,
.wz-stage[data-scene="bar"] .sc.sc-bar,.wz-stage[data-scene="drag"] .sc.sc-drag,.wz-stage[data-scene="bmclip"] .sc.sc-bmclip{display:block}

/* 1 · 应用商店：点「添加至 Chrome」→ 确认 → 已添加 */
.store-head{display:flex;align-items:center;gap:16px}
.store-icon{width:60px;height:60px;border-radius:14px;background:#2A2925;display:grid;place-items:center}
.store-icon svg{width:34px;height:34px;color:#fff}
.store-name b{display:block;font:600 20px var(--latin);color:var(--ink)}
.store-name small{font:400 12px var(--sans);color:var(--ink-3)}
.store-add{position:absolute;right:34px;top:40px;height:36px;padding:0 18px;border-radius:18px;background:#1A73E8;color:#fff;font:500 13px var(--sans);display:grid;place-items:center}
.store-dlg{position:absolute;left:150px;top:120px;width:300px;padding:18px 18px 14px;border-radius:10px;background:#fff;box-shadow:0 20px 50px -14px rgba(0,0,0,.35),0 0 0 .5px rgba(0,0,0,.1);opacity:0}
.store-dlg b{display:block;font:500 14px var(--sans);color:var(--ink)}
.store-dlg p{margin:8px 0 14px;font:400 12px/1.6 var(--sans);color:var(--ink-3)}
.store-dlg span{display:inline-grid;place-items:center;height:30px;padding:0 14px;border-radius:15px;background:#1A73E8;color:#fff;font:500 12px var(--sans);float:right}
.store-toast{position:absolute;right:12px;top:6px;padding:10px 14px;border-radius:10px;background:#2A2925;color:#fff;font:500 12px var(--sans);opacity:0}
.wz-stage[data-scene="store"] .sw-cursor{animation:c-store 6.4s var(--ease) infinite}
.wz-stage[data-scene="store"] .store-add{animation:k-press 6.4s infinite;--at:22%}
.wz-stage[data-scene="store"] .store-dlg{animation:k-store-dlg 6.4s infinite}
.wz-stage[data-scene="store"] .store-toast{animation:k-store-toast 6.4s infinite}
@keyframes c-store{0%{transform:translate(260px,330px)}18%{transform:translate(520px,90px)}22%{transform:translate(520px,90px) scale(.85)}25%{transform:translate(520px,90px)}42%{transform:translate(400px,260px)}46%{transform:translate(400px,260px) scale(.85)}49%,100%{transform:translate(400px,260px)}}
@keyframes k-press{0%,20%{transform:scale(1)}22%{transform:scale(.94)}25%,100%{transform:scale(1)}}
@keyframes k-store-dlg{0%,26%{opacity:0;transform:translateY(6px)}30%,48%{opacity:1;transform:none}52%,100%{opacity:0;transform:none}}
@keyframes k-store-toast{0%,54%{opacity:0;transform:translateY(-6px)}58%,92%{opacity:1;transform:none}96%,100%{opacity:0}}

/* 2 · 固定：点拼图 → 点图钉 → 图标出现在工具栏 */
.pin-menu{position:absolute;right:10px;top:4px;width:250px;padding:12px;border-radius:10px;background:#fff;box-shadow:0 20px 50px -14px rgba(0,0,0,.3),0 0 0 .5px rgba(0,0,0,.1);opacity:0}
.pin-menu small{display:block;font:500 11px var(--sans);color:var(--ink-3);margin-bottom:8px}
.pin-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#F4F2EE;font:500 13px var(--latin);color:var(--ink)}
.pin-row .ic{width:22px;height:22px;border-radius:6px;background:#2A2925;display:grid;place-items:center}
.pin-row .ic svg{width:14px;height:14px;color:#fff}
.pin-row .pn{margin-left:auto;width:20px;height:20px;display:grid;place-items:center;color:var(--ink-3)}
.pin-row .pn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.pin-row.other{background:none;color:var(--ink-3);font-weight:400}
.pin-row.other .ic{background:#DCD8D0}
.wz-stage[data-scene="pin"] .sw-cursor{animation:c-pin 6.4s var(--ease) infinite}
.wz-stage[data-scene="pin"] .pin-menu{animation:k-pin-menu 6.4s infinite}
.wz-stage[data-scene="pin"] .pin-row .pn{animation:k-pin-on 6.4s infinite}
.wz-stage[data-scene="pin"] .sw-tool.fold{animation:k-fold-in 6.4s infinite}
.wz-stage[data-scene="pin"] .sw-tool.puzzle{animation:k-press 6.4s infinite}
@keyframes c-pin{0%{transform:translate(300px,300px)}18%{transform:translate(540px,22px)}21%{transform:translate(540px,22px) scale(.85)}24%{transform:translate(540px,22px)}40%{transform:translate(566px,88px)}44%{transform:translate(566px,88px) scale(.85)}47%,100%{transform:translate(566px,88px)}}
@keyframes k-pin-menu{0%,22%{opacity:0;transform:translateY(-4px)}26%,56%{opacity:1;transform:none}60%,100%{opacity:0}}
@keyframes k-pin-on{0%,44%{color:var(--ink-3)}46%,100%{color:#1A73E8}}
@keyframes k-fold-in{0%,58%{width:0;opacity:0}64%,94%{width:24px;opacity:1;box-shadow:0 0 0 3px rgba(42,41,37,.18)}100%{width:24px;opacity:1}}

/* 3 · 贴一张：点工具栏的 Foldinto → 页面上弹出小卡片 → 收进桌面 */
.art{display:flex;gap:20px}
.art .im{width:150px;height:110px;border-radius:8px;background:linear-gradient(135deg,#D6DEE6,#C3CCD6);flex:0 0 auto}
.art b{display:block;font:600 17px/1.4 var(--sans);color:var(--ink);max-width:300px}
.art small{font:400 11px var(--sans);color:var(--ink-3)}
.clip-card{position:absolute;right:16px;top:8px;width:230px;padding:12px;border-radius:12px;background:#FFFDF8;box-shadow:0 20px 44px -14px rgba(0,0,0,.35),0 0 0 .5px rgba(0,0,0,.08);opacity:0}
.clip-card .h{display:flex;align-items:center;gap:6px;font:500 12px var(--sans);color:var(--ink)}
.clip-card .h svg{width:14px;height:14px}
.clip-card b{display:block;margin-top:8px;font:500 12px/1.5 var(--sans);color:var(--ink-2)}
.clip-card i{display:block;margin-top:10px;padding:8px;border-radius:7px;background:#F1EFEA;font:400 11px var(--sans);font-style:normal;color:var(--ink-4)}
.wz-stage[data-scene="clip"] .sw-tool.fold{width:24px;opacity:1}
.wz-stage[data-scene="clip"] .sw-cursor{animation:c-clip 6.4s var(--ease) infinite}
.wz-stage[data-scene="clip"] .sw-tool.fold{animation:k-press 6.4s infinite}
.wz-stage[data-scene="clip"] .clip-card{animation:k-clip-card 6.4s infinite}
@keyframes c-clip{0%{transform:translate(250px,300px)}20%{transform:translate(512px,22px)}23%{transform:translate(512px,22px) scale(.85)}26%,100%{transform:translate(512px,22px)}}
@keyframes k-clip-card{0%,25%{opacity:0;transform:translateY(-8px) scale(.96)}30%,74%{opacity:1;transform:none}86%,100%{opacity:0;transform:translate(10px,-40px) scale(.2)}}

/* 书签按钮路线：打开书签栏 / 拖上去 / 点一下 */
.wz-stage[data-scene="bar"] .sw-bar{animation:k-bar 6.4s infinite}
.wz-stage[data-scene="drag"] .sw-bar,.wz-stage[data-scene="bmclip"] .sw-bar{height:28px;border-bottom-color:#E4E1DA}
.wz-stage[data-scene="bmclip"] .sw-bar .bm.fo{opacity:1}
.wz-stage[data-scene="drag"] .sw-bar .bm.fo{animation:k-bm-in 6.4s infinite}
@keyframes k-bar{0%,40%{height:0;border-bottom-color:transparent}48%,100%{height:28px;border-bottom-color:#E4E1DA}}
@keyframes k-bm-in{0%,58%{opacity:0}62%,100%{opacity:1}}
.bar-keys{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);display:flex;gap:8px}
.bar-keys kbd{min-width:52px;height:52px;padding:0 12px;display:grid;place-items:center;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px #D9D5CC,0 3px 0 #D9D5CC;font:500 20px var(--latin);color:var(--ink)}
.wz-stage[data-scene="bar"] .bar-keys kbd:nth-child(1){animation:k-key 6.4s infinite;--d:0}
.wz-stage[data-scene="bar"] .bar-keys kbd:nth-child(2){animation:k-key2 6.4s infinite}
.wz-stage[data-scene="bar"] .bar-keys kbd:nth-child(3){animation:k-key3 6.4s infinite}
@keyframes k-key{0%,10%{transform:none;box-shadow:0 0 0 .5px #D9D5CC,0 3px 0 #D9D5CC}14%,40%{transform:translateY(3px);box-shadow:0 0 0 .5px #D9D5CC,0 0 0 #D9D5CC}44%,100%{transform:none}}
@keyframes k-key2{0%,18%{transform:none;box-shadow:0 0 0 .5px #D9D5CC,0 3px 0 #D9D5CC}22%,40%{transform:translateY(3px);box-shadow:0 0 0 .5px #D9D5CC,0 0 0 #D9D5CC}44%,100%{transform:none}}
@keyframes k-key3{0%,26%{transform:none;box-shadow:0 0 0 .5px #D9D5CC,0 3px 0 #D9D5CC}30%,40%{transform:translateY(3px);box-shadow:0 0 0 .5px #D9D5CC,0 0 0 #D9D5CC}44%,100%{transform:none}}
.drag-chip{position:absolute;left:220px;top:240px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;background:#2A2925;color:#fff;font:500 12px var(--sans)}
.drag-chip svg{width:13px;height:13px;color:#fff}
.wz-stage[data-scene="drag"] .drag-chip{animation:k-drag 6.4s var(--ease) infinite}
.wz-stage[data-scene="drag"] .sw-cursor{animation:c-drag 6.4s var(--ease) infinite}
@keyframes k-drag{0%,18%{transform:none;opacity:1}55%{transform:translate(-74px,-230px) scale(.8);opacity:1}58%,100%{transform:translate(-74px,-230px) scale(.8);opacity:0}}
@keyframes c-drag{0%{transform:translate(160px,350px)}15%{transform:translate(250px,292px)}18%{transform:translate(250px,292px) scale(.85)}55%{transform:translate(176px,60px) scale(.85)}60%,100%{transform:translate(176px,60px)}}
.wz-stage[data-scene="bmclip"] .sw-cursor{animation:c-bm 6.4s var(--ease) infinite}
.wz-stage[data-scene="bmclip"] .clip-card{animation:k-clip-card 6.4s infinite}
@keyframes c-bm{0%{transform:translate(250px,300px)}20%{transform:translate(176px,52px)}23%{transform:translate(176px,52px) scale(.85)}26%,100%{transform:translate(176px,52px)}}

/* 4 · 登录后的桌面：刚贴的那张落下来 */
.desk-row{display:flex;gap:16px;align-items:flex-start}
.desk-note{width:150px;height:150px;border-radius:2px;background:#FAF9F6;box-shadow:var(--shadow-soft);padding:12px}
.desk-note:nth-child(2){background:#F3ECDF;height:120px}
.desk-note.new{background:#fff;transform-origin:50% 0}
.desk-note.new b{display:block;margin-top:8px;font:500 11px/1.5 var(--sans);color:var(--ink)}
.desk-note.new small{font:400 10px var(--sans);color:var(--ink-3)}
.wz-stage[data-scene="desk"] .desk-note.new{animation:k-drop 6.4s var(--ease-out) infinite}
@keyframes k-drop{0%,12%{opacity:0;transform:translateY(-80px) rotate(-8deg)}30%{opacity:1;transform:translateY(6px) rotate(2deg)}36%,90%{opacity:1;transform:none;box-shadow:0 0 0 3px rgba(42,41,37,.16),var(--shadow-soft)}100%{opacity:1;transform:none}}
.wz-stage[data-scene="desk"] .sw-cursor{opacity:0}
.desk-tag{position:absolute;left:34px;bottom:24px;font:400 11px var(--sans);color:var(--ink-3)}

@media (prefers-reduced-motion:reduce){.wz-stage *{animation-duration:0s!important;animation-iteration-count:1!important}}
@media (max-width:900px){.wz{grid-template-columns:1fr}.wz-stage{display:none}.wz-panel{padding:28px 24px}.setup-in{grid-template-columns:1fr}.setup-in h2{font-size:32px}}