:root{--ink:#1f1a13;--ink-light:#5c5140;--ink-muted:#a09380;--bg:#fcfaf6;--bg-alt:#f6f1e7;--route-bg:#f0ebe0;--track:#cdbd9d;--track-done:#c49b45;--active:#d4782a;--active-glow:#d4782a47;--card:#fff;--card-border:#e8e0d2;--card-shadow:0 4px 20px #1f1a130f;--card-shadow-lg:0 8px 32px #1f1a131a;--d1:#b84130;--d1-bg:#fdf4f2;--d2:#4d7c5b;--d2-bg:#f0f7f2;--gold:#c49b45;--gold-light:#f7efde;--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;height:100%;line-height:1.7;overflow:hidden}#root{height:100%}.app{height:100dvh;display:flex;overflow:hidden}.route-panel{background:repeating-linear-gradient(0deg, transparent, transparent 20px, #c49b4505 20px, #c49b4505 21px), var(--route-bg);z-index:10;flex-shrink:0;width:72px;position:relative;overflow:hidden}.route-bg{pointer-events:none;background:radial-gradient(circle at 50% 20%,#c49b4514 0%,#0000 55%),radial-gradient(circle at 50% 80%,#4d7c5b0f 0%,#0000 55%);position:absolute;inset:0}.route-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-divider{z-index:4;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.divider-label{letter-spacing:1.5px;font-size:7px;font-weight:700}.divider-label.top{color:var(--d1)}.divider-label.bottom{color:var(--d2)}.divider-dash{background:repeating-linear-gradient(to bottom, var(--track) 0, var(--track) 2px, transparent 2px, transparent 4px);width:1px;height:10px}.route-node{z-index:3;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.node-dot{background:var(--route-bg);border:2px solid var(--track);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .4s;display:flex;position:relative}.route-node.past .node-dot{background:var(--bg);border-color:var(--track-done)}.route-node.current .node-dot{background:var(--active);border-color:var(--active);width:32px;height:32px;box-shadow:0 0 0 6px var(--active-glow);animation:2s ease-in-out infinite node-pulse}@keyframes node-pulse{0%,to{box-shadow:0 0 0 6px var(--active-glow)}50%{box-shadow:0 0 0 12px #0000}}.node-emoji{font-size:12px;line-height:1}.node-empty{background:var(--track);border-radius:50%;width:6px;height:6px}.node-label{color:var(--ink-muted);white-space:nowrap;letter-spacing:.5px;font-size:9px;font-weight:600;transition:color .4s}.route-node.current .node-label{color:var(--active);font-size:10px;font-weight:700}.node-time{color:var(--ink-muted);white-space:nowrap;opacity:0;font-size:8px;transition:opacity .4s}.route-node.current .node-time{opacity:1}.route-car{z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.car-body{filter:drop-shadow(0 2px 6px #1f1a1340);font-size:20px;line-height:1}.car-trail{background:var(--active);opacity:.5;border-radius:1px;width:2px;height:8px;margin-top:1px;position:relative}.car-trail:before,.car-trail:after{content:"";background:var(--active);border-radius:50%;animation:.8s ease-out infinite exhaust;position:absolute}.car-trail:before{width:3px;height:3px;animation-delay:0s;top:6px;left:2px}.car-trail:after{width:2px;height:2px;animation-delay:.4s;top:8px;left:-2px}@keyframes exhaust{0%{opacity:.7;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-6px,16px)scale(2.5)}}.content-panel{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;height:100dvh;overflow-y:auto}.content-panel::-webkit-scrollbar{width:3px}.content-panel::-webkit-scrollbar-thumb{background:var(--track);border-radius:2px}.snap-section{scroll-snap-align:start;justify-content:center;align-items:center;min-height:100dvh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.snap-section:before,.snap-section:after{content:"";pointer-events:none;z-index:0;opacity:0;border-radius:50%;animation:6s ease-in-out infinite sparkle-float;position:absolute}.snap-section:before{background:var(--gold);width:4px;height:4px;animation-delay:0s;top:25%;left:15%;box-shadow:60px 120px #c49b4526,180px 300px #c49b451a,240px 80px #c49b451f,30px 400px #b8413014,200px 500px #4d7c5b1a}.snap-section:after{background:#c49b454d;width:3px;height:3px;animation-duration:7s;animation-delay:2s;top:45%;left:75%;box-shadow:-40px -80px #c49b451f,-160px 200px #c49b4514,-100px 420px #b841301a,50px 550px #4d7c5b1a}@keyframes sparkle-float{0%,to{opacity:0;transform:translateY(0)scale(1)}25%{opacity:.6;transform:translateY(-8px)scale(1.3)}50%{opacity:.2;transform:translateY(-4px)scale(.8)}75%{opacity:.8;transform:translateY(-12px)scale(1.2)}}.snap-section:nth-child(3),.snap-section:nth-child(5),.snap-section:nth-child(7){background:var(--bg-alt)}.cover-section{background:radial-gradient(ellipse at 30% 20%, #c49b4514 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, #b841300d 0%, transparent 50%), linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);flex-direction:column;position:relative}.cover-content{text-align:center;z-index:1;position:relative}.cover-tag{color:var(--gold);background:var(--gold-light);letter-spacing:5px;border:1px solid #c49b4533;border-radius:20px;margin-bottom:24px;padding:6px 18px;font-size:12px;font-weight:600;display:inline-block}.cover-title{letter-spacing:-1px;color:var(--ink);margin-bottom:16px;font-size:44px;font-weight:900;line-height:1.12}.cover-en{color:var(--ink-muted);letter-spacing:10px;text-transform:uppercase;margin-top:8px;font-size:16px;font-weight:400;display:block}.cover-line{color:var(--ink-light);letter-spacing:2px;padding-top:14px;font-size:14px;position:relative}.cover-line:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:1px;width:40px;height:2px;margin:0 auto 14px;display:block}.cover-bg-img{z-index:0;position:absolute;inset:0;overflow:hidden}.cover-bg-img img{object-fit:cover;width:100%;height:100%}.cover-scroll{color:var(--ink-muted);letter-spacing:4px;z-index:1;flex-direction:column;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:40px}.cover-scroll-dot{background:var(--ink-muted);border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite scroll-bounce}.cover-float{z-index:0;opacity:.2;filter:blur(1px);pointer-events:none;font-size:24px;position:absolute}.cover-float-1{font-size:28px;top:12%;left:8%}.cover-float-2{font-size:22px;top:22%;right:10%}.cover-float-3{font-size:20px;bottom:30%;left:12%}.cover-float-4{font-size:16px;top:18%;left:55%}.cover-float-5{font-size:20px;bottom:25%;right:15%}@keyframes scroll-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.page{width:100%;max-width:360px}.page-badge{letter-spacing:3px;text-transform:uppercase;border-radius:14px;margin-bottom:14px;padding:5px 14px;font-size:10px;font-weight:700;display:inline-block}.page-badge.d1{color:var(--d1);background:var(--d1-bg);border:1px solid #b841301f}.page-badge.d2{color:var(--d2);background:var(--d2-bg);border:1px solid #4d7c5b1f}.page-title{color:var(--ink);letter-spacing:-.5px;margin-bottom:24px;padding-bottom:16px;font-size:28px;font-weight:800;line-height:1.2;position:relative}.page-title:after{content:"";background:linear-gradient(90deg, var(--gold), #c49b454d, var(--gold));border-radius:2px;width:36px;height:3px;animation:2.5s ease-in-out infinite title-line-shimmer;position:absolute;bottom:0;left:0}@keyframes title-line-shimmer{0%,to{background-position:-40px 0}50%{background-position:40px 0}}.page-card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;margin-bottom:14px;padding:22px;position:relative;overflow:hidden}.page-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 40%,#fff6 45%,#ffffff26 50%,#0000 55%);width:200%;height:200%;animation:5s ease-in-out infinite card-shimmer;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}@keyframes card-shimmer{0%{opacity:0;transform:translate(-100%)}5%{opacity:1}15%{opacity:1;transform:translate(100%)}20%{opacity:0;transform:translate(100%)}to{opacity:0;transform:translate(100%)}}.page-card h3{color:var(--ink);letter-spacing:-.3px;margin-bottom:6px;font-size:16px;font-weight:700}.page-card p{color:var(--ink-light);font-size:13px;line-height:1.75}.page-card strong{color:var(--ink);font-weight:600}.page-card.highlight{border:none;padding:24px;position:relative;overflow:hidden}.page-card.highlight.d1{background:linear-gradient(135deg, var(--d1-bg) 0%, #fff 60%);box-shadow:var(--card-shadow-lg)}.page-card.highlight.d1:before{content:"";background:linear-gradient(90deg, var(--d1), #b8413033);border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.page-card.highlight.d2{background:linear-gradient(135deg, var(--d2-bg) 0%, #fff 60%);box-shadow:var(--card-shadow-lg)}.page-card.highlight.d2:before{content:"";background:linear-gradient(90deg, var(--d2), #4d7c5b33);border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.card-row{align-items:flex-start;gap:14px;display:flex}.card-icon-lg{flex-shrink:0;margin-top:2px;font-size:30px;line-height:1}.card-thumb{border-radius:12px;flex-shrink:0;width:68px;height:68px;overflow:hidden;box-shadow:0 2px 8px #1f1a1314}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.tag{letter-spacing:.5px;border-radius:8px;margin-top:8px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.tag.green{color:var(--d2);background:var(--d2-bg);border:1px solid #4d7c5b26}.tag.gold{color:var(--gold);background:var(--gold-light);border:1px solid #c49b4526}.drive-card{padding:18px 22px;position:relative;overflow:hidden}.drive-card:after{content:"";background:linear-gradient(90deg, var(--d1), var(--d2));opacity:.6;border-radius:2px 2px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.drive-row{justify-content:center;align-items:center;gap:8px;display:flex}.drive-dot{border-radius:50%;width:10px;height:10px;position:relative}.drive-dot.from{background:var(--d1)}.drive-dot.to{background:var(--d2)}.drive-dot:after{content:"";border-radius:50%;animation:2s ease-in-out infinite dot-ring;position:absolute;inset:-3px}.drive-dot.from:after{border:1px solid var(--d1)}.drive-dot.to:after{border:1px solid var(--d2)}@keyframes dot-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}.drive-label{color:var(--ink);font-size:14px;font-weight:700}.drive-line{background:linear-gradient(90deg, var(--track), #e0d5c0, var(--track));border-radius:1px;width:28px;height:2px}.drive-time{color:var(--gold);background:var(--gold-light);letter-spacing:1px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.food-row{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.food-chip{background:var(--card);border:1px solid var(--card-border);color:var(--ink);box-shadow:var(--card-shadow);border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}.food-chip span:first-child{font-size:14px}.end-card{text-align:center;padding:28px 24px;position:relative;overflow:hidden}.end-card:before{content:"";background:var(--gold);border-radius:2px;width:48px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.end-icon{margin-bottom:12px;font-size:36px;display:block}.end-card p{font-size:14px}.end-sub{letter-spacing:1px;margin-top:6px;color:var(--ink-muted)!important;font-size:12px!important}.page-banner{aspect-ratio:16/10;border-radius:16px;width:100%;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 6px 24px #1f1a131a}.page-banner:after{content:"";pointer-events:none;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff4d}.page-banner img{object-fit:cover;width:100%;height:100%;animation:20s ease-in-out infinite alternate banner-drift;display:block}@keyframes banner-drift{0%{transform:scale(1.02)}50%{transform:scale(1.06)translate(-1%)}to{transform:scale(1.02)translate(1%)}}.img-grid-2{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.img-card{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 4px 16px #1f1a1314}.img-card.tall{aspect-ratio:4/3.4}.img-card img{object-fit:cover;width:100%;height:100%;display:block}.img-card span{color:#fff;letter-spacing:.5px;background:linear-gradient(#0000 0%,#0000008c 100%);padding:8px 12px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0}@media (width<=400px){.route-panel{width:56px}.cover-title{font-size:34px}.cover-en{letter-spacing:8px;font-size:14px}.page-title{font-size:24px}.snap-section{padding:36px 16px}.page-card{padding:18px}}