/* ==========================================================================
   Site 1: longmao.cyou - Enterprise Flagship Theme (Forest Emerald)
   ========================================================================== */
:root {
  --primary: #059669;
  --primary-dark: #047857;
  --primary-light: #10b981;
  --accent: #f59e0b;
  --bg-page: #f8fafc;
  --bg-card: #ffffff;
  --text-main: #0f172a;
  --text-muted: #475569;
  --border: #e2e8f0;
  --border-focus: #10b981;
  --radius-lg: 16px;
  --radius-md: 10px;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color:var(--text-main); background:var(--bg-page); line-height:1.65; }
a { text-decoration:none; color:inherit; }
.ent-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* Header */
.ent-header { position: sticky; top:0; background: rgba(255,255,255,0.96); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); z-index:1000; box-shadow:0 4px 20px rgba(0,0,0,0.02); }
.ent-header .ent-container { display:flex; justify-content:space-between; align-items:center; height:74px; }
.ent-brand { display:flex; align-items:center; gap:12px; }
.ent-brand img { border-radius:10px; box-shadow:0 4px 10px rgba(5,150,105,0.15); }
.brand-title { font-size:1.25rem; font-weight:800; color:var(--primary-dark); display:block; line-height:1.2; }
.brand-tag { font-size:0.65rem; font-weight:700; color:var(--primary); letter-spacing:1px; background:#ecfdf5; padding:2px 6px; border-radius:4px; }
.ent-nav { display:flex; align-items:center; gap:26px; list-style:none; }
.ent-nav a { font-size:0.95rem; font-weight:600; color:var(--text-muted); padding:6px 0; border-bottom:2px solid transparent; }
.ent-nav a:hover, .ent-nav a.active { color:var(--primary); border-bottom-color:var(--primary); }
.ent-actions { display:flex; align-items:center; gap:12px; }
.ent-btn { display:inline-flex; align-items:center; gap:8px; padding:9px 20px; border-radius:8px; font-size:0.92rem; font-weight:700; cursor:pointer; transition:all 0.25s ease; border:1px solid transparent; }
.ent-btn-ghost { background:#ffffff; border-color:var(--border); color:var(--text-main); }
.ent-btn-ghost:hover { border-color:var(--primary); color:var(--primary); }
.ent-btn-primary { background:linear-gradient(135deg, #10b981 0%, #047857 100%); color:#ffffff; box-shadow:0 4px 14px rgba(5,150,105,0.25); }
.ent-btn-primary:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(5,150,105,0.35); }

/* Centered Massive Hero */
.hero-massive { padding: 80px 0 60px; text-align:center; background: radial-gradient(circle at 50% 20%, #d1fae5 0%, #f8fafc 70%); border-bottom:1px solid var(--border); }
.hero-pill { display:inline-flex; align-items:center; gap:8px; padding:6px 18px; background:#ffffff; border:1px solid #a7f3d0; border-radius:999px; color:var(--primary-dark); font-size:0.85rem; font-weight:700; margin-bottom:24px; box-shadow:0 4px 12px rgba(5,150,105,0.08); }
.hero-massive h1 { font-size: 3.3rem; font-weight:900; line-height:1.2; letter-spacing:-1px; margin-bottom:20px; color:#064e3b; }
.hero-massive h1 span { background:linear-gradient(135deg, #059669 0%, #047857 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-massive p { max-width:760px; margin:0 auto 35px; font-size:1.15rem; color:var(--text-muted); line-height:1.8; }
.hero-cta-group { display:flex; justify-content:center; gap:16px; margin-bottom:40px; }

/* Stats Marquee Bar */
.stats-bar { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; max-width:1040px; margin:0 auto; background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:24px; box-shadow:0 12px 30px rgba(0,0,0,0.04); }
.stat-item { text-align:center; border-right:1px solid var(--border); }
.stat-item:last-child { border-right:none; }
.stat-num { font-size:2rem; font-weight:900; color:var(--primary-dark); line-height:1.1; margin-bottom:4px; }
.stat-label { font-size:0.85rem; color:var(--text-muted); font-weight:600; }

/* Alternating Feature Rows */
.sec-pad { padding: 80px 0; }
.sec-title { text-align:center; max-width:700px; margin:0 auto 50px; }
.sec-title h2 { font-size:2.3rem; font-weight:800; color:#0f172a; margin-bottom:12px; }
.sec-title p { font-size:1.05rem; color:var(--text-muted); }
.alt-row { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:70px; }
.alt-row.reverse { direction:rtl; }
.alt-row.reverse .alt-content { direction:ltr; }
.alt-content h3 { font-size:1.8rem; font-weight:800; margin-bottom:16px; color:#064e3b; }
.alt-content p { font-size:1.05rem; color:var(--text-muted); line-height:1.8; margin-bottom:20px; }
.alt-perk-list { list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:24px; }
.alt-perk-list li { display:flex; align-items:center; gap:10px; font-size:0.95rem; font-weight:600; color:var(--text-main); }
.alt-perk-list li i { color:var(--primary); }
.alt-card-preview { background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:30px; box-shadow:0 16px 36px rgba(5,150,105,0.06); }

/* Comparison Table */
.table-card { background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:30px; box-shadow:0 12px 30px rgba(0,0,0,0.03); overflow-x:auto; }
.comp-table { width:100%; border-collapse:collapse; text-align:left; font-size:0.98rem; }
.comp-table th { background:#f1f5f9; padding:16px 20px; font-weight:700; color:#1e293b; border-bottom:2px solid var(--border); }
.comp-table th.high { background:#ecfdf5; color:var(--primary-dark); }
.comp-table td { padding:16px 20px; border-bottom:1px solid var(--border); color:var(--text-muted); }
.comp-table tr:last-child td { border-bottom:none; }
.comp-table td.bold { font-weight:700; color:var(--text-main); }

/* Horizontal Plan Matrix */
.plan-h-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; }
.plan-h-card { background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:32px 26px; box-shadow:0 8px 24px rgba(0,0,0,0.03); display:flex; flex-direction:column; transition:all 0.3s ease; }
.plan-h-card:hover { transform:translateY(-4px); border-color:var(--primary); }
.plan-h-card.featured { border-color:var(--primary); box-shadow:0 16px 40px rgba(5,150,105,0.12); border-width:2px; }
.plan-h-title { font-size:1.35rem; font-weight:800; margin-bottom:8px; color:#0f172a; }
.plan-h-price { font-size:2.5rem; font-weight:900; color:var(--primary-dark); margin:16px 0; }
.plan-h-price span { font-size:0.95rem; color:var(--text-muted); font-weight:500; }
.plan-h-list { list-style:none; display:flex; flex-direction:column; gap:12px; margin-bottom:30px; flex-grow:1; }
.plan-h-list li { display:flex; align-items:center; gap:10px; font-size:0.92rem; color:var(--text-main); }
.plan-h-list li i { color:var(--primary); }

/* Ecosystem */
.ent-ecosystem { background:#ffffff; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:26px 0; }
.eco-head { font-size:0.92rem; font-weight:800; color:var(--primary-dark); margin-bottom:12px; display:flex; align-items:center; gap:8px; }
.eco-box { display:flex; flex-wrap:wrap; gap:12px; }
.eco-tag { padding:8px 16px; background:#f8fafc; border:1px solid var(--border); border-radius:6px; font-size:0.88rem; font-weight:600; color:var(--text-main); transition:all 0.2s; }
.eco-tag:hover { border-color:var(--primary); color:var(--primary); background:#ffffff; }

/* Subpage */
.subpage-banner { padding:60px 0 45px; text-align:center; background:linear-gradient(180deg, #ecfdf5 0%, #f8fafc 100%); border-bottom:1px solid var(--border); }
.subpage-banner h1 { font-size:2.4rem; font-weight:800; color:#064e3b; margin-bottom:12px; }
.subpage-banner p { font-size:1.05rem; color:var(--text-muted); max-width:700px; margin:0 auto; }
.content-box { max-width:960px; margin:50px auto; background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:40px; box-shadow:0 12px 30px rgba(0,0,0,0.03); }
.content-box h2 { font-size:1.6rem; font-weight:800; margin:30px 0 14px; color:#064e3b; }
.content-box h2:first-child { margin-top:0; }
.content-box p { font-size:1rem; color:var(--text-muted); line-height:1.8; margin-bottom:18px; }
.content-box ul { margin-bottom:20px; padding-left:20px; }
.content-box li { font-size:0.98rem; color:var(--text-muted); line-height:1.8; margin-bottom:8px; }

/* Footer */
.ent-footer { background:#ffffff; padding:50px 0 30px; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:36px; margin-bottom:40px; }
.footer-col-brand p { font-size:0.9rem; color:var(--text-muted); margin:14px 0; max-width:320px; }
.f-trust { display:flex; flex-direction:column; gap:8px; font-size:0.85rem; font-weight:600; color:var(--primary-dark); }
.footer-col h4 { font-size:1rem; font-weight:800; margin-bottom:16px; color:#0f172a; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col a { font-size:0.9rem; color:var(--text-muted); }
.footer-col a:hover { color:var(--primary); }
.footer-bottom-bar { padding-top:25px; border-top:1px solid var(--border); text-align:center; font-size:0.85rem; color:var(--text-muted); }

/* Floating Dock */
.dock-floating { position:fixed; bottom:30px; right:30px; display:flex; flex-direction:column; gap:10px; z-index:9999; }
.dock-circle { width:46px; height:46px; border-radius:50%; background:#ffffff; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--text-main); box-shadow:0 8px 20px rgba(0,0,0,0.1); cursor:pointer; }
.dock-pill { display:flex; align-items:center; gap:8px; padding:11px 20px; border-radius:999px; background:linear-gradient(135deg, #10b981 0%, #047857 100%); color:#ffffff; font-size:0.9rem; font-weight:700; box-shadow:0 8px 24px rgba(5,150,105,0.3); }

@media (max-width:992px) {
  .hero-massive h1 { font-size:2.4rem; }
  .stats-bar { grid-template-columns:1fr 1fr; gap:16px; }
  .alt-row, .alt-row.reverse { grid-template-columns:1fr; direction:ltr; }
  .plan-h-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .ent-nav { display:none; }
  .stats-bar { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
}