.software-detail{padding-top:0;padding-bottom:70px}.detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:#75829d;margin:0 0 30px}.detail-breadcrumb a:hover{color:var(--accent)}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1.02fr);gap:30px;align-items:start}.detail-hero{min-width:0;background:radial-gradient(ellipse at 65% 38%,#3477ff18,transparent 60%)}.detail-heading{display:flex;align-items:center;gap:30px;margin-bottom:30px}.detail-logo{width:90px;height:90px;flex:0 0 90px;object-fit:contain;border-radius:10px;background:#111a2e;padding:8px}.detail-heading>div{min-width:0}.detail-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.detail-title h1{font-size:36px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.7px}.detail-badge{font-size:12px;color:var(--accent);border:1px solid #77c7ff90;border-radius:4px;padding:3px 8px;white-space:nowrap}.detail-subtitle{color:var(--muted);font-size:16px;margin-top:8px}
.detail-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.detail-highlights>div{display:flex;align-items:center;gap:14px;border:1px solid #8aa2d626;border-radius:10px;padding:18px;min-width:0}.detail-highlights .icon{font-size:32px;color:var(--accent)}.detail-highlights p{min-width:0}.detail-highlights strong{display:block;font-size:20px;line-height:1.3;overflow-wrap:anywhere}.detail-highlights span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.detail-summary{color:#b3bfd4;font-size:14px;line-height:1.9;margin-bottom:22px;overflow-wrap:anywhere}.detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.detail-tags:empty{display:none}.detail-tags>a,.detail-tags>span{color:#a9b8d2;border:1px solid #8aa2d61c;border-radius:5px;padding:6px 10px;font-size:13px}.detail-tags a:hover{color:var(--accent);border-color:var(--accent)}
.detail-actions{display:flex;gap:18px}.detail-actions>a,.detail-actions>button{flex:1;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;background:#202c46;border-radius:9px;font-weight:600;padding:10px}.detail-actions .detail-primary{background:var(--brand-gradient);color:#fff}.detail-actions button[aria-pressed=true]{color:var(--accent);background:#254575}.detail-actions a:hover,.detail-actions button:hover{filter:brightness(1.15)}.detail-preview{position:relative;width:100%;align-self:start;padding-top:0}.detail-preview:before{content:'';position:absolute;top:0;left:10%;width:80%;height:80px;background:radial-gradient(ellipse,#5868dc40,transparent 65%);pointer-events:none}.detail-preview>img{width:100%;max-height:330px;object-fit:contain;border-radius:10px;background:#11192d}.detail-preview-empty{min-height:220px;border-radius:10px;background:radial-gradient(ellipse at top,#563ba954,transparent),#131c32;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:25px;text-align:center}.detail-preview-empty .icon{font-size:50px;color:var(--accent)}.detail-preview-empty strong{font-size:24px}.detail-preview-empty span{color:var(--muted);font-size:12px}
.detail-main-column,.detail-right-column{min-width:0}.detail-panel,.detail-side-panel{background:#151e33;border-radius:10px}.detail-panel{padding:55px clamp(26px,5vw,80px);margin-bottom:30px}.detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 35px;text-align:center;font-size:12px}.detail-facts dt{color:#8290aa;margin-bottom:8px}.detail-facts dd{margin:0;color:#c0cce1;overflow-wrap:anywhere}.detail-facts a{color:var(--accent)}.detail-discussion-invite{display:flex;align-items:center;gap:16px;padding:25px;background:#ffffff03;border:1px solid #ffffff04;border-radius:12px;color:#b8c4db;margin-bottom:45px;line-height:1.8}.detail-discussion-invite>.icon:first-child{font-size:24px;color:var(--accent)}.detail-discussion-invite>span{flex:1}.detail-discussion-invite small{display:block;color:var(--muted);font-size:12px}
.detail-entry{counter-reset:article-section;font-size:15px;line-height:2.15;color:#b9c4da}.detail-entry>:first-child{margin-top:0}.detail-entry h2,.detail-downloads>h2{counter-increment:article-section;display:flex;align-items:baseline;gap:12px;color:var(--text);font-size:26px;line-height:1.5;padding-top:36px;margin:45px 0 22px;border-top:1px solid #ffffff06}.detail-entry h2:before{content:counter(article-section,decimal-leading-zero);font-size:16px;line-height:32px;min-width:34px;text-align:center;background:var(--brand-gradient);color:white;border-radius:5px;align-self:flex-start;margin-top:4px}.detail-entry h3{margin:28px 0 15px;color:var(--text);font-size:21px}.detail-entry img{border-radius:8px;margin:25px auto}.detail-entry figure{margin:25px 0}.detail-entry figcaption{text-align:center;color:var(--muted);font-size:12px}.detail-entry blockquote{border-left:3px solid var(--accent);padding:5px 20px;margin:25px 0;background:#3477ff0c}.detail-entry table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.detail-entry td,.detail-entry th{border:1px solid #ffffff14;padding:8px 12px}.detail-entry pre{background:#0b1020;padding:20px;border-radius:8px;overflow:auto}.detail-entry ul,.detail-entry ol{padding-left:24px}.detail-entry a{text-decoration:underline;text-underline-offset:4px}
.detail-downloads,.detail-comments{scroll-margin-top:calc(var(--header) + 25px)}.detail-download-group{margin:20px 0;padding:20px;border:1px solid #77c7ff20;background:#10192d;border-radius:9px}.detail-download-group h3{font-size:16px;margin-bottom:16px}.detail-download-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-download-links a{display:flex;gap:8px;align-items:center;justify-content:center;padding:13px 10px;border-radius:7px;background:#223556;color:#c6e5ff;font-size:13px}.detail-download-links p{margin:8px 0 0;color:var(--muted);font-size:12px}.detail-download-links code{color:var(--accent);user-select:all}.detail-source-link{display:inline-flex;gap:8px;color:var(--accent);margin-top:20px}
.detail-side-panel{padding:30px;margin-bottom:30px}.detail-side-panel h2{font-size:24px;margin-bottom:25px}.detail-related-list{display:flex;flex-direction:column;gap:26px}.detail-related-list>a{display:flex;align-items:center;gap:18px;min-width:0}.detail-related-list img{width:64px;height:64px;border-radius:10px;object-fit:contain;background:#10182b}.detail-related-list a>span{flex:1;min-width:0}.detail-related-list strong{display:block;font-size:18px;overflow-wrap:anywhere}.detail-related-list small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.detail-related-list a>.icon{color:#667b9e}.detail-related-list a:hover strong{color:var(--accent)}.detail-more{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:14px;background:#25314d;color:#b7c6df;font-size:13px;margin-top:28px}.detail-open-source{background:radial-gradient(ellipse at top,#3774b840,transparent 65%),linear-gradient(135deg,#1a2444,#201c3c);text-align:center;padding-top:40px}.detail-side-kicker{font-size:10px;letter-spacing:2px;color:#95a9db}.detail-open-source h2{margin:15px 0;color:var(--accent)}.detail-open-source p{color:#a7b7d2;line-height:1.9}.detail-community-icons{display:flex;justify-content:space-between;gap:10px;padding:30px 0;margin-top:10px;border-bottom:1px solid #ffffff09}.detail-community-icons>span{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:12px;color:#bdc8e1}.detail-community-icons .icon{font-size:30px;color:var(--accent)}
.comments-area h2{font-size:24px;margin-bottom:30px}.comments-area h2 small{color:var(--muted);font-size:12px;margin-left:10px}.comment-list{padding:0;list-style:none}.comment-list .children{list-style:none;padding-left:20px}.comment-body{border-bottom:1px solid #ffffff0c;padding:20px 0;line-height:1.9}.comment-author .avatar{display:inline-block;vertical-align:middle;margin-right:10px;border-radius:50%}.comment-metadata,.comment-awaiting-moderation{font-size:12px;color:var(--muted);margin:8px 0}.comment-content{margin:12px 0;overflow-wrap:anywhere}.reply,.logged-in-as,.comment-notes{color:var(--accent);font-size:12px}.comment-reply-title{font-size:20px;margin:25px 0}.comment-form p{margin:15px 0}.comment-form label{display:block;color:var(--muted);margin-bottom:8px}.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{width:100%;color:var(--text);border:1px solid #7c9bc633;border-radius:8px;background:#0e172b;padding:12px;font:inherit}.comment-form textarea{min-height:130px;resize:vertical}.comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px}.comment-form input.submit{background:var(--brand-gradient);color:#fff;border:0;border-radius:8px;padding:13px 28px;cursor:pointer}
@media(min-width:1600px){.software-detail{max-width:1900px}.detail-layout{grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr);gap:35px}.detail-preview>img{max-height:390px}}
@media(max-width:1100px){.detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.detail-heading{gap:18px}.detail-title h1{font-size:28px}.detail-highlights{gap:8px}.detail-highlights>div{padding:12px 8px;gap:7px}.detail-highlights .icon{font-size:23px}.detail-highlights strong{font-size:15px}.detail-side-panel{padding:22px}.detail-panel{padding:30px}.detail-actions{gap:10px}}
@media(max-width:950px){.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-preview{grid-row:2;padding-top:0}.detail-preview:before{display:none}.detail-preview>img{max-height:400px}.detail-right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-facts{gap:10px}}
@media(max-width:749.5px){.software-detail{padding-top:20px;padding-bottom:30px}.detail-breadcrumb{font-size:11px;margin-bottom:24px;gap:5px}.detail-layout{gap:20px}.detail-logo{width:68px;height:68px;flex-basis:68px}.detail-title h1{font-size:27px}.detail-heading{margin-bottom:24px;gap:15px}.detail-subtitle{font-size:13px}.detail-badge{font-size:10px;padding:2px 5px}.detail-highlights{margin-bottom:22px}.detail-highlights>div{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.detail-highlights strong{font-size:14px}.detail-highlights span{font-size:10px}.detail-highlights .icon{font-size:24px}.detail-summary{font-size:13px}.detail-tags{gap:7px;margin-bottom:24px}.detail-tags>a,.detail-tags>span{font-size:11px;padding:5px 8px}.detail-actions{gap:10px}.detail-actions>a,.detail-actions>button{min-height:46px;font-size:13px}.detail-panel{padding:24px 20px;margin-bottom:20px}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;margin-bottom:25px}.detail-discussion-invite{padding:16px;margin-bottom:28px;gap:10px;font-size:13px}.detail-entry{font-size:14px}.detail-entry h2,.detail-downloads>h2{font-size:22px;gap:9px;padding-top:26px;margin-top:32px}.detail-entry h2:before{font-size:13px;min-width:28px;line-height:28px;margin-top:2px}.detail-entry h3{font-size:18px}.detail-right-column{display:block}.detail-side-panel{padding:24px;margin-bottom:20px}.detail-side-panel h2{font-size:22px}.detail-download-group{padding:15px}.detail-download-links{gap:10px}.detail-download-links a{font-size:11px;gap:5px}.detail-download-links a>.icon:last-child{display:none}}

.detail-preview-tip{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;border:1px solid #7797d126;border-radius:10px;background:linear-gradient(115deg,#182642,#211d43);color:#dce9ff}
.detail-preview-tip-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#4c7bde24;color:#89c9ff;font-size:23px}
.detail-preview-tip-copy{min-width:0;flex:1}.detail-preview-tip-copy strong{font-size:15px}.detail-preview-tip-copy p{margin:5px 0 0;color:#aabbd6;font-size:12px;line-height:1.7}
.detail-preview-tip>a{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#a7cfff;font-size:12px;white-space:nowrap}.detail-preview-tip>a:hover{color:#fff}
@media(max-width:1100px) and (min-width:951px){.detail-preview-tip{flex-wrap:wrap;gap:10px;padding:15px}.detail-preview-tip>a{margin-left:52px}}
@media(max-width:749.5px){.detail-preview-tip{margin-top:12px;padding:15px;gap:12px}.detail-preview-tip-icon{flex-basis:36px;width:36px;height:36px;font-size:20px}.detail-preview-tip-copy strong{font-size:14px}.detail-preview-tip-copy p{font-size:11px}.detail-preview-tip>a{font-size:11px}}

@media(min-width:951px){
  .detail-hero{align-self:stretch}
  .detail-layout{--detail-spacing:30px;gap:var(--detail-spacing)}
  .detail-preview{display:flex;flex-direction:column;align-self:stretch;gap:var(--detail-spacing)}
  .detail-preview-tip{margin-top:0;flex:1}
}

@media(min-width:1600px){.detail-layout{--detail-spacing:35px}}
@media(min-width:951px) and (max-width:1100px){.detail-layout{--detail-spacing:22px}}

.detail-edit-link{display:inline-flex;align-items:center;gap:6px;flex:none;margin-left:auto;padding:8px 12px;border:1px solid #3a5279;border-radius:8px;color:#a8cfff;font-size:13px;white-space:nowrap}.detail-edit-link:hover,.detail-edit-link:focus-visible{border-color:#8bc7ff;background:#202c49;color:#fff}.detail-edit-link:focus-visible{outline:2px solid #8bc7ff;outline-offset:2px}@media(max-width:749.5px){.detail-heading{gap:12px}.detail-edit-link{padding:7px 9px;font-size:12px}}

.detail-ad{position:relative;flex:none;aspect-ratio:4/1;width:100%;margin-top:20px;border-radius:10px;overflow:hidden;background:#151e33}.detail-ad a,.detail-ad img{display:block;width:100%;height:100%}.detail-ad img{object-fit:cover}.detail-ad-label{position:absolute;right:8px;bottom:7px;padding:2px 5px;border-radius:3px;background:#080d18aa;color:#e7ecf6;font-size:10px;line-height:1.4;pointer-events:none}@media(min-width:951px){.detail-preview .detail-ad{margin-top:0}}@media(max-width:749.5px){.detail-ad{margin-top:12px}}

/* 详情内容与侧栏各自纵向排列。 */
.detail-left-column,.detail-right-column{min-width:0}
.detail-left-column .detail-hero{margin-bottom:30px}
.detail-right-column{display:block}
.detail-right-column .detail-preview{margin-bottom:30px;align-self:start}
@media(min-width:1600px){.detail-left-column .detail-hero,.detail-right-column .detail-preview{margin-bottom:35px}}
@media(min-width:951px) and (max-width:1100px){.detail-left-column .detail-hero,.detail-right-column .detail-preview{margin-bottom:22px}}
@media(max-width:950px){.detail-left-column,.detail-right-column{display:contents}.detail-hero{grid-row:1}.detail-preview{grid-row:2}.detail-main-column{grid-row:3}.detail-recommendations{grid-row:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-left-column .detail-hero,.detail-right-column .detail-preview{margin-bottom:0}}
@media(max-width:749.5px){.detail-recommendations{display:block}}

.detail-toc[hidden]{display:none}.detail-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}.detail-toc li{counter-increment:toc}.detail-toc li+li{margin-top:12px}.detail-toc a{display:flex;gap:10px;align-items:baseline;color:#b8c7df;line-height:1.6;overflow-wrap:anywhere}.detail-toc a:before{content:counter(toc,decimal-leading-zero);color:#7fbcff;font-size:12px}.detail-toc a:hover,.detail-toc a:focus-visible{color:#8bc7ff}.detail-entry h2{scroll-margin-top:calc(var(--header) + var(--admin-bar, 0px) + 20px)}@media(min-width:750px) and (max-width:950px){.detail-toc{grid-column:1/-1}}
@media(min-width:951px){.detail-right-column{display:flex;flex-direction:column;align-self:stretch}.detail-recommendations{flex:1;min-height:0}.detail-toc{position:sticky;top:calc(var(--header) + var(--admin-bar, 0px) + 20px);z-index:2;max-height:calc(100dvh - var(--header) - var(--admin-bar, 0px) - 40px);overflow-y:auto;overscroll-behavior:contain}}

@media(min-width:951px){.detail-recommendations .detail-toc{position:static;max-height:none;overflow:visible}.detail-toc-floating{position:fixed;z-index:50;margin:0;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s}.detail-toc-floating.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}
@media(max-width:950px){.detail-toc-floating{display:none}}
@media(prefers-reduced-motion:reduce){.detail-toc-floating{transition:none}}

@media(min-width:951px){.detail-toc-floating{max-height:none;overflow:visible}}

@media(min-width:951px){.detail-toc-floating{z-index:40}}

@media(min-width:750px){.detail-facts{grid-template-columns:repeat(5,minmax(0,1fr))}}

.comment-current-user{display:flex;align-items:center;gap:12px;margin:16px 0;color:#dce8fa;font-size:14px;font-weight:600}.comment-current-user img{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;background:#10192c}
.detail-rating{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 24px;padding:14px 16px;border:1px solid #344361;border-radius:10px;background:#151e33}.detail-rating-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.detail-rating-summary strong{font-size:14px;color:#e8f1ff}.detail-rating-summary span{font-size:15px;color:#91caff;font-weight:700}.detail-rating-summary small,.detail-rating-status{font-size:12px;color:#91a4c5}.detail-rating-input{display:flex;gap:3px}.detail-rating-star{border:0;padding:2px;background:transparent;color:#536481;font-size:25px;line-height:1;cursor:pointer}.detail-rating-star.is-active{color:#ffc76f}.detail-rating-star:focus-visible{outline:2px solid #91caff;border-radius:4px}.detail-rating-star:disabled{opacity:.6;cursor:wait}@media(max-width:749.5px){.detail-rating{gap:8px 12px;padding:12px}.detail-rating-star{font-size:22px}}

.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.detail-topline .detail-breadcrumb{margin:0;min-width:0}.detail-topline .detail-edit-link{padding:4px 8px;border-radius:5px;font-size:11px;gap:4px}.detail-heading>div{flex:1}.detail-title h1{font-size:30px;line-height:1.4;letter-spacing:-.3px}@media(max-width:1100px){.detail-title h1{font-size:26px}}@media(max-width:749.5px){.detail-topline{gap:10px;margin-bottom:24px}.detail-title h1{font-size:23px}.detail-topline .detail-edit-link{padding:4px 6px;font-size:10px}}