/* ===== 设计令牌 ===== */
:root {
  --color-primary: {#2563eb};
  --color-primary-hover: {#1d4ed8};
  --color-primary-light: {#eff6ff};
  --color-bg: {#fff};
  --color-bg-alt: {#fffALT};
  --color-card: #ffffff;
  --color-border: {#e2e8f0};
  --color-text: #1a1a2e;
  --color-text-secondary: #555555;
  --color-text-muted: #999999;
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-8: 48px; --space-10: 64px;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.1);
  --transition: .3s ease;
}
@media (prefers-color-scheme: dark) {:root{
  --color-bg: #0f172a;--color-bg-alt: #1e293b;
  --color-card: #1e293b;--color-border: #334155;
  --color-text: #e2e8f0;--color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
::selection{background:var(--color-primary);color:#fff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--color-text);background:var(--color-bg)}
a{color:var(--color-text);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--color-primary)}
img{max-width:100%;vertical-align:middle}
li{list-style:none}
/* geoland GEO营销落地页风格 */
*{margin:0;padding:0;box-sizing:border-box}
body{font:15px/1.7 "Microsoft Yahei",sans-serif;background:#fff;color:#444}
a{text-decoration:none;color:#555;transition:.3s}a:hover{color:#2563eb}
img{max-width:100%;vertical-align:middle}li{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* HEADER */#header_main{position:fixed;top:0;left:0;right:0;z-index:100;padding:15px 0;background:rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.08)}#header_main .container{display:flex;align-items:center;justify-content:space-between}.logo img{height:40px}#header_main nav ul{display:flex;gap:5px}#header_main nav a{padding:8px 16px;font-size:14px;color:#333;border-radius:4px}#header_main nav a:hover{background:#f0f5ff;color:#2563eb}.menu-btn{display:none;font-size:24px;cursor:pointer}

/* HERO */.hero{padding:140px 0 80px;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;text-align:center}.hero h1{font-size:42px;margin:0 0 15px;font-weight:700}.hero p{font-size:18px;margin:0 0 30px;opacity:.9}.btn-primary{display:inline-block;padding:14px 40px;background:#fff;color:#2563eb;border-radius:6px;font-size:16px;font-weight:600}.btn-primary:hover{background:#f0f5ff;color:#1e3a5f}

/* SECTION */.section{padding:70px 0}.section-title{text-align:center;font-size:28px;color:#222;margin:0 0 40px;font-weight:700}.stats{background:#2563eb;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat-item h3{font-size:36px;margin:0 0 5px;color:#fff}.stat-item p{font-size:15px;opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.feature-card{text-align:center;padding:30px 20px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:.3s}.feature-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-4px)}.feature-card .icon{font-size:40px;margin:0 0 12px}.feature-card h3{font-size:16px;color:#333;margin:0 0 8px}.feature-card p{font-size:13px;color:#888;line-height:1.5;margin:0}

/* CASES */.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.case-card{border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:.3s}.case-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-4px)}.case-img{height:200px;background-size:cover!important}.case-card h3{padding:15px;font-size:15px;margin:0;color:#333}

/* CTA */.cta{background:linear-gradient(135deg,#2563eb,#1e3a5f);color:#fff;text-align:center}.cta h2{font-size:28px;margin:0 0 10px;color:#fff}.cta p{margin:0 0 25px;opacity:.9}

/* CONTENT LAYOUT */.content-layout{display:flex;gap:30px;align-items:flex-start;padding:100px 0 40px}.content-main{flex:1;min-width:0}.content-side{width:260px;flex-shrink:0}.post-list{background:#fff;border-radius:6px}.post-list li{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #f0f0f0}.post-list li a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-list li span{color:#999;font-size:13px}.meta{font-size:13px;color:#999;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:15px;display:flex;gap:15px}
.article-content{background:#fff;border-radius:6px;padding:25px;font-size:15px;line-height:1.9;color:#444;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.article-content p{margin:0 0 12px}.article-content img{max-width:100%;height:auto;display:block;margin:10px auto;border-radius:4px}
.article-content h2,.article-content h3{color:#333;margin:15px 0 8px}.article-content blockquote{padding:10px 15px;border-left:4px solid #2563eb;background:#f8faff;margin:12px 0}
.tags{padding:10px 0}.tags a{display:inline-block;padding:2px 10px;margin:2px;background:#f0f0f0;border-radius:3px;font-size:13px}
.tags a:hover{background:#2563eb;color:#fff}
.related{margin-top:15px;padding-top:12px;border-top:1px solid #eee}.related h3{font-size:15px;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #2563eb}
.related ul{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.related li a{color:#555;padding:3px 0;display:block}.related li a::before{content:"▸ ";color:#2563eb}.related li a:hover{color:#2563eb}
.widget{border-radius:6px;overflow:hidden;margin-bottom:15px;border:1px solid #eee}.widget h3{font-size:14px;padding:10px 15px;background:#2563eb;color:#fff;margin:0}
.widget ul{padding:5px 0}.widget li{padding:7px 15px;border-bottom:1px solid #f5f5f5}.widget li a{font-size:13px;color:#555}.widget li a:hover{color:#2563eb}
.pagebar{text-align:center;padding:20px 0}.pagebar a{display:inline-block;padding:6px 12px;margin:0 2px;border:1px solid #ddd;border-radius:3px;font-size:13px}
.pagebar a:hover,.pagebar .active{background:#2563eb;color:#fff;border-color:#2563eb}
#footer{background:#1a1a2e;padding:30px 0;text-align:center;font-size:13px;color:#999}#footer a{color:#aaa}#footer a:hover{color:#2563eb}
@media(max-width:768px){.features-grid,.cases-grid,.stats-grid{grid-template-columns:1fr}.hero h1{font-size:28px}.content-layout{flex-direction:column}.content-side{width:100%}#header_main nav{display:none}.menu-btn{display:block}.hero{padding:100px 0 60px}}