*{box-sizing:border-box}body,html{min-height:100%;margin:0;overflow-x:hidden}body{background:#f7faf7;color:#24352e;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:radial-gradient(circle at 18% 0,rgba(111,180,139,.16),transparent 32rem),radial-gradient(circle at 92% 16%,rgba(211,232,203,.38),transparent 30rem),#f7faf7}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:72px;max-width:100vw;padding:0 24px;border-bottom:1px solid rgba(79,157,120,.14);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;height:72px;max-width:1180px;margin:0 auto;gap:22px}.brand-link{display:inline-flex;align-items:center;min-width:190px;gap:10px}.brand-badge{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#4f9d78,#3a8062);font-weight:700}.brand-text small,.brand-text strong{display:block;line-height:1.1}.brand-text strong{font-size:17px;letter-spacing:.02em}.brand-text small{margin-top:4px;color:#7c8a82;font-size:12px}.main-menu{flex:1 1 auto;min-width:0;border-bottom:0!important;background:transparent}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.app-content{width:100%;max-width:1180px;margin:0 auto;padding:32px 24px 64px}.page-stack{display:grid;grid-gap:24px;gap:24px}.kicker{margin:0 0 8px;color:#4f9d78;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-title{margin:0;color:#1f3027;font-size:clamp(30px,5vw,48px);line-height:1.12;letter-spacing:-.04em}.page-desc{max-width:680px;margin:12px 0 0;color:#6f7f76;font-size:16px;line-height:1.75}.soft-card{min-width:0;border-color:#e4ece6!important;box-shadow:0 12px 32px rgba(42,80,61,.07)}.upload-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);grid-gap:20px;gap:20px;align-items:stretch}.stat-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.paste-upload-zone{display:grid;min-height:178px;place-items:center;grid-gap:8px;gap:8px;border:1px dashed #9ccdb3;border-radius:18px;padding:28px;color:#6f7f76;background:#fafdfb;text-align:center;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.paste-upload-zone:focus,.paste-upload-zone:hover{border-color:#4f9d78;background:#f7fcf9;box-shadow:0 0 0 4px rgba(79,157,120,.08)}.paste-upload-zone .anticon{color:#4f9d78;font-size:38px}.paste-upload-zone strong{color:#3a8062;font-size:17px}.html-source-input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.qr-modal-content{display:grid;justify-items:center;grid-gap:14px;gap:14px;text-align:center}.qr-modal-content h3{max-width:100%;margin:0;color:#24352e;font-size:18px;line-height:1.45;word-break:break-word}.qr-modal-content .code-text{max-width:100%;font-size:12px}.tool-preview-card{overflow:hidden;position:relative}.tool-preview-card-clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.tool-preview-card-clickable:hover{transform:translateY(-2px)}.tool-preview-card .ant-card-body{padding:18px 20px 20px!important}.tool-preview-card-clickable .ant-card-body,.tool-preview-card-clickable .ant-card-cover{pointer-events:none}.tool-card-hit-area{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:auto}.tool-card-hit-area:focus-visible{outline:3px solid rgba(79,157,120,.42);outline-offset:-4px}.tool-screenshot-frame{display:grid;aspect-ratio:11/7;overflow:hidden;place-items:center;border-bottom:1px solid #e4ece6;background:linear-gradient(135deg,rgba(79,157,120,.08),rgba(255,255,255,.88)),#f8fbf8}.tool-screenshot-frame img{display:block;width:100%;height:100%;object-fit:cover}.tool-screenshot-placeholder{display:grid;grid-gap:10px;gap:10px;place-items:center;color:#6f7f76;font-size:13px}.tool-screenshot-placeholder .anticon{color:#4f9d78;font-size:30px}.tool-card-title-row{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tool-card-title{pointer-events:auto;min-width:0;color:#24352e;font-size:16px;font-weight:700;line-height:1.45}.tool-card-meta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tool-card-desc{position:relative;z-index:2;min-height:48px;color:#6f7f76;line-height:1.65}.tool-card-author{position:relative;z-index:2;margin:0 0 16px;color:#7c8a82;font-size:13px}.tool-card-actions{position:relative;z-index:2;pointer-events:auto}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.tool-table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tool-table-scroll:focus-visible{outline:3px solid rgba(79,157,120,.24);outline-offset:4px}.tool-table .ant-table-container{max-width:100%}.tool-table .ant-table-content{overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;touch-action:pan-x}.tool-table-hint{display:none;margin-bottom:10px;color:#7c8a82;font-size:12px}.plain-menu-button{width:100%;border:0;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.code-text{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;color:#3a8062;word-break:break-all}@media (max-width:900px){.app-header{height:auto;padding:10px 16px}.header-inner{height:auto;align-items:flex-start;flex-wrap:wrap;gap:10px 12px}.brand-link{min-width:0;flex:1 0 170px}.main-menu.ant-menu{order:3;flex:0 0 100%;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.header-actions{margin-left:auto}.app-content{padding:24px 16px 48px}.upload-hero{align-items:flex-start;flex-direction:column}.stat-grid,.tool-grid,.upload-hero{grid-template-columns:1fr}}@media (max-width:520px){.app-header{padding:8px 16px 10px}.brand-link,.header-actions{flex:0 0 100%}.header-actions{margin-left:0;flex-wrap:nowrap;width:100%}.header-actions>a:first-child{flex:1 1;min-width:0}.header-actions>a:first-child button{width:100%}.header-actions>:nth-child(2){flex:0 0 auto}.page-title{font-size:30px;letter-spacing:-.03em;word-break:break-word}.soft-card .ant-card-body{padding:20px!important}.tool-table-hint{display:block}}.gallery-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto auto;grid-gap:12px;gap:12px;align-items:center}@media (max-width:900px){.gallery-filter-form{grid-template-columns:1fr}}.ant-layout-header.app-header{background:rgba(255,255,255,.9)!important;height:72px!important;padding:0 24px!important;line-height:normal}.main-menu.ant-menu{background:transparent!important}@media (max-width:900px){.ant-layout-header.app-header{height:auto!important;padding:10px 16px!important}}@media (max-width:520px){.ant-layout-header.app-header{padding:8px 16px 10px!important}}