:root{--deep:#082f31;--forest:#0c4945;--teal:#078579;--mint:#dff8f1;--lime:#d9f88d;--paper:#f5f9f7;--ink:#0b302d;--muted:#58726e;--line:#cfe3de;--white:#fff}
*{box-sizing:border-box}html{max-width:100%;scroll-behavior:smooth;overflow-x:hidden}body{max-width:100%;min-width:320px;margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.benefit-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#fff}.benefit-header>a:last-child{color:var(--teal);font-size:13px;font-weight:800;text-decoration:none}.benefit-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.benefit-logo{width:40px;height:40px;border-radius:12px;background:#08796f url('/assets/img/hsc-logo.svg') center/cover no-repeat;box-shadow:0 8px 20px rgba(12,73,70,.17)}.benefit-brand strong{font-size:16px}
.benefit-hero{padding:54px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.82fr);gap:58px;align-items:center;color:#fff;background:radial-gradient(circle at 82% 35%,rgba(82,218,191,.2),transparent 27%),linear-gradient(135deg,var(--deep),var(--forest))}.benefit-hero-copy>p:first-child,.section-title p,.contact-card p{margin:0 0 10px;color:#65e0ca;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.benefit-hero h1{max-width:650px;margin:0;font-size:clamp(39px,5vw,64px);line-height:1.08;letter-spacing:-.05em}.benefit-value{display:inline-flex;margin-top:18px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 13px;color:#e9ffa9;background:rgba(255,255,255,.07);font-size:13px;font-weight:900}.benefit-lead{max-width:680px;margin:18px 0 0;color:#c4d8d4;font-size:15px;line-height:1.85}.benefit-actions{display:flex;align-items:center;gap:16px;margin-top:26px}.benefit-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;padding:0 22px;color:#093b36;background:linear-gradient(135deg,var(--lime),#74dfcb);font-weight:900;text-decoration:none}.benefit-actions span{color:#9ebdb8;font-size:11px}
.gift-collage{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.gift-collage figure{position:relative;min-width:0;min-height:150px;margin:0;overflow:hidden;border-radius:18px;padding:13px;background:#fff}.gift-collage img{display:block;width:100%;height:118px;object-fit:contain}.gift-collage figcaption{color:#284944;font-size:11px;font-weight:800;text-align:center;overflow-wrap:anywhere}
.benefit-section{max-width:1180px;margin:auto;padding:72px 22px}.section-title h2,.contact-card h2{margin:0;font-size:clamp(29px,4vw,43px);letter-spacing:-.04em}.section-title p{color:var(--teal)}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.facts-grid article{min-height:118px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.facts-grid span,.facts-grid strong{display:block}.facts-grid span{margin-bottom:10px;color:#728783;font-size:11px}.facts-grid strong{font-size:14px;line-height:1.65}.live-status{display:inline-flex;margin:18px 0 0;border-radius:999px;padding:8px 12px;color:#7e650c;background:#fff2c9;font-size:12px;font-weight:800}.live-status[data-state=active]{color:#087a69;background:#dff8ef}.live-status[data-state=ended],.live-status[data-state=sold_out],.live-status[data-state=paused],.live-status[data-state=unavailable]{color:#9c4653;background:#fbe8eb}
.contents-list{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:28px}.contents-list div{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.contents-list b{color:var(--teal);font-size:11px}.contents-list span{font-size:15px;font-weight:800}.contents-list strong{color:var(--muted);font-size:12px}.value-note{margin:17px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.rule-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:46px;padding-top:20px}.rule-layout ol{margin:26px 0 0;padding-left:24px}.rule-layout li{padding:7px 0;color:var(--muted);font-size:14px;line-height:1.8}.rule-layout aside{align-self:start;border-radius:20px;padding:27px;color:#fff;background:var(--deep)}.rule-layout aside h3{margin:0 0 19px}.rule-layout aside div{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.1);padding:14px 0}.rule-layout aside b{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#0a4d46;background:#8be5d2;font-size:11px}.rule-layout aside span{color:#d5e4e1;font-size:12px}
.contact-card{max-width:1136px;margin-bottom:64px;border-radius:22px;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(135deg,#0b3f40,#11605a)}.contact-card p{color:#71e1ce}.contact-card span{display:block;max-width:650px;margin-top:11px;color:#bfd4d1;font-size:13px;line-height:1.7}.contact-card>a{flex:0 0 auto;border-radius:12px;padding:14px 18px;color:#0b3e39;background:#c7f3a2;font-weight:900;text-decoration:none}
.benefit-footer{padding:36px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:24px;color:#a8c2bd;background:#06282a;font-size:12px}.benefit-footer div{display:grid;gap:7px}.benefit-footer strong{color:#fff}.benefit-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}.benefit-footer a{color:#c3d7d3;text-decoration:none}.benefit-footer .icp{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
@media(max-width:850px){.benefit-hero{grid-template-columns:1fr}.gift-collage{max-width:600px}.facts-grid{grid-template-columns:repeat(2,1fr)}.contents-list{grid-template-columns:repeat(2,1fr)}.rule-layout{grid-template-columns:1fr}.benefit-footer{grid-template-columns:1fr}.benefit-footer nav{justify-content:flex-start}}
@media(max-width:540px){.benefit-header{height:64px;padding:0 14px}.benefit-brand strong{font-size:13px}.benefit-logo{width:36px;height:36px}.benefit-hero{padding:40px 15px;gap:32px}.benefit-hero h1{font-size:36px}.benefit-actions{align-items:flex-start;flex-direction:column}.benefit-primary{width:100%}.gift-collage{gap:8px}.gift-collage figure{min-height:132px;padding:9px}.gift-collage img{height:100px}.benefit-section{padding:50px 14px}.facts-grid,.contents-list{grid-template-columns:1fr}.rule-layout{padding-top:10px}.contact-card{margin:0 14px 50px;padding:25px 21px;align-items:flex-start;flex-direction:column}.contact-card>a{width:100%;text-align:center}.benefit-footer{padding:30px 16px}.benefit-footer nav{justify-content:flex-start}}

/* 2026-09-16: 888元会员生活焕新礼包 */
.benefit-assurances{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.benefit-assurances span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 10px;color:#dff9f3;background:rgba(255,255,255,.07);font-size:11px;font-weight:800}.benefit-primary{box-shadow:0 13px 30px rgba(111,226,199,.22)}.gift-collage{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gift-collage figure{min-height:112px;border-radius:14px;padding:8px}.gift-collage img{height:82px}.gift-collage figcaption{font-size:9px;line-height:1.35}.contents-list{grid-template-columns:repeat(3,1fr)}.contents-list strong{line-height:1.55}.value-note{border-left:3px solid var(--teal);padding:10px 14px;background:#eaf7f3}
@media(max-width:850px){.gift-collage{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.contents-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.benefit-hero h1{font-size:34px}.benefit-value{font-size:12px}.benefit-assurances{margin-top:14px}.gift-collage{grid-template-columns:repeat(3,minmax(0,1fr))}.gift-collage figure{min-height:104px;padding:7px}.gift-collage img{height:73px}.contents-list{grid-template-columns:1fr}.contents-list div{padding:17px}.benefit-primary{font-size:14px}}