/* 聚游墟首页·水墨主视觉 */
.hero-ink { position:relative; margin:-30px -22px 28px; padding:88px 40px 72px; text-align:center; overflow:hidden;
    background:
      radial-gradient(ellipse at 50% -10%, rgba(165,35,31,.09), transparent 44%),
      linear-gradient(180deg, #faf7ed 0%, #f2ece2 38%, #ebe3d5 100%);
    border-bottom:2px solid #1a1a18; box-shadow:inset 0 0 80px rgba(26,26,24,.05);
}
.hero-ink::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.18;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'%3E%3Cpath d='M0 280 Q100 200 200 240 T400 220 T600 250 T800 210 T1000 240 T1200 220V420H0Z' fill='%231a1a18' opacity='.12'/%3E%3Cpath d='M0 320 Q150 240 300 290 T600 270 T900 300 T1200 280V420H0Z' fill='%231a1a18' opacity='.18'/%3E%3Cpath d='M0 360 Q200 300 400 340 T800 330 T1200 350V420H0Z' fill='%231a1a18' opacity='.25'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;
}
.hero-ink::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; opacity:.68; background:linear-gradient(90deg,transparent,#1a1a18,#a5231f,#1a1a18,transparent); }
.hero-vertical { position:absolute; right:5%; top:18%; writing-mode:vertical-rl; text-orientation:upright; font:700 21px/1.65 var(--font-gufeng); letter-spacing:.45em; color:rgba(26,26,24,.22); }
.hero-kicker { display:inline-block; padding:6px 18px; border:1.5px solid rgba(26,26,24,.48); border-radius:1px; color:#343530; background:rgba(255,253,248,.55); font:700 11px/1.3 var(--font-gufeng); letter-spacing:.35em; margin-bottom:24px; }
.hero-ink h1 { position:relative; z-index:2; margin:18px 0 12px; color:#1a1a18!important; font:900 clamp(42px,7vw,74px)/1.15 var(--font-gufeng); letter-spacing:.12em; text-shadow:3px 4px 0 rgba(165,35,31,.08); }
.hero-ink h1 span { color:#a5231f!important; background:none!important; }
.hero-subtitle { position:relative; z-index:2; color:#343530; font:700 16px/1.4 var(--font-gufeng); letter-spacing:.5em; margin-bottom:18px; }
.hero-divider { display:flex; align-items:center; justify-content:center; gap:14px; margin:22px auto; max-width:480px; }
.hero-divider i { flex:1; height:2px; background:linear-gradient(90deg,transparent,rgba(26,26,24,.42)); }
.hero-divider i:last-child { background:linear-gradient(90deg,rgba(26,26,24,.42),transparent); }
.hero-divider b { font:700 22px/1 var(--font-gufeng); color:#a5231f; }
.hero-ink p { position:relative; z-index:2; max-width:680px; margin:0 auto 32px; color:#343530; font-size:15px; line-height:2; }
.hero-actions { position:relative; z-index:2; display:flex; justify-content:center; flex-wrap:wrap; gap:13px; }
.hero-actions .btn { min-width:180px; }

.section { max-width:1200px; margin:28px auto; }
.section-title { text-align:center; margin-bottom:26px; }
.section-title h2 { display:inline-block; position:relative; color:#1a1a18; font:700 28px/1.2 var(--font-gufeng); letter-spacing:.42em; padding:0 28px; }
.section-title h2::before,.section-title h2::after { content:""; position:absolute; top:50%; width:55px; height:1px; background:#1a1a18; }
.section-title h2::before { left:-60px; }
.section-title h2::after { right:-60px; }
.section-title .sub { display:block; margin-top:9px; color:#69695f; font:400 12px/1.4 var(--font-body); letter-spacing:.35em; }

.feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.feature { min-height:165px; padding:24px 22px; transition:transform var(--dur-card),border-color var(--dur-card),box-shadow var(--dur-card); }
.feature strong { display:block; margin-bottom:18px; color:#a5231f; font:700 12px/1.2 var(--font-gufeng); letter-spacing:.28em; }
.feature b { display:block; margin-bottom:9px; color:#1a1a18; font:700 18px/1.3 var(--font-gufeng); letter-spacing:.18em; }
.feature span { color:#69695f; font-size:13px; line-height:1.75; }

.split { display:grid; grid-template-columns:1.3fr .7fr; gap:18px; }
.panel { padding:24px; }
.panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
.panel-head h3 { color:#1a1a18; font:700 19px/1.2 var(--font-gufeng); letter-spacing:.25em; }
.panel-head a { color:#385c6c; font:600 12px/1.2 var(--font-body); letter-spacing:.15em; }
.api-row { display:flex; gap:14px; margin-bottom:18px; }
.api-icon { font-size:32px; color:#a5231f; filter:grayscale(.15); }
.api-row b { display:block; margin-bottom:5px; color:#1a1a18; font:700 16px/1.3 var(--font-gufeng); letter-spacing:.12em; }
.api-row p { color:#69695f; font-size:13px; line-height:1.7; }
.panel pre { margin:0; padding:16px; border:1px solid rgba(26,26,24,.22); border-left:4px solid #1a1a18; border-radius:0; background:rgba(238,231,216,.65); color:#282924; font:12px/1.75 Consolas,monospace; overflow-x:auto; }
.game-list { display:grid; gap:9px; }
.game-list a { display:flex; justify-content:space-between; align-items:center; gap:11px; padding:14px 13px; border:1px solid rgba(26,26,24,.22); background:rgba(255,253,248,.48); color:#343530; transition:border-color var(--dur-hover),background var(--dur-hover); }
.game-list a:hover { border-color:#1a1a18; background:rgba(255,253,248,.8); color:#a5231f; }
.game-list b { font:700 15px/1.2 var(--font-gufeng); letter-spacing:.12em; }
.game-list span { color:#69695f; font-size:12px; }
.notice { display:flex; align-items:center; gap:18px; padding:20px 24px; border:1px solid rgba(26,26,24,.28); background:rgba(255,253,248,.6); }
.notice-seal { display:grid; place-items:center; width:54px; height:54px; flex:none; border:2px solid #a5231f; color:#fff8ed; background:#a5231f; font:700 28px/1 var(--font-gufeng); transform:rotate(-3deg); box-shadow:inset 0 0 0 4px rgba(255,253,248,.6); }
.notice b { display:block; margin-bottom:5px; color:#1a1a18; font:700 17px/1.3 var(--font-gufeng); letter-spacing:.15em; }
.notice p { color:#69695f; font-size:13px; line-height:1.7; }

@media(max-width:860px){
    .hero-ink{margin:-14px -12px 24px;padding:56px 16px 48px}.hero-vertical{display:none}.hero-ink h1{font-size:clamp(30px,8.6vw,52px)!important;letter-spacing:.06em}.hero-subtitle{font-size:14px;letter-spacing:.28em}.hero-divider{gap:10px}.hero-divider b{font-size:18px}.hero-actions{flex-direction:column;max-width:320px;margin:0 auto}.hero-actions .btn{width:100%}
    .section-title h2{font-size:22px;letter-spacing:.28em;padding:0 22px}.section-title h2::before,.section-title h2::after{width:40px}.section-title h2::before{left:-45px}.section-title h2::after{right:-45px}
    .feature-grid,.split{grid-template-columns:1fr;gap:12px}.feature{min-height:auto;padding:18px}.panel{padding:18px}.game-list a{flex-direction:column;align-items:flex-start;gap:4px}
}