:root{color:#3f2430;background:#fff7fa;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--rose: #e64f83;--rose-deep: #a92e58;--rose-soft: #ffdce8;--rose-pale: #fff1f6;--cream: #fff8ea;--mint: #dff7e8;--ink: #3f2430;--muted: #7c5a65;--line: rgba(135, 47, 78, .16);--panel: rgba(255, 255, 255, .74);--shadow: 0 24px 70px rgba(201, 63, 108, .16)}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}.site-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(115deg,rgba(255,248,234,.92),transparent 30%),linear-gradient(245deg,rgba(223,247,232,.72),transparent 34%),linear-gradient(180deg,#fff7fa,#ffe9f1 48%,#fff9ee)}.site-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(230,79,131,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(230,79,131,.075) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 82%)}.site-header,.page-frame,.site-footer{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0 12px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:0;background:transparent;color:var(--ink);font-size:18px;font-weight:900;white-space:nowrap}.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(201,63,108,.2))}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.site-header nav button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffa8;color:#684353;font-size:14px;font-weight:850;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.site-header nav button:hover,.site-header nav button.active{transform:translateY(-2px);border-color:#e64f835c;background:#fff;color:var(--rose-deep)}.hero-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:calc(100vh - 92px);padding:42px 0 72px}.hero-copy,.content-section{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 0 16px;padding:9px 14px;border:1px solid rgba(169,46,88,.22);border-radius:999px;background:#ffffffb8;color:var(--rose-deep);font-size:13px;font-weight:900;line-height:1.4}.hero-section h1{max-width:760px;margin-bottom:16px;color:var(--ink);font-size:clamp(56px,10vw,112px);line-height:.92;letter-spacing:0}.hero-tagline{margin-bottom:18px;color:var(--rose);font-size:clamp(23px,4vw,38px);font-weight:900;line-height:1.14}.hero-description,.section-description{max-width:700px;margin-bottom:0;color:var(--muted);font-size:17px;line-height:1.85}.hero-description{margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-action{background:var(--rose);color:#fff;box-shadow:0 16px 34px #e64f834d}.secondary-action{border:1px solid rgba(63,36,48,.14);background:#fff;color:var(--ink)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.hero-visual{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center}.hero-visual:before,.hero-visual:after{position:absolute;content:""}.hero-visual:before{top:9%;right:9%;bottom:9%;left:9%;border:1px solid rgba(169,46,88,.2);border-radius:34% 66% 60% 40%/48% 40% 60% 52%;background:linear-gradient(135deg,#ffdce8eb,#fff8eadb),#fff;box-shadow:var(--shadow);transform:rotate(-7deg)}.hero-visual:after{right:7%;bottom:12%;width:22%;aspect-ratio:1;border-radius:999px;background:var(--mint);box-shadow:-70px -330px 0 -42px var(--cream),-360px -60px 0 -46px #e64f8357,-250px 210px 0 -44px #a92e5847}.hero-visual img{position:relative;z-index:1;width:min(92%,620px);height:auto;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(91,41,58,.16))}.content-section{padding:62px 0 56px}.section-heading{display:grid;gap:14px;max-width:850px;margin-bottom:30px}.section-heading h1{max-width:820px;margin-bottom:0;color:var(--ink);font-size:clamp(36px,6vw,72px);line-height:1.02;letter-spacing:0}.feature-grid,.play-grid,.rule-grid{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.play-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.play-card,.rule-card,.wide-panel,.announcement-card,.join-panel,.step-list{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 42px #c93f6c1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.feature-card,.play-card,.wide-panel,.join-panel,.step-list{padding:24px}.feature-card{min-height:250px}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:8px;background:var(--rose-soft);color:var(--rose-deep)}.icon-chip.mint{background:var(--mint);color:#2f6847}.feature-card h3,.play-card h3,.rule-card h3,.wide-panel h2,.announcement-card h3,.join-panel h2{margin-bottom:10px;color:var(--ink);font-size:21px;line-height:1.22;letter-spacing:0}.feature-card p,.play-card p,.rule-card p,.wide-panel p,.announcement-card p,.join-panel p,.step-list li{margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.75}.wide-panel{margin-top:18px;background:linear-gradient(120deg,#ffdce8b8,#dff7e899),#ffffffc2}.wide-panel h2,.join-panel h2{font-size:clamp(24px,3vw,34px)}.play-card{min-height:210px}.play-card>svg{margin-bottom:18px;color:var(--rose)}.rule-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:20px}.rule-card .icon-chip{margin-bottom:0}.announcement-list{display:grid;gap:16px}.announcement-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:start;padding:22px}.announcement-card span,.announcement-card time{color:var(--rose-deep);font-size:13px;font-weight:900}.announcement-card h3{margin-top:6px}.announcement-card p{grid-column:1 / -1}.join-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);gap:18px}.join-panel{background:linear-gradient(135deg,#3f2430f2,#a92e58d1),var(--ink)}.join-panel h2,.join-panel p{color:#fff}.join-panel p{opacity:.88}.step-list{display:grid;gap:14px;padding-left:48px;background:linear-gradient(135deg,#fff8ead1,#ffffffb8),#fff}.step-list li::marker{color:var(--rose);font-weight:900}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:26px 0 38px;color:#8b6874;font-size:14px;font-weight:750}@media(max-width:980px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{justify-content:flex-start}.hero-section,.join-layout{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:34px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-description{margin-right:auto;margin-left:auto}.hero-visual{width:min(100%,620px);margin:0 auto}.feature-grid,.play-grid,.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-header,.page-frame,.site-footer{width:min(100% - 28px,1180px)}.site-header nav{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav button{min-width:0;padding:0 10px;white-space:normal}.hero-section{gap:16px;padding-bottom:44px}.hero-section h1{font-size:clamp(48px,17vw,74px)}.hero-tagline{font-size:24px}.hero-description,.section-description{font-size:16px}.hero-actions{flex-direction:column;width:100%}.primary-action,.secondary-action{width:100%}.content-section{padding-top:46px}.section-heading h1{font-size:clamp(34px,11vw,50px)}.feature-grid,.play-grid,.rule-grid{grid-template-columns:1fr}.feature-card,.play-card{min-height:auto}.rule-card,.announcement-card{grid-template-columns:1fr}.announcement-card time{width:fit-content}.step-list{padding-left:40px}.site-footer{flex-direction:column}}
