@keyframes catPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dlPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--bg:#f4f7fc;--bg-2:#ffffff;--card:#ffffff;--card-solid:#ffffff;--card-line:rgba(20, 40, 80, 0.08);--txt:#1a2233;--txt-2:#5b6577;--txt-3:#98a1b3;--gold:#1a6eff;--gold-soft:rgba(26, 110, 255, 0.08);--blue-deep:#0852d6;--radius:18px;--maxw:480px;--mod-h:540px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;background:var(--bg);color:var(--txt);line-height:1.6;overflow-x:hidden;position:relative}.bg-decor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(100px)}.glow-1{width:380px;height:380px;background:rgba(26,110,255,.1);top:-130px;left:50%;transform:translateX(-50%)}.glow-2,.glow-3{display:none}.page{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 18px calc(96px + env(safe-area-inset-bottom))}.grad-text{color:var(--gold);-webkit-text-fill-color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:0;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:var(--gold);box-shadow:0 6px 18px rgba(26,110,255,.28)}.btn-ghost{color:var(--txt);background:#fff;border:1px solid var(--card-line)}.btn>*+*{margin-left:6px}.btn-lg{width:100%;padding:16px;font-size:16px;margin-top:6px}.hero{padding:48px 4px 26px;text-align:center}.hero-brand{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;background:var(--gold-soft);border:1px solid rgba(26,110,255,.2);font-size:14px;font-weight:600;color:var(--gold)}.hero-brand>*+*{margin-left:8px}.brand-logo,.modal-head h3{font-size:17px}.hero-title{font-size:30px;line-height:1.32;font-weight:800;margin:26px 0 16px;letter-spacing:.5px}.hero-desc{color:var(--txt-2);font-size:14.5px;margin-bottom:26px}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-actions>*+*{margin-top:12px}.hero-actions .btn{width:100%}.mod-tabs{display:flex;overflow-x:auto;padding:6px 12px 14px;margin:0-12px;position:sticky;top:0;z-index:30;background:#eef3fb;scrollbar-width:none;scroll-snap-type:x proximity}.mod-tabs::-webkit-scrollbar{display:none}.tab-item{flex:0 0 auto;display:flex;align-items:center;padding:11px 17px;border-radius:999px;font-size:14px;font-weight:700;color:var(--txt-2);background:#fff;border:1.5px solid transparent;white-space:nowrap;cursor:pointer;transition:color .25s ease,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .25s ease;scroll-snap-align:center;transform:scale(.97) translateY(2px);transform-origin:bottom center;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0-2px 6px rgba(20,40,80,.05),0 2px 6px rgba(20,40,80,.05)}.tab-item .tab-icon{font-size:16px;line-height:1}.tab-item:active{transform:scale(.92) translateY(2px)}.tab-item:not(.active):hover{color:var(--gold)}.tab-item.active{color:var(--gold);background:#fff;border-color:rgba(26,110,255,.35);transform:scale(1) translateY(-1px);box-shadow:inset 0 1.5px 0#fff,0 6px 16px rgba(26,110,255,.2),0 1px 4px rgba(20,40,80,.06)}.tab-item.active .tab-icon{transform:scale(1.12)}.tab-item-skill{color:#ff6b2b;border-color:rgba(255,107,43,.35);background:rgba(255,107,43,.06);position:relative;margin-left:4px}.tab-item-skill:hover{border-color:rgba(255,107,43,.6);color:#ff6b2b}.tab-item-skill:active{transform:scale(.94)}.tab-item-skill .tab-icon{font-size:15px}.tab-item-skill::before{content:"";position:absolute;left:-6px;top:20%;height:60%;width:1px;background:rgba(20,40,80,.15);border-radius:1px}.cat-pill,.category-pills{display:flex;padding:18px 0 0;position:relative;z-index:2}.cat-pill{flex:1;align-items:center;justify-content:center;padding:12px 16px 13px;border-radius:16px 16px 0 0;font-size:15px;font-weight:800;letter-spacing:.5px;color:var(--txt-2);background:#fff;border:0;cursor:pointer;transition:color .25s ease,background .3s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;white-space:nowrap;transform:scale(.96) translateY(3px);transform-origin:bottom center;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0-3px 8px rgba(20,40,80,.06);z-index:1}.cat-pill:not(.active):hover{color:var(--gold)}.cat-pill.active{color:var(--gold);background:#eef3fb;margin-bottom:-4px;padding-bottom:17px;transform:scale(1) translateY(0);z-index:3;box-shadow:inset 0 1.5px 0#fff,0-10px 18px -6px rgba(26,110,255,.18)}.cat-panel{position:relative;background:#eef3fb;border-radius:0 18px 18px 18px;padding:16px 12px 18px;animation:catPanelIn .3s cubic-bezier(.2,.8,.2,1)}.cat-panel.panel-right-active{border-radius:18px 0 18px 18px}.cat-panel-hidden{display:none}.work-cards{margin-top:4px;overflow:hidden;touch-action:pan-y}.work-track{display:flex;align-items:flex-start;transition:transform .38s cubic-bezier(.2,.8,.2,1);will-change:transform}.work-track.dragging{transition:none}.work-card{flex:0 0 100%;width:100%;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(20,40,80,.06);overflow:hidden;opacity:.5;transform:scale(.96);transition:opacity .38s ease,transform .38s ease;height:0}.work-card.active{opacity:1;transform:scale(1);height:auto}.wc-inner{padding:20px 18px 18px}.wc-emoji,.wc-head{display:flex;align-items:center}.wc-head{margin-bottom:16px}.wc-emoji{flex:0 0 44px;width:44px;height:44px;border-radius:12px;justify-content:center;font-size:22px;background:var(--gold-soft);border:1px solid rgba(26,110,255,.18)}.wc-title{display:block;font-size:17px;font-weight:800;color:var(--txt);line-height:1.3}.wc-sub{font-size:12.5px;color:var(--txt-3);margin-top:3px;line-height:1.4}.wc-prompt-wrap{background:#f4f7fc;border:1px solid var(--card-line);border-radius:12px;padding:14px 14px 12px;margin-bottom:16px}.wc-prompt-text{font-size:13px;line-height:1.75;color:#3a4456;white-space:pre-wrap;word-break:break-word;font-family:inherit}.wc-footer{display:flex;justify-content:flex-end}.wc-intro{font-size:14.5px;line-height:1.85;color:var(--txt-2);margin:4px 0 16px}.wc-intro b{font-weight:800}.wc-intro .wc-strong{display:inline-block;color:var(--txt);font-size:15.5px;margin-bottom:6px}.wc-intro .wc-hl{color:var(--gold);font-weight:800}.wc-inner-split{padding:0;display:flex;flex-direction:column}.work-card.work-card--split{background:0 0;border:0;box-shadow:none}.wc-block{border:1px solid var(--card-line);border-radius:14px;background:var(--card);box-shadow:0 6px 20px rgba(20,40,80,.06);overflow:hidden}.wc-block-pain{position:relative;padding:18px 20px;background:linear-gradient(145deg,#fff 0,#eef4ff 55%,#e2ecff 100%);border:1px solid rgba(26,110,255,.18);border-radius:16px;box-shadow:0 14px 30px rgba(26,110,255,.16),0 2px 0 rgba(255,255,255,.9) inset,0-2px 8px rgba(26,110,255,.05) inset;transform:translateZ(0)}.wc-block-pain::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px;background:linear-gradient(180deg,var(--gold),#5aa0ff)}.wc-block-pain .wc-intro{margin:0}.wc-block-demo{padding:0}.wc-block-demo .wc-demo-img{display:block;width:100%;height:auto}.wc-demo-stack{border-radius:0 0 16px 16px}.wc-demo-stack .wc-demo-img{margin:0}.wc-demo-stack .wc-demo-img+.wc-demo-img{margin-top:-1px}.wc-demo{margin:-4px 0 16px;border:1px solid var(--card-line);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#f7faff,#eef3fb);box-shadow:0 6px 20px rgba(20,40,80,.06)}.wc-demo-bar{display:flex;align-items:center;padding:9px 14px;border-bottom:1px solid var(--card-line);background:rgba(255,255,255,.55)}.wc-demo-label{font-size:11.5px;font-weight:700;color:var(--gold);letter-spacing:.3px}.wc-demo-img{display:block;width:100%;height:auto}.wc-copy-btn{cursor:pointer;white-space:nowrap;padding:11px 24px;border-radius:12px;font-size:14px;font-weight:700;color:#fff;background:var(--gold);border:0;box-shadow:0 4px 14px rgba(26,110,255,.3);transition:transform .15s ease,background .15s ease}.wc-copy-btn:active{transform:scale(.96)}.wc-copy-btn.copied{background:#2bbf7a;box-shadow:0 4px 12px rgba(43,191,122,.3)}.modules{margin-top:4px;overflow:hidden;touch-action:pan-y}.mod-track{display:flex;align-items:flex-start;transition:transform .38s cubic-bezier(.2,.8,.2,1);will-change:transform}.mod-track.dragging{transition:none}.mod{flex:0 0 100%;width:100%;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(20,40,80,.06);opacity:.5;transform:scale(.96);transition:opacity .38s ease,transform .38s ease;height:0;padding:0 14px;overflow:hidden}.mod.active{opacity:1;transform:scale(1);height:auto;padding:14px;overflow:visible}.mod-preview{position:relative;border-radius:14px;overflow:hidden;margin-bottom:14px;background:#fafbfe}.mod-preview img{width:100%;display:block;-webkit-user-drag:none;user-select:none}.mod-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;padding:46px 20px;text-align:center;color:var(--txt-2)}.mod-placeholder .ph-icon{font-size:42px;margin-bottom:10px}.mod-placeholder .ph-tip{font-size:13px;color:var(--txt-3)}.dl-desc b,.mod-placeholder b{color:var(--gold)}.mod-prompt{background:#f4f7fc;border:1px solid var(--card-line);border-radius:14px;padding:12px}.mp-head{display:flex;align-items:center;margin-bottom:10px}.mp-copy,.mp-title{font-size:13px;font-weight:700}.mp-title{flex:1;min-width:0;color:var(--txt)}.mp-copy{flex:0 0 auto;cursor:pointer;white-space:nowrap;padding:7px 14px;border-radius:999px;color:#fff;background:var(--gold);border:0;box-shadow:0 4px 12px rgba(26,110,255,.28);transition:transform .15s ease}.dl-steps .step-act:active,.mp-copy:active{transform:scale(.94)}.mp-copy.copied{background:#2bbf7a;box-shadow:0 4px 12px rgba(43,191,122,.3)}.mp-body{max-height:168px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid var(--card-line);border-radius:10px;padding:12px;font-size:12.5px;line-height:1.7;color:#3a4456;font-family:inherit;scrollbar-width:thin}.mp-body::-webkit-scrollbar{width:6px}.mp-body::-webkit-scrollbar-thumb{background:rgba(20,40,80,.15);border-radius:3px}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:var(--maxw);margin:0 auto;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--card-line);box-shadow:0-6px 24px rgba(20,40,80,.06)}.action-bar-inner{display:flex;flex-direction:column;align-items:center}.action-bar .btn{width:100%;padding:14px;font-size:15px}.btn-copy,.dl-badge{color:var(--gold);background:var(--gold-soft);border:1px solid rgba(26,110,255,.25)}.dl-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600}.dl-title{font-size:22px;font-weight:800;margin:6px 0 10px;line-height:1.4;color:var(--txt)}.dl-title .grad-text{color:var(--gold);-webkit-text-fill-color:var(--gold)}.dl-desc{font-size:13.5px;line-height:1.7;color:var(--txt-2);margin-bottom:16px;text-align:center}.dl-tabs{display:flex;padding:4px;background:#eef2f9;border-radius:12px;margin-bottom:16px}.dl-tab{flex:1;cursor:pointer;border:0;background:0 0;padding:10px 6px;border-radius:9px;font-size:13px;font-weight:700;color:var(--txt-2);white-space:nowrap;transition:all .2s ease}.dl-tab.active{color:var(--gold);background:#fff;box-shadow:0 2px 8px rgba(20,40,80,.1)}.dl-tab:active{transform:scale(.97)}.dl-panel{display:none}.dl-panel.active{display:block;animation:dlPanelIn .28s ease}.dl-steps{list-style:none;text-align:left;margin-bottom:14px;display:flex;flex-direction:column}.dl-step-item{padding:12px;border-radius:14px;background:#f4f7fc;border:1px solid var(--card-line)}.dl-step-item .step-row,.dl-steps .step-no{display:flex;align-items:center}.dl-steps .step-no{flex:0 0 30px;width:30px;height:30px;border-radius:50%;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:var(--gold)}.dl-steps .step-main{flex:1;min-width:0}.dl-notice b,.dl-steps b{font-size:14px;display:block}.dl-steps b{color:var(--txt)}.dl-notice small,.dl-steps small{font-size:12px;display:block;line-height:1.5;margin-top:2px}.dl-steps small,.dl-tip{color:var(--txt-3)}.dl-steps .step-act{flex:0 0 auto;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;background:var(--gold);border:0;box-shadow:0 4px 12px rgba(26,110,255,.3);transition:transform .15s ease}.dl-steps .step-act-row{display:flex;justify-content:flex-end;margin-top:10px;padding-left:42px}.step-toggle .toggle-arrow{display:inline-block;font-size:12px;transition:transform .25s ease}.step-toggle.open .toggle-arrow{transform:rotate(180deg)}.dl-tip{font-size:12px;margin-top:6px;text-align:center}.dl-notice{display:flex;align-items:center;text-align:left;padding:13px;border-radius:14px;margin-bottom:14px;background:#fff4f4;border:1.5px solid rgba(232,60,60,.35)}.dl-notice .notice-icon{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;background:#e83c3c}.dl-notice .step-main{flex:1;min-width:0}.dl-notice b{color:#d92d2d}.dl-notice small{color:#b46a6a}.dl-notice .notice-act{flex:0 0 auto;cursor:pointer;white-space:nowrap;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;background:#e83c3c;border:0;box-shadow:0 4px 12px rgba(232,60,60,.3);transition:transform .15s ease}.dl-notice .notice-act:active{transform:scale(.94)}.guide-collapse{max-height:0;overflow:hidden;transition:max-height .35s ease}.guide-collapse.open{max-height:1200px}.guide-collapse-inner{padding-top:12px;margin-top:12px;border-top:1px dashed rgba(20,40,80,.12);display:flex;flex-direction:column}.guide-block{background:#fff;border:1px solid var(--card-line);border-radius:12px;padding:12px}.guide-block-t{font-size:13.5px;font-weight:700;color:var(--txt);display:flex;align-items:center}.guide-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;color:#fff}.guide-tag.tag-wb{background:var(--gold)}.guide-tag.tag-other{background:var(--txt-3)}.guide-text{font-size:12.5px;color:var(--txt-2);line-height:1.6;margin:8px 0 10px}.guide-text b{color:var(--gold)}.guide-img{width:100%;display:block;border-radius:10px;border:1px solid var(--card-line)}.guide-cmd{background:#fff;border:1px solid rgba(26,110,255,.28);border-radius:12px;overflow:hidden}.guide-cmd-row{display:flex;align-items:center;padding:12px}.guide-cmd-label{flex:1;font-size:12.5px;font-weight:700;color:var(--txt-2)}.guide-cmd code{flex:1;font-size:12px;line-height:1.7;color:#3a4456;word-break:break-all;font-family:inherit}.guide-cmd-copy{flex:0 0 auto;align-self:center;cursor:pointer;white-space:nowrap;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;color:#fff;background:var(--gold);border:0;box-shadow:0 4px 12px rgba(26,110,255,.3);transition:transform .15s ease,background .2s}.guide-cmd-copy:active{transform:scale(.94)}.try-mask{align-items:center!important;padding:20px}.dl-modal{position:relative;overflow:hidden;width:100%;max-width:var(--maxw);max-height:88vh;background:#fff;border:1px solid var(--card-line);border-radius:22px;padding:24px 20px 20px;box-shadow:0 24px 60px rgba(20,40,80,.28);transform:scale(.92);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease;display:flex;flex-direction:column}.try-mask.show .dl-modal{transform:scale(1);opacity:1}.dl-modal .dl-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(26,110,255,.12),transparent 70%);top:-140px;left:50%;transform:translateX(-50%);filter:blur(20px);pointer-events:none}.dl-body{position:relative;z-index:1;overflow-y:auto;text-align:center;scrollbar-width:thin}.dl-body::-webkit-scrollbar{width:6px}.dl-body::-webkit-scrollbar-thumb{background:rgba(20,40,80,.15);border-radius:3px}.footer{text-align:center;margin-top:36px;font-size:12px;color:var(--txt-3)}.footer-mark{margin-bottom:8px;opacity:.85}.footer a{text-decoration:none}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(20,40,80,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s}.modal-mask.show{opacity:1;visibility:visible}.modal{width:100%;max-width:var(--maxw);max-height:86vh;background:#fff;border:1px solid var(--card-line);border-radius:20px 20px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.modal-mask.show .modal{transform:translateY(0)}.modal-close{position:absolute;top:14px;right:16px;z-index:2;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;background:#f0f3f9;color:var(--txt-2);font-size:15px}.modal-head{display:flex;align-items:center;margin-bottom:14px}.modal-icon{font-size:26px}.modal-head small{font-size:12px;color:var(--txt-3)}.modal-prompt{flex:1;overflow-y:auto;white-space:pre-wrap;word-break:break-word;background:#f4f7fc;border:1px solid var(--card-line);border-radius:12px;padding:16px;font-size:13px;line-height:1.75;color:#3a4456;font-family:inherit;margin-bottom:16px}.modal-actions{display:flex}.modal-actions .btn{flex:1}.toast{position:fixed;left:50%;bottom:30%;transform:translateX(-50%) translateY(20px);background:rgba(26,34,51,.95);color:#fff;padding:12px 22px;border-radius:12px;font-size:14px;z-index:200;opacity:0;visibility:hidden;transition:all .3s}.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media (max-width:360px){.hero-title{font-size:26px}}.dl-prompt-box{margin-top:10px;background:#fff;border:1px solid rgba(26,110,255,.28);border-radius:12px;overflow:hidden}.dl-prompt-row{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--card-line)}.dl-prompt-copy,.dl-prompt-label{white-space:nowrap;font-weight:700}.dl-prompt-label{flex:1;font-size:12.5px;line-height:1.5;color:var(--txt-2);overflow:hidden;text-overflow:ellipsis}.dl-prompt-copy{flex:0 0 auto;cursor:pointer;padding:8px 18px;border-radius:10px;font-size:13px;color:#fff;background:var(--gold);border:0;box-shadow:0 4px 12px rgba(26,110,255,.3);transition:transform .15s ease,background .2s}.dl-prompt-copy:active{transform:scale(.94)}.dl-prompt-copy.copied{background:#2bbf7a;box-shadow:0 4px 12px rgba(43,191,122,.28)}.dl-prompt-body{position:relative}.dl-prompt-preview{max-height:72px;overflow:hidden;font-size:12px;line-height:1.7;color:#3a4456;white-space:pre-wrap;word-break:break-word;padding:10px 12px 0;font-family:inherit;transition:max-height .4s cubic-bezier(.2,.8,.2,1)}.dl-prompt-preview.expanded{max-height:600px;padding-bottom:12px}.dl-prompt-fade{height:52px;margin-top:-52px;position:relative;pointer-events:none;background:linear-gradient(to bottom,transparent 0,rgba(255,255,255,.5) 45%,#fff 100%);transition:opacity .3s ease}.dl-prompt-preview.expanded+.dl-prompt-fade{opacity:0}.dl-prompt-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 12px;border:0;background:#fff;cursor:pointer;font-size:12px;font-weight:600;color:var(--gold);transition:opacity .15s}.dl-prompt-toggle:active{opacity:.7}.dl-prompt-toggle-arrow{display:inline-block;font-size:10px;transition:transform .3s ease}.dl-prompt-toggle-arrow.open{transform:rotate(180deg)}.mod-tabs>*+*{margin-left:9px}.tab-item>*+*{margin-left:7px}.wc-head>*+*{margin-left:14px}.wc-inner-split>*+*{margin-top:14px}.mp-head>*+*{margin-left:8px}.action-bar-inner>*+*{margin-top:6px}.dl-tabs>*+*{margin-left:4px}.dl-steps>*+*{margin-top:10px}.dl-notice>*+*,.dl-step-item .step-row>*+*{margin-left:12px}.dl-steps .step-act>*+*{margin-left:5px}.guide-collapse-inner>*+*{margin-top:10px}.guide-block-t>*+*{margin-left:8px}.guide-cmd-row>*+*,.modal-head>*+*{margin-left:12px}.modal-actions>*+*{margin-left:10px}.dl-prompt-row>*+*{margin-left:12px}.dl-prompt-toggle>*+*{margin-left:4px}