/* ==========================================================================
   Site 5: longmao.wiki - Geek Wiki & Terminal Theme (Titanium Teal)
   ========================================================================== */
:root {
  --primary: #0d9488;
  --primary-dark: #0f766e;
  --primary-light: #14b8a6;
  --accent: #0284c7;
  --bg-page: #f0fdfa;
  --bg-card: #ffffff;
  --text-main: #111827;
  --text-muted: #4b5563;
  --border: #ccfbf1;
  --radius-lg: 12px;
  --radius-md: 8px;
}
* { 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; }
.wiki-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Header */
.wiki-header { position:sticky; top:0; background:rgba(255,255,255,0.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); z-index:1000; }
.wiki-header .wiki-container { display:flex; justify-content:space-between; align-items:center; height:70px; }
.wiki-brand { display:flex; align-items:center; gap:12px; }
.wiki-brand img { border-radius:8px; }
.wiki-title { font-size:1.15rem; font-weight:800; color:#111827; display:block; }
.wiki-title b { color:var(--primary); }
.wiki-ver { font-size:0.65rem; font-weight:700; color:#0f766e; background:#ccfbf1; padding:2px 6px; border-radius:4px; font-family:monospace; }
.wiki-nav { display:flex; align-items:center; gap:22px; list-style:none; }
.wiki-nav a { font-size:0.92rem; font-weight:600; color:var(--text-muted); }
.wiki-nav a:hover, .wiki-nav a.active { color:var(--primary); }
.wiki-btn-ghost { padding:7px 16px; border-radius:6px; border:1px solid #14b8a6; background:#ffffff; color:var(--primary); font-size:0.88rem; font-weight:700; display:inline-flex; align-items:center; gap:6px; transition:all 0.2s; }
.wiki-btn-ghost:hover { background:var(--primary); color:#ffffff; }

/* Terminal Mockup Hero */
.wiki-hero { padding: 65px 0 55px; background:radial-gradient(circle at 70% 30%, #ccfbf1 0%, #f0fdfa 70%); border-bottom:1px solid var(--border); }
.wiki-hero-grid { display:grid; grid-template-columns:1.05fr 0.95fr; gap:40px; align-items:center; }
.wiki-badge { display:inline-flex; align-items:center; gap:6px; padding:5px 14px; background:#ffffff; border:1px solid #99f6e4; border-radius:6px; color:#0f766e; font-size:0.82rem; font-weight:700; font-family:monospace; margin-bottom:18px; }
.wiki-hero h1 { font-size:2.8rem; font-weight:900; line-height:1.22; color:#134e4a; margin-bottom:16px; }
.wiki-hero h1 span { color:var(--primary); }
.wiki-hero p { font-size:1.05rem; color:var(--text-muted); line-height:1.75; margin-bottom:26px; }

/* Mac Terminal Window */
.terminal-window { background:#0f172a; border-radius:10px; overflow:hidden; box-shadow:0 16px 40px rgba(0,0,0,0.3); border:1px solid #334155; font-family:Consolas, Monaco, monospace; }
.tw-header { background:#1e293b; padding:10px 14px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #334155; }
.tw-dot { width:11px; height:11px; border-radius:50%; }
.tw-dot.red { background:#ef4444; }
.tw-dot.yellow { background:#f59e0b; }
.tw-dot.green { background:#10b981; }
.tw-title { font-size:0.75rem; color:#94a3b8; margin-left:auto; }
.tw-body { padding:18px; color:#e2e8f0; font-size:0.82rem; line-height:1.6; max-height:260px; overflow-y:auto; }
.tw-body pre { white-space:pre-wrap; }
.tw-keyword { color:#38bdf8; }
.tw-val { color:#34d399; }
.tw-comment { color:#64748b; }

/* Section General */
.w-sec { padding:70px 0; }
.w-title { text-align:center; max-width:680px; margin:0 auto 45px; }
.w-title h2 { font-size:2.1rem; font-weight:800; color:#134e4a; margin-bottom:10px; }
.w-title p { font-size:1rem; color:var(--text-muted); }

/* Wiki Topic Cards */
.wiki-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
.w-card { background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:26px 22px; box-shadow:0 6px 18px rgba(13,148,136,0.04); transition:all 0.25s ease; }
.w-card:hover { transform:translateY(-3px); border-color:var(--primary); }
.w-icon { width:46px; height:46px; border-radius:8px; background:#ccfbf1; color:var(--primary-dark); display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:14px; }
.w-card h3 { font-size:1.15rem; font-weight:700; color:#134e4a; margin-bottom:8px; }
.w-card p { font-size:0.9rem; color:var(--text-muted); line-height:1.6; }

/* Technical Matrix Table */
.matrix-card { background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:26px; box-shadow:0 8px 24px rgba(0,0,0,0.03); overflow-x:auto; }
.matrix-table { width:100%; border-collapse:collapse; font-size:0.92rem; text-align:left; }
.matrix-table th { background:#f0fdfa; padding:14px 16px; border-bottom:2px solid var(--border); color:#134e4a; font-weight:700; }
.matrix-table td { padding:14px 16px; border-bottom:1px solid #f1f5f9; color:var(--text-muted); }
.matrix-table tr:last-child td { border-bottom:none; }
.matrix-table td.strong { font-weight:700; color:#111827; }

/* Geek Plan Cards */
.geek-plan-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.gp-card { background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:30px 24px; display:flex; flex-direction:column; box-shadow:0 8px 24px rgba(13,148,136,0.05); }
.gp-card.featured { border-color:var(--primary); box-shadow:0 12px 32px rgba(13,148,136,0.15); border-width:2px; }
.gp-price { font-size:2.4rem; font-weight:900; color:var(--primary-dark); margin:12px 0 20px; font-family:monospace; }
.gp-price span { font-size:0.9rem; color:var(--text-muted); }
.gp-list { list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:26px; flex-grow:1; font-size:0.9rem; }
.gp-list li { display:flex; align-items:center; gap:8px; }
.gp-list li i { color:var(--primary); }

/* Ecosystem */
.wiki-ecosystem { background:#ffffff; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:24px 0; }
.we-head { font-size:0.88rem; font-weight:800; color:var(--primary-dark); margin-bottom:10px; }
.we-tags { display:flex; flex-wrap:wrap; gap:10px; }
.wiki-eco-tag { padding:6px 14px; background:#f0fdfa; border:1px solid var(--border); border-radius:6px; font-size:0.85rem; font-weight:600; color:#134e4a; }
.wiki-eco-tag:hover { border-color:var(--primary); color:var(--primary); background:#ffffff; }

/* Subpage */
.wsub-hero { padding:45px 0 35px; text-align:center; background:linear-gradient(180deg, #ccfbf1 0%, #f0fdfa 100%); border-bottom:1px solid var(--border); }
.wsub-hero h1 { font-size:2.2rem; font-weight:900; color:#134e4a; margin-bottom:8px; }
.wsub-hero p { font-size:1rem; color:var(--text-muted); max-width:680px; margin:0 auto; }
.wsub-content { max-width:960px; margin:40px auto; background:#ffffff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:36px; box-shadow:0 8px 24px rgba(0,0,0,0.03); }
.wsub-content h2 { font-size:1.5rem; font-weight:800; color:#134e4a; margin:26px 0 12px; }
.wsub-content h2:first-child { margin-top:0; }
.wsub-content p { font-size:0.98rem; color:var(--text-muted); line-height:1.75; margin-bottom:16px; }
.wsub-content ul { padding-left:20px; margin-bottom:16px; }
.wsub-content li { font-size:0.95rem; color:var(--text-muted); line-height:1.75; margin-bottom:6px; }

/* Footer */
.wiki-footer { background:#ffffff; padding:40px 0 25px; }
.wf-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:30px; margin-bottom:30px; }
.wf-brand p { font-size:0.88rem; color:var(--text-muted); margin-top:10px; max-width:320px; }
.wf-col h5 { font-size:0.95rem; font-weight:800; color:#111827; margin-bottom:12px; }
.wf-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; font-size:0.88rem; color:var(--text-muted); }
.wf-col a:hover { color:var(--primary); }
.wf-bottom { border-top:1px solid var(--border); padding-top:20px; text-align:center; font-size:0.82rem; color:#9ca3af; }

/* Floating */
.wiki-floating-dock { position:fixed; bottom:25px; right:25px; display:flex; flex-direction:column; gap:8px; z-index:999; }
.wiki-dock-btn.top { width:42px; height:42px; border-radius:50%; background:#ffffff; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:#111827; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.wiki-dock-btn.cta { padding:10px 18px; border-radius:999px; background:var(--primary); color:#ffffff; font-weight:700; font-size:0.85rem; box-shadow:0 6px 18px rgba(13,148,136,0.3); }

@media (max-width:992px) {
  .wiki-hero-grid { grid-template-columns:1fr; }
  .wiki-grid, .geek-plan-grid { grid-template-columns:1fr; }
  .wf-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .wiki-nav { display:none; }
  .wf-grid { grid-template-columns:1fr; }
}