/* 砂岩暖棕 | layout-109 | welcome-qq-leisu.com.cn */
:root{--bg:hsl(188 32% 8%);--surface:hsl(188 28% 14%);--primary:hsl(170 78% 57%);--accent:hsl(212 78% 66%);--text:#f8fafc;--muted:#cbd5e1;--radius:4px;--gap:22px;--max:1102px;--shadow-y:14px;}
*{box-sizing:border-box;font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif}
html{scroll-behavior:smooth} body{margin:0;color:var(--text);background:radial-gradient(circle at 17% 71%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 34%),var(--bg);line-height:1.75}
a{color:var(--primary);text-decoration:none} a:hover{color:var(--accent)} nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--primary) 42%,transparent)}
.nav-links{max-width:var(--max);margin:auto;padding:12px 22px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:13px} .nav-links a{font-weight:700;color:var(--text);font-size:0.97rem}
main{max-width:var(--max);margin:auto;padding:0 22px 70px} .hero{min-height:565px;display:grid;grid-template-columns:42fr 58fr;gap:var(--gap);align-items:center;text-align:left;padding:88px 0}
.hero-copy{order:0}.hero-art{order:1;position:relative} .hero img{height:310px;object-fit:cover;border-radius:8px 2px;box-shadow:0 30px 80px color-mix(in srgb,var(--primary) 28%,transparent)}
h1{font-size:clamp(2.15rem,4.95vw,5.3rem);line-height:1.08;margin:.2em 0;letter-spacing:-0.02em} h2{font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.2;margin:.25em 0 .65em} h3{line-height:1.3}
.eyebrow,.tag{display:inline-block;padding:5px 11px;border-radius:4px;background:var(--primary);color:white;font-size:.8rem;font-weight:800;letter-spacing:.08em} .lede{font-size:1.05rem;color:var(--muted);max-width:880px}
.content-flow{display:flex;flex-direction:column;gap:25px} section{scroll-margin-top:90px} .section-shell{padding:45px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--primary) 31%,transparent);box-shadow:0 var(--shadow-y) 45px rgba(0,0,0,.12)}
.section-shell:nth-child(2n){margin-left:0%;margin-right:9%} .section-shell:nth-child(3n){border-left:3px solid var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(259px,1fr));gap:var(--gap)} .card,article,.faq-item,.data-row{padding:27px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 91%,var(--primary) 9%);border:1px solid color-mix(in srgb,var(--primary) 43%,transparent)}
.grid .card:nth-child(2n){transform:translateY(0px)} article h3{font-size:1.2rem;margin:.7em 0 .35em} article p,.card p{color:var(--muted)} .feature-image{width:100%;height:335px;object-fit:cover;border-radius:var(--radius)}
.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap);margin-top:calc(var(--gap) * 1.2)} .image-gallery .feature-image{height:170px;box-shadow:0 12px 32px rgba(0,0,0,.16)} .image-gallery .feature-image:nth-child(2n){grid-column:span 1}
.key-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;padding:0;list-style:none}.key-points li{position:relative;padding:15px 16px 15px 42px;border-radius:calc(var(--radius) * .7);background:color-mix(in srgb,var(--surface) 88%,var(--primary) 12%);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.key-points li::before{content:"✓";position:absolute;left:16px;color:var(--accent);font-weight:900}
.data-list{display:grid;gap:12px}.data-row{display:grid;grid-template-columns:minmax(130px,.7fr) 1.8fr;gap:20px;align-items:start} .data-row strong{color:var(--accent)}
.cta{text-align:left;padding:43px;background:linear-gradient(846deg,var(--primary),var(--accent));color:white;border-radius:var(--radius)} .cta a{color:white;font-weight:800;border-bottom:1px solid white}
footer{padding:46px 20px;text-align:left;background:color-mix(in srgb,var(--surface) 86%,black 14%);color:var(--muted)} footer p{margin:5px auto;max-width:var(--max)}
@media(max-width:760px){.hero{grid-template-columns:1fr;text-align:left;min-height:auto;padding:42px 0}.hero-copy,.hero-art{order:initial}.nav-links{justify-content:flex-start}.data-row{grid-template-columns:1fr}.section-shell:nth-child(n){margin-left:0;margin-right:0}.image-gallery .feature-image:nth-child(n){grid-column:span 1}}