*{box-sizing:border-box}html,body{margin:0;background:#141e21;color:#163d3b;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ef6d32;outline-offset:5px}#stage{position:absolute;width:1600px;height:900px;transform-origin:top left;overflow:hidden;background:#f7f1e5}.slide{position:absolute;inset:0;padding:68px 80px 65px;display:none;overflow:hidden;background:#f7f1e5}.slide.active{display:block;animation:arrive .45s ease both}.eyebrow{font-size:17px;letter-spacing:3px;font-weight:700;text-transform:uppercase}.topline{display:flex;justify-content:space-between;align-items:center}.tag{border:1px solid currentColor;border-radius:30px;padding:9px 18px;font-size:17px;letter-spacing:1px}h1,h2,h3,p{margin:0}h1{font-size:130px;letter-spacing:-8px;line-height:1.1;font-weight:900}h2{font-size:85px;letter-spacing:-4px;line-height:1.16}h3{font-size:37px;letter-spacing:-1px;line-height:1.35}p{font-size:25px;line-height:1.65}.sub{font-size:27px;line-height:1.65}.blue{color:#1444cc}.orange{color:#e87133}.muted{color:#647971}.small{font-size:17px;line-height:1.7}.foot{position:absolute;bottom:35px;left:80px;right:80px;display:flex;justify-content:space-between;font-size:15px;letter-spacing:2px}.pill{display:inline-block;background:#e97636;color:#192e29;padding:15px 23px;border-radius:100px;font-size:22px;font-weight:700}.hero h1{position:absolute;left:80px;top:215px}.hero .sub{position:absolute;top:540px;left:87px;max-width:710px}.hero .badge{position:absolute;top:705px;left:87px;display:flex;gap:16px}.hero .poster{position:absolute;right:115px;top:136px;width:425px;transform:rotate(8deg);box-shadow:24px 27px 0 #ead9bc}.star{position:absolute;right:53px;top:145px;font-size:110px;color:#ee7839;line-height:1;transform:rotate(15deg)}.outline{font-size:210px;position:absolute;bottom:-32px;right:8px;font-weight:900;color:transparent;-webkit-text-stroke:1px #cdccb9;letter-spacing:-12px;pointer-events:none}.rule{height:2px;background:currentColor;opacity:.2;margin:28px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:62px}.benefits{margin-top:65px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.benefit{padding:35px 0;border-top:2px solid #16433e}.benefit .n{font-size:80px;font-weight:900;line-height:1.1;color:#184ac9;margin-bottom:24px}.benefit h3{margin-bottom:20px}.benefit p{font-size:24px}.statement{position:absolute;bottom:112px;left:80px;font-size:35px;font-weight:700}.dark{background:#153f3c;color:#f5f0df}.dark .muted{color:#c6d8c9}.cobalt{background:#163fc2;color:#fff8e5}.route{padding:40px;border:1px solid #b1bcb0;border-radius:2px;min-height:465px;position:relative}.route h3{font-size:40px;margin-bottom:25px}.route .flow{font-size:28px;line-height:1.8;max-width:520px}.route .hint{position:absolute;bottom:32px;font-size:23px}.route.yellow{background:#f1b957;border-color:#f1b957}.route .label{font-size:17px;letter-spacing:2px;margin-bottom:22px}.routepair{margin-top:42px}.image-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;align-items:start;margin-top:42px}.image-row img{height:385px;max-width:100%;object-fit:contain;display:block;margin:auto;box-shadow:0 10px 25px #14242115}.image-row .asset{background:#ede1c9;height:385px;display:flex;align-items:center;justify-content:center;padding:25px}.image-row .asset img{height:auto;width:100%;box-shadow:none}.caption{font-size:23px;margin-top:22px}.caption strong{display:block;font-size:29px;margin-bottom:6px}.series-pair{position:absolute;right:92px;top:166px;display:flex;gap:23px;transform:rotate(3deg)}.series-pair img{width:304px;box-shadow:10px 12px 0 #092e29}.series-pair img:nth-child(2){transform:translateY(50px) rotate(-6deg)}.series-copy{position:absolute;left:80px;top:210px;width:640px}.series-copy h2{font-size:92px;margin:25px 0 35px}.series-copy .sub{max-width:570px}.process{display:flex;align-items:center;margin-top:65px;gap:18px}.process .step{flex:1;border-top:2px solid #c1c5b4;padding-top:23px}.process .step b{font-size:28px;display:block;margin-bottom:18px}.process .step span{font-size:23px;line-height:1.6}.arrow{font-size:40px;color:#df7237}.big90{font-weight:900;font-size:230px;line-height:1;color:#1745c8;letter-spacing:-15px}.big90 small{font-size:42px;letter-spacing:0}.timebox{margin-top:50px;display:grid;grid-template-columns:490px 1fr;gap:110px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:27px}.timeline div{padding:24px 0;border-top:1px solid #9bac9e}.timeline b{font-size:31px;display:block;margin-bottom:12px}.timeline span{font-size:23px;line-height:1.5}.swatches{display:flex;gap:12px;margin:32px 0}.swatches i{display:block;width:70px;height:70px;border-radius:50%;border:1px solid #aaa}.rules{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.rules h3{margin-bottom:24px}.rules p{font-size:27px}.words{font-size:68px;line-height:1.4;font-weight:900;letter-spacing:-3px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.price-card{border:1px solid #aabbaa;padding:34px 42px;min-height:482px}.price-card.gold{background:#efb75b;border-color:#efb75b}.price{font-size:100px;letter-spacing:-5px;font-weight:900;line-height:1.2;margin:15px 0}.price small{font-size:39px;letter-spacing:0}.price-card p{font-size:25px}.last h2{font-size:108px;line-height:1.24;margin-top:78px}.last .sub{margin-top:38px;font-size:32px}.last .choices{display:flex;gap:22px;margin-top:48px}.last .choices span{border:1px solid #b6cbc0;padding:20px 28px;font-size:27px}.corner{position:absolute;right:45px;bottom:75px;font-size:260px;color:#f0bb56;transform:rotate(-15deg)}#controls{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;background:#172d2ced;padding:8px;border-radius:40px;z-index:20;color:white;align-items:center;box-shadow:0 4px 18px #0003}#controls button{background:transparent;color:inherit;border:0;border-radius:30px;padding:9px 16px;font-size:14px}#controls button:hover{background:#ffffff22}#count{font-size:13px;padding:0 12px;min-width:70px;text-align:center}#progress{position:fixed;bottom:0;height:3px;background:#f1b454;left:0;z-index:30;transition:width .25s}#menu{position:fixed;inset:0;background:#102623ed;z-index:50;display:none;padding:6vh 8vw;color:#fff;overflow:auto}#menu.open{display:block}#menu .menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}#menu button{color:inherit;background:transparent;border:1px solid #769387;padding:25px;text-align:left;font-size:22px}#menu .close{float:right;padding:10px 20px}body.reading{overflow:auto;background:#f7f1e5}body.reading #stage{position:static!important;width:100%!important;height:auto!important;transform:none!important;overflow:visible}body.reading .slide{position:relative;display:block!important;width:100%;height:auto;min-height:700px;padding:50px 6vw 75px;animation:none}body.reading .foot{position:static;margin-top:50px;font-size:11px;gap:20px}body.reading h1{font-size:clamp(54px,8vw,100px);letter-spacing:-3px}body.reading h2{font-size:clamp(40px,6vw,80px);letter-spacing:-2px}body.reading .hero h1,body.reading .hero .sub,body.reading .hero .badge,body.reading .hero .poster,body.reading .series-copy,body.reading .series-pair{position:static}body.reading .hero h1{margin:60px 0 30px}body.reading .hero .sub{max-width:700px}body.reading .hero .badge{margin:30px 0}body.reading .hero .poster{display:block;width:32%;margin:35px auto;transform:rotate(4deg)}body.reading .star,body.reading .outline,body.reading .corner{display:none}body.reading .series-pair{margin:45px auto;justify-content:center}body.reading .series-copy{width:auto}body.reading .statement{position:static;margin-top:40px}body.reading .timebox{gap:40px;grid-template-columns:1fr 1.5fr}body.reading .route .hint{position:static;margin-top:25px}body.reading .last h2{margin-top:70px}body.reading .last{min-height:750px}@media(max-width:700px){body.reading .slide{min-height:0;padding:35px 23px 70px}body.reading .topline{gap:12px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:1px}.tag{font-size:11px;padding:7px 10px}body.reading h3{font-size:27px}body.reading p,body.reading .sub{font-size:19px}body.reading .hero .poster{width:68%}body.reading .hero .badge{flex-wrap:wrap}.pill{font-size:17px;padding:12px 17px}body.reading .benefits,body.reading .split,body.reading .image-row,body.reading .timebox,body.reading .rules,body.reading .price-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.benefit{padding:23px 0}.benefit .n{font-size:53px;margin-bottom:12px}.benefit p,.route .flow{font-size:20px}.route{min-height:0;padding:26px}.route h3{font-size:29px}.route .hint{font-size:19px}.image-row img{height:auto;max-height:430px}.image-row .asset{height:180px}.caption,.caption strong{font-size:20px}body.reading .series-pair{gap:13px;transform:none;margin:40px 0 55px}body.reading .series-pair img{width:45%;box-shadow:5px 6px 0 #092e29}.big90{font-size:150px}.big90 small{font-size:29px}.timeline{gap:18px}.timeline b{font-size:23px}.timeline span{font-size:18px}.words{font-size:45px}.rules p{font-size:21px}.price-card{padding:25px;min-height:0}.price{font-size:78px}.price-card p{font-size:20px}.last .choices{flex-direction:column}.last .choices span{font-size:20px}.small{font-size:13px}.foot{letter-spacing:1px}#controls{width:max-content;max-width:96%;bottom:10px;gap:0}#controls button{padding:9px 10px;font-size:12px}#count{padding:0 7px;min-width:55px}#menu .menu-grid{grid-template-columns:1fr}#menu button{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media print{body{overflow:visible!important;background:white}#controls,#menu,#progress{display:none!important}#stage{position:static!important;transform:none!important;width:1600px!important;height:auto!important;overflow:visible}.slide,body.reading .slide{display:block!important;position:relative!important;width:1600px!important;height:900px!important;break-after:page;animation:none!important} @page{size:1600px 900px;margin:0}}
@media(max-width:700px){body.reading .last h2{font-size:34px;letter-spacing:-1px}}