:root{--red:#ed363e;--ink:#25282e;--muted:#858c96;--line:#e8eaed;--bg:#f5f6f7;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ff959e;outline-offset:2px}[hidden]{display:none!important}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.icon-symbols{position:absolute;width:0;height:0;overflow:hidden}.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topline{background:#24272d;color:#c0c4c9;font-size:10px;letter-spacing:.8px}.topline .shell{height:30px;display:flex;align-items:center;justify-content:space-between}.header{background:rgba(255,255,255,.97);border-bottom:1px solid #ecedef;position:sticky;top:0;z-index:60;backdrop-filter:blur(14px)}.header-inner{height:77px;display:flex;align-items:center;gap:22px}.logo{display:flex;gap:12px;align-items:center;color:inherit;background:none;border:0;padding:0;white-space:nowrap}.logo-sign{background:var(--red);color:white;font-size:21px;font-weight:950;width:43px;height:43px;display:grid;place-items:center;border-radius:10px;transform:skew(-4deg)}.logo-sign span{color:#fff}.logo-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.logo-text b{font-size:18px}.logo-text small{font-size:9px;letter-spacing:1.15px;color:#a0a5ac}.head-search{flex:1;min-width:0;background:#f7f8f9;border:1px solid #e9ecef;border-radius:9px;display:flex;align-items:center;gap:10px;padding:5px 5px 5px 14px}.head-search>.ic{color:#9098a3;width:17px}.head-search input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:12px}.head-search button{height:35px;padding:0 13px;border-radius:6px;color:#fff;background:var(--ink);border:0;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:850}.head-search button .ic{width:15px}.header-nav{display:flex;gap:16px}.header-nav button{border:0;background:none;font-size:12px;color:#545d68;font-weight:800;white-space:nowrap}.head-save{background:#fff1f2;color:#d42d38;border:1px solid #f6dbde;padding:0 11px;display:flex;align-items:center;gap:7px;border-radius:8px;height:38px;font-size:12px;font-weight:800}.head-save .ic{width:17px}.head-save b{font-size:10px}.mobile-search{display:none}
.hero-section{background:#fff;padding:22px 0 18px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px}.hero-primary{position:relative;min-height:390px;background:linear-gradient(120deg,#ee4047,#ce1e2b);color:#fff;border-radius:15px;overflow:hidden;padding:40px 39px}.hero-primary:before,.hero-primary:after{content:"";position:absolute;right:-80px;top:-80px;width:400px;height:400px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.hero-primary:after{right:-20px;top:-30px;width:275px;height:275px}.hero-tag{position:relative;z-index:2;display:inline-flex;gap:8px;align-items:center;border:1px solid #ffffff77;background:#ffffff16;border-radius:99px;padding:7px 11px;font-weight:800;font-size:10px;letter-spacing:.7px}.hero-dot{height:7px;width:7px;background:white;border-radius:50%}.hero-primary h1{position:relative;z-index:2;font-size:56px;line-height:1.1;letter-spacing:-2px;margin:23px 0 13px}.hero-primary h1 em{font-style:normal}.hero-primary p{position:relative;z-index:2;max-width:390px;color:#ffe0e2;line-height:1.85;font-size:14px;margin:0}.hero-actions{position:relative;z-index:3;display:flex;align-items:center;gap:13px;margin-top:25px}.btn-white{display:flex;align-items:center;gap:9px;background:#fff;border:0;border-radius:7px;color:#d32230;font-weight:900;padding:12px 15px;font-size:12px}.btn-white .ic{width:15px}.btn-link{display:flex;gap:7px;align-items:center;border:0;background:none;color:white;font-size:12px;font-weight:800}.btn-link .ic{width:16px}.hero-caption{position:relative;z-index:3;margin-top:21px;font-size:10px;color:#ffdadc}.hero-art{position:absolute;right:4px;bottom:-2px;width:46%;height:340px;object-fit:contain;object-position:bottom right}.hero-aside{display:flex;flex-direction:column;gap:13px}.hero-aside button{position:relative;flex:1;min-height:0;text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:14px;padding:19px 20px;background:#f8f9fa}.hero-aside button span{display:block;color:#d2333d;font-size:9px;font-weight:900;letter-spacing:1px}.hero-aside button b{display:block;margin:10px 0 0;font-size:20px;line-height:1.32;max-width:215px}.hero-aside button small{position:relative;z-index:1;margin-top:15px;display:flex;align-items:center;gap:5px;font-size:10px;color:#6e7680}.hero-aside button small .ic{width:13px}.hero-pick img{width:140px;height:110px;object-fit:cover;position:absolute;right:-11px;bottom:-28px}.hero-aside .hero-mini{background:#292c33;color:#fff;border:0}.hero-aside .hero-mini span{color:#ffbec2}.hero-aside .hero-mini small{color:#dddfe2}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px;margin-bottom:51px}.quick button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:14px;background:white;min-width:0}.quick-icon{height:44px;width:44px;border-radius:11px;display:grid;place-items:center;flex:none}.quick-icon .ic{width:23px;height:23px}.quick-icon.red{background:#ffeeef;color:#e33b45}.quick-icon.dark{background:#eff0f2;color:#363c43}.quick-icon.light{background:#eaf1f5;color:#587994}.quick-icon.warm{background:#fff1e4;color:#ca7f52}.quick button>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.quick b{font-size:13px}.quick small{font-size:10px;color:#949ba3;margin-top:5px;white-space:nowrap}.quick button>.ic{margin-left:auto;width:15px;color:#b0b6bd}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.overline{display:inline-flex;gap:8px;align-items:center;color:#c32c37;letter-spacing:1.1px;font-size:10px;font-weight:900}.overline i{width:4px;height:9px;background:var(--red)}.section-head h2{margin:8px 0 4px;font-size:28px;letter-spacing:-1px}.section-head p{font-size:12px;color:#828b95;line-height:1.7;margin:6px 0}.subtle-link{border:0;background:none;color:#c62e38;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:850}.subtle-link .ic{width:15px}.route-section{scroll-margin-top:95px;padding-bottom:55px}.route-panel{background:#fff;border-radius:14px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.route-map{position:relative;background:#f1f2f3;min-height:270px}.route-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.route-stamp{position:absolute;bottom:15px;left:17px;letter-spacing:1.8px;font-size:9px;color:#999fa5;font-weight:900}.route-steps{padding:12px 28px;display:flex;flex-direction:column;justify-content:center}.route-steps button{display:flex;align-items:center;gap:13px;padding:16px 0;border:0;border-bottom:1px solid #f0f1f2;text-align:left;background:none}.route-steps button:last-child{border:0}.route-number{flex:none;border:1px solid #f3a9b0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#d22d38;font-weight:900;font-size:12px}.route-steps button>span:nth-child(2){flex:1}.route-steps b{font-size:14px}.route-steps small{display:block;font-size:11px;margin-top:6px;color:#9298a0}.route-steps button>.ic{color:#b8bcc3;width:15px}
.feed-wrap{background:white;padding:46px 0 56px;scroll-margin-top:85px}.feed-heading h2 small{color:#959ba3;letter-spacing:0;font-size:13px;font-weight:600}.desktop-bookmarks{border:1px solid #eceef0;border-radius:8px;padding:11px 14px;background:#fff;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:850}.desktop-bookmarks .ic{color:#e53d47;width:16px}.desktop-bookmarks b{color:#bf2732}.filters{display:flex;gap:7px;border-bottom:1px solid #e9ebed;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding-bottom:14px;margin-bottom:20px}.filters::-webkit-scrollbar{display:none}.filters button{border:0;background:none;color:#7f8791;padding:10px 16px;font-weight:800;font-size:12px}.filters button.active{background:#fff0f1;color:#d12b36;border-radius:7px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{overflow:hidden;min-width:0;background:white;border:1px solid #e9ebef;border-radius:12px;transition:.2s}.card:hover{box-shadow:0 15px 40px #20242d12;transform:translateY(-2px)}.card-image{border:0;padding:0;display:block;width:100%;height:175px;background:#f2f4f5;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.number{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:3px;background:#24262cde;color:white;font-size:9px;letter-spacing:.6px}.card-info{padding:14px}.tag{font-size:10px;color:#cf343e;font-weight:850}.card-info h3{font-size:15px;line-height:1.55;min-height:72px;margin:10px 0 7px}.card-info h3 button{border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit}.card-info p{font-size:11px;color:#818891;line-height:1.75;min-height:58px;margin:0}.card-actions{display:flex;align-items:center;justify-content:space-between;padding-top:11px;margin-top:12px;border-top:1px solid #eff0f2}.card-actions button:first-child{padding:0;border:0;background:none;display:flex;align-items:center;gap:7px;font-size:11px;color:#c92e38;font-weight:900}.card-actions .ic{width:15px}.save-btn{border:1px solid #f2dddf;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;color:#d02e38;background:#fff7f8}.save-btn.on{background:#d92f3a;color:#fff}.empty{padding:45px 15px;background:#f6f7f8;border-radius:10px;text-align:center}.empty b{font-size:17px}.empty p{color:#838b94;font-size:12px}.empty button{background:var(--red);color:#fff;padding:12px 20px;border:0;border-radius:8px;font-weight:800}.feed-note{display:flex;gap:9px;align-items:center;margin-top:25px;padding:14px 16px;border-radius:9px;background:#f6f7f8;font-size:11px;line-height:1.75;color:#9399a2}.feed-note .ic{flex:none;width:17px;color:#cd2f39}.closing{margin-top:38px;margin-bottom:43px;border-radius:14px;background:#292c33;color:#fff;padding:33px 37px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden}.closing span{font-size:10px;letter-spacing:1px;color:#ffacb1;font-weight:900}.closing h2{font-size:28px;margin:13px 0}.closing p{font-size:12px;color:#c3c7cd;line-height:1.8}.closing button{padding:12px 16px;background:var(--red);color:#fff;border:0;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:850}.closing-art{font-size:43px;font-weight:950;letter-spacing:-3px;color:#ffffff19;transform:rotate(-8deg);white-space:nowrap}.closing-art em{color:#ef5761}.footer{border-top:1px solid var(--line);background:white;padding:35px 0 45px}.foot-inner{display:flex;justify-content:space-between;gap:20px}.footer b{font-size:15px}.footer p{font-size:12px;color:#808791}.footer small{font-size:10px;line-height:1.9;color:#9da4aa;max-width:800px;display:block}.foot-inner>div:last-child{text-align:right;white-space:nowrap}.mobile-nav{display:none}
.overlay{position:fixed;inset:0;background:#181c26aa;z-index:100;display:flex;align-items:center;justify-content:center}.search-overlay{align-items:flex-start;padding:95px 15px}.search-box{background:#fff;border-radius:12px;box-shadow:0 30px 70px #0003;padding:9px 11px 9px 18px;display:flex;gap:12px;align-items:center;width:min(600px,100%)}.search-box>.ic{color:#9299a3}.search-box input{flex:1;min-width:0;border:0;outline:0;padding:12px 0;font-size:14px}.search-box button,.detail-top button{display:grid;place-items:center;width:36px;height:36px;border:0;background:#f2f3f4;border-radius:8px;color:#606770}.detail-dialog{width:min(640px,100%);max-height:92vh;height:min(790px,92vh);overflow:hidden;border-radius:15px;display:flex;flex-direction:column;background:white;box-shadow:0 30px 90px #1418215a}.detail-top{height:62px;flex:none;border-bottom:1px solid #eceef0;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.detail-top b{font-size:14px}.detail-top b small{display:block;color:#a0a5ac;font-size:9px;letter-spacing:.8px;margin-top:3px}.detail-scroll{overflow-y:auto;padding:25px 35px 36px}.detail-tag{display:inline-block;border-radius:5px;background:#fff0f1;color:#d82e39;padding:7px 10px;font-size:10px;font-weight:850}.detail-scroll h2{font-size:25px;line-height:1.5;margin:16px 0 10px}.detail-subtitle{font-size:14px;color:#777f89;line-height:1.8}.detail-scroll>img{width:100%;max-height:300px;object-fit:contain;background:#f3f4f5;border-radius:9px;margin:18px 0}.detail-body p{font-size:13px;color:#4e5660;line-height:2;margin:15px 0}.detail-body h3{font-size:15px;margin:26px 0 12px}.detail-body ul{background:#f6f7f8;border-radius:9px;padding:14px 18px 14px 35px}.detail-body li{font-size:12px;color:#525a64;line-height:1.9;margin:5px 0}.detail-disclaimer{font-size:11px;color:#959ba3;line-height:1.9;border-left:3px solid var(--red);padding-left:12px;margin:23px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions button{border:0;border-radius:8px;background:var(--red);color:white;padding:12px 17px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:850}.detail-actions button+button{background:#f0f2f4;color:#535d69}.toast{position:fixed;z-index:170;bottom:85px;left:50%;padding:11px 18px;border-radius:25px;background:#282b31;color:#fff;white-space:nowrap;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}body.locked{overflow:hidden}
@media(max-width:1080px){.header-nav{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 245px}.hero-primary h1{font-size:49px}.hero-primary{padding:33px}.hero-aside button b{font-size:18px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.quick button{gap:7px;padding:11px}.quick-icon{width:38px;height:38px}.quick b{font-size:12px}.quick small{font-size:9px}}
@media(max-width:820px){.head-search{display:none}.mobile-search{margin-left:auto;display:grid;place-items:center;border:0;background:#f5f6f7;border-radius:9px;width:38px;height:38px}.hero-grid{grid-template-columns:1fr}.hero-primary{min-height:355px}.hero-aside{flex-direction:row}.hero-aside button{min-height:165px;width:50%}.quick{grid-template-columns:repeat(2,1fr)}.route-panel{grid-template-columns:1fr}.route-map{min-height:225px}.route-steps{padding:8px 20px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body{padding-bottom:calc(61px + env(safe-area-inset-bottom))}.topline{display:none}.shell{width:calc(100% - 24px)}.header-inner{height:59px;gap:9px}.logo-sign{width:35px;height:35px;font-size:18px}.logo-text b{font-size:16px}.logo-text small{font-size:7px}.head-save{position:relative;width:36px;height:36px;justify-content:center;padding:0}.head-save span{display:none}.head-save b{position:absolute;top:-3px;right:-4px;background:#df303c;color:white;border-radius:50%;height:15px;min-width:15px;display:grid;place-items:center;font-size:8px}.hero-section{padding:11px 0}.hero-grid{gap:9px}.hero-primary{padding:23px 19px 0;min-height:386px;border-radius:12px}.hero-tag{font-size:8px;padding:6px 9px}.hero-primary h1{font-size:36px;line-height:1.16;margin:17px 0 8px}.hero-primary p{font-size:11px;line-height:1.65}.hero-actions{gap:6px;margin-top:13px}.btn-white{font-size:10px;padding:10px 12px}.btn-link{font-size:10px}.hero-caption{font-size:8px;margin-top:11px;max-width:92%}.hero-art{position:absolute;right:5px;bottom:0;width:83%;height:175px;max-height:none;object-position:bottom right}.hero-aside button{min-height:129px;padding:13px;border-radius:10px}.hero-aside button span{font-size:8px;letter-spacing:.2px}.hero-aside button b{font-size:15px;margin-top:7px}.hero-aside button small{font-size:9px;margin-top:9px}.hero-pick img{height:85px;width:85px;right:-23px;bottom:-20px}.quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px auto 30px}.quick button{padding:9px 2px;flex-direction:column;gap:6px;text-align:center;border-radius:9px}.quick-icon{width:42px;height:42px}.quick b{font-size:10px}.quick small{display:none}.quick button>.ic{display:none}.section-head h2{font-size:20px}.section-head p{font-size:10px}.overline{font-size:9px}.subtle-link{display:none}.route-section{padding-bottom:28px}.route-map{min-height:168px}.route-stamp{font-size:8px;left:12px;bottom:9px}.route-steps{padding:0 14px}.route-steps button{padding:12px 0}.route-number{width:30px;height:30px;font-size:10px}.route-steps b{font-size:12px}.route-steps small{font-size:10px}.feed-wrap{padding:31px 0 40px}.feed-heading h2 small{font-size:10px}.desktop-bookmarks{display:none}.filters button{font-size:10px;padding:10px 11px}.filters{gap:2px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-radius:9px}.card-image{height:124px}.number{left:6px;bottom:6px;font-size:8px;padding:4px 6px}.card-info{padding:10px}.tag{font-size:9px}.card-info h3{font-size:12px;min-height:73px;line-height:1.55;margin:7px 0 4px}.card-info p{font-size:10px;min-height:68px}.card-actions{padding-top:8px;margin-top:8px}.card-actions button:first-child{font-size:10px}.save-btn{width:27px;height:27px}.feed-note{font-size:10px;padding:11px}.closing{padding:25px 20px;margin-top:24px;margin-bottom:25px}.closing h2{font-size:22px}.closing p{font-size:11px}.closing-art{display:none}.footer{padding:25px 0 30px}.foot-inner{display:block}.footer small{font-size:9px}.foot-inner>div:last-child{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:75;display:grid;grid-template-columns:repeat(4,1fr);height:calc(61px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e9eaed;padding:5px 8px calc(5px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:#8f97a0;font-size:10px}.mobile-nav button.active{color:#d32f39;font-weight:850}.mobile-nav .ic{height:20px;width:20px}.search-overlay{padding:68px 10px}.detail-overlay{padding:0}.detail-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.detail-scroll{padding:21px 18px 80px}.detail-scroll h2{font-size:22px}#feed,#route{scroll-margin-top:70px}}
@media(max-width:360px){.hero-primary{min-height:405px}.hero-primary h1{font-size:32px}.hero-art{height:163px}.quick-icon{height:38px;width:38px}.quick b{font-size:9px}.card-image{height:112px}.card-info h3{font-size:11px}.card-info p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}