*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:14px/1.55 "PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#1a1a1a;background:#f4f6f8}
a{color:#4c33e5;text-decoration:none}
img{max-width:100%;vertical-align:middle;border:0}
.pe-wrap{max-width:1080px;margin:0 auto;padding:0 12px}
.pe-top{background:#fff;border-bottom:1px solid #e8eaed}
.pe-head{display:flex;align-items:center;padding:10px 12px}
.pe-logo{margin:0;flex:1}
.pe-logo img{height:28px;width:auto;display:block}
.pe-scout{padding:0 12px 8px}
.pe-scout .scout-box{background:#f8f9fb;border:1px solid #eceff3;border-radius:10px;padding:8px}
.pe-scout .scout-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.pe-scout .scout-category{padding:4px 10px;font-size:12px;border:1px solid #ddd;border-radius:16px;color:#666;background:#fff}
.pe-scout .scout-category.scout-selected{background:#4c33e5;color:#fff;border-color:#4c33e5}
.pe-scout .scout-form{display:flex;gap:8px}
.pe-scout .scout-query{flex:1;height:36px;border:1px solid #ddd;border-radius:8px;padding:0 12px;font-size:14px}
.pe-scout .scout-button{height:36px;padding:0 16px;border:0;border-radius:8px;background:#4c33e5;color:#fff;font-size:14px;cursor:pointer}
.pe-nav{background:#fff;border-bottom:1px solid #eceff3}
.pe-nav ul{display:flex;max-width:1080px;margin:0 auto;padding:0 12px;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pe-nav li{flex:1 0 auto;min-width:18%}
.pe-nav a{display:block;padding:12px 6px;text-align:center;color:#666;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}
.pe-nav a.is-active{color:#4c33e5;border-bottom-color:#4c33e5;font-weight:700}
.pe-crumb{padding:8px 12px;font-size:12px;color:#888;background:#fafbfc;border-bottom:1px solid #eceff3}
.pe-crumb a{color:#666}
.pe-crumb-sep{margin:0 4px;color:#ccc}
.pe-hero{background:#fff;padding:14px 12px 16px;border-bottom:1px solid #eceff3;display:flex;gap:14px}
.pe-hero-icon{width:84px;height:84px;border-radius:18px;flex:0 0 84px;object-fit:cover;box-shadow:0 4px 12px rgba(76,51,229,.12)}
.pe-hero-info{flex:1;min-width:0}
.pe-hero-info h1{margin:0 0 4px;font-size:20px;line-height:1.25;color:#111}
.pe-hero-info .pe-hero-seo{margin:0 0 8px;font-size:14px;line-height:1.35;font-weight:600;color:#444}
.pe-hero-dev{margin:0 0 8px;font-size:12px;color:#888}
.pe-hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none;font-size:11px;color:#666}
.pe-hero-tags li{background:#f0f2ff;color:#4c33e5;padding:3px 8px;border-radius:4px}
.pe-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:11px;color:#666;margin-bottom:12px}
.pe-hero-meta .tit{color:#999;display:block;margin-bottom:2px}
.pe-dl-row{display:flex;gap:8px}
.pe-dl-btn{display:inline-block;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:700;text-align:center;border:0;cursor:pointer}
.pe-dl-btn--primary{background:linear-gradient(135deg,#6b52ff,#4c33e5);color:#fff;flex:1;box-shadow:0 4px 12px rgba(76,51,229,.25)}
.pe-dl-btn--ios{background:#111;color:#fff;flex:1}
.pe-dl-btn--ghost{background:#fff;color:#4c33e5;border:1px solid #4c33e5;flex:1}
.pe-main{padding:12px 0 24px}
.pe-page-h1{margin:0 0 12px;font-size:20px;font-weight:700;color:#111}
.pe-card{background:#fff;border:1px solid #eceff3;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.pe-card-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #f0f2f5;font-size:15px;font-weight:700;color:#111}
.pe-card-h a{font-size:12px;font-weight:500;color:#4c33e5}
.pe-panel-h{margin:0;padding:12px 14px;font-size:15px;font-weight:700;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;gap:8px;color:#111}
.pe-panel-h i{width:4px;height:16px;background:#4c33e5;border-radius:2px;display:inline-block}
.pe-shots{display:flex;gap:10px;padding:12px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pe-shots img{height:200px;width:auto;border-radius:10px;border:1px solid #eee;flex:0 0 auto}
.pe-prose{padding:12px 14px 16px;font-size:14px;color:#444;line-height:1.65}
.pe-prose h3{font-size:16px;color:#111;margin:18px 0 10px;font-weight:700}
.pe-prose p{margin:0 0 12px}
.pe-prose strong{color:#4c33e5}
.pe-prose img{border-radius:8px;margin:8px 0;display:block}
.pe-info-list{margin:0;padding:0 14px 12px;list-style:none;font-size:13px}
.pe-info-list li{display:flex;padding:10px 0;border-bottom:1px solid #f5f6f8}
.pe-info-list strong{width:80px;color:#999;font-weight:500;flex:0 0 80px}
.pe-info-list span{flex:1;color:#222;text-align:right}
.pe-subnav{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;border-bottom:1px solid #f0f2f5}
.pe-subnav a{padding:5px 12px;font-size:12px;border:1px solid #e0e0e0;border-radius:16px;white-space:nowrap;color:#666;background:#fff}
.pe-subnav a.is-active{background:#4c33e5;color:#fff;border-color:#4c33e5}
.pe-list{margin:0;padding:0;list-style:none}
.pe-list li{border-bottom:1px solid #f0f2f5}
.pe-list a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#222}
.pe-list img{width:56px;height:56px;border-radius:14px;object-fit:cover;flex:0 0 56px;background:#f5f6f8}
.pe-list-body{flex:1;min-width:0}
.pe-list-body strong{display:block;font-size:14px;margin-bottom:4px;line-height:1.35}
.pe-list-body em{font-style:normal;font-size:12px;color:#999;display:block}
.pe-list-body p{margin:4px 0 0;font-size:12px;color:#4c33e5}
.pe-list-score{flex:0 0 auto;font-size:13px;font-weight:700;color:#ff9500}
.pe-list-dl{flex:0 0 auto;padding:6px 12px;background:#4c33e5;color:#fff;border-radius:6px;font-size:12px}
.pe-feat-scroll{display:flex;gap:12px;padding:12px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pe-feat-item{flex:0 0 120px;text-align:center}
.pe-feat-item img{width:64px;height:64px;border-radius:16px;object-fit:cover}
.pe-feat-item strong{display:block;font-size:12px;margin:8px 0 2px;line-height:1.3;height:32px;overflow:hidden;color:#222}
.pe-feat-item em{font-style:normal;font-size:11px;color:#4c33e5}
.pe-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 14px}
.pe-topic-card{background:#f8f9fb;border:1px solid #eceff3;border-radius:10px;padding:10px;text-align:center}
.pe-topic-card img{width:56px;height:56px;border-radius:12px;object-fit:cover;margin-bottom:8px}
.pe-topic-card h3{margin:0 0 4px;font-size:13px;line-height:1.35;height:36px;overflow:hidden;color:#222}
.pe-topic-card p{margin:0 0 8px;font-size:11px;color:#999}
.pe-topic-card a{display:inline-block;padding:4px 12px;font-size:12px;border:1px solid #4c33e5;border-radius:14px;color:#4c33e5}
.pe-news-list{list-style:none;margin:0;padding:0}
.pe-news-item{border-bottom:1px solid #f0f2f5}
.pe-news-item a{display:flex;gap:12px;padding:12px 14px;color:#222;align-items:flex-start}
.pe-news-item img{width:96px;height:72px;border-radius:8px;object-fit:cover;background:#f5f6f8;flex-shrink:0}
.pe-news-body strong{display:block;font-size:15px;line-height:1.4;margin-bottom:6px}
.pe-news-body em{font-style:normal;font-size:12px;color:#999}
.pe-news-cat{color:#4c33e5}
.pe-rank-list{list-style:none;margin:0;padding:0 14px 12px;font-size:13px}
.pe-rank-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5}
.pe-rank-no{flex:0 0 24px;height:24px;line-height:24px;text-align:center;background:#4c33e5;color:#fff;border-radius:6px;font-size:12px;font-weight:700}
.pe-rank-list li:nth-child(n+4) .pe-rank-no{background:#c5c9d4;color:#fff}
.pe-rank-name{flex:1;min-width:0;font-size:13px;color:#222}
.pe-rank-list em{flex:0 0 auto;font-style:normal;color:#ff9500;font-size:12px;font-weight:700}
.pe-rating-bar{padding:12px 14px;display:flex;align-items:center;gap:12px}
.pe-rating-score{font-size:28px;font-weight:700;color:#ff9500;line-height:1}
.pe-rating-meta{font-size:12px;color:#999}
.pe-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px}
.pe-tag-cloud a{padding:4px 10px;font-size:12px;background:#f0f2ff;border:1px solid #e0e4ff;border-radius:14px;color:#4c33e5}
.pe-dl-bar{background:linear-gradient(135deg,#6b52ff,#4c33e5);padding:12px;margin:12px 0;border-radius:10px;display:flex;gap:8px}
.pe-tag-panel{background:#fff;border:1px solid #eceff3;border-radius:12px;padding:16px}
.pe-tag-panel h1{font-size:18px;margin:0 0 10px}
.pe-tag-actions{display:flex;gap:8px;margin-top:14px}
.pe-footer{background:#fff;border-top:1px solid #eceff3;padding:16px 12px;text-align:center;font-size:12px;color:#999}
.pe-footer a{color:#666}
.pe-footer-d3{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eee}
.pe-footer-d3-link{color:#666;text-decoration:none;font-size:12px}
.pe-footer-d3-link:hover{color:#4c33e5}
.pe-score-stars{color:#ff9500;letter-spacing:1px}
.pe-hottag-wrap{padding:12px 0 16px;background:#fff;border-top:1px solid #eceff3}
.pe-hottag-title h3{margin:0 0 10px;font-size:14px;color:#666;font-weight:600}
.pe-hottag-main{display:flex;flex-wrap:wrap;gap:8px}
.pe-hottag-main a{padding:4px 10px;font-size:12px;background:#f0f2ff;border:1px solid #e0e4ff;border-radius:14px;color:#4c33e5;text-decoration:none;line-height:1.4}
.pe-hottag-main a:hover{background:#e8e4ff}

@media (max-width:480px){
.dl-link--desktop{display:none}
}