/* 莓果渐变 | layout-47 | welcome-play-qiutan.com.cn */
:root{--bg:hsl(214 40% 96%);--surface:#ffffff;--primary:hsl(184 72% 40%);--accent:hsl(226 66% 48%);--text:#172033;--muted:#526078;--radius:29px;--gap:16px;--max:1056px;--shadow-y:20px;}
*{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 46% 66%,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(15px);border-bottom:1px double color-mix(in srgb,var(--primary) 42%,transparent)}
.nav-links{max-width:var(--max);margin:auto;padding:13px 22px;display:flex;flex-wrap:wrap;justify-content:center;gap:11px} .nav-links a{font-weight:700;color:var(--text);font-size:0.91rem}
main{max-width:var(--max);margin:auto;padding:0 22px 70px} .hero{min-height:475px;display:grid;grid-template-columns:58fr 42fr;gap:var(--gap);align-items:center;text-align:center;padding:63px 0}
.hero-copy{order:0}.hero-art{order:1;position:relative} .hero img{height:422px;object-fit:cover;border-radius:58px 14px;box-shadow:0 30px 80px color-mix(in srgb,var(--primary) 28%,transparent)}
h1{font-size:clamp(2.15rem,5.2vw,5.3rem);line-height:1.08;margin:.2em 0;letter-spacing:-0.01em} 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:5px;background:var(--primary);color:white;font-size:.8rem;font-weight:800;letter-spacing:.08em} .lede{font-size:1.15rem;color:var(--muted);max-width:880px}
.content-flow{display:flex;flex-direction:column;gap:26px} section{scroll-margin-top:90px} .section-shell{padding:27px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 82%,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(4n){margin-left:6%;margin-right:3%} .section-shell:nth-child(4n){border-left:7px solid var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:var(--gap)} .card,article,.faq-item,.data-row{padding:21px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 91%,var(--primary) 9%);border:1px solid color-mix(in srgb,var(--primary) 39%,transparent)}
.grid .card:nth-child(3n){transform:translateY(1px)} article h3{font-size:1.2rem;margin:.7em 0 .35em} article p,.card p{color:var(--muted)} .feature-image{width:100%;height:360px;object-fit:cover;border-radius:var(--radius)}
.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:center;padding:47px;background:linear-gradient(412deg,var(--primary),var(--accent));color:white;border-radius:var(--radius)} .cta a{color:white;font-weight:800;border-bottom:1px solid white}
footer{padding:56px 20px;text-align:center;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}}