*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#242433;background:#f6f7fa;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}section{scroll-margin-top:95px}.top{height:74px;background:#fff;border-bottom:1px solid #ededf1;position:sticky;top:0;z-index:10}.topinner{max-width:1360px;padding:0 32px;margin:auto;height:100%;display:flex;align-items:center;gap:70px}.brand{display:flex;align-items:center;gap:10px;min-width:185px}.brandmark{width:42px;height:42px;background:#f04a72;color:#fff;border-radius:14px;display:grid;place-items:center;font-size:32px;font-weight:800;font-family:Georgia,serif;line-height:1;position:relative}.brandmark span{position:absolute;font-size:11px;right:5px;top:4px}.brand b{display:block;font-size:18px;letter-spacing:-.6px}.brand small{display:block;color:#9b9ca8;font-size:10px;letter-spacing:1px;margin-top:2px}.top nav{display:flex;gap:37px;color:#666775;font-weight:600}.top nav a:hover,.textlink:hover{color:#e6426b}.headbtn{margin-left:auto;background:#252535;color:white;padding:11px 18px;border-radius:10px;font-weight:700;font-size:13px}.headbtn span{padding-left:7px}.layout{max-width:1360px;padding:0 32px;margin:auto;display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px}.rail{padding:40px 0;position:sticky;top:74px;align-self:start}.rail-title{font-size:12px;color:#aaaab6;font-weight:600;margin:0 0 16px 14px}.rail>a{display:flex;gap:13px;align-items:center;padding:13px 15px;color:#777886;font-weight:600;border-radius:10px;margin:5px 0}.rail>a span{font-size:19px;width:20px;text-align:center}.rail>a.selected{background:#ffe9ee;color:#ed426c}.rail-divider{height:1px;background:#e9e9ee;margin:32px 10px}.rail p{line-height:1.9;color:#7e7e8b;font-family:Georgia,"Songti SC",serif;font-size:15px;margin:0 14px}.rail-note{margin:16px 14px;font-size:11px;color:#b2b2bd}main{min-width:0;padding:28px 0 0}.intro{min-height:320px;background:#fcecf0;border-radius:18px;overflow:hidden;padding:42px 48px;display:grid;grid-template-columns:1fr 38%;position:relative}.intro-kicker{color:#dd5473;font-weight:700;font-size:12px;letter-spacing:1px}.intro-kicker span{display:inline-block;width:7px;height:7px;background:#ed567b;border-radius:50%;margin-right:4px}.intro h1{font-family:Georgia,"Songti SC",serif;font-size:36px;line-height:1.3;letter-spacing:2px;margin:15px 0;color:#352832}.intro h1 em{font-style:normal;color:#df5574}.intro p{line-height:1.8;color:#8c7780;margin:0 0 22px;font-size:13px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#ed4e74;color:white;font-weight:700;padding:13px 18px;border-radius:10px;box-shadow:0 7px 15px #ec4c7427}.textlink{display:inline-block;margin-left:20px;font-weight:700;color:#745e66;font-size:13px}.intro-art{position:relative;min-height:235px}.art-main,.art-paper{position:absolute;width:160px;height:225px;left:30%;top:0;border:6px solid #fff;border-radius:6px;box-shadow:0 12px 25px #b7758740;transform:rotate(7deg);overflow:hidden}.art-paper{background:#eab8c2;transform:rotate(-12deg);left:20%;top:17px}.paper-b{background:#f9d2da;transform:rotate(17deg);left:42%;top:10px}.art-main{background:white}.art-cover{height:165px;background:url('/assets/stories-v1.webp') 33.333% center/400% 100%}.art-caption{padding:9px 8px;color:#48404a}.art-caption b,.art-caption small{display:block;font-size:10px}.art-caption small{font-size:8px;color:#aaa;margin-top:3px}.sparkle{position:absolute;color:#ec7190;font-size:27px;right:10%;top:3px}.stories,.guide{margin-top:38px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2,.about h2{font-size:21px;margin:0;font-weight:800}.section-head h2 span{color:#f16f91;font-size:14px}.section-head p{color:#a2a2af;margin:7px 0 0;font-size:12px}.subtle{font-size:12px;color:#aaaab5}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cover{aspect-ratio:3/4;border-radius:11px;overflow:hidden;position:relative;background-image:linear-gradient(0deg,rgba(18,14,23,.88),transparent 52%),url('/assets/stories-v1.webp');background-size:100% 100%,400% 100%;background-repeat:no-repeat}.cover-1{background-position:center,0% center}.cover-2{background-position:center,33.333% center}.cover-3{background-position:center,66.666% center}.cover-4{background-position:center,100% center}.cover-title{position:absolute;bottom:0;padding:15px;color:white;text-shadow:0 2px 8px #0009}.cover-title small,.cover-title strong,.cover-title span{display:block}.cover-title small{font-size:10px;letter-spacing:1px;color:#ffe5cf}.cover-title strong{font-family:"Songti SC",serif;font-size:24px;letter-spacing:2px;margin:6px 0}.cover-title span{font-size:10px}.story-meta{padding:10px 2px}.story-meta b,.story-meta span{display:block}.story-meta b{font-size:14px}.story-meta span{font-size:11px;color:#aaaab5;margin-top:5px}.illustration-note{font-size:11px;color:#a9a9b2;margin:6px 0 0}.download{margin-top:34px;background:white;border:1px solid #eeeeF2;border-radius:15px;padding:24px;display:flex;align-items:center;gap:17px}.appicon{width:68px;height:68px;flex:none;border-radius:19px;background:#eb4e77;color:white;font-size:33px;display:grid;place-items:center;font-weight:800;position:relative}.appicon span{position:absolute;font-size:11px;right:9px;top:8px}.download-copy{flex:1}.download-copy h2{font-size:19px;margin:4px 0}.download-copy p{color:#777887;margin:5px 0}.download-copy small{font-size:11px;color:#a2a2ae}.app-label{font-size:11px;color:#ed5278;font-weight:700}.download-btn{white-space:nowrap}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-grid article{background:white;border:1px solid #eeeef2;border-radius:13px;padding:20px}.guide-grid article>span{font-size:12px;color:#e86181;font-weight:700}.guide-grid h3{font-size:15px;margin:10px 0}.guide-grid p,.about p{font-size:12px;line-height:1.8;color:#878895;margin:0}.about{margin:36px 0 0;padding:26px 0;border-top:1px solid #e7e7ee;display:flex;justify-content:space-between;gap:35px}.about p{margin-top:10px;max-width:630px}.about-links{display:flex;flex-direction:column;gap:10px;color:#e24b70;font-weight:600;font-size:12px;white-space:nowrap}footer{border-top:1px solid #e7e7ee;padding:22px 0 30px;color:#aaaab4;font-size:11px;display:flex;justify-content:space-between}.mobilebar{display:none}@media(max-width:850px){.layout{grid-template-columns:1fr;padding:0 22px}.rail{display:none}.topinner{padding:0 22px}.intro{padding:35px}.intro h1{font-size:32px}.art-main,.art-paper{left:20%}.paper-b{left:35%}.story-grid{gap:12px}}@media(max-width:600px){body{padding-bottom:68px}.top{height:62px}.topinner{padding:0 16px;gap:0}.brandmark{width:37px;height:37px;font-size:28px;border-radius:12px}.brand b{font-size:16px}.top nav{display:none}.headbtn{padding:10px 12px;font-size:12px}.layout{padding:0 15px;display:block}main{padding-top:15px}.intro{min-height:235px;grid-template-columns:1fr 120px;padding:25px 20px}.intro h1{font-size:26px;letter-spacing:0;margin:10px 0}.intro p{font-size:11px;line-height:1.7}.intro p br{display:none}.intro-kicker{font-size:10px}.intro .primary{font-size:11px;padding:11px 13px;gap:7px}.intro .textlink{margin:12px 0 0 9px;font-size:11px}.intro-art{min-height:175px}.art-main,.art-paper{width:105px;height:160px;border-width:4px;left:5%;top:8px}.paper-a{left:0;top:15px}.paper-b{left:15%;top:11px}.art-cover{height:118px}.art-caption{padding:5px}.art-caption b{font-size:9px}.sparkle{right:-4px;font-size:18px}.stories,.guide{margin-top:30px}.section-head h2,.about h2{font-size:19px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cover-title strong{font-size:21px}.download{padding:16px;gap:12px;flex-wrap:wrap}.appicon{width:56px;height:56px;font-size:27px;border-radius:16px}.download-copy p{font-size:11px}.download-btn{width:100%;padding:12px}.guide-grid{grid-template-columns:1fr;gap:9px}.guide-grid article{padding:15px}.guide-grid h3{margin:5px 0}.about{display:block}.about-links{flex-direction:row;margin-top:16px}.mobilebar{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eeeef2;align-items:center;justify-content:space-around;height:65px;padding:0 10px env(safe-area-inset-bottom)}.mobilebar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#858593;font-size:17px}.mobilebar a span{font-size:10px}.mobilebar a.mobile-download{background:#ec4e74;color:white;font-size:12px;font-weight:700;border-radius:9px;padding:11px 17px}footer span:last-child{display:none}}