:root{--rpx: .5px;--brand: #1878f8;--brand-action: #1068f0;--brand-pressed: #0058e8;--brand-deep: #0058e8;--brand-soft: #e8f0f8;--brand-tint: #f0f6fd;--brand-border: #c8e0f8;--brand-tag-bg: #d8e8f8;--brand-tag-fg: #0058e8;--brand-ring: rgba(24, 120, 248, .14);--bg-page: #f3f6fb;--bg-card: #ffffff;--bg-sunken: #f6f8fb;--text-title: #15181e;--text-body: #343a43;--text-sub: #6c7580;--text-weak: #79828f;--line: #ebeef3;--line-strong: #dde2ea;--disabled-bg: #e9edf2;--disabled-fg: #a8b0ba;--shadow-card: 0 calc(2 * var(--rpx)) calc(12 * var(--rpx)) rgba(21, 24, 30, .05);--shadow-float: 0 calc(8 * var(--rpx)) calc(28 * var(--rpx)) rgba(21, 24, 30, .1);--r-sm: calc(8 * var(--rpx));--r-md: calc(12 * var(--rpx));--r-lg: calc(16 * var(--rpx));--r-xl: calc(20 * var(--rpx));--r-full: calc(999 * var(--rpx));--gap-page: calc(24 * var(--rpx));--gap-card: calc(24 * var(--rpx));--gap-section: calc(32 * var(--rpx));--gap-item: calc(16 * var(--rpx));--h-btn: calc(88 * var(--rpx));--h-btn-sm: calc(64 * var(--rpx));--h-search: calc(88 * var(--rpx));--icon-card: calc(88 * var(--rpx));--f-brand: calc(40 * var(--rpx));--f-page: calc(36 * var(--rpx));--f-card: calc(30 * var(--rpx));--f-body: calc(28 * var(--rpx));--f-sub: calc(26 * var(--rpx));--f-tag: calc(22 * var(--rpx));--f-btn: calc(30 * var(--rpx));--f-mini: calc(20 * var(--rpx));--f-section: calc(28 * var(--rpx));--f-task: calc(24 * var(--rpx));--icon-scene: calc(84 * var(--rpx));--r-mark: calc(20 * var(--rpx));--page-max: 720px;--container-wide: 720px}@media (min-width: 768px){:root{--rpx: .56px;--container-wide: 720px}}@media (min-width: 1024px){:root{--container-wide: 1040px;--f-brand: 36px;--f-page: 28px;--f-card: 19px;--f-body: 16px;--f-sub: 15px;--f-tag: 13px;--f-btn: 16px;--f-mini: 12px;--f-task: 14px;--f-section: 18px;--gap-page: 32px;--gap-card: 24px;--gap-section: 44px;--gap-item: 20px;--h-btn: 48px;--h-btn-sm: 40px;--h-search: 52px;--icon-card: 48px;--icon-scene: 60px;--r-mark: 14px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 16px;--r-full: 999px}}@media (min-width: 1440px){:root{--container-wide: 1120px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,sans-serif;font-size:var(--f-body);line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block}a{color:var(--brand);text-decoration:none}button{font-family:inherit}.page{max-width:var(--page-max);margin:0 auto;padding:var(--gap-page) var(--gap-page) calc(64 * var(--rpx))}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.topbar-inner{position:relative;max-width:var(--page-max);margin:0 auto;height:calc(96 * var(--rpx));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gap-page)}.topbar-wide .topbar-inner{max-width:var(--container-wide)}.wordmark{grid-column:2;justify-self:center;text-align:center;font-size:calc(34 * var(--rpx));font-weight:600;letter-spacing:calc(2 * var(--rpx));color:#1878f8;white-space:nowrap}.wordmark .wm-rest{font-weight:500}@media (min-width: 1024px){.topbar-inner{height:72px}.wordmark{font-size:20px;letter-spacing:.5px}}.topbar-back{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:calc(6 * var(--rpx));font-size:var(--f-sub);color:var(--text-sub);cursor:pointer}.topbar-back:hover{color:var(--brand)}.searchbar{display:flex;align-items:center}.input-wrap{flex:1;display:flex;align-items:center;background:var(--bg-card);border:2px solid transparent;border-radius:var(--r-full);padding:0 calc(12 * var(--rpx)) 0 calc(28 * var(--rpx));height:var(--h-search);box-shadow:var(--shadow-card);transition:border-color .15s}.input-wrap.input-focus{border-color:var(--brand)}.input{flex:1;min-width:0;height:var(--h-search);border:0;outline:none;background:transparent;font-size:var(--f-body);color:var(--text-title);font-family:inherit}.input::placeholder{color:var(--text-weak);font-size:var(--f-sub)}.mag{position:relative;width:calc(24 * var(--rpx));height:calc(24 * var(--rpx));border:calc(4 * var(--rpx)) solid var(--text-weak);border-radius:50%;flex-shrink:0}.mag:after{content:"";position:absolute;right:calc(-8 * var(--rpx));bottom:calc(-8 * var(--rpx));width:calc(14 * var(--rpx));height:calc(4 * var(--rpx));border-radius:calc(2 * var(--rpx));background:var(--text-weak);transform:rotate(45deg)}.mag-lead{margin-right:calc(16 * var(--rpx))}.go{width:calc(60 * var(--rpx));height:calc(60 * var(--rpx));border:0;border-radius:50%;background:var(--brand-action);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:calc(8 * var(--rpx));cursor:pointer;transition:background .12s}.go:hover,.go:active{background:var(--brand-pressed)}.mag-btn{border-color:#fff}.mag-btn:after{background:#fff}.card-surface{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.btn{height:var(--h-btn);border:0;border-radius:var(--r-full);font-size:var(--f-btn);font-weight:600;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-primary{background:var(--brand-action);color:#fff;width:100%}.btn-primary:hover,.btn-primary:active{background:var(--brand-pressed)}.btn-ghost{height:var(--h-btn-sm);border:2px solid var(--brand-border);color:var(--brand-tag-fg);background:transparent;font-size:var(--f-sub);font-weight:500;width:100%}.btn-ghost:hover{background:var(--brand-tint)}.tag{display:inline-flex;align-items:center;height:calc(36 * var(--rpx));padding:0 calc(12 * var(--rpx));border-radius:var(--r-sm);font-size:var(--f-tag);line-height:1;background:var(--bg-sunken);color:var(--text-sub)}.tag-brand{background:var(--brand-tag-bg);color:var(--brand-tag-fg)}.mini{font-size:var(--f-mini)}.weak{color:var(--text-weak)}.state{padding:calc(32 * var(--rpx)) calc(32 * var(--rpx)) calc(36 * var(--rpx));text-align:center}.state-title{font-size:var(--f-sub);color:var(--text-sub)}.state-desc{font-size:var(--f-tag);color:var(--text-weak);margin-top:calc(8 * var(--rpx));line-height:1.6}.state-tip{margin-top:calc(12 * var(--rpx));font-size:var(--f-mini);color:var(--text-weak);line-height:1.5;word-break:break-all}.link{color:var(--brand);cursor:pointer}.state-action{margin:calc(24 * var(--rpx)) auto 0;max-width:calc(240 * var(--rpx))}.skeleton{background:var(--bg-card);border-radius:var(--r-xl);height:calc(176 * var(--rpx));margin-bottom:var(--gap-item);animation:sk 1.2s ease-in-out infinite}@keyframes sk{0%,to{opacity:1}50%{opacity:.5}}.toast{position:fixed;left:50%;bottom:calc(120 * var(--rpx));transform:translate(-50%) translateY(8px);max-width:80vw;padding:calc(16 * var(--rpx)) calc(28 * var(--rpx));border-radius:var(--r-md);background:#15181ee0;color:#fff;font-size:var(--f-sub);line-height:1.5;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:90}.toast.toast-on{opacity:1;transform:translate(-50%) translateY(0)}:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.page-home{max-width:var(--container-wide)}.hero{padding:calc(36 * var(--rpx)) calc(4 * var(--rpx)) calc(28 * var(--rpx))}.hero-title{font-size:var(--f-brand);font-weight:700;color:var(--text-title);line-height:1.35;letter-spacing:calc(-.5 * var(--rpx));margin:0}.hero-sub{margin-top:calc(12 * var(--rpx));font-size:var(--f-sub);color:var(--text-sub)}.section{margin-top:var(--gap-section)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:calc(20 * var(--rpx))}.section-title{font-size:var(--f-section);font-weight:600;color:var(--text-title)}.section-more{font-size:var(--f-sub);color:var(--text-weak)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--rpx))}.card{position:relative;display:block;width:100%;text-align:left;min-height:calc(188 * var(--rpx));box-sizing:border-box;overflow:hidden;background:#fff;border-radius:var(--r-lg);padding:calc(24 * var(--rpx));border:1px solid var(--line);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,transform .08s,box-shadow .15s}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.card.card-on{border-color:transparent}.card-head{display:flex;align-items:center}.card-mark{width:var(--icon-scene);height:var(--icon-scene);flex-shrink:0;border-radius:var(--r-mark)}.card-title{flex:1;min-width:0;margin-left:calc(18 * var(--rpx));font-size:var(--f-card);font-weight:600;color:var(--text-title);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-arrow{flex-shrink:0;margin-left:calc(14 * var(--rpx));width:calc(16 * var(--rpx));height:calc(16 * var(--rpx));border-top:calc(4 * var(--rpx)) solid var(--text-weak);border-right:calc(4 * var(--rpx)) solid var(--text-weak);border-radius:calc(2 * var(--rpx));transform:rotate(45deg);opacity:.6;pointer-events:none}.card-tasks{margin-top:calc(20 * var(--rpx));height:calc(36 * var(--rpx));padding-right:calc(44 * var(--rpx));overflow:hidden;display:flex;flex-wrap:nowrap;column-gap:calc(18 * var(--rpx))}.task{font-size:var(--f-task);color:#5b636e;line-height:1.5;white-space:nowrap;flex-shrink:0}.task.task-on{font-weight:500}.foot{margin-top:calc(64 * var(--rpx));text-align:center;font-size:var(--f-mini);color:var(--text-weak)}@media (min-width: 1024px){.hero{padding:72px 0 44px;text-align:center}.hero-title{line-height:1.25;letter-spacing:-.6px}.hero-sub{margin-top:16px;font-size:18px}.page-home .searchbar{max-width:560px;margin-left:auto;margin-right:auto}.section{margin-top:48px}.section-head{margin-bottom:20px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{min-height:172px;padding:24px}.card-title{margin-left:16px;line-height:1.25}.card-tasks{margin-top:24px;height:auto;padding-right:0;column-gap:20px}.card-arrow{width:9px;height:9px;border-top-width:2px;border-right-width:2px;border-radius:1px;margin-left:16px}.foot{margin-top:88px;text-align:center;font-size:14px;color:var(--text-sub)}}@media (min-width: 1024px) and (max-height: 1000px){.page-home{padding-bottom:48px}.hero{padding:48px 0 32px}.hero-title{font-size:34px}.section{margin-top:28px}.cards{gap:18px}.card{min-height:152px;padding:22px}.card-tasks{margin-top:20px}.foot{margin-top:56px}}@media (min-width: 1024px) and (max-height: 880px){.page-home{padding-bottom:28px}.hero{padding:32px 0 24px}.hero-title{font-size:32px}.section{margin-top:24px}.card{min-height:140px;padding:20px}.card-tasks{margin-top:18px}.foot{margin-top:24px}}.task-nav{margin-bottom:calc(20 * var(--rpx));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.task-nav::-webkit-scrollbar{display:none}.task-nav-inner{display:inline-flex;gap:calc(12 * var(--rpx));padding:calc(2 * var(--rpx)) 0}.nav-item{flex-shrink:0;border:2px solid var(--line);background:var(--bg-card);font-family:inherit;font-size:var(--f-sub);color:var(--text-sub);padding:calc(10 * var(--rpx)) calc(24 * var(--rpx));border-radius:var(--r-full);cursor:pointer;transition:background .15s,color .15s}.nav-item.nav-on{border-color:transparent;font-weight:600}.scard{display:block;width:100%;text-align:left;background:var(--bg-card);border:0;border-radius:var(--r-xl);padding:var(--gap-card);margin-bottom:var(--gap-item);box-shadow:var(--shadow-card);cursor:pointer;font-family:inherit;transition:background .15s,transform .08s}.scard:hover{background:var(--brand-tint);transform:translateY(-1px)}.scard-head{display:flex;align-items:flex-start}.scard-icon{width:var(--icon-card);height:var(--icon-card);border-radius:var(--r-md);flex-shrink:0;background:var(--brand-soft);object-fit:cover}.scard-icon-ph{display:flex;align-items:center;justify-content:center;color:var(--brand-tag-fg);font-size:calc(38 * var(--rpx));font-weight:700}.scard-main{flex:1;min-width:0;margin-left:calc(20 * var(--rpx))}.title-row{display:flex;align-items:center;gap:calc(12 * var(--rpx));min-width:0}.scard-title{font-size:var(--f-card);font-weight:600;color:var(--text-title);line-height:1.35;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-row{margin-top:calc(10 * var(--rpx));display:flex;align-items:center;flex-wrap:wrap;gap:calc(12 * var(--rpx));font-size:var(--f-mini)}.scard-desc{margin-top:calc(18 * var(--rpx));font-size:var(--f-sub);color:var(--text-body);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.scard-tags{margin-top:calc(16 * var(--rpx));display:flex;flex-wrap:wrap;gap:calc(10 * var(--rpx))}.scard-foot{margin-top:calc(20 * var(--rpx));padding-top:calc(18 * var(--rpx));border-top:2px solid var(--line);display:flex;align-items:center;justify-content:space-between}.scard-action{font-size:var(--f-sub);font-weight:600;color:var(--brand)}.detail-page{padding-bottom:calc(200 * var(--rpx))}.header{display:flex;align-items:center;padding:var(--gap-card)}.h-icon{width:calc(116 * var(--rpx));height:calc(116 * var(--rpx));border-radius:var(--r-lg);flex-shrink:0;background:var(--brand-soft);object-fit:cover}.h-icon-ph{display:flex;align-items:center;justify-content:center;color:var(--brand-tag-fg);font-size:calc(46 * var(--rpx));font-weight:700}.h-info{margin-left:calc(24 * var(--rpx));flex:1;min-width:0}.h-name{font-size:var(--f-page);font-weight:700;color:var(--text-title);line-height:1.35;word-break:break-all}.h-sub{margin-top:calc(14 * var(--rpx));display:flex;align-items:center;flex-wrap:wrap;gap:calc(12 * var(--rpx))}.block{padding:var(--gap-card);margin-top:var(--gap-item)}.block-title{font-size:calc(28 * var(--rpx));font-weight:600;color:var(--text-title);margin-bottom:calc(16 * var(--rpx))}.block-text{display:block;font-size:var(--f-body);color:var(--text-body);line-height:1.65}.note{margin-top:calc(18 * var(--rpx));font-size:var(--f-mini);color:var(--text-weak);line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:calc(12 * var(--rpx))}.chip{font-size:var(--f-tag);color:var(--text-body);background:var(--bg-sunken);border-radius:var(--r-sm);padding:calc(10 * var(--rpx)) calc(18 * var(--rpx));line-height:1.3}.kv{display:flex;font-size:var(--f-sub);padding:calc(10 * var(--rpx)) 0;align-items:flex-start}.k{color:var(--text-weak);width:calc(148 * var(--rpx));flex-shrink:0}.v{color:var(--text-body);flex:1;min-width:0}.install-desc{font-size:var(--f-sub);color:var(--text-sub);line-height:1.6}.steps{margin-top:calc(20 * var(--rpx));background:var(--bg-sunken);border-radius:var(--r-md);padding:calc(20 * var(--rpx))}.step{display:flex;align-items:flex-start;font-size:var(--f-sub);color:var(--text-body);line-height:1.7}.step-no{width:calc(34 * var(--rpx));height:calc(34 * var(--rpx));display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);background:var(--brand);color:#fff;font-size:var(--f-mini);font-weight:600;flex-shrink:0;margin-top:calc(8 * var(--rpx));margin-right:calc(14 * var(--rpx))}.step-text{flex:1;min-width:0}.prompt-card{margin-top:calc(20 * var(--rpx));border:2px solid var(--line);border-radius:var(--r-md);overflow:hidden}.prompt-label{background:var(--bg-sunken);padding:calc(14 * var(--rpx)) calc(20 * var(--rpx));font-size:var(--f-mini);color:var(--text-weak);border-bottom:2px solid var(--line)}.prompt{padding:calc(20 * var(--rpx));font-size:var(--f-sub);color:var(--text-body);line-height:1.65;white-space:pre-wrap;word-break:break-all;background:var(--bg-card)}.action-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:2px solid var(--line);box-shadow:0 calc(-2 * var(--rpx)) calc(12 * var(--rpx)) #15181e0f;padding:calc(16 * var(--rpx)) var(--gap-page) calc(16 * var(--rpx) + env(safe-area-inset-bottom,0px));z-index:30}.action-inner{max-width:var(--page-max);margin:0 auto}.action-hint{text-align:center;font-size:var(--f-mini);color:var(--text-weak);margin-bottom:calc(12 * var(--rpx))}