:root{--ink:#263d3a;--paper:#fff8ec;--orange:#f57b5d;--yellow:#ffc96a;--mint:#b9dfcb;--page:0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#e9cdb2;color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}.travel-book{min-height:100dvh;max-width:560px;margin:auto;background:var(--paper);overflow:hidden;box-shadow:0 0 35px #63442b38}.cover{position:relative;overflow:hidden;height:174px;padding:30px 24px;background:linear-gradient(145deg,#f77f62 0 51%,#f9bf67 51%);color:#fff}.cover:after{content:"";position:absolute;width:260px;height:130px;border-radius:50% 50% 0 0;background:#78b9a8;right:-38px;bottom:-44px;box-shadow:-95px 30px 0 #4e907f}.eyebrow{margin:0 0 10px;font-size:10px;letter-spacing:2px;font-weight:700}.cover h1{position:relative;z-index:1;margin:0;font-family:serif;font-size:39px;letter-spacing:5px}.cover p:not(.eyebrow){position:relative;z-index:1;margin:10px 0;font-size:14px}.cover-sun{position:absolute;right:36px;top:24px;font-size:38px;color:#ffefad}.day-tabs{display:flex;gap:8px;padding:12px 14px;overflow-x:auto;background:#fffdf7;scrollbar-width:none}.day-tabs button{flex:0 0 48px;border:0;border-radius:14px;padding:7px 0;background:#f6eadc;color:#806d5f;font-size:13px;font-weight:800}.day-tabs span{display:block;margin-top:2px;font-size:9px;font-weight:500}.day-tabs button.active{background:var(--orange);color:#fff;box-shadow:0 4px 10px #f57b5d55}.pager{position:relative;min-height:438px}.day-page{position:absolute;inset:0;padding:30px 25px 20px;opacity:0;pointer-events:none;transform:translateX(10%);transition:transform .32s ease,opacity .26s ease}.day-page.active{position:relative;opacity:1;pointer-events:auto;transform:translateX(0)}.day-mark{display:flex;align-items:end;gap:7px;color:var(--orange)}.day-mark span{padding-bottom:7px;font-size:10px;font-weight:800;letter-spacing:1px}.day-mark strong{font-family:Georgia,serif;font-size:42px;line-height:1}.location{margin:14px 0 5px;color:#8d7967;font-size:12px;letter-spacing:1px}.day-page h2{margin:0;font-family:serif;font-size:29px;letter-spacing:1px}.scene{position:relative;overflow:hidden;height:160px;margin:22px 0;border-radius:22px;background:#b7dfc9}.scene:after{content:"";position:absolute;inset:auto -10% 0;height:45%;background:#418f7f;clip-path:polygon(0 100%,0 62%,18% 20%,31% 60%,52% 6%,68% 62%,82% 19%,100% 70%,100% 100%)}.scene-town{background:linear-gradient(#f7b66a 0 52%,#78b6aa 52%)}.scene-town i{position:absolute;z-index:1;bottom:25px;width:42px;height:65px;background:#e7664f;clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%)}.scene-town i:nth-child(1){left:22%}.scene-town i:nth-child(2){left:46%;height:86px;background:#ca5b4c}.scene-town i:nth-child(3){left:70%;height:52px}.scene-mountain{background:linear-gradient(#bfe8f5 0 55%,#e9f1eb 55%)}.scene-mountain:after{height:72%;background:#6caab0;clip-path:polygon(0 100%,0 78%,23% 10%,39% 64%,59% 0,81% 70%,100% 28%,100% 100%)}.scene-mountain i:first-child{position:absolute;z-index:2;width:55px;height:22px;left:58%;top:36px;border-top:3px solid #fff;border-radius:50%}.scene-mushroom{background:linear-gradient(135deg,#a8cf85,#f4d686)}.scene-mushroom i,.scene-market i{position:relative;z-index:3;display:inline-block;margin:38px 12%;font-size:45px;color:#fff3d7}.scene-lake{background:linear-gradient(#f7d084 0 42%,#8bd1db 42%)}.scene-lake:after{height:38%;background:#4a9eb5;clip-path:polygon(0 32%,19% 45%,42% 25%,64% 49%,82% 28%,100% 47%,100% 100%,0 100%)}.scene-market{background:linear-gradient(135deg,#ef956f,#ffca7a)}.scene-dye{background:#8cc7d9}.scene-dye i{position:absolute;top:22px;width:57px;height:115px;background:#f3efe0;border-radius:8px;transform:rotate(-7deg);background-image:radial-gradient(circle at 20% 25%,#346c91 0 8%,transparent 9%),radial-gradient(circle at 70% 57%,#295b86 0 12%,transparent 13%)}.scene-dye i:nth-child(1){left:24%}.scene-dye i:nth-child(2){left:43%;top:37px;transform:rotate(9deg)}.scene-dye i:nth-child(3){left:63%;top:18px;transform:rotate(-2deg)}.scene-home{background:linear-gradient(150deg,#f6c171,#e98c70)}.scene-home i{position:relative;z-index:3;display:inline-block;margin:45px 9%;font-size:42px;color:#fff1c5}.agenda{display:grid;gap:9px;margin:0;padding:0;list-style:none}.agenda li{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:12px 13px;border-radius:13px;background:#fffdf8;border:1px solid #efdfcd;font-size:13px;line-height:1.55}.agenda b{color:var(--orange)}.agenda span{color:#5f625a}footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 20px;color:#927b6a;font-size:11px}footer button{width:38px;height:34px;border:1px solid #edcfb6;border-radius:12px;background:#fff;color:var(--orange);font-size:19px}@media(min-width:561px){body{padding:18px}.travel-book{border-radius:24px;min-height:calc(100dvh - 36px)}}