body.pan-home-dual{background:#f5f6f8;color:#25282d}
.pan-home-dual .site-header{position:relative;z-index:20;box-sizing:border-box;height:100px;padding:0!important;background:#fff;border:0;box-shadow:0 1px 0 rgba(20,38,60,.04)}
.pan-home-dual .site-header>.container{display:flex;max-width:1200px;height:100%;align-items:center;gap:42px}
.pan-home-dual .site-header .logo{position:relative;margin:0!important;padding:0!important;flex:0 0 220px}.pan-home-dual .site-header .logo img{max-width:210px;max-height:66px}.pan-home-dual .site-header .logo a{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:800;color:#20242a}.pan-home-dual .site-header .logo a:before{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px 4px 14px 4px;background:linear-gradient(135deg,#19b4f5,#087de5);color:#fff;content:"M";font-size:24px;font-weight:800;box-shadow:inset 0 0 0 5px rgba(255,255,255,.22)}.pan-home-dual .site-header .logo:after{position:absolute;left:60px;top:61px;color:#737982;content:"安全优质的软件资源";font-size:10px;font-weight:400;letter-spacing:1px;white-space:nowrap}.pan-home-dual .site-header .logo.has-logo-image:after,.pan-home-dual .site-header .logo.has-logo-image a:before{display:none}
.pan-home-dual .main-nav{flex:1}.pan-home-dual .main-nav>ul{display:flex;gap:4px;align-items:center}.pan-home-dual .main-nav>ul>li>a{position:relative;display:flex;height:100px;align-items:center;padding:0 13px;color:#555;font-size:17px;white-space:nowrap}.pan-home-dual .main-nav>ul>li:nth-child(n+7){display:none}.pan-home-dual .main-nav>ul>li>a:hover{color:#16191d;font-weight:700}
.pan-home-dual .main-nav>ul>li.active>a,.pan-home-dual .main-nav>ul>li.on>a{color:#16191d;font-weight:700}.pan-home-dual .main-nav>ul>li.active>a:after,.pan-home-dual .main-nav>ul>li.on>a:after{position:absolute;right:20px;bottom:24px;left:20px;height:3px;border-radius:3px;background:#20a2f4;content:""}
.pan-home-dual .search-box{flex:0 0 335px}.pan-home-dual .top-search-wrap{width:100%}.pan-home-dual .top-search-form{height:46px;border:1px solid #edf0f4;border-radius:25px;background:#fff;box-shadow:0 3px 14px rgba(30,50,75,.04)}.pan-home-dual .top-search-input{height:44px;padding-left:18px!important;border:0!important}.pan-home-dual .top-search-form button{width:98px;border-radius:24px;background:#209cf4!important;font-size:15px}.pan-home-dual .top-search-form button span{display:block;color:#fff}.pan-home-dual .dark-mode-toggle,.pan-home-dual .user-action-menu{display:none!important}
.xd-list-page,.xd-detail-page{max-width:1200px;margin:0 auto;padding:28px 0 45px}.xd-breadcrumb{display:flex;align-items:center;gap:8px;overflow:hidden;margin-bottom:18px;color:#a0a5ab;font-size:13px;white-space:nowrap}.xd-breadcrumb a{color:#8d949c}.xd-breadcrumb a:hover{color:#209cf4}
.xd-list-featured{display:grid;grid-template-columns:44px repeat(8,minmax(0,1fr)) 44px;overflow:hidden;margin-bottom:24px;border:1px solid #e8ebee;border-radius:8px;background:#fff}.xd-list-featured-label{display:flex;align-items:center;justify-content:center;padding:10px 0;background:#189df2;color:#fff;font-size:14px;line-height:1.3;text-align:center;writing-mode:vertical-rl}.xd-list-featured-item{display:flex;min-width:0;height:128px;align-items:center;justify-content:center;flex-direction:column;padding:12px 8px;border-right:1px solid #eceef0}.xd-list-featured-item img,.xd-list-featured-item>span{display:flex;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#f5f7f9;object-fit:cover}.xd-list-featured-item strong{overflow:hidden;width:100%;margin-top:10px;color:#30343a;font-size:12px;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.xd-filter-box{margin-bottom:24px;padding:20px;border:1px solid #eceef0;border-radius:9px;background:#fff}.xd-filter-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #eef0f2}.xd-filter-title h1{margin:0;color:#262a2f;font-size:22px}.xd-filter-title span{color:#999;font-size:13px}.xd-filter-rows{padding-top:10px}.xd-filter-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:8px 0}.xd-filter-label{color:#555;font-size:13px;font-weight:600}.xd-filter-items{display:flex;gap:7px;flex-wrap:wrap}.xd-filter-items a{padding:4px 10px;border-radius:5px;color:#666;font-size:13px}.xd-filter-items a:hover,.xd-filter-items a.active{background:#209cf4;color:#fff}
.xd-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.xd-list-main,.xd-side-box{border:1px solid #eceef0;border-radius:9px;background:#fff}.xd-list-main{padding:22px}.xd-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.xd-list-head h2{margin:0;font-size:22px}.xd-list-head span{color:#999;font-size:12px}.xd-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xd-list-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:13px;min-width:0;align-items:center;padding:14px;border:1px solid #eef0f2;border-radius:10px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.xd-list-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(28,48,70,.08)}.xd-list-card-icon{display:flex;width:68px;height:68px;overflow:hidden;align-items:center;justify-content:center;border-radius:14px;background:#f5f7f9}.xd-list-card-icon img{width:100%;height:100%;object-fit:cover}.xd-list-card-icon i{color:#209cf4;font-size:26px}.xd-list-card-info{min-width:0}.xd-list-card-info h3{overflow:hidden;margin:0;color:#282c31;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.xd-list-card-info p{overflow:hidden;margin:7px 0;color:#9da2a9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.xd-list-card-info span{color:#a7acb2;font-size:11px}.xd-list-card-info .xd-card-tag{margin-right:7px;color:#209cf4}
.xd-side-box{margin-bottom:18px;padding:18px}.xd-side-box h3{margin:0 0 14px;font-size:18px}.xd-side-list{display:flex;flex-direction:column}.xd-side-item{display:grid;grid-template-columns:24px 46px minmax(0,1fr);gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f2}.xd-side-item:last-child{border:0}.xd-side-rank{display:flex;width:21px;height:21px;align-items:center;justify-content:center;border-radius:6px 1px 6px 1px;background:#aeb5bd;color:#fff;font-size:11px}.xd-side-item:nth-child(1) .xd-side-rank{background:#ff5c58}.xd-side-item:nth-child(2) .xd-side-rank{background:#ff9c31}.xd-side-item:nth-child(3) .xd-side-rank{background:#ffc13c}.xd-side-icon{display:flex;width:46px;height:46px;overflow:hidden;align-items:center;justify-content:center;border-radius:10px;background:#f5f7f9}.xd-side-icon img{width:100%;height:100%;object-fit:cover}.xd-side-text{min-width:0}.xd-side-text strong,.xd-side-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xd-side-text strong{color:#34383d;font-size:13px;font-weight:500}.xd-side-text span{margin-top:5px;color:#aaa;font-size:11px}
.xd-pagination{margin-top:24px}.xd-pagination .pagination{margin:0}
.xd-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.xd-detail-main{min-width:0}.xd-detail-hero,.xd-content-box,.xd-detail-side{border:1px solid #eceef0;border-radius:10px;background:#fff}.xd-detail-hero{padding:27px 30px}.xd-app-summary{display:grid;grid-template-columns:105px minmax(0,1fr) 180px;gap:22px;align-items:center;padding:0 0 24px}.xd-app-summary-icon{display:flex;width:105px;height:105px;overflow:hidden;align-items:center;justify-content:center;border:1px solid #edf0f3;border-radius:22px;background:#f7f8fa}.xd-app-summary-icon img{width:100%;height:100%;object-fit:cover}.xd-app-summary-icon i{color:#209cf4;font-size:42px}.xd-app-summary-info{min-width:0}.xd-app-summary-info h1{overflow:hidden;margin:0;color:#24282d;font-size:26px;text-overflow:ellipsis;white-space:nowrap}.xd-app-summary-info p{overflow:hidden;margin:10px 0;color:#8d949c;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.xd-safe-label{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eaf8f0;color:#2ca66f;font-size:12px}.xd-main-download{display:flex;height:58px;align-items:center;justify-content:center;border-radius:30px;background:linear-gradient(90deg,#7a43ea,#178ef1);color:#fff!important;font-size:17px;font-weight:700;box-shadow:0 9px 25px rgba(91,73,226,.25)}.xd-main-download i{margin-right:9px}.xd-app-specs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:23px;border-top:1px solid #eef0f2}.xd-app-spec{text-align:center}.xd-app-spec span,.xd-app-spec strong{display:block}.xd-app-spec span{color:#aaa;font-size:12px}.xd-app-spec strong{overflow:hidden;margin-top:8px;color:#3c4147;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.xd-content-box{margin-top:22px;padding:25px 28px}.xd-content-title{margin:0 0 19px;padding-bottom:15px;border-bottom:1px solid #eef0f2;font-size:21px}.xd-article-content{color:#42474d;font-size:15px;line-height:1.9}.xd-article-content img{max-width:100%;height:auto;border-radius:6px}.xd-article-content h2,.xd-article-content h3{scroll-margin-top:20px;color:#25292e}.xd-article-content h2{margin-top:30px;padding-bottom:12px;border-bottom:1px solid #eef0f2;font-size:21px}.xd-article-content h3{font-size:18px}.xd-download-area{scroll-margin-top:20px}.xd-download-box{margin-top:22px;padding:22px;border-radius:10px;background:linear-gradient(135deg,#f2edff,#edf7ff)}.xd-download-box h3{margin:0 0 12px;font-size:19px}.xd-download-box .btn{display:inline-flex;padding:11px 22px;border-radius:23px}.xd-post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.xd-post-tags a{padding:5px 10px;border-radius:15px;background:#f1f5f8;color:#68717a;font-size:12px}.xd-post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.xd-post-nav a,.xd-post-nav span{overflow:hidden;padding:14px;border:1px solid #eceef0;border-radius:8px;background:#fff;color:#646c75;text-overflow:ellipsis;white-space:nowrap}
.pan-auto-short-title-link{color:#087cf0;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(8,124,240,.28);transition:color .2s ease,border-color .2s ease}.pan-auto-short-title-link:hover{color:#0067d9;border-bottom-color:#0067d9}
.xd-detail-side{margin-bottom:20px;padding:20px}.xd-detail-side h3{margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid #eef0f2;font-size:18px}.xd-detail-recommend{display:grid;grid-template-columns:62px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:14px}.xd-detail-recommend:last-child{margin:0}.xd-detail-recommend-icon{display:flex;width:62px;height:62px;overflow:hidden;align-items:center;justify-content:center;border-radius:13px;background:#f5f7f9}.xd-detail-recommend-icon img{width:100%;height:100%;object-fit:cover}.xd-detail-recommend strong{display:block;overflow:hidden;color:#30343a;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.xd-detail-recommend span{display:block;overflow:hidden;margin-top:6px;color:#aaa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.xd-toc a{display:block;padding:7px 0;color:#5f6770;font-size:13px}.xd-toc a:hover{color:#209cf4}.pan-home-dual .comments-area{margin-top:22px;border:1px solid #eceef0;border-radius:10px;background:#fff}
.pan-home-dual .pan-special-center{min-width:0}.pan-home-dual .main-wrapper{max-width:1200px}.pan-home-dual .pan-special-card,.pan-home-dual .pan-special-list-item,.pan-home-dual .pan-special-hero{border-color:#eceef0!important;box-shadow:none!important}.pan-home-dual .right-sidebar .widget{border:1px solid #eceef0;border-radius:10px;background:#fff;box-shadow:none}
@media(max-width:1100px){.pan-home-dual .site-header>.container,.xd-list-page,.xd-detail-page{max-width:calc(100% - 30px)}.pan-home-dual .site-header>.container{gap:18px}.pan-home-dual .site-header .logo{flex-basis:180px}.pan-home-dual .main-nav>ul>li>a{padding-right:12px;padding-left:12px}.pan-home-dual .search-box{flex-basis:280px}.xd-list-featured{grid-template-columns:44px repeat(6,minmax(0,1fr)) 44px}.xd-list-featured-item:nth-of-type(n+8){display:none}.xd-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xd-detail-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:820px){.pan-home-dual .site-header{height:72px}.pan-home-dual .site-header .logo{flex:1}.pan-home-dual .main-nav{display:none}.pan-home-dual .search-box{flex:0 0 45px}.pan-home-dual .top-search-wrap{display:none}.pan-home-dual .user-action-menu{display:block!important}.xd-list-featured{grid-template-columns:36px repeat(4,minmax(0,1fr)) 36px}.xd-list-featured-item{height:112px}.xd-list-featured-item:nth-of-type(n+6){display:none}.xd-list-layout,.xd-detail-layout{grid-template-columns:1fr}.xd-list-side,.xd-detail-sidebar{display:none}.xd-app-summary{grid-template-columns:82px minmax(0,1fr)}.xd-app-summary-icon{width:82px;height:82px}.xd-main-download{grid-column:1/-1}.xd-app-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 4px}}
@media(max-width:520px){.xd-list-page,.xd-detail-page{max-width:calc(100% - 20px);padding-top:16px}.xd-list-featured{grid-template-columns:32px repeat(3,minmax(0,1fr)) 32px}.xd-list-featured-item:nth-of-type(n+5){display:none}.xd-filter-box,.xd-list-main{padding:15px}.xd-filter-title h1{font-size:19px}.xd-filter-row{grid-template-columns:1fr}.xd-list-grid{grid-template-columns:1fr}.xd-list-card{grid-template-columns:58px minmax(0,1fr);padding:11px}.xd-list-card-icon{width:58px;height:58px}.xd-detail-hero{padding:20px 16px}.xd-app-summary{grid-template-columns:68px minmax(0,1fr);gap:13px}.xd-app-summary-icon{width:68px;height:68px;border-radius:15px}.xd-app-summary-info h1{font-size:20px}.xd-app-summary-info p{font-size:12px}.xd-app-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.xd-content-box{padding:20px 16px}.xd-post-nav{grid-template-columns:1fr}}
@media(min-width:1101px){.pan-home-dual .site-header>.container{gap:0}.pan-home-dual .site-header .logo{flex:0 0 252px}.pan-home-dual .main-nav{flex:0 0 auto}.pan-home-dual .main-nav>ul{gap:0}.pan-home-dual .main-nav>ul>li>a{height:100px;padding:0 24px;color:#626262;font-size:22px;font-weight:400}.pan-home-dual .main-nav>ul>li>a:after{position:absolute;right:auto;bottom:25px;left:50%;width:30px;height:3px;margin-left:-15px;border-radius:3px;background:#12a6ff;content:"";opacity:0;transition:opacity .2s ease}.pan-home-dual .main-nav>ul>li.active>a:after,.pan-home-dual .main-nav>ul>li.on>a:after,.pan-home-dual .main-nav>ul>li:hover>a:after{right:auto;left:50%;opacity:1}.pan-home-dual .main-nav>ul>li>a:hover{color:#080808;font-weight:700}.pan-home-dual .search-box{flex:0 0 340px;margin-left:auto}.pan-home-dual .top-search-form{box-sizing:border-box;height:50px}.pan-home-dual .top-search-input{height:48px}.pan-home-dual .top-search-form button{width:100px;height:40px;margin:4px;border-radius:40px;background:linear-gradient(90deg,#12a9ff,#0870ff)!important}}
body.pan-home-dual:not(.index) .site-header .logo{position:relative}body.pan-home-dual:not(.index) .site-header .logo:after{position:absolute;left:0;top:100%;margin-top:-13px;padding:2px 7px;border-radius:8px;background:#eef7ff;color:#1684dc;content:"Mac 专区";font-size:10px;font-weight:600;white-space:nowrap}body.pan-dual-platform-windows:not(.index) .site-header .logo:after{background:#eaf4ff;color:#0876de;content:"Windows 专区"}

/* Dual portal header, aligned to the reference download-site navigation. */
@media(min-width:821px){
body.pan-home-dual .site-header{height:100px;margin-bottom:0!important;border-bottom:1px solid #f1f3f5;background:#fff;box-shadow:0 4px 16px rgba(31,46,61,.035)}
body.pan-home-dual .site-header>.container{box-sizing:border-box;max-width:1200px;height:100px;padding:0;gap:0}
body.pan-home-dual .site-header .logo{height:68px;flex:0 0 245px!important;max-width:245px;margin:0!important;padding:0!important;overflow:visible}
body.pan-home-dual .site-header .logo a{gap:11px;color:#15191e;font-size:28px;font-weight:800;line-height:1}
body.pan-home-dual .site-header .logo a:before{width:48px;height:48px;flex:0 0 48px;border-radius:14px 4px 14px 4px;font-size:24px}
body.pan-home-dual .site-header .logo img{width:auto;max-width:225px;height:auto;max-height:66px}
body.pan-home-dual .site-header .logo:after{left:60px;top:52px;font-size:10px;letter-spacing:1px}
body.pan-home-dual .main-nav{flex:0 0 auto}
body.pan-home-dual .main-nav>ul{display:flex;align-items:center;gap:0}
body.pan-home-dual .main-nav>ul>li>a{position:relative;box-sizing:border-box;height:100px;padding:0 24px!important;color:#626262;font-family:"Arial","Microsoft YaHei","微软雅黑",sans-serif;font-size:22px;font-weight:400;line-height:100px}
body.pan-home-dual .main-nav>ul>li>a:hover,body.pan-home-dual .main-nav>ul>li.active>a,body.pan-home-dual .main-nav>ul>li.on>a{color:#11151a;font-weight:700}
body.pan-home-dual .main-nav>ul>li>a:after{position:absolute!important;right:auto!important;bottom:22px!important;left:50%!important;width:32px!important;height:3px!important;margin-left:-16px;border-radius:3px;background:#12a6ff;content:"";opacity:0}
body.pan-home-dual .main-nav>ul>li.active>a:after,body.pan-home-dual .main-nav>ul>li.on>a:after,body.pan-home-dual .main-nav>ul>li:hover>a:after{opacity:1}
body.pan-home-dual .search-box{flex:0 0 330px;margin-left:auto}
body.pan-home-dual .top-search-wrap{width:100%}
body.pan-home-dual .top-search-form{position:relative;display:flex;box-sizing:border-box;width:100%;height:50px;align-items:center;overflow:hidden;border:1px solid #edf0f3;border-radius:27px;background:#fff;box-shadow:none}
body.pan-home-dual .top-search-leading-icon{display:block;flex:0 0 auto;margin-left:17px;color:#c1c5ca;font-size:17px}
body.pan-home-dual .top-search-input{box-sizing:border-box;width:auto!important;min-width:0;max-width:none;height:48px;flex:1;padding:0 10px!important;border:0!important;background:transparent;font-size:14px}
body.pan-home-dual .top-search-form button{box-sizing:border-box;width:96px;height:40px;flex:0 0 96px;margin:4px;border:0;border-radius:22px;background:linear-gradient(90deg,#13aafc,#0875ff)!important;color:#fff;font-size:16px}
}
@media(min-width:821px) and (max-width:1250px){
body.pan-home-dual .site-header>.container{max-width:calc(100% - 20px);padding:0 10px}
body.pan-home-dual .site-header .logo{flex-basis:220px!important;max-width:220px}
body.pan-home-dual .main-nav>ul>li>a{padding:0 16px!important;font-size:18px}
body.pan-home-dual .search-box{flex-basis:310px}
body.pan-home-dual .top-search-form button{width:96px;flex-basis:96px}
}

/* Keep every dual-portal view aligned with the 1140px home-page grid. */
body.pan-home-dual .site-header .logo:after{
left:60px;
top:52px;
margin-top:0;
padding:0;
border-radius:0;
background:transparent;
color:#737982;
content:"Mac \8F6F\4EF6\4E0E\6E38\620F\4E13\533A";
font-size:10px;
font-weight:400;
letter-spacing:1px;
}
body.pan-dual-platform-windows .site-header .logo:after{background:transparent;color:#737982;content:"Windows \8F6F\4EF6\4E0E\6E38\620F\4E13\533A"}
body.pan-home-dual .site-header .logo.has-logo-image:after,
body.pan-home-dual .site-header .logo:has(img):after{display:none}
@media(min-width:821px){
body.pan-home-dual .site-header>.container{gap:28px!important}
body.pan-home-dual .site-header .logo{flex-basis:220px!important;max-width:220px!important}
}
@media(min-width:1101px){
body.pan-home-dual .site-header>.container,
body.pan-home-dual>.ad-slots-container,
body.pan-home-dual>.site-notice-container,
body.pan-home-dual>.global-ad-box,
body.pan-home-dual .friend-links-section>.container,
body.pan-home-dual .xd-list-page,
body.pan-home-dual .xd-detail-page,
body.pan-home-dual .xd-topic-hero,
body.pan-home-dual .xd-topic-breadcrumb,
body.pan-home-dual .xd-topic-main,
body.pan-home-dual .pan-heji-layout,
body.pan-home-dual .main-wrapper{
box-sizing:border-box;
width:1140px;
max-width:1140px;
margin-right:auto;
margin-left:auto;
}
body.pan-home-dual .site-header>.container,
body.pan-home-dual>.ad-slots-container,
body.pan-home-dual>.site-notice-container,
body.pan-home-dual>.global-ad-box,
body.pan-home-dual .friend-links-section>.container{padding-right:0;padding-left:0}
}
@media(max-width:1100px){
body.pan-home-dual .site-header>.container,
body.pan-home-dual>.ad-slots-container,
body.pan-home-dual>.site-notice-container,
body.pan-home-dual>.global-ad-box,
body.pan-home-dual .friend-links-section>.container,
body.pan-home-dual .xd-list-page,
body.pan-home-dual .xd-detail-page,
body.pan-home-dual .xd-topic-hero,
body.pan-home-dual .xd-topic-breadcrumb,
body.pan-home-dual .xd-topic-main,
body.pan-home-dual .pan-heji-layout,
body.pan-home-dual .main-wrapper{
box-sizing:border-box;
width:calc(100% - 30px);
max-width:calc(100% - 30px);
margin-right:auto;
margin-left:auto;
}
body.pan-home-dual .site-header>.container,
body.pan-home-dual>.ad-slots-container,
body.pan-home-dual>.site-notice-container,
body.pan-home-dual>.global-ad-box,
body.pan-home-dual .friend-links-section>.container{padding-right:0;padding-left:0}
}
@media(max-width:520px){
body.pan-home-dual .site-header>.container,
body.pan-home-dual>.ad-slots-container,
body.pan-home-dual>.site-notice-container,
body.pan-home-dual>.global-ad-box,
body.pan-home-dual .friend-links-section>.container,
body.pan-home-dual .xd-list-page,
body.pan-home-dual .xd-detail-page,
body.pan-home-dual .xd-topic-hero,
body.pan-home-dual .xd-topic-breadcrumb,
body.pan-home-dual .xd-topic-main,
body.pan-home-dual .pan-heji-layout,
body.pan-home-dual .main-wrapper{
width:calc(100% - 20px);
max-width:calc(100% - 20px);
}
}

/* Category library: balanced hero, recommendations and resource cards. */
.xd-list-page{
padding-top:22px;
padding-bottom:50px;
}
.xd-list-page .xd-breadcrumb{
margin-bottom:14px;
color:#9aa3ad;
}
.xd-category-hero{
position:relative;
margin-bottom:20px;
overflow:hidden;
border:1px solid rgba(103,158,231,.16);
border-radius:15px;
background:linear-gradient(120deg,#eef8ff 0%,#f5f8ff 52%,#f6f1ff 100%);
box-shadow:0 10px 30px rgba(43,78,125,.05);
}
.xd-category-hero:before,
.xd-category-hero:after{
position:absolute;
border-radius:50%;
content:"";
pointer-events:none;
}
.xd-category-hero:before{
top:-105px;
right:7%;
width:250px;
height:250px;
background:radial-gradient(circle,rgba(77,139,255,.16),rgba(77,139,255,0) 69%);
}
.xd-category-hero:after{
right:-55px;
bottom:-85px;
width:220px;
height:220px;
background:radial-gradient(circle,rgba(137,89,255,.13),rgba(137,89,255,0) 68%);
}
.xd-category-hero-main{
position:relative;
z-index:1;
display:grid;
grid-template-columns:62px minmax(0,1fr) auto;
gap:17px;
align-items:center;
padding:25px 29px 21px;
}
.xd-category-hero-icon{
display:flex;
width:58px;
height:58px;
align-items:center;
justify-content:center;
border-radius:17px;
background:linear-gradient(145deg,#26b8ff,#3977f4);
color:#fff;
font-size:24px;
box-shadow:0 10px 23px rgba(38,131,244,.24),inset 0 1px 0 rgba(255,255,255,.35);
}
.xd-category-hero-copy{
min-width:0;
}
.xd-category-eyebrow{
display:block;
margin-bottom:3px;
color:#5d91ce;
font-size:10px;
font-weight:700;
letter-spacing:1.5px;
}
.xd-category-hero h1{
margin:0;
color:#202935;
font-size:27px;
line-height:1.35;
}
.xd-category-hero-copy p{
overflow:hidden;
margin:6px 0 0;
max-width:680px;
color:#7f8996;
font-size:13px;
line-height:1.7;
text-overflow:ellipsis;
white-space:nowrap;
}
.xd-category-count{
display:flex;
min-width:92px;
align-items:flex-end;
justify-content:center;
flex-direction:column;
padding-left:24px;
border-left:1px solid rgba(77,118,171,.15);
}
.xd-category-count strong{
color:#247fe9;
font-size:24px;
line-height:1.1;
}
.xd-category-count small{
margin-top:5px;
color:#8e99a6;
font-size:11px;
}
.xd-category-hero .xd-filter-rows{
position:relative;
z-index:1;
padding:14px 29px 17px;
border-top:1px solid rgba(105,142,187,.12);
background:rgba(255,255,255,.55);
}
.xd-category-hero .xd-filter-row{
display:grid;
grid-template-columns:74px minmax(0,1fr);
gap:7px;
align-items:start;
padding:5px 0;
}
.xd-category-hero .xd-filter-label{
padding-top:5px;
color:#596574;
font-size:13px;
font-weight:600;
}
.xd-category-hero .xd-filter-label:after{
content:"：";
}
.xd-category-hero .xd-filter-items{
display:flex;
flex-wrap:wrap;
gap:5px 7px;
}
.xd-category-hero .xd-filter-items a{
padding:4px 11px;
border:1px solid transparent;
border-radius:6px;
color:#66717e;
font-size:13px;
line-height:1.5;
transition:all .18s ease;
}
.xd-category-hero .xd-filter-items a:hover{
border-color:#cfe6fc;
background:#fff;
color:#1688ef;
}
.xd-category-hero .xd-filter-items a.active{
border-color:#258ff0;
background:#258ff0;
color:#fff;
box-shadow:0 5px 12px rgba(37,143,240,.18);
}
.xd-featured-section{
margin-bottom:20px;
padding:20px;
border:1px solid #eaedf1;
border-radius:13px;
background:#fff;
}
.xd-section-heading,
.xd-list-head{
display:flex;
align-items:center;
justify-content:space-between;
}
.xd-section-heading{
margin-bottom:16px;
}
.xd-section-heading>div,
.xd-list-head>div{
display:flex;
align-items:center;
gap:9px;
}
.xd-section-heading h2,
.xd-list-head h2{
margin:0;
color:#252b33;
font-size:20px;
line-height:1.4;
}
.xd-section-heading em{
color:#a0a7af;
font-size:12px;
font-style:normal;
}
.xd-section-heading-note{
padding:4px 9px;
border-radius:12px;
background:#fff5df;
color:#d99019;
font-size:11px;
}
.xd-section-heading-icon{
display:inline-flex;
width:30px;
height:30px;
align-items:center;
justify-content:center;
border-radius:9px;
background:linear-gradient(145deg,#ffbf3c,#ff8c2e);
color:#fff;
font-size:13px;
box-shadow:0 6px 12px rgba(242,151,38,.18);
}
.xd-section-heading-icon.is-blue{
background:linear-gradient(145deg,#35bbff,#2879f2);
box-shadow:0 6px 12px rgba(40,126,242,.17);
}
.xd-featured-section .xd-list-featured{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:11px;
margin:0;
overflow:visible;
border:0;
border-radius:0;
background:transparent;
}
.xd-featured-section .xd-list-featured-item{
display:grid;
grid-template-columns:54px minmax(0,1fr);
gap:11px;
box-sizing:border-box;
min-width:0;
height:82px;
align-items:center;
justify-content:normal;
padding:13px;
border:1px solid #edf0f3;
border-radius:10px;
background:#fbfcfd;
transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.xd-featured-section .xd-list-featured-item:hover{
border-color:#d8e9fb;
background:#fff;
box-shadow:0 8px 20px rgba(36,70,108,.08);
transform:translateY(-3px);
}
.xd-featured-section .xd-list-featured-item>img,
.xd-featured-section .xd-list-featured-item>span:not(.xd-list-featured-copy){
display:flex;
width:54px;
height:54px;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:12px;
background:#f1f5f8;
object-fit:cover;
}
.xd-featured-section .xd-list-featured-item>.xd-list-featured-copy{
display:block;
width:auto;
height:auto;
min-width:0;
overflow:visible;
border-radius:0;
background:transparent;
}
.xd-featured-section .xd-list-featured-copy strong{
display:block;
overflow:hidden;
width:100%;
margin:0;
color:#303640;
font-size:13px;
font-weight:600;
line-height:1.55;
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
}
.xd-featured-section .xd-list-featured-copy small{
display:block;
margin-top:5px;
color:#a1a8b0;
font-size:10px;
}
.xd-featured-section .xd-list-featured-item:hover strong,
.xd-featured-section .xd-list-featured-item:hover small{
color:#1688ef;
}
.xd-list-page .xd-list-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 265px;
gap:18px;
align-items:start;
}
.xd-list-page .xd-list-main,
.xd-list-page .xd-side-box{
border:1px solid #eaedf1;
border-radius:13px;
background:#fff;
}
.xd-list-page .xd-list-main{
padding:20px;
}
.xd-list-page .xd-list-head{
margin-bottom:17px;
padding-bottom:15px;
border-bottom:1px solid #eef1f3;
}
.xd-list-page .xd-list-head>span{
color:#9ca4ad;
font-size:11px;
}
.xd-list-page .xd-list-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.xd-list-page .xd-list-card{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:13px;
box-sizing:border-box;
min-width:0;
min-height:102px;
align-items:center;
padding:14px;
border:1px solid #edf0f3;
border-radius:11px;
background:#fff;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.xd-list-page .xd-list-card:hover{
border-color:#d9e9f9;
box-shadow:0 9px 22px rgba(29,65,101,.08);
transform:translateY(-3px);
}
.xd-list-page .xd-list-card-icon{
width:72px;
height:72px;
border:1px solid #eef1f4;
border-radius:15px;
background:#f5f8fa;
}
.xd-list-page .xd-list-card-info h3{
font-size:14px;
font-weight:600;
line-height:1.5;
}
.xd-list-page .xd-list-card-info p{
margin:6px 0 7px;
color:#929ba5;
font-size:11px;
line-height:1.5;
}
.xd-list-page .xd-list-card-info>span{
display:flex;
align-items:center;
color:#a5adb6;
font-size:10px;
}
.xd-list-page .xd-card-tag{
margin-right:8px;
padding:2px 6px;
border-radius:4px;
background:#eef7ff;
color:#2689e7;
font-weight:500;
}
.xd-list-page .xd-side-box{
margin:0;
padding:18px;
}
.xd-side-heading{
display:flex;
align-items:center;
gap:11px;
margin-bottom:7px;
padding-bottom:14px;
border-bottom:1px solid #eef1f3;
}
.xd-side-heading>span{
display:flex;
width:38px;
height:38px;
align-items:center;
justify-content:center;
border-radius:11px;
background:linear-gradient(145deg,#ff765b,#ff9e45);
color:#fff;
font-size:16px;
box-shadow:0 7px 15px rgba(244,117,66,.2);
}
.xd-side-heading h3{
margin:0!important;
font-size:17px!important;
line-height:1.25;
}
.xd-side-heading p{
margin:3px 0 0;
color:#a3aab2;
font-size:10px;
}
.xd-list-page .xd-side-item{
grid-template-columns:22px 44px minmax(0,1fr);
gap:9px;
padding:11px 0;
}
.xd-list-page .xd-side-rank{
border-radius:50%;
background:#c1c7ce;
}
.xd-list-page .xd-side-item:nth-child(1) .xd-side-rank{background:#ff5b55}
.xd-list-page .xd-side-item:nth-child(2) .xd-side-rank{background:#ff9638}
.xd-list-page .xd-side-item:nth-child(3) .xd-side-rank{background:#f6bd3c}
.xd-list-page .xd-side-icon{
width:44px;
height:44px;
border-radius:10px;
}
.xd-list-page .xd-side-item:hover .xd-side-text strong{
color:#1688ef;
}
.xd-list-page .xd-pagination{
margin-top:22px;
padding-top:18px;
border-top:1px solid #eef1f3;
}
@media(max-width:900px){
.xd-featured-section .xd-list-featured{grid-template-columns:repeat(3,minmax(0,1fr))}
.xd-list-page .xd-list-layout{grid-template-columns:1fr}
.xd-list-page .xd-list-side{display:none}
}
@media(max-width:680px){
.xd-category-hero-main{grid-template-columns:50px minmax(0,1fr);padding:20px}
.xd-category-hero-icon{width:48px;height:48px;border-radius:14px;font-size:20px}
.xd-category-hero h1{font-size:22px}
.xd-category-count{display:none}
.xd-category-hero-copy p{white-space:normal}
.xd-category-hero .xd-filter-rows{padding:12px 20px 15px}
.xd-category-hero .xd-filter-row{grid-template-columns:1fr;gap:3px}
.xd-category-hero .xd-filter-label{padding-top:0}
.xd-featured-section .xd-list-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.xd-list-page .xd-list-grid{grid-template-columns:1fr}
}
@media(max-width:460px){
.xd-list-page{padding-top:14px}
.xd-category-hero-main{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:17px 15px}
.xd-category-hero-icon{width:44px;height:44px}
.xd-category-eyebrow{display:none}
.xd-category-hero h1{font-size:20px}
.xd-category-hero-copy p{margin-top:3px;font-size:11px;line-height:1.55}
.xd-category-hero .xd-filter-rows{padding:10px 15px 13px}
.xd-featured-section,.xd-list-page .xd-list-main{padding:15px}
.xd-section-heading em,.xd-section-heading-note,.xd-list-page .xd-list-head>span{display:none}
.xd-featured-section .xd-list-featured{grid-template-columns:1fr}
.xd-featured-section .xd-list-featured-item{height:76px}
.xd-list-page .xd-list-card{grid-template-columns:62px minmax(0,1fr);min-height:90px;padding:12px}
.xd-list-page .xd-list-card-icon{width:62px;height:62px;border-radius:13px}
}

/* Software category page aligned with the compact reference layout. */
body.pan-home-dual.category{background:#f7f7f7}
.xd-list-page .xd-breadcrumb{display:none}
.xd-list-page{padding-top:32px}
.xd-list-page>.xd-list-featured{
grid-template-columns:28px repeat(8,minmax(0,1fr)) 28px;
height:130px;
margin:0 0 22px;
overflow:hidden;
border:0;
border-top:1px solid #e7e9ec;
border-bottom:1px solid #e7e9ec;
border-radius:0;
background:#f8f9fa;
}
.xd-list-page>.xd-list-featured .xd-list-featured-label{
display:flex;
height:100%;
box-sizing:border-box;
align-items:center;
justify-content:center;
padding:10px 4px;
background:linear-gradient(180deg,#149dff 0%,#087cf2 100%);
color:#fff;
font-size:13px;
font-weight:700;
line-height:1.35;
letter-spacing:1px;
box-shadow:0 5px 14px rgba(8,124,242,.18);
writing-mode:vertical-rl;
}
.xd-list-page>.xd-list-featured .xd-list-featured-label:first-child{border-radius:11px 0 0 11px}
.xd-list-page>.xd-list-featured .xd-list-featured-label:last-child{border-radius:0 11px 11px 0}
.xd-list-page>.xd-list-featured .xd-list-featured-item{
display:flex;
height:130px;
box-sizing:border-box;
align-items:center;
justify-content:center;
flex-direction:column;
padding:13px 9px 10px;
border-right:1px solid #e9ebee;
background:#fff;
transition:background-color .2s ease;
}
.xd-list-page>.xd-list-featured .xd-list-featured-item:hover{background:#f8fbff}
.xd-list-page>.xd-list-featured .xd-list-featured-item img,
.xd-list-page>.xd-list-featured .xd-list-featured-item>span{
display:flex;
width:62px;
height:62px;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:13px;
background:#f5f6f8;
object-fit:cover;
transition:transform .2s ease;
}
.xd-list-page>.xd-list-featured .xd-list-featured-item:hover img{transform:translateY(-2px)}
.xd-list-page>.xd-list-featured .xd-list-featured-item strong{
overflow:hidden;
width:100%;
margin-top:9px;
color:#383d43;
font-size:12px;
font-weight:400;
line-height:1.4;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
}
.xd-list-page>.xd-list-featured .xd-list-featured-item:hover strong{color:#168cf0}
.xd-list-banner-ad{position:relative;display:block;overflow:hidden;margin:28px 0 30px;background:#f1f3f5}
.xd-list-banner-ad a{display:block}
.xd-list-banner-ad img{display:block;width:100%;height:auto;max-height:130px;object-fit:cover}
.xd-list-banner-ad:after{position:absolute;right:0;bottom:0;padding:1px 5px;background:rgba(0,0,0,.4);color:#fff;content:"广告";font-size:10px;line-height:14px;pointer-events:none}
.xd-soft-filter{
margin-bottom:30px;
padding:15px 19px;
border:1px solid #eaebed;
border-radius:7px;
background:#fff;
}
.xd-soft-filter-title{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:9px;
padding-bottom:10px;
border-bottom:1px solid #f0f1f2;
}
.xd-soft-filter-title strong{color:#282d32;font-size:16px}
.xd-soft-filter-title span{color:#a1a6ac;font-size:11px}
.xd-soft-filter .xd-filter-row{
display:grid;
grid-template-columns:76px minmax(0,1fr);
gap:6px;
align-items:start;
padding:4px 0;
}
.xd-soft-filter .xd-filter-label{
padding-top:4px;
color:#666e77;
font-size:12px;
font-weight:600;
}
.xd-soft-filter .xd-filter-items{display:flex;flex-wrap:wrap;gap:4px 6px}
.xd-soft-filter .xd-filter-items a{
padding:3px 9px;
border-radius:4px;
color:#666e77;
font-size:12px;
line-height:1.5;
}
.xd-soft-filter .xd-filter-items a:hover,
.xd-soft-filter .xd-filter-items a.active{background:#1c9cf3;color:#fff}
.xd-list-page>.xd-list-main{
padding:0;
border:0;
border-radius:0;
background:transparent;
}
.xd-list-page>.xd-list-main .xd-list-head{
margin:0 0 17px;
padding:0;
border:0;
}
.xd-list-page>.xd-list-main .xd-list-head h2,
.xd-essential-section .xd-list-head h2{
color:#22272c;
font-size:22px;
font-weight:700;
}
.xd-list-page>.xd-list-main .xd-list-head>span,
.xd-essential-section .xd-list-head>span{color:#a0a5aa;font-size:12px}
.xd-list-refresh{
padding:2px 0;
border:0;
background:transparent;
color:#a0a5aa;
font-family:inherit;
font-size:13px;
cursor:pointer;
transition:color .2s ease;
}
.xd-list-refresh:hover{color:#168cf0}
.xd-list-refresh i{margin-left:3px;transition:transform .35s ease}
.xd-list-refresh.is-rotating i{transform:rotate(180deg)}
.xd-list-refresh[hidden]{display:none}
.xd-list-page>.xd-list-main .xd-list-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:13px;
}
.xd-list-page>.xd-list-main .xd-list-card{
display:grid;
grid-template-columns:56px minmax(0,1fr);
gap:11px;
min-height:92px;
box-sizing:border-box;
align-items:center;
padding:13px 17px;
border:1px solid #eceeef;
border-radius:8px;
background:#fff;
box-shadow:none;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.xd-list-page>.xd-list-main .xd-list-card:hover{
border-color:#dce8f2;
box-shadow:0 7px 18px rgba(25,55,85,.07);
transform:translateY(-3px);
}
.xd-list-page>.xd-list-main .xd-list-card-icon{
width:56px;
height:56px;
border:0;
border-radius:11px;
background:#f5f6f7;
}
.xd-list-page>.xd-list-main .xd-list-card-info h3{
overflow:hidden;
margin:0;
color:#292e34;
font-size:15px;
font-weight:400;
line-height:1.5;
text-overflow:ellipsis;
white-space:nowrap;
}
.xd-list-page>.xd-list-main .xd-list-card:hover h3{color:#168cf0}
.xd-list-page>.xd-list-main .xd-list-card-info p{display:none}
.xd-list-page>.xd-list-main .xd-list-card-meta{
display:flex;
margin-top:4px;
align-items:center;
overflow:hidden;
color:#a0a5aa;
font-size:12px;
line-height:1.5;
white-space:nowrap;
}
.xd-list-page>.xd-list-main .xd-list-card-meta i{
margin:0 5px;
color:#c0c4c8;
font-style:normal;
}
.xd-list-page>.xd-list-main .xd-pagination{
margin-top:22px;
padding:18px 0 0;
border-top:1px solid #e9ebed;
}
.xd-essential-section{
margin-top:42px;
}
.xd-essential-section .xd-list-head{
margin-bottom:17px;
padding:0;
border:0;
}
.xd-essential-more{
color:#9ca3aa;
font-size:12px;
font-weight:400;
}
.xd-essential-more:hover{color:#168cf0}
.xd-essential-more i{margin-left:3px}
.xd-list-card[hidden]{display:none!important}
.xd-essential-grid{
display:grid;
grid-template-columns:repeat(8,minmax(0,1fr));
gap:13px;
}
.xd-essential-item{
display:flex;
min-width:0;
height:174px;
box-sizing:border-box;
align-items:center;
justify-content:center;
flex-direction:column;
padding:16px 10px;
border:1px solid #eceeef;
border-radius:8px;
background:#fff;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.xd-essential-item:hover{
border-color:#dce8f2;
box-shadow:0 8px 20px rgba(25,55,85,.07);
transform:translateY(-4px);
}
.xd-essential-icon{
display:flex;
width:68px;
height:68px;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:14px;
background:#f4f6f8;
color:#1b95ef;
font-size:25px;
}
.xd-essential-icon img{width:100%;height:100%;object-fit:cover}
.xd-essential-item strong{
overflow:hidden;
width:100%;
margin-top:13px;
color:#2b3036;
font-size:13px;
font-weight:400;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
}
.xd-essential-item small{
overflow:hidden;
width:100%;
margin-top:7px;
color:#a2a7ad;
font-size:10px;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
}
.xd-essential-item:hover strong{color:#168cf0}

/* Three-column software ranking block. */
.xd-ranking-section{margin-top:42px}
.xd-ranking-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.xd-ranking-column{min-width:0}
.xd-ranking-column h2{position:relative;display:inline-block;margin:0 0 20px 6px;color:#25282d;font-size:24px;font-weight:700;line-height:1.35;z-index:0}
.xd-ranking-column h2:before{position:absolute;right:-7px;bottom:1px;left:-4px;height:8px;border-radius:8px;background:linear-gradient(90deg,#79dff6,#d3f29a);content:"";opacity:.72;z-index:-1}
.xd-ranking-column h2:after{position:absolute;top:-5px;right:-34px;color:#101318;content:"\2726";font-size:23px;font-weight:900;line-height:1}
.xd-ranking-column-1 h2:before{background:linear-gradient(90deg,#ffd693,#fff0b7)}
.xd-ranking-column-2 h2:before{background:linear-gradient(90deg,#d8b7ff,#ffc7de)}
.xd-ranking-list{display:grid;gap:14px}
.xd-ranking-item{display:grid;grid-template-columns:40px 64px minmax(0,1fr);min-height:110px;box-sizing:border-box;align-items:center;padding:13px 18px;border:1px solid #e9ebee;border-radius:10px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.xd-ranking-item:hover{border-color:#dce7f0;box-shadow:0 9px 22px rgba(28,48,70,.08);transform:translateY(-3px)}
.xd-ranking-number{position:relative;display:flex;width:25px;height:30px;align-items:center;justify-content:center;color:#c8cdd3;font-size:16px;font-weight:700;text-align:center}
.xd-ranking-number em{font-style:normal}
.xd-ranking-item:nth-child(-n+3) .xd-ranking-number{width:25px;height:30px;background-color:transparent!important;background-image:url("https://resource.xiaoduxz.com/TLimages2023/xiaoduxz/images/newIndex_icon.png")!important;background-repeat:no-repeat!important;color:#fff}
.xd-ranking-item:nth-child(1) .xd-ranking-number{background-position:-242px -32px!important}
.xd-ranking-item:nth-child(2) .xd-ranking-number{background-position:-269px -33px!important}
.xd-ranking-item:nth-child(3) .xd-ranking-number{background-position:-242px -65px!important}
.xd-ranking-item:nth-child(-n+3) .xd-ranking-number em{display:block;width:25px;height:30px;color:#fff;font-size:14px;font-weight:700;line-height:35px;text-align:center}
.xd-ranking-icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background:#f4f6f8;color:#1b95ef;font-size:23px}
.xd-ranking-icon img{width:100%;height:100%;object-fit:cover}
.xd-ranking-copy{min-width:0;padding-left:12px}
.xd-ranking-copy strong,.xd-ranking-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xd-ranking-copy strong{color:#24282d;font-size:15px;font-weight:400;transition:color .2s ease}
.xd-ranking-copy small{margin-top:8px;color:#a0a6ad;font-size:12px;line-height:1.4}
.xd-ranking-item:hover .xd-ranking-copy strong{color:#168cf0}

/* Hot filter categories below the three ranking columns. */
.xd-hot-category-section{margin-top:42px}
.xd-hot-category-head{display:flex;min-height:48px;align-items:center;gap:48px;margin-bottom:18px}
.xd-hot-category-head h2{margin:0;color:#24282d;font-size:24px;font-weight:700;white-space:nowrap}
.xd-hot-category-tabs{display:flex;min-width:0;flex:1;align-items:center;gap:18px;overflow-x:auto;padding:2px 0;scrollbar-width:none}
.xd-hot-category-tabs::-webkit-scrollbar{display:none}
.xd-hot-category-tabs button{min-width:118px;height:40px;padding:0 20px;border:0;border-radius:22px;background:#f7f3e9;color:#171a1e;cursor:pointer;font-size:15px;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}
.xd-hot-category-tabs button:hover{color:#087cf0;transform:translateY(-1px)}
.xd-hot-category-tabs button.is-active{background:linear-gradient(90deg,#ffe0a3,#fff0bd);color:#171a1e;font-weight:700}
.xd-hot-category-panel{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px}
.xd-hot-category-panel.is-active{display:grid}
.xd-hot-category-card{display:grid;min-width:0;min-height:118px;box-sizing:border-box;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding:15px;border:1px solid #e7e9ec;border-radius:10px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.xd-hot-category-card:hover{border-color:#dce8f2;background:linear-gradient(90deg,#f4fbff,#fbfff4);box-shadow:0 9px 22px rgba(28,48,70,.08);transform:translateY(-3px)}
.xd-hot-category-icon{display:flex;width:72px;height:72px;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#f3f6f8;color:#168cf0;font-size:28px}
.xd-hot-category-icon img{display:block;width:100%;height:100%;object-fit:cover}
.xd-hot-category-copy{min-width:0}
.xd-hot-category-copy strong,.xd-hot-category-copy small,.xd-hot-category-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xd-hot-category-copy strong{color:#20242a;font-size:16px;font-weight:400;line-height:1.45;transition:color .2s ease}
.xd-hot-category-copy small{margin-top:7px;color:#9ba1a8;font-size:13px;line-height:1.5}
.xd-hot-category-copy em{margin-top:7px;color:#969ca4;font-size:12px;font-style:normal}
.xd-hot-category-copy em i{margin:0 5px;color:#c3c7cb;font-style:normal}
.xd-hot-category-download{display:none;width:100px;height:36px;box-sizing:border-box;align-items:center;justify-content:center;margin-top:11px;border-radius:20px;background:#08c84a;color:#fff;font-size:14px;line-height:36px;text-align:center}
.xd-hot-category-download i{margin-right:6px;font-size:12px}
.xd-hot-category-card:hover strong,.xd-hot-category-card:focus strong{color:#087cf0;font-weight:600}
.xd-hot-category-card:hover .xd-hot-category-copy small,.xd-hot-category-card:hover .xd-hot-category-copy>em,.xd-hot-category-card:focus .xd-hot-category-copy small,.xd-hot-category-card:focus .xd-hot-category-copy>em{display:none}
.xd-hot-category-card:hover .xd-hot-category-download,.xd-hot-category-card:focus .xd-hot-category-download{display:flex}
@media(max-width:1000px){
.xd-list-page>.xd-list-featured{grid-template-columns:28px repeat(6,minmax(0,1fr)) 28px}
.xd-list-page>.xd-list-featured .xd-list-featured-item:nth-of-type(n+8){display:none}
.xd-list-page>.xd-list-main .xd-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.xd-essential-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.xd-essential-item:nth-child(n+7){display:none}
.xd-ranking-columns{gap:14px}
.xd-ranking-item{grid-template-columns:38px 54px minmax(0,1fr);min-height:96px;padding:11px 10px}
.xd-ranking-icon{width:50px;height:50px}
.xd-hot-category-head{gap:28px}
.xd-hot-category-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xd-hot-category-card{grid-template-columns:64px minmax(0,1fr);min-height:108px;padding:14px}
.xd-hot-category-icon{width:64px;height:64px;border-radius:13px}
}
@media(max-width:760px){
.xd-list-page{padding-top:20px}
.xd-list-page>.xd-list-featured{grid-template-columns:26px repeat(4,minmax(0,1fr)) 26px;height:116px}
.xd-list-page>.xd-list-featured .xd-list-featured-item{height:116px;padding:10px 6px 8px}
.xd-list-page>.xd-list-featured .xd-list-featured-item:nth-of-type(n+6){display:none}
.xd-list-page>.xd-list-featured .xd-list-featured-item img,.xd-list-page>.xd-list-featured .xd-list-featured-item>span{width:54px;height:54px}
.xd-list-banner-ad{margin:20px 0 22px}
.xd-list-banner-ad img{min-height:72px;max-height:100px}
.xd-soft-filter .xd-filter-row{grid-template-columns:1fr}
.xd-list-page>.xd-list-main .xd-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.xd-essential-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.xd-essential-item:nth-child(n+5){display:none}
.xd-ranking-columns{grid-template-columns:1fr}
.xd-ranking-column:not(:first-child){display:none}
.xd-ranking-item{grid-template-columns:38px 58px minmax(0,1fr);padding:12px 16px}
.xd-ranking-icon{width:54px;height:54px}
.xd-hot-category-head{display:block}
.xd-hot-category-head h2{margin-bottom:14px;font-size:21px}
.xd-hot-category-tabs{gap:9px}
.xd-hot-category-tabs button{min-width:96px;height:36px;padding:0 14px;font-size:13px}
.xd-hot-category-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.xd-hot-category-card{grid-template-columns:54px minmax(0,1fr);min-height:90px;gap:10px;padding:11px}
.xd-hot-category-icon{width:54px;height:54px;border-radius:11px}
.xd-hot-category-copy strong{font-size:14px}
.xd-hot-category-copy small{font-size:11px}
.xd-hot-category-copy em{font-size:10px}
}
@media(max-width:480px){
.xd-list-page>.xd-list-featured{grid-template-columns:24px repeat(3,minmax(0,1fr)) 24px}
.xd-list-page>.xd-list-featured .xd-list-featured-item:nth-of-type(n+5){display:none}
.xd-soft-filter{padding:13px}
.xd-list-page>.xd-list-main .xd-list-grid{grid-template-columns:1fr;gap:10px}
.xd-list-page>.xd-list-main .xd-list-card{min-height:80px}
.xd-essential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.xd-essential-item:nth-child(n+5){display:flex}
.xd-essential-item{height:156px}
.xd-list-page>.xd-list-main .xd-list-head h2,.xd-essential-section .xd-list-head h2{font-size:20px}
.xd-hot-category-panel{grid-template-columns:1fr}
}

/* Redesigned software detail page. */
.xd-detail-page>.xd-breadcrumb{margin-bottom:16px;padding:0 4px}
.xd-detail-page>.xd-detail-hero{position:relative;overflow:hidden;margin-bottom:24px;padding:32px 34px 0;border:0;border-radius:18px;background:linear-gradient(128deg,#0b7ef0 0%,#1162dc 48%,#4931bb 100%);box-shadow:0 18px 42px rgba(28,83,177,.18);isolation:isolate}
.xd-detail-hero:before{position:absolute;top:-170px;right:12%;width:410px;height:410px;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:"";box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 125px rgba(255,255,255,.025);z-index:-1}
.xd-detail-hero-glow{position:absolute;border-radius:50%;filter:blur(4px);opacity:.58;z-index:-1}
.xd-detail-hero-glow-one{right:-80px;bottom:-140px;width:360px;height:280px;background:radial-gradient(circle,#a862ff 0%,rgba(168,98,255,0) 70%)}
.xd-detail-hero-glow-two{top:-100px;left:20%;width:300px;height:230px;background:radial-gradient(circle,#20d7e6 0%,rgba(32,215,230,0) 72%)}
.xd-detail-page>.xd-detail-hero .xd-app-summary{grid-template-columns:126px minmax(0,1fr) 190px;gap:26px;padding:0 0 30px}
.xd-detail-page>.xd-detail-hero .xd-app-summary-icon{width:126px;height:126px;box-sizing:border-box;padding:10px;border:3px solid rgba(255,255,255,.86);border-radius:26px;background:rgba(255,255,255,.95);box-shadow:0 14px 30px rgba(11,36,100,.2)}
.xd-detail-page>.xd-detail-hero .xd-app-summary-icon img{border-radius:17px}
.xd-detail-kicker,.xd-detail-trust{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.xd-detail-kicker span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.12);color:#edf7ff;font-size:12px}
.xd-detail-page>.xd-detail-hero .xd-app-summary-info h1{display:block;overflow:hidden;margin-top:13px;color:#fff;font-size:28px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.xd-detail-page>.xd-detail-hero .xd-app-summary-info h1 small{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
.xd-detail-page>.xd-detail-hero .xd-app-summary-info>p{max-width:650px;margin:10px 0 13px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.7;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.xd-detail-trust span{color:rgba(255,255,255,.88);font-size:12px}.xd-detail-trust i{margin-right:5px;color:#72f5be}
.xd-detail-page>.xd-detail-hero .xd-main-download{display:flex;height:64px;flex-direction:column;border:1px solid rgba(255,255,255,.55);border-radius:13px;background:#fff;color:#0879e7!important;box-shadow:0 12px 28px rgba(11,44,115,.22);font-size:17px;transition:transform .2s ease,box-shadow .2s ease}
.xd-detail-page>.xd-detail-hero .xd-main-download:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,44,115,.3)}
.xd-detail-page>.xd-detail-hero .xd-main-download small{margin-top:3px;color:#8a96a4;font-size:10px;font-weight:400}
.xd-detail-page>.xd-detail-hero .xd-app-specs{margin:0 -34px;padding:0 22px;border:0;background:rgba(4,25,92,.25);backdrop-filter:blur(8px)}
.xd-detail-page>.xd-detail-hero .xd-app-spec{position:relative;display:grid;min-height:82px;box-sizing:border-box;grid-template-columns:35px minmax(0,1fr);grid-template-rows:1fr 1fr;align-content:center;padding:17px 14px;text-align:left}
.xd-detail-page>.xd-detail-hero .xd-app-spec+.xd-app-spec:before{position:absolute;top:20px;bottom:20px;left:0;width:1px;background:rgba(255,255,255,.13);content:""}
.xd-detail-page>.xd-detail-hero .xd-app-spec>i{display:flex;grid-row:1/3;width:28px;height:28px;align-items:center;align-self:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.13);color:#fff;font-size:13px}
.xd-detail-page>.xd-detail-hero .xd-app-spec span{align-self:end;color:rgba(255,255,255,.58);font-size:10px}
.xd-detail-page>.xd-detail-hero .xd-app-spec strong{align-self:start;margin-top:3px;color:#fff;font-size:12px;font-weight:500}
.xd-detail-layout{align-items:start;grid-template-columns:minmax(0,1fr) 310px;gap:24px}
.xd-detail-main .xd-content-box,.xd-detail-sidebar .xd-detail-side{border:1px solid #e8ebef;border-radius:15px;box-shadow:0 8px 26px rgba(34,55,80,.045)}
.xd-detail-main .xd-content-box{margin-top:0;margin-bottom:22px;padding:28px 30px}
.xd-content-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #edf0f3}
.xd-content-heading-icon{display:flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#e7f5ff,#dceaff);color:#168cf0;font-size:18px}
.xd-content-heading .xd-content-title{margin:0;padding:0;border:0;color:#20252b;font-size:22px;line-height:1.25}
.xd-content-heading p{margin:5px 0 0;color:#9aa1a9;font-size:12px}
.xd-software-content{color:#444b54;font-size:15px;line-height:1.9}
.xd-software-content>p{margin:0 0 17px}.xd-software-content>p>img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:10px}
.xd-software-content>h2{position:relative;margin:34px 0 18px;padding:0 0 12px 16px;border-bottom:1px solid #edf0f3;font-size:21px}.xd-software-content>h2:before{position:absolute;top:3px;bottom:15px;left:0;width:4px;border-radius:4px;background:linear-gradient(#18aaf5,#176fee);content:""}
.xd-software-content>h3{margin:27px 0 14px;font-size:18px}.xd-software-content>ul>li,.xd-software-content>ol>li{margin-bottom:6px}
.xd-download-area{overflow:hidden;border-color:#dfeee7!important}
.xd-download-heading-icon{background:linear-gradient(135deg,#e5faef,#d7f6e5);color:#04a953}
.xd-download-notice{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;border:1px solid #dcefe5;border-radius:10px;background:#f3fbf7;color:#66736b;font-size:12px;line-height:1.65}
.xd-download-notice>i{margin-top:3px;color:#09b45a;font-size:18px}.xd-download-notice strong{display:block;margin-bottom:1px;color:#257548;font-size:13px}
.xd-download-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:18px;padding:20px 22px;border:1px solid #dbece4;border-radius:12px;background:linear-gradient(115deg,#f1fbf6,#f4f9ff)}
.xd-download-box h3{margin:0 0 5px;font-size:16px}.xd-download-box p{margin:0;color:#929aa2;font-size:12px}.xd-download-box .btn{flex:0 0 auto;padding:11px 24px;border:0;border-radius:24px;background:#05bf58!important;color:#fff!important}.xd-download-box .xd-extract-code{flex-basis:100%}
.xd-post-tags a{border:1px solid #e4edf5;background:#f6faff;color:#5f7690}.xd-post-tags a:hover{border-color:#bcdcff;color:#168cf0}
.xd-post-nav a,.xd-post-nav span{border-radius:12px;transition:border-color .2s ease,color .2s ease,transform .2s ease}.xd-post-nav a:hover{border-color:#bcdcff;color:#168cf0;transform:translateY(-2px)}
.xd-detail-sidebar{position:sticky;top:18px}.xd-detail-sidebar .xd-detail-side{margin-bottom:18px;padding:20px;background:#fff}
.xd-side-profile-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding-bottom:17px;border-bottom:1px solid #edf0f3}.xd-side-profile-head>span{display:flex;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background:#f3f6f8;color:#168cf0}.xd-side-profile-head img{width:100%;height:100%;object-fit:cover}.xd-side-profile-head strong,.xd-side-profile-head em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xd-side-profile-head strong{color:#252a30;font-size:14px}.xd-side-profile-head em{margin-top:7px;color:#99a0a8;font-size:11px;font-style:normal}
.xd-side-profile ul{margin:8px 0 16px;padding:0;list-style:none}.xd-side-profile li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:#969da5;font-size:12px}.xd-side-profile li strong{max-width:150px;overflow:hidden;color:#444b53;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.xd-side-profile .xd-status-normal{color:#08ae52}.xd-side-profile .xd-status-normal i{font-size:7px}
.xd-side-download{display:flex;height:42px;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(90deg,#08c75a,#08b24f);color:#fff!important;font-size:14px;box-shadow:0 8px 18px rgba(8,185,83,.18)}.xd-side-download i{margin-right:7px}
.xd-detail-side h3{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;color:#262b31;font-size:17px}.xd-detail-side h3 i{color:#168cf0}
.xd-detail-recommend{padding:7px;border-radius:10px;transition:background .2s ease,transform .2s ease}.xd-detail-recommend:hover{background:#f6faff;transform:translateX(3px)}.xd-detail-recommend-icon{width:54px;height:54px;border-radius:11px}.xd-detail-recommend{grid-template-columns:54px minmax(0,1fr);margin-bottom:5px}.xd-detail-recommend strong{font-size:12px}.xd-toc a{position:relative;padding:8px 9px 8px 19px;border-radius:7px}.xd-toc a:before{position:absolute;top:50%;left:8px;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#b7c0ca;content:""}.xd-toc a:hover{background:#f2f8ff}.xd-toc a:hover:before{background:#168cf0}
@media(max-width:1000px){.xd-detail-page>.xd-detail-hero .xd-app-summary{grid-template-columns:110px minmax(0,1fr) 170px}.xd-detail-page>.xd-detail-hero .xd-app-summary-icon{width:110px;height:110px}.xd-detail-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:820px){.xd-detail-page>.xd-detail-hero{padding:24px 22px 0}.xd-detail-page>.xd-detail-hero .xd-app-summary{grid-template-columns:88px minmax(0,1fr);gap:17px}.xd-detail-page>.xd-detail-hero .xd-app-summary-icon{width:88px;height:88px;padding:7px;border-radius:20px}.xd-detail-page>.xd-detail-hero .xd-app-summary-info h1{margin-top:8px;font-size:22px}.xd-detail-kicker span:nth-child(2),.xd-detail-trust{display:none}.xd-detail-page>.xd-detail-hero .xd-main-download{grid-column:1/-1;height:54px}.xd-detail-page>.xd-detail-hero .xd-app-specs{margin:0 -22px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 10px}.xd-detail-page>.xd-detail-hero .xd-app-spec:nth-child(n+4){display:none}.xd-detail-sidebar{display:none}.xd-detail-layout{grid-template-columns:1fr}}
@media(max-width:520px){.xd-detail-page>.xd-detail-hero{border-radius:14px}.xd-detail-page>.xd-detail-hero .xd-app-summary{grid-template-columns:72px minmax(0,1fr);gap:12px;padding-bottom:20px}.xd-detail-page>.xd-detail-hero .xd-app-summary-icon{width:72px;height:72px;border-width:2px;border-radius:17px}.xd-detail-page>.xd-detail-hero .xd-app-summary-info h1{font-size:18px}.xd-detail-page>.xd-detail-hero .xd-app-summary-info>p{margin:7px 0 0;font-size:12px}.xd-detail-page>.xd-detail-hero .xd-main-download{margin-top:2px}.xd-detail-page>.xd-detail-hero .xd-app-spec{min-height:70px;grid-template-columns:28px minmax(0,1fr);padding:12px 7px}.xd-detail-page>.xd-detail-hero .xd-app-spec>i{width:23px;height:23px}.xd-detail-page>.xd-detail-hero .xd-app-spec span{font-size:9px}.xd-detail-page>.xd-detail-hero .xd-app-spec strong{font-size:10px}.xd-detail-main .xd-content-box{padding:20px 16px}.xd-content-heading{gap:10px;margin-bottom:18px;padding-bottom:16px}.xd-content-heading-icon{width:38px;height:38px;flex-basis:38px}.xd-content-heading .xd-content-title{font-size:19px}.xd-content-heading p{display:none}.xd-software-content{font-size:14px}.xd-download-box{align-items:flex-start;flex-direction:column}.xd-download-box .btn{width:100%;box-sizing:border-box;justify-content:center}}