.cp-page{min-height:100vh;background:#f5f7fa;padding:24px 20px 48px}.cp-container{max-width:1040px;margin:0 auto}.cp-h1{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 4px}.cp-subtitle{font-size:16px;color:#718096;margin:0 0 20px;font-weight:400}.cp-controls{display:flex;gap:12px;margin-bottom:24px;align-items:stretch}.cp-search-wrapper{position:relative;flex:1 1}.cp-search{width:100%;padding:12px 40px 12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;color:#1a202c;outline:none;transition:border-color .2s;box-sizing:border-box;height:100%}.cp-search:focus{border-color:#aeaeff;box-shadow:0 0 0 3px rgba(174,174,255,.15)}.cp-search::placeholder{color:#a0aec0}.cp-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#a0aec0;cursor:pointer;padding:4px;line-height:1}.cp-search-clear:hover{color:#4a5568}.cp-sort{padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;color:#1a202c;outline:none;cursor:pointer;white-space:nowrap;min-width:180px}.cp-sort:focus{border-color:#aeaeff;box-shadow:0 0 0 3px rgba(174,174,255,.15)}.cp-popular-section{margin-bottom:32px;position:relative}.cp-section-title{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 16px}.cp-popular-scroll{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.cp-popular-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:12px;border:1px solid #f0f0f0}.cp-popular-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.cp-popular-header{display:flex;align-items:center;gap:12px}.cp-popular-flag{font-size:32px;line-height:1}.cp-popular-name{font-size:17px;font-weight:700;color:#0F172A}.cp-popular-stats{display:flex;flex-direction:column;gap:6px}.cp-popular-stat{font-size:13px;color:#64748B;display:flex;align-items:center;gap:6px}.cp-popular-stat-value{font-weight:600;color:#1a202c}.cp-popular-view{display:inline-flex;align-items:center;gap:4px;color:#28A745;font-size:14px;font-weight:600;margin-top:auto}.cp-all-section{margin-bottom:32px}.cp-section-header{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.cp-section-count{font-size:14px;color:#94A3B8;font-weight:400}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.cp-card{background:#fff;border-radius:12px;padding:16px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px}.cp-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.cp-card.popular{border-top:3px solid #aeaeff}.cp-card-header{display:flex;align-items:center;gap:10px}.cp-card-flag{font-size:28px;line-height:1}.cp-card-name{font-size:15px;font-weight:600;color:#0F172A}.cp-card-stats{display:flex;gap:12px;flex-wrap:wrap}.cp-card-stat{font-size:12px;color:#718096}.cp-card-stat-value{font-weight:600;color:#4a5568}.cp-empty{text-align:center;color:#a0aec0;padding:40px 16px;font-size:15px}.cp-seo-text{font-size:15px;line-height:1.7;color:#4a5568;margin-top:32px}@media (max-width:768px){.cp-page{padding:16px 16px 32px}.cp-h1{font-size:22px}.cp-controls{flex-direction:column;gap:8px}.cp-sort{min-width:unset;width:100%}.cp-popular-scroll{grid-template-columns:repeat(2,1fr);gap:12px}.cp-popular-card{padding:16px}.cp-popular-flag{font-size:28px}.cp-popular-name{font-size:15px}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.cp-card{padding:12px}.cp-card-flag{font-size:24px}.cp-card-name{font-size:14px}.cp-section-title{font-size:18px}}@media (max-width:480px){.cp-h1{font-size:20px}.cp-grid{grid-template-columns:1fr 1fr}.cp-card-stats{flex-direction:column;gap:4px}}