:root{--cream:#fffdf7;--aubergine:#2a1538;--teal:#159d91;--saffron:#f2b84b;--sky:#78bfe9;--ink:#19131e;--line:#d7cddd;--shell:min(1160px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;line-height:1.68;letter-spacing:0}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}.shell{width:var(--shell);margin:auto}header{height:72px;background:var(--cream);border-bottom:1px solid var(--aubergine);position:sticky;top:0;z-index:20}.nav-shell{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:21px}.brand img{width:44px;height:44px}.nav-shell nav{margin-left:auto;display:flex;gap:30px}.nav-shell nav a{font-size:14px;font-weight:800;padding:22px 0 17px;border-bottom:4px solid transparent}.nav-shell nav a.active,.nav-shell nav a:hover{border-color:var(--teal)}.menu{display:none;width:42px;height:42px;background:var(--cream);border:1px solid var(--aubergine);font-size:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;background:var(--teal);color:#fff;font-weight:900;border:1px solid var(--aubergine);border-radius:3px}.compact{min-height:40px;padding:0 17px}.hero{background:var(--cream);border-bottom:1px solid var(--aubergine)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);gap:72px;align-items:center;padding:45px 0 28px;min-height:600px}.overline,.heading>span,.dispatch>div>div>span,.cta span,.guide-body article>section>span{font-size:12px;font-weight:900;color:var(--teal)}.hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.06;margin:14px 0 20px}.hero-copy>p{max-width:660px;font-size:17px}.hero-actions{display:flex;align-items:center;gap:25px;margin:28px 0}.hero-actions>a:last-child{font-weight:800;color:var(--aubergine);border-bottom:1px solid var(--aubergine)}.tagline{display:flex;gap:8px}.tagline span{background:var(--saffron);border:1px solid var(--aubergine);padding:6px 12px;font-size:12px;font-weight:800}.screen-stage{height:460px;position:relative;background:var(--aubergine);border-radius:4px;overflow:hidden}.ribbon{position:absolute;z-index:2;left:0;right:0;top:36px;display:flex;background:var(--saffron);border-top:1px solid var(--cream);border-bottom:1px solid var(--cream)}.ribbon span{flex:1;text-align:center;padding:7px 3px;font-size:11px;font-weight:900;border-right:1px solid var(--aubergine)}.phone{position:absolute;width:230px;height:382px;object-fit:contain;left:35px;bottom:-10px;background:#fff;border:4px solid var(--cream)}.tile{position:absolute;width:150px;height:180px;object-fit:cover;object-position:top;right:20px;bottom:32px;border:8px solid var(--sky)}.stage-note{position:absolute;right:19px;top:92px;color:#fff;font-size:10px;writing-mode:vertical-rl}.tab-edge{border-top:1px solid var(--aubergine)}.tab-edge .shell{display:flex}.tab-edge span{min-width:150px;padding:10px 18px;border-right:1px solid var(--aubergine);font-size:12px;font-weight:800}.section{padding:74px 0}.heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--aubergine);margin-bottom:28px}.heading h2{font-size:34px;margin:0 0 14px}.heading>span{margin-bottom:16px}.genres{background:#f5f2f4}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.genre-grid article{background:var(--cream);border:1px solid var(--line);padding:24px;min-height:180px}.genre-grid article:nth-child(2n){border-top:6px solid var(--saffron)}.genre-grid article:nth-child(2n+1){border-top:6px solid var(--teal)}.genre-grid b{font-size:19px}.genre-grid p{font-size:14px;color:#5d5264}.gallery{background:var(--cream)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:20px}.gallery figure{margin:0;border:1px solid var(--aubergine);display:grid;grid-template-rows:390px auto;min-width:0}.gallery figure img{width:100%;height:390px;object-fit:contain}.gallery figcaption{border-top:1px solid var(--aubergine);padding:14px 18px;display:flex;justify-content:space-between;gap:10px}.gallery figcaption span{font-size:12px;color:#665c6c}.gallery aside{background:var(--saffron);border:1px solid var(--aubergine);padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.gallery aside span{font-size:11px;font-weight:900}.gallery aside h3{font-size:23px;margin:8px 0}.features{background:var(--aubergine);color:#fff}.feature-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.features .heading{display:block;border:0}.features .heading h2{font-size:40px}.feature-list article{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid #735d7e}.feature-list article>span{width:48px;height:48px;border:1px solid var(--saffron);display:grid;place-items:center;color:var(--saffron);font-weight:900}.feature-list h3{margin:0;font-size:20px}.feature-list p{margin:5px 0 0;color:#d9cfe0}.dispatch{background:var(--sky)}.dispatch>.shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.dispatch h2{font-size:34px;margin:8px 0}.dispatch-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dispatch-links a{background:var(--cream);border:1px solid var(--aubergine);padding:22px}.dispatch-links span{display:block;font-size:12px;color:#625969;margin-top:8px}.cta{background:var(--saffron);border-top:1px solid var(--aubergine);border-bottom:1px solid var(--aubergine);padding:34px 0}.cta .shell{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:3px 0 0;font-size:30px}.dark{background:var(--aubergine)}footer{text-align:center;padding:28px;background:var(--cream)}footer p{font-size:13px;max-width:850px;margin:0 auto 8px}footer small{color:#706777}.inner-hero{background:#f5f2f4;border-bottom:1px solid var(--aubergine);padding:68px 0}.inner-hero .shell{max-width:980px}.inner-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.1;margin:12px 0 18px}.inner-hero p{max-width:780px;font-size:17px}.guide-body{padding:70px 0}.guide-grid{display:grid;grid-template-columns:210px minmax(0,760px);gap:70px;justify-content:center}.guide-body aside{align-self:start;position:sticky;top:98px;border-left:6px solid var(--teal);display:flex;flex-direction:column}.guide-body aside b,.guide-body aside a{padding:10px 14px;border-bottom:1px solid var(--line)}.guide-body article>section{scroll-margin-top:95px;margin-bottom:50px}.guide-body article h2{font-size:29px;margin:6px 0 14px}.guide-body article p{margin:0 0 14px}.guide-body article a,.faq-body a{color:var(--teal);text-decoration:underline}.faq-body{padding:64px 0}.faq-grid{max-width:900px}.faq-grid details{border-bottom:1px solid var(--aubergine)}summary{cursor:pointer;list-style:none;font-weight:900;padding:20px 54px 20px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:12px;top:14px;color:var(--teal);font-size:26px}details[open] summary:after{content:'−'}details p{margin:0;padding:0 65px 20px 0;color:#5c5362}
@media(max-width:860px){:root{--shell:min(100% - 28px,680px)}header,.nav-shell{height:64px}.brand img{width:38px;height:38px}.menu{display:block;margin-left:auto}.compact{display:none}.nav-shell nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--aubergine);padding:8px 14px;flex-direction:column;gap:0}.nav-shell nav.open{display:flex}.nav-shell nav a{padding:10px}.hero-grid{grid-template-columns:1fr;gap:16px;padding:22px 0 14px;min-height:0}.hero h1{font-size:37px;margin:8px 0 11px}.hero-copy>p{font-size:14px;margin:0}.hero-actions{margin:15px 0}.hero-actions>a:last-child,.tagline{display:none}.screen-stage{width:280px;height:220px;justify-self:center}.ribbon{top:18px}.phone{width:130px;height:180px;left:25px}.tile{width:100px;height:115px;right:18px;bottom:20px;border-width:5px}.stage-note{display:none}.tab-edge span{min-width:0;flex:1;padding:7px;text-align:center}.section{padding:52px 0}.genre-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.gallery figure{grid-template-rows:320px auto}.gallery figure img{height:320px}.gallery aside{min-height:200px}.feature-layout,.dispatch>.shell{grid-template-columns:1fr;gap:26px}.features .heading h2{font-size:31px}.dispatch-links{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr;gap:34px}.guide-body aside{position:static}.inner-hero{padding:48px 0}.inner-hero h1{font-size:38px}.cta .shell{gap:18px}.cta h2{font-size:22px}}
@media(max-width:480px){.genre-grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.heading>span{order:-1;margin-bottom:4px}.gallery figcaption{flex-direction:column}.feature-list article{grid-template-columns:55px 1fr}.cta .shell{align-items:flex-start;flex-direction:column}.cta .button{width:100%}summary{font-size:15px;padding-right:42px}details p{padding-right:0}}