/* 暗紫贵族 | focus | layout-26 | mobile-hth-qq.com.cn */
:root{--bg:#4c1d95;--bg-2:#1a0a2e;--surface:rgba(15,23,42,.76);--card:rgba(15,23,42,.68);--primary:#4c1d95;--accent:#f8fafc;--text:#f8fafc;--muted:#dbe4f0;--radius:21px;--gap:25px;--max:1122px;--shadow-y:16px;--card-pad:28px;}
*{box-sizing:border-box;font-family:"Segoe UI"}
html{scroll-behavior:smooth} body{margin:0;color:var(--text);background:radial-gradient(circle at 25% 45%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),linear-gradient(150deg,var(--bg),var(--bg-2));background-attachment:fixed;line-height:1.75;min-height:100vh}
a{color:var(--accent);text-decoration:none} a:hover{filter:brightness(1.15)} nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px);border-bottom:2px solid color-mix(in srgb,var(--accent) 52%,transparent)}
.nav-links{max-width:var(--max);margin:auto;padding:19px 22px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px} .nav-links a{font-weight:700;color:var(--text);font-size:0.88rem}
main{max-width:var(--max);margin:auto;padding:0 22px 70px} .hero{min-height:430px;display:grid;grid-template-columns:55fr 45fr;gap:var(--gap);align-items:center;text-align:center;padding:79px 0}
.hero-copy{order:1}.hero-art{order:0;position:relative} .hero img{height:338px;object-fit:cover;border-radius:42px 10px;box-shadow:0 18px 48px rgba(0,0,0,.20)}
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:11px;background:var(--accent);color:#111827;font-size:.8rem;font-weight:800;letter-spacing:.08em} .lede{font-size:1.10rem;color:var(--muted);max-width:880px}
.content-flow{display:flex;flex-direction:column;gap:26px} section{scroll-margin-top:90px} .section-shell{padding:28px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 89%,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(3n){margin-left:3%;margin-right:6%} .section-shell:nth-child(4n){border-left:4px 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:var(--card-pad);border-radius:var(--radius);background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 53%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.20);backdrop-filter:blur(18px);}
article{overflow:hidden} 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)}
.article-media-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:calc(var(--gap) * .7);margin:16px 0 4px} .article-media{margin:16px 0 4px} .article-media-group .article-media{margin:0} .article-media .feature-image{display:block;height:198px;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap);margin-top:calc(var(--gap) * 1.2)} .image-gallery .feature-image{height:192px;box-shadow:0 12px 32px rgba(0,0,0,.16)} .image-gallery .feature-image:nth-child(3n){grid-column:span 2}
.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:59px;background:linear-gradient(265deg,var(--primary),var(--accent));color:white;border-radius:var(--radius);box-shadow:0 18px 48px rgba(0,0,0,.20)} .cta a{color:white;font-weight:800;border-bottom:1px solid white}
footer{padding:35px 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)}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid>*:first-child{grid-column:span 2;grid-row:span 2;padding:calc(var(--card-pad) * 1.35)}
@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}.grid{display:grid;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;columns:1;overflow:visible;padding-left:0;border-left:0}.grid>*:nth-child(n){grid-column:span 1;grid-row:span 1;margin-left:0;margin-right:0;transform:none}}