.software-card-glass{box-sizing:border-box;border:1px solid var(--software-card-glass-border);background:var(--software-card-glass-bg);-webkit-backdrop-filter:blur(16px);cursor:default;border-radius:16px;width:100%;height:320px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),backdrop-filter .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffff0a}.software-card-glass[role=button]{cursor:pointer}.software-card-glass:before{content:"";opacity:.6;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);height:1px;transition:opacity .35s,background .35s;position:absolute;top:0;left:0;right:0}.software-card-glass:hover{border-color:var(--software-card-glass-hover-border);box-shadow:0 20px 48px #00000024, 0 0 0 1px var(--software-card-glass-hover-border), 0 1px 0 #ffffff0f inset;-webkit-backdrop-filter:blur(20px);transform:translateY(-8px)scale(1.02)}.software-card-glass:hover:before{opacity:1;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%)}.software-card-glass:focus-visible{outline:2px solid var(--software-card-primary);outline-offset:2px}.software-card-glass-inner{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:20px;display:flex;position:relative}.software-card-glass:hover .software-card-desc{opacity:1}.software-card-icon-slot{border-radius:14px;flex-shrink:0;width:64px;height:64px;margin-bottom:12px;transition:none;animation:none;position:relative;overflow:hidden;transform:none}.software-card-icon-slot .software-card-icon-img{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.software-card-version{letter-spacing:.03em;opacity:.8;margin-bottom:6px;font-size:11px;font-weight:500}.software-card-name{align-items:flex-start;gap:6px;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.software-card-name-text{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.4;display:-webkit-box;overflow:hidden}.software-card-recommended-icon{flex-shrink:0;font-size:14px}.software-card-tags{flex-wrap:wrap;gap:6px;min-height:0;margin-bottom:8px;display:flex}.software-card-tag{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:1px solid;border-radius:6px;max-width:100%;padding:2px 8px;font-size:11px;text-decoration:none;transition:opacity .2s,transform .2s;overflow:hidden}.software-card-tag:hover{opacity:.9;transform:scale(1.03)}.software-card-desc{-webkit-line-clamp:5;opacity:.9;word-break:break-word;-webkit-box-orient:vertical;flex:1;min-height:0;margin-bottom:12px;font-size:13px;line-height:1.55;transition:opacity .35s;display:-webkit-box;overflow:hidden}.software-card-action{align-items:center;margin-top:auto;display:flex}.software-card-action-btn{background:var(--software-card-action-bg,#0000002e);height:36px;color:var(--software-card-action-text,var(--software-card-text));border:1px solid var(--software-card-glass-border);border-radius:18px;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s,color .3s,box-shadow .3s,border-color .3s,gap .3s;display:inline-flex;box-shadow:0 2px 6px #0000000f}.software-card-action-icon{font-size:12px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.software-card-glass:hover .software-card-action-btn{background:var(--software-card-primary);color:#fff;border-color:#0000;gap:10px;transform:translate(4px);box-shadow:0 4px 12px #0000001f}.software-card-glass:hover .software-card-action-icon{transform:translate(2px)}@media (width<=768px){.software-card-glass{border-radius:12px;height:250px}.software-card-glass:hover{box-shadow:0 12px 28px #0000001a, 0 0 0 1px var(--software-card-glass-hover-border), 0 1px 0 #ffffff0f inset;transform:translateY(-2px)scale(1.01)}.software-card-glass-inner{padding:12px}.software-card-icon-slot{border-radius:10px;width:46px;height:46px;margin-bottom:8px}.software-card-icon-slot .software-card-icon-img{border-radius:10px}.software-card-version{margin-bottom:4px;font-size:10px}.software-card-name{margin-bottom:6px;font-size:13px}.software-card-name-text{-webkit-line-clamp:3}.software-card-recommended-icon{font-size:12px}.software-card-tags{gap:4px;margin-bottom:10px}.software-card-tag{white-space:normal;word-break:break-word;max-width:calc(100% - 4px);text-overflow:unset;padding:2px 6px;font-size:10px;line-height:1.35;display:block;overflow:visible}.software-card-desc{-webkit-line-clamp:4;margin-bottom:8px;font-size:12px}.software-card-action{margin-top:8px}.software-card-action-btn{border-radius:15px;height:30px;padding:0 12px;font-size:12px}.software-card-glass:hover .software-card-action-btn{transform:translate(2px)}}.multi-image-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.multi-image-item{aspect-ratio:16/9;background-color:var(--ant-color-fill-secondary);cursor:pointer;border-radius:6px;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.multi-image-item:hover{transform:scale(1.02)}.multi-image-item .ant-image{display:block;width:100%!important;height:100%!important}.multi-image-item .ant-image-img{object-fit:cover;width:100%!important;height:100%!important}.multi-image-item .ant-image-mask{border-radius:6px}.multi-image-overlay{color:#fff;background-color:#00000080;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}@media (width<=768px){.multi-image-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.software-recommendation-template{width:100%;height:100%;position:relative}.software-recommendation-content{flex-direction:column;height:100%;display:flex;position:relative}.software-recommendation-icon{background:linear-gradient(135deg, var(--ant-color-fill-secondary) 0%, var(--ant-color-fill-tertiary) 100%);z-index:1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a}.software-recommendation-icon:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);border-radius:12px;position:absolute;inset:0}.software-recommendation-icon img,.software-recommendation-icon .ant-image,.software-recommendation-icon .ant-image-wrapper{z-index:2;width:100%;height:100%;position:relative}.software-article-card:hover .software-recommendation-icon{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014}.software-recommendation-icon img{object-fit:cover;width:100%;height:100%}.software-recommendation-version{opacity:.7;letter-spacing:.2px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:500;line-height:1.4}.software-recommendation-name{flex-shrink:1;align-items:flex-start;gap:6px;min-width:0;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.5;transition:color .3s;display:flex}.software-article-card:hover .software-recommendation-name{color:var(--ant-color-primary)}.software-recommendation-name>span{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.software-recommendation-name .recommended-icon{flex-shrink:0;margin-top:2px;font-size:14px;transition:transform .3s}.software-article-card:hover .software-recommendation-name .recommended-icon{transform:scale(1.1)}.software-recommendation-description{-webkit-line-clamp:2;opacity:.8;word-break:break-word;-webkit-box-orient:vertical;flex:1;min-height:38px;margin-bottom:0;font-size:12px;line-height:1.6;transition:opacity .3s;display:-webkit-box;overflow:hidden}.software-article-card:hover .software-recommendation-description{opacity:1}.software-recommendation-action{background:var(--ant-color-fill-tertiary);opacity:.6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;right:0}.software-recommendation-action .action-arrow{font-size:12px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.software-article-card:hover .software-recommendation-action{opacity:1;background:var(--ant-color-primary-bg);transform:scale(1.1)}.software-article-card:hover .software-recommendation-action .action-arrow{color:var(--ant-color-primary);transform:translate(2px)}.image-placeholder{background:linear-gradient(135deg, var(--ant-color-fill-secondary) 0%, var(--ant-color-fill-tertiary) 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image-placeholder:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;animation:2s infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@media (width<=768px){.software-recommendation-icon{border-radius:10px;width:44px;height:44px;margin-bottom:8px}.software-recommendation-version{margin-bottom:4px;font-size:9px}.software-recommendation-name{margin-bottom:5px;font-size:13px;line-height:1.4}.software-recommendation-description{-webkit-line-clamp:2;min-height:28px;font-size:10px;line-height:1.4}.software-recommendation-action{width:22px;height:22px;bottom:2px;right:2px}.software-recommendation-action .action-arrow{font-size:10px}}@media (width<=480px){.software-recommendation-icon{width:40px;height:40px;margin-bottom:6px}.software-recommendation-version{margin-bottom:3px;font-size:8px}.software-recommendation-name{margin-bottom:4px;font-size:12px}.software-recommendation-description{min-height:24px;font-size:9px;line-height:1.3}.software-recommendation-action{width:20px;height:20px}.software-recommendation-action .action-arrow{font-size:9px}}
