:root{
  --cg-pink:#f0396a;
  --cg-pink-dark:#d42758;
  --cg-purple:#7661d2;
  --cg-ink:#1c1c1e;
  --cg-ink-soft:#46464a;
  --cg-muted:#767679;
  --cg-border:#e9e9eb;
  --cg-bg:#fcfcfd;
  --cg-bg-alt:#f5f4f7;
  --cg-radius-card:24px;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"PingFang TC","Microsoft JhengHei",sans-serif;
  color:var(--cg-ink);
  background:var(--cg-bg);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.cg-container{max-width:1180px;margin:0 auto;padding:0 24px;}
.cg-container-narrow{max-width:900px;}

/* Header */
.cg-header{background:var(--cg-bg);position:sticky;top:0;z-index:50;}
.cg-header-inner{max-width:1180px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;}
.cg-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--cg-ink);}
.cg-logo-mark{background:var(--cg-pink);color:#fff;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;transform:rotate(-4deg);box-shadow:0 2px 0 rgba(0,0,0,.06);}
.cg-logo-mark-sm{width:24px;height:24px;font-size:12px;border-radius:8px;}
.cg-header-right{display:flex;align-items:center;gap:28px;}
.cg-header-link{font-weight:600;font-size:15px;color:var(--cg-ink-soft);}
.cg-header-link:hover{color:var(--cg-pink);}
.cg-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;border:none;}
.cg-btn-dark{background:var(--cg-ink);color:#fff;}
.cg-btn-dark:hover{background:var(--cg-pink);}
.cg-btn-lg{padding:15px 30px;font-size:16px;}

/* Hero */
.cg-hero{padding:48px 0 40px;}
.cg-hero-inner{max-width:1180px;margin:0 auto;padding:0 24px;}
.cg-breadcrumb{font-size:13px;color:var(--cg-muted);margin-bottom:18px;}
.cg-hero-titlerow{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.cg-hero-title{font-size:clamp(32px,5vw,40px);font-weight:800;margin:0;letter-spacing:-0.8px;line-height:1.15;}
.cg-hero-chev{color:var(--cg-muted);font-size:20px;}
.cg-hero-desc{font-size:17px;color:var(--cg-ink-soft);max-width:620px;margin:0 0 28px;line-height:1.6;}

.cg-hero-stats{display:flex;align-items:center;gap:20px;margin-bottom:28px;}
.cg-hero-stat{display:flex;align-items:center;gap:10px;}
.cg-hero-stat-icon{font-size:20px;}
.cg-hero-stat-num{font-size:18px;font-weight:800;}
.cg-hero-stat-label{font-size:12px;color:var(--cg-muted);}
.cg-hero-dot{color:var(--cg-border);font-size:12px;}

.cg-related{display:flex;gap:16px;border-left:3px solid var(--cg-pink);padding-left:20px;margin-top:36px;}
.cg-related-title{font-weight:700;font-size:14px;margin-bottom:12px;color:var(--cg-ink-soft);}
.cg-related-tags{display:flex;flex-wrap:wrap;gap:10px;}
.cg-tag-pill{border:1px solid var(--cg-border);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--cg-ink-soft);background:#fff;}

/* Sections */
.cg-section{padding:52px 0;}
.cg-section-alt{background:var(--cg-bg-alt);}
.cg-section-title{font-size:28px;font-weight:800;margin:0 0 32px;display:flex;align-items:center;gap:10px;letter-spacing:-0.4px;}
.cg-emoji{font-size:22px;}
.cg-emoji-new{font-family:Georgia,serif;font-style:italic;font-weight:700;color:var(--cg-pink);font-size:20px;}

/* Group list (largest groups) */
.cg-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;}
.cg-group-card{display:flex;align-items:center;gap:20px;min-width:0;}
.cg-group-thumb{position:relative;width:140px;height:100px;flex:0 0 140px;border-radius:var(--cg-radius-card);overflow:hidden;margin-left:6px;}
.cg-group-thumb img{width:100%;height:100%;object-fit:cover;}

.cg-badge{
  position:absolute;top:-8px;left:-10px;
  width:34px;height:34px;
  background:#fff;
  border-radius:52% 48% 55% 45%/48% 52% 48% 52%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 6px rgba(20,20,25,.18);
  transform:rotate(-8deg);
}
.cg-badge-num{font-size:14px;font-weight:700;color:var(--cg-ink-soft);transform:rotate(8deg);}

.cg-group-body{min-width:0;}
.cg-group-loc{font-size:13px;color:var(--cg-purple);font-weight:700;margin-bottom:4px;}
.cg-group-name{font-size:18px;font-weight:800;margin-bottom:8px;letter-spacing:-0.2px;}
.cg-group-members{font-size:13px;color:var(--cg-muted);display:flex;align-items:center;gap:8px;}
.cg-avatar-stack{display:inline-flex;}
.cg-avatar-stack i{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--cg-purple),var(--cg-pink));border:2px solid var(--cg-bg);margin-left:-8px;display:block;}
.cg-avatar-stack i:first-child{margin-left:0;}

/* Newest groups grid */
.cg-newest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cg-newest-card{background:#fff;border:1px solid var(--cg-border);border-radius:20px;padding:22px;text-align:left;}
.cg-newest-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;margin-bottom:16px;}
.cg-newest-name{font-weight:800;font-size:15px;margin-bottom:8px;line-height:1.35;}
.cg-newest-meta{font-size:12px;color:var(--cg-muted);}

/* Tips */
.cg-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.cg-tip-card{border:1px solid var(--cg-border);border-radius:20px;padding:26px;background:#fff;}
.cg-tip-icon{font-size:26px;margin-bottom:14px;}
.cg-tip-card h3{font-size:16px;font-weight:800;margin:0 0 10px;letter-spacing:-0.2px;}
.cg-tip-card p{font-size:14px;color:var(--cg-ink-soft);line-height:1.7;margin:0;}

/* Footer */
.cg-footer{background:var(--cg-ink);color:#fff;padding:44px 0 24px;margin-top:16px;border-radius:32px 32px 0 0;}
.cg-footer-inner{max-width:1180px;margin:0 auto;padding:0 24px;}
.cg-footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2e2e31;padding-bottom:24px;margin-bottom:32px;}
.cg-footer-brand{font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px;}
.cg-footer-cta{color:var(--cg-pink);font-weight:700;font-size:14px;}
.cg-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:520px;}
.cg-footer-col-title{font-weight:700;font-size:13px;color:#8d8d90;margin-bottom:14px;}
.cg-footer-link{display:block;font-size:14px;color:#c8c8ca;margin-bottom:10px;}
.cg-footer-link:hover{color:#fff;}
.cg-footer-bottom{margin-top:32px;font-size:12px;color:#8d8d90;}

@media (max-width:900px){
  .cg-group-list{grid-template-columns:1fr;}
  .cg-newest-grid{grid-template-columns:repeat(2,1fr);}
  .cg-tips-grid{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .cg-header-link{display:none;}
  .cg-newest-grid{grid-template-columns:1fr;}
  .cg-hero-stats{flex-wrap:wrap;}
  .cg-footer-grid{grid-template-columns:1fr 1fr;}
}