/* A scroll-led material-to-application story. */
.light-story{height:2500px;position:relative;margin-top:28px;background:linear-gradient(160deg,#f5f7f1,#f4f5f0 55%,#f7f0e8);border-block:1px solid #e4e8de;--story-accent:#799068}.story-sticky{position:sticky;top:0;min-height:720px;height:min(100svh,920px);padding-top:42px;padding-bottom:22px;display:flex;flex-direction:column;justify-content:center;max-width:1440px}.story-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.story-heading .section-label{margin:0;font-size:9px;color:#789168}.story-scroll-hint{font-size:10px;color:#88947e}.story-scroll-hint>span{margin-left:12px}.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px;margin:34px 0;min-height:410px;flex:1;max-height:570px}.story-copy{max-width:370px}.story-chapter{font-size:10px;letter-spacing:1.5px;color:#879776}.story-copy h2{font-size:39px;letter-spacing:-1.3px;line-height:1.55;margin-top:24px}.story-copy h2>span{color:#80976f}.story-copy>p{font-size:13px;color:#75816b;line-height:2;margin:23px 0;min-height:78px}.story-fact{display:flex;flex-direction:column;gap:7px;padding-left:15px;border-left:2px solid #b8cba6;margin-top:26px}.story-fact>span{font-size:9px;letter-spacing:1px;color:#8e9a83}.story-fact>strong{font-weight:400;font-size:12px;color:#5f7550}.story-cta{margin-top:25px;font-size:11px;color:#5b7052}.story-visual{height:425px;position:relative;isolation:isolate;overflow:hidden;background:#edf1e6;border:1px solid #e2e7d9;border-radius:28px;transition:background .5s}.story-ambient{position:absolute;inset:0;background:radial-gradient(circle at 60% 35%,#ffffffc0,transparent 65%);z-index:0}.story-orbit{border:1px solid #a6b7974a;border-radius:50%;position:absolute;width:75%;height:45%;left:13%;top:28%;transform:rotate(-20deg);transition:opacity .5s}.story-orbit-two{transform:rotate(40deg);height:60%;width:50%;left:25%;top:20%}.story-particles{position:absolute;inset:0;z-index:3;transition:opacity .5s}.story-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffdc,var(--particle-color) 50%,var(--particle-shadow));box-shadow:inset -5px -6px 12px #35453928,0 10px 20px #54764b12;transition:left .8s cubic-bezier(.2,.7,.3,1),top .8s cubic-bezier(.2,.7,.3,1),transform .8s,opacity .5s}.story-visual-caption{position:absolute;z-index:8;bottom:19px;left:23px;right:23px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;color:#7e9070;transition:color .5s}.story-visual-caption>span:last-child{letter-spacing:0}.story-layer-scene,.story-led-scene,.story-room-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,transform .8s;transform:scale(.94)}.story-layer-scene{z-index:2}.story-optic-layer,.story-convert-layer,.story-source-layer{position:absolute;left:28%;width:44%;height:125px;transform:rotate(-18deg) skew(18deg,12deg);border-radius:12px}.story-optic-layer{top:72px;background:linear-gradient(135deg,#ffffff66,#e3ecd680);border:1px solid #bdcbaa;box-shadow:2px 5px 0 #c7d3b633;z-index:4}.story-convert-layer{top:132px;background:linear-gradient(135deg,#e8f0c5,#b5cf7fc7);border:1px solid #9cb96d;box-shadow:3px 8px 0 #8fa365;z-index:3}.story-convert-layer i{position:absolute;inset:15px;background:radial-gradient(#f7ffd6 1.5px,transparent 2px) 0 0/14px 14px;opacity:.9}.story-source-layer{top:212px;background:linear-gradient(135deg,#aabde2,#7188b8);border:1px solid #6784ae;box-shadow:3px 10px 0 #5f7597;z-index:2}.story-layer-scene span{position:absolute;right:-43%;top:30%;font-size:9px;color:#6c7f5b;white-space:nowrap;transform:skew(-18deg,-12deg) rotate(18deg)}.story-excite-ray{position:absolute;left:43%;top:171px;height:100px;width:20%;background:linear-gradient(0deg,#89aaff99,transparent);clip-path:polygon(30% 100%,70% 100%,100% 0,0 0);filter:blur(2px);z-index:3}.story-output-ray{position:absolute;left:35%;top:25px;height:170px;width:35%;background:linear-gradient(0deg,#d0eb9e90,transparent);clip-path:polygon(25% 100%,75% 100%,100% 0,0 0);filter:blur(2px);z-index:5}.story-led-scene{z-index:5;background:#080c08}.story-led-scene img{height:100%;width:100%;object-fit:cover}.story-led-caption{position:absolute;bottom:54px;left:24px;letter-spacing:1px;font-size:10px;color:#c2d3af}.story-room-scene{z-index:6;background:#dbd7c5}.story-room-wall{position:absolute;inset:0 0 22%;background:linear-gradient(110deg,#787f69,#b2b49d 45%,#d7d6bd)}.story-room-wall:after{content:'';position:absolute;left:30%;top:0;bottom:0;width:1px;background:#ffffff30}.story-room-floor{position:absolute;inset:78% 0 0;background:linear-gradient(160deg,#b2ad98,#d1cbb3);border-top:1px solid #a4a18a}.story-room-art{position:absolute;left:50%;top:20%;width:26%;height:39%;padding:9px;background:#6c705a;box-shadow:10px 15px 25px #343b2026}.story-room-art>div{height:100%;background:radial-gradient(ellipse at 48% 40%,#f0e8bd,#b5bd8f 45%,#7c8b61);border:7px solid #d8d8bc}.story-room-lamp{position:absolute;width:100px;height:12px;left:46%;top:12%;background:#605f4e;box-shadow:0 4px 0 #fff8d5;z-index:4}.story-room-lamp:before{content:'';position:absolute;width:2px;height:60px;bottom:12px;left:50%;background:#676653}.story-room-light{position:absolute;left:31%;top:15%;height:73%;width:53%;background:linear-gradient(0deg,#fff6bd03,#fff2b157);clip-path:polygon(40% 0,65% 0,100% 100%,0 100%);z-index:3}.story-room-plinth{position:absolute;left:18%;bottom:18%;width:23%;height:23%;border-radius:50% 50% 2% 2%;background:linear-gradient(90deg,#cdcbb1,#eeead1);box-shadow:20px 10px 22px #454d3125;z-index:3}.story-room-object{position:absolute;width:53px;height:53px;border-radius:50%;left:24%;bottom:39%;background:radial-gradient(circle at 30% 20%,#d7dbbe,#8b9573 60%,#606f4c);box-shadow:5px 8px 15px #43553136;z-index:4}.story-room-scene>span{position:absolute;bottom:53px;left:24px;z-index:5;font-size:12px;color:#48573d}.light-story[data-phase="1"] .story-layer-scene,.light-story[data-phase="2"] .story-led-scene,.light-story[data-phase="3"] .story-room-scene{opacity:1;visibility:visible;transform:scale(1)}.light-story[data-phase="1"] .story-particle{left:var(--tx);top:var(--ty);transform:translate(-50%,-50%) scale(.16);opacity:.85}.light-story[data-phase="1"] .story-particles{z-index:4}.light-story[data-phase="2"] .story-particles,.light-story[data-phase="3"] .story-particles,.light-story:not([data-phase="0"]) .story-orbit{opacity:0}.light-story[data-phase="2"] .story-visual-caption{color:#a4b492}.light-story[data-phase="3"] .story-visual-caption{color:#566348}.story-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.story-navigation button{position:relative;display:flex;align-items:center;gap:12px;padding:15px 0 18px;text-align:left;border:0;background:none;color:#9da68f}.story-navigation button>span{font-size:9px}.story-navigation strong{font-size:12px;font-weight:400}.story-navigation i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#d9e0cf}.story-navigation i:after{content:'';position:absolute;inset:0;background:#8ca477;transform:scaleX(0);transform-origin:left;transition:transform .4s}.story-navigation button.active{color:#476039}.story-navigation button.active strong{font-weight:500}.story-navigation button.active i:after{transform:scaleX(1)}.story-note{font-size:9px;color:#929e85;margin:18px 0 0;text-align:right}.light-story.story-manual{height:auto}.story-manual .story-sticky{position:relative;height:auto;min-height:720px}.story-manual .story-scroll-hint{font-size:0}.story-manual .story-scroll-hint:before{content:'点击下方阶段，探索光的旅程';font-size:10px}.story-manual .story-scroll-hint>span{display:none}
@media(max-width:1000px){.story-layout{gap:25px}.story-copy h2{font-size:32px}.story-visual{height:390px}.story-layer-scene span{right:-34%;font-size:8px}.story-sticky{min-height:680px}.story-room-lamp{width:75px}.story-room-object{width:42px;height:42px}}
@media(max-width:720px){.light-story{height:2200px;margin-top:20px}.story-sticky{top:0;padding-top:22px;padding-bottom:18px;min-height:680px;height:100svh;max-height:850px}.story-heading .section-label{font-size:8px;letter-spacing:.7px}.story-scroll-hint{font-size:8px}.story-scroll-hint>span{margin-left:5px}.story-layout{grid-template-columns:1fr;gap:20px;margin:24px 0 14px;min-height:0;max-height:none;flex:initial}.story-copy{max-width:none}.story-chapter{font-size:8px;letter-spacing:1px}.story-copy h2{font-size:28px;line-height:1.45;letter-spacing:-.7px;margin-top:12px}.story-copy h2 br{display:none}.story-copy>p{font-size:11px;line-height:1.8;margin:13px 0 0;min-height:60px;max-width:430px}.story-fact,.story-cta{display:none}.story-visual{height:280px;border-radius:22px}.story-navigation{gap:11px;margin-top:auto}.story-navigation button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 0 14px}.story-navigation strong{font-size:10px;white-space:nowrap}.story-navigation button>span{font-size:8px}.story-note{font-size:8px;line-height:1.7;margin-top:14px;text-align:left}.story-visual-caption{font-size:7px;left:17px;right:17px;bottom:14px;letter-spacing:.4px}.story-layer-scene{transform:scale(.92)}.story-optic-layer,.story-convert-layer,.story-source-layer{height:82px;left:25%;width:44%;border-radius:8px}.story-optic-layer{top:46px}.story-convert-layer{top:86px}.story-source-layer{top:139px}.story-layer-scene span{right:-45%;font-size:7px}.story-output-ray{top:14px;height:116px;left:30%}.story-excite-ray{top:114px;height:68px;left:38%}.story-led-caption{font-size:8px;left:17px;bottom:38px}.story-room-lamp{height:7px;width:65px}.story-room-lamp:before{bottom:7px;height:40px}.story-room-object{height:35px;width:35px}.story-room-art{padding:6px}.story-room-art>div{border-width:4px}.story-room-scene>span{font-size:10px;bottom:38px;left:17px}.story-manual .story-sticky{min-height:0;padding-block:28px}.story-manual .story-scroll-hint:before{font-size:8px}}
@media(max-width:360px){.story-copy h2{font-size:24px}.story-scroll-hint{font-size:7px}.story-visual{height:250px}.story-navigation strong{font-size:9px}.story-navigation{gap:8px}.story-layer-scene span{right:-48%}.story-sticky{min-height:650px}}
@media(max-height:720px) and (min-width:721px){.story-sticky{height:100svh;min-height:610px;padding-block:24px}.story-layout{min-height:330px;margin-block:20px}.story-visual{height:350px}.story-copy h2{font-size:31px}.story-copy>p{font-size:12px;min-height:65px}.story-fact{margin-top:20px}.story-cta{margin-top:18px}.story-note{margin-top:12px}.story-layer-scene{scale:.9}}
@media(prefers-reduced-motion:reduce){.light-story{height:auto}.story-sticky{position:relative;height:auto;min-height:0;padding-block:40px}.story-layout{flex:initial}.story-visual *{transition:none!important}.story-navigation i:after{transition:none}}
@media(max-width:720px){.story-copy h2 br{display:block}}