:root{--navy:#0c1728;--ink:#18212f;--cream:#f5efe4;--paper:#fbfaf7;--amber:#d28b38;--muted:#687386;--line:rgba(24,33,47,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100% - 1160px)/2));background:rgba(12,23,40,.94);color:#fff}.brand{font-weight:800}.header nav{display:flex;flex-wrap:wrap;gap:18px;color:rgba(255,255,255,.72);font-size:13px}.hero,.content,footer{width:min(1160px,calc(100% - 40px));margin:auto}.hero{width:100%;max-width:none;padding:88px max(24px,calc((100% - 1160px)/2));background:linear-gradient(120deg,#07111f,#21324b);color:#fff}.eyebrow{color:#f2c57c;font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{max-width:930px;margin:12px 0;font-size:clamp(42px,6vw,78px);line-height:1.06;letter-spacing:-.055em}.lead{max-width:820px;color:rgba(255,255,255,.72);font-size:19px}.hero-carousel{position:relative;overflow:hidden;max-width:1160px;margin:40px 0 0;aspect-ratio:16/7;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:#111d2d;box-shadow:0 30px 80px rgba(0,0,0,.32)}.hero-slide{position:absolute;inset:0;margin:0;opacity:0;animation:hero-crossfade 12s infinite}.hero-slide-two{animation-delay:6s}.hero-slide img{display:block;width:100%;height:100%;object-fit:cover}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,12,22,.76))}.hero-slide figcaption{position:absolute;z-index:2;right:24px;bottom:20px;left:24px;color:#fff;font-weight:700}.hero-slide figcaption span{padding:4px 8px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#f2c57c;font-size:11px}@keyframes hero-crossfade{0%,45%{opacity:1;transform:scale(1)}50%,95%{opacity:0;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chips span{padding:6px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.7);font-size:12px}.content{padding:80px 0}.content>h2,.panel h2,.group>h2{margin:58px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.2}.content>h2:first-child{margin-top:0}.content>p{max-width:880px;color:var(--muted);font-size:17px}.grid{display:grid;gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:block;min-height:250px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.card.compact{min-height:150px}.card small,.card em{color:#9b5b13;font-size:12px}.card h2{margin:40px 0 10px;font-size:24px}.card.compact h2{margin:20px 0 8px;font-size:19px}.card p{color:var(--muted)}.panel{margin:48px 0;padding:32px;border-left:3px solid var(--amber);background:var(--cream)}.panel h2{margin:0 0 10px;font-size:28px}.warning{background:#fff4e4}.button{display:inline-block;padding:11px 18px;border:0;border-radius:999px;background:var(--amber);color:#fff;font-weight:800}.text-link{margin-left:18px;color:#9b5b13;font-weight:800}.group{margin-bottom:80px}.group>h2{padding-bottom:16px;border-bottom:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.contact-details,.wechat-qr-card{margin:0;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff}.contact-details h2{margin:8px 0 20px}.contact-list{margin:0}.contact-list div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.contact-list dt{color:var(--muted)}.contact-list dd{margin:0;font-weight:800}.wechat-qr-card img{display:block;width:100%;height:auto}.wechat-qr-card figcaption{margin-top:12px;color:#6f4a20;font-weight:700}.visual-showcase{margin:64px 0;padding:48px;border-radius:32px;background:radial-gradient(circle at 12% 16%,rgba(143,201,217,.18),transparent 30%),radial-gradient(circle at 88% 74%,rgba(210,139,56,.2),transparent 34%),#081423;color:#fff}.visual-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:end}.visual-intro small{color:#f2c57c;font-weight:800;letter-spacing:.12em}.visual-intro h2{margin:10px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.2}.visual-intro>p{margin:0;color:rgba(255,255,255,.63)}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}.visual-card{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.06)}.visual-card figure{position:relative;margin:0;aspect-ratio:4/3}.visual-card img{display:block;width:100%;height:100%;object-fit:cover}.visual-card figure span{position:absolute;right:16px;bottom:16px;padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(7,17,31,.74);font-size:11px}.visual-card>div{padding:22px 24px 26px}.visual-card h3{margin:0;font-size:23px}.visual-card p{margin:7px 0 15px;color:rgba(255,255,255,.64)}.visual-card b{color:#f2c57c;font-size:13px}.topic-visual{overflow:hidden;margin:0 0 48px;border-radius:24px;background:var(--navy)}.topic-visual img{display:block;width:100%;height:auto}.topic-visual figcaption{padding:12px 17px;color:rgba(255,255,255,.64);font-size:12px}.builder-privacy{margin:28px 0;padding:20px 24px;border:1px solid rgba(210,139,56,.34);border-radius:16px;background:#fff6e8;color:#6d4a1f}.builder-form,.builder-output{margin-top:22px;padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(24,33,47,.06)}.builder-form>h2,.builder-output>h2{margin:0 0 24px;font-size:28px}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.builder-grid label{display:flex;flex-direction:column;gap:8px}.builder-grid label>span{font-size:13px;font-weight:800}.builder-grid .wide{grid-column:1/-1}.builder-grid input,.builder-grid select,.builder-grid textarea,.builder-output textarea{width:100%;border:1px solid rgba(24,33,47,.2);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit}.builder-grid input,.builder-grid select{min-height:48px;padding:0 13px}.builder-grid textarea,.builder-output textarea{padding:12px 13px;line-height:1.65;resize:vertical}.builder-grid input:focus,.builder-grid select:focus,.builder-grid textarea:focus,.builder-output textarea:focus{border-color:var(--amber);outline:3px solid rgba(210,139,56,.14)}.builder-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.builder-actions button{min-height:48px;padding:0 18px;border:1px solid rgba(210,139,56,.4);border-radius:999px;background:#fff9ef;color:#8a4e10;cursor:pointer;font:inherit;font-weight:800}.builder-actions .button{background:var(--amber);color:#fff}.builder-output[hidden]{display:none}.builder-output>p{color:#246b52;font-weight:700}.builder-output textarea{min-height:420px}li{margin:10px 0}footer{padding:48px 0 72px;border-top:1px solid var(--line);color:var(--muted)}footer strong{color:var(--ink)}@media(max-width:900px){.header nav{display:none}.grid.three,.grid.four,.visual-grid,.visual-intro,.builder-grid,.contact-grid{grid-template-columns:1fr}.builder-grid .wide{grid-column:auto}.builder-form,.builder-output{padding:22px 18px}.visual-showcase{padding:26px}.hero h1{font-size:48px}.hero-carousel{aspect-ratio:4/3}.content{padding:56px 0}}@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}.hero-slide-one{opacity:1}}


.topic-visual-pair{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:18px;min-height:420px;margin:40px 0 0}
.topic-visual-pair figure{position:relative;overflow:hidden;min-height:0;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#111d2d;box-shadow:0 26px 68px rgba(0,0,0,.28)}
.topic-visual-pair figure:last-child{transform:translateY(30px)}
.topic-visual-pair img{display:block;width:100%;height:100%;object-fit:cover}
.topic-visual-pair figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(5,12,22,.78));pointer-events:none}
.topic-visual-pair figcaption{position:absolute;z-index:2;right:18px;bottom:16px;left:18px;color:#fff;font-size:13px;font-weight:800}
.topic-visual-pair figcaption span{display:block;margin-bottom:4px;color:#f2c57c;font-size:10px;letter-spacing:.12em}
@media(max-width:900px){.topic-visual-pair{grid-template-columns:1fr;min-height:auto}.topic-visual-pair figure{min-height:280px}.topic-visual-pair figure:last-child{transform:none}}


.footer-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;padding:0 0 28px;border-bottom:1px solid var(--line)}
.footer-qr-contact{display:flex;align-items:center;gap:16px}.footer-qr-contact img{display:block;width:82px;height:84px;padding:5px;border-radius:15px;background:#fff;object-fit:cover}.footer-qr-contact>span{display:grid;gap:4px}.footer-contact small{color:#9b5b13;font-size:10px;font-weight:800;letter-spacing:.15em}.footer-contact strong{color:var(--ink);font-size:21px}.footer-contact em{font-style:normal;font-size:13px}
.footer-contact p{display:flex;align-items:center;gap:16px;margin:0}.footer-qr{color:#9b5b13;font-weight:800}
@media(max-width:900px){.footer-contact,.footer-contact p{align-items:flex-start;flex-direction:column}}