.homepage-root{background:#fffbef;min-height:100vh;padding:0 0 40px}.homepage-header{background:linear-gradient(90deg,#ffeb99,#a8e6cf);border-radius:0 0 32px 32px;padding:36px 16px 28px;text-align:center;box-shadow:0 6px 18px #0000001a;position:relative;overflow:hidden}.homepage-header:before{content:"🌲";position:absolute;font-size:3.5rem;top:10px;left:5%;opacity:.3;animation:float 8s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.homepage-title{font-size:2.4rem;font-weight:700;color:#3b3a3a;margin-bottom:16px;letter-spacing:1px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:Comic Sans MS,Comic Sans,cursive}.homepage-intro{font-size:1.15rem;color:#4a4a4a;line-height:1.8;margin:0 auto;max-width:900px;background:#ffffffb3;border-radius:20px;padding:18px 22px;box-shadow:4px 4px 10px #0000000d}.homepage-recommend{margin:36px auto 20px;max-width:900px;padding:0 12px;position:relative}.recommend-title{font-size:1.7rem;font-weight:700;color:#3b3a3a;margin-bottom:22px;text-align:center;font-family:Comic Sans MS,Comic Sans,cursive;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.recommend-title:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:4px;background:linear-gradient(90deg,#ffb347,#fc3);border-radius:4px}.recommend-list{display:flex;flex-direction:column;gap:32px}.recommend-block{display:flex;align-items:flex-start;border-radius:24px;box-shadow:0 8px 16px #00000014;padding:24px 20px;gap:20px;min-height:160px;transition:all .3s;border:4px solid rgba(255,255,255,.5);position:relative;overflow:hidden;animation:appear .5s ease-out}@keyframes appear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.recommend-block:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-5px)}.recommend-icon{font-size:3.5rem;margin-right:8px;flex-shrink:0;margin-top:8px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.recommend-info{flex:1}.recommend-info h3{font-size:1.4rem;font-weight:700;margin-bottom:10px;color:#2d2d2d;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-family:Comic Sans MS,Comic Sans,cursive}.recommend-desc{font-size:1.05rem;color:#4e4e4e;margin-bottom:14px}.mountain-cards{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.mountain-card{background:#fff;border-radius:18px;box-shadow:0 4px 10px #00000014;padding:12px 20px;display:flex;align-items:center;cursor:pointer;font-size:1.05rem;transition:all .2s;-webkit-user-select:none;user-select:none;border:2px solid transparent}.mountain-card:hover{background:#f9f9f9;box-shadow:0 6px 14px #0000001f;transform:scale(1.05);border-color:#fc3}.mountain-card-icon{font-size:1.5rem;margin-right:10px}.mountain-card-name{font-weight:600;color:#3b3a3a}@media (max-width: 700px){.homepage-header{padding:24px 6px 16px;border-radius:0 0 18px 18px}.homepage-title{font-size:1.5rem}.homepage-intro{font-size:1rem;padding:12px 10px}.recommend-block{flex-direction:column;align-items:stretch;padding:16px 10px;min-height:120px}.recommend-icon{font-size:2.5rem;margin-bottom:8px;margin-top:0}}.homepage-mountainlist-btn{margin:22px auto 0;display:block;background:linear-gradient(90deg,#ffd36e,#b5ead7);color:#3b3a3a;font-size:1.2rem;font-weight:700;border:none;border-radius:24px;padding:14px 34px;box-shadow:0 6px 12px #00000026;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;font-family:Comic Sans MS,Comic Sans,cursive}.homepage-mountainlist-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:.5s}.homepage-mountainlist-btn:hover{background:linear-gradient(90deg,#ffba5c,#9aedd1);box-shadow:0 8px 18px #0003;transform:translateY(-3px)}.homepage-mountainlist-btn:hover:before{left:100%}.clouds{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.cloud{position:absolute;font-size:3.5rem;opacity:.7;animation:floatCloud linear infinite}.cloud-1{top:15%;animation-duration:35s}.cloud-2{top:40%;animation-duration:45s}.cloud-3{top:10%;animation-duration:40s;animation-delay:-20s}@keyframes floatCloud{0%{left:-10%}to{left:110%}}.title-icon{font-size:2rem;display:inline-block;margin:0 10px;vertical-align:middle;animation:wave 2.5s infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.animal-friends{position:relative;height:120px;margin-top:30px;margin-bottom:10px}.animal{position:absolute;font-size:2.5rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.animal-1{left:5%;bottom:0;animation:peek 3s infinite}.animal-2{left:35%;bottom:0;animation:peek 4s 1s infinite}.animal-3{right:35%;bottom:20px;animation:fly 6s 2s infinite}.animal-4{right:5%;bottom:0;animation:hop 2.5s .5s infinite}@keyframes peek{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fly{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,-15px) rotate(5deg)}50%{transform:translateY(-30px) rotate(0)}75%{transform:translate(20px,-15px) rotate(-5deg)}}@keyframes hop{0%,to{transform:translateY(0) scaleY(1)}10%{transform:translateY(0) scaleY(.8)}30%{transform:translateY(-30px) scaleY(1.1)}50%{transform:translateY(0) scaleY(.8)}70%{transform:translateY(-15px) scaleY(1.05)}90%{transform:translateY(0) scaleY(.9)}}.mountain-list-root{background:#fffbef;min-height:100vh;padding:0 0 40px;position:relative;overflow-x:hidden}.mountain-list-header{background:linear-gradient(90deg,#c6f8c9,#ffc9dd);border-radius:0 0 32px 32px;padding:32px 16px 20px;text-align:center;box-shadow:0 6px 15px #0000001a;position:relative;margin-bottom:32px;overflow:hidden}.mountain-list-header:before{content:"⛰️";position:absolute;left:8%;top:15px;font-size:2.5rem;opacity:.3;animation:float 6s infinite ease-in-out}.mountain-list-header:after{content:"🏔️";position:absolute;right:8%;top:15px;font-size:2.5rem;opacity:.3;animation:float 8s 1s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mountain-list-header h1{font-size:2rem;font-weight:700;color:#3b3a3a;margin-bottom:15px;font-family:Comic Sans MS,Comic Sans,cursive;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.area-filter{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.05rem;color:#4e4e4e;font-weight:700}.area-filter label{white-space:nowrap}.area-filter select{border-radius:18px;border:2px solid #ffe59e;padding:8px 30px 8px 16px;font-size:1.05rem;background:#fff;outline:none;transition:all .2s;cursor:pointer;box-shadow:0 4px 10px #0000000d;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:1em}.area-filter select:focus{border-color:#ffc9dd;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mountain-list{display:flex;flex-wrap:wrap;gap:26px;justify-content:center;max-width:1200px;margin:0 auto;padding:0 15px;position:relative}.mountain-list-card{background:#fff;border-radius:24px;box-shadow:0 8px 16px #00000014;padding:20px 24px;min-width:280px;max-width:340px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .25s;border:3px solid transparent;transform-origin:center bottom;animation:popIn .5s ease-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.mountain-list-card:hover{background:#f9f9f9;box-shadow:0 12px 24px #00000026;border-color:#ffc9dd;transform:translateY(-8px) scale(1.02)}.mountain-list-icon{font-size:3rem;margin-top:2px;flex-shrink:0;filter:drop-shadow(2px 2px 5px rgba(0,0,0,.2));animation:bounce 3s infinite;transform-origin:bottom center}.mountain-list-info{flex:1}.mountain-list-title{font-size:1.3rem;font-weight:700;color:#2d2d2d;margin-bottom:8px;font-family:Comic Sans MS,Comic Sans,cursive;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.mountain-list-meta{font-size:.98rem;color:#6e6e6e;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:10px}.mountain-list-area{background:#ffe59e;border-radius:12px;padding:3px 10px;font-size:.92rem;font-weight:700;box-shadow:0 2px 5px #0000000d}.mountain-list-difficulty{background:#c6f8c9;border-radius:12px;padding:3px 10px;font-size:.92rem;font-weight:700;box-shadow:0 2px 5px #0000000d}.mountain-list-highlights{font-size:.98rem;color:#4e4e4e;margin-top:2px;line-height:1.4}.mountain-list-empty{width:100%;text-align:center;color:#b0b0b0;font-size:1.2rem;margin-top:40px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:15px}.mountain-list-empty:before{content:"🔍";font-size:3rem}.decorations{position:absolute;width:100%;height:100%;pointer-events:none;z-index:-1}.decoration{position:absolute;font-size:2.5rem;opacity:.15}.decoration-1{top:30%;left:2%;animation:float 7s infinite ease-in-out}.decoration-2{bottom:20%;right:3%;animation:float 9s 2s infinite ease-in-out}@media (max-width: 700px){.mountain-list-header{padding:22px 8px 15px;border-radius:0 0 20px 20px}.mountain-list-header h1{font-size:1.6rem}.mountain-list-card{min-width:92%;max-width:95%;padding:16px 12px;gap:12px}.mountain-list-icon{font-size:2.2rem}.mountain-list-title{font-size:1.15rem}}.detail-root{background:#fffbef;max-width:800px;margin:32px auto;border-radius:28px;box-shadow:0 8px 25px #0000001a;padding:28px 22px 36px;position:relative;overflow:hidden}.detail-root:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 90% 10%,#ffe59e66,#ffe59e00 50%),radial-gradient(circle at 10% 90%,#c6f8c966,#c6f8c900 50%);z-index:-1}.detail-back-btn{background:#ffe59e;color:#3b3a3a;border:none;border-radius:18px;padding:10px 22px;font-size:1.1rem;font-weight:700;margin-bottom:22px;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #0000001a;font-family:Comic Sans MS,Comic Sans,cursive;position:relative;overflow:hidden}.detail-back-btn:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);top:0;left:-100%;transition:.5s}.detail-back-btn:hover{background:#c6f8c9;transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.detail-back-btn:hover:after{left:100%}.detail-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px;background:linear-gradient(90deg,#ffc9dd,#b5eaf7);padding:22px;border-radius:20px;box-shadow:0 4px 15px #00000014;position:relative}.detail-header:after{content:"⛅";position:absolute;top:15px;right:20px;font-size:2rem;opacity:.7;animation:floatCloud 8s infinite ease-in-out}@keyframes floatCloud{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.detail-icon{font-size:3.5rem;margin-top:2px;flex-shrink:0;filter:drop-shadow(3px 3px 5px rgba(0,0,0,.2));animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.detail-title{font-size:2.2rem;font-weight:700;color:#2d2d2d;margin-bottom:10px;font-family:Comic Sans MS,Comic Sans,cursive;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.detail-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:1rem;color:#4e4e4e;margin-bottom:10px}.detail-area{background:#ffe59e;border-radius:12px;padding:5px 12px;box-shadow:0 2px 6px #00000014;font-weight:700}.detail-difficulty{background:#c6f8c9;border-radius:12px;padding:5px 12px;box-shadow:0 2px 6px #00000014;font-weight:700}.detail-altitude{background:#b5eaf7;border-radius:12px;padding:5px 12px;box-shadow:0 2px 6px #00000014;font-weight:700}.detail-highlights{font-size:1.1rem;color:#3b3a3a;margin-top:6px;line-height:1.4}.detail-section{background:#fff;border-radius:20px;box-shadow:0 6px 15px #00000014;padding:22px 18px 18px;margin-bottom:28px;position:relative;overflow:hidden}.detail-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#ffc9dd,#b5eaf7)}.detail-section h2{font-size:1.4rem;font-weight:700;color:#2d2d2d;margin-bottom:15px;font-family:Comic Sans MS,Comic Sans,cursive;display:flex;align-items:center}.detail-section h2:before{content:attr(data-icon);font-size:1.6rem;margin-right:10px}.detail-section:nth-child(3) h2:before{content:"🧭"}.detail-section:nth-child(4) h2:before{content:"🔍"}.detail-section:nth-child(5) h2:before{content:"📖"}.detail-section:nth-child(6) h2:before{content:"👣"}.detail-routes,.detail-classroom,.detail-footprints{list-style:none;padding:0;margin:0}.detail-route-item,.detail-classroom-item,.detail-footprint-item{margin-bottom:15px;font-size:1.05rem;color:#444;background:#f8fafc;border-radius:15px;padding:12px 15px;box-shadow:0 3px 10px #0000000d;transition:all .2s;border-left:4px solid #ffc9dd}.detail-route-item:hover,.detail-classroom-item:hover,.detail-footprint-item:hover{transform:translate(5px);box-shadow:0 5px 15px #00000014}.detail-route-item strong,.detail-classroom-item strong,.detail-footprint-item strong{color:#2d2d2d;font-size:1.1rem;font-family:Comic Sans MS,Comic Sans,cursive;display:block;margin-bottom:5px}.detail-safety{color:#e67c00;font-size:1.05rem;margin-top:12px;background:#fff7e6;border-radius:15px;padding:12px 15px;box-shadow:0 3px 10px #0000000d;border-left:4px solid #ffa940}.detail-edu{color:#3b7a57;font-size:1.05rem;margin-top:8px;background:#e6fff7;border-radius:15px;padding:10px 15px;box-shadow:0 3px 10px #0000000d;border-left:4px solid #52c41a}.detail-corestory{font-size:1.1rem;color:#3b3a3a;background:#f8fafc;border-radius:15px;padding:15px 18px;box-shadow:0 3px 10px #0000000d;line-height:1.6;border-left:4px solid #b5eaf7}.detail-animals{height:80px;margin-top:-10px;margin-bottom:20px;position:relative}.detail-animals .animal{font-size:2.8rem}.detail-animals .animal-1{left:10%;bottom:0;animation:peekSlow 5s infinite}.detail-animals .animal-2{right:10%;bottom:0;animation:hop 3s infinite}@keyframes peekSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 700px){.detail-root{padding:15px 3vw 22px;margin:15px 0 20px;border-radius:15px}.detail-header{flex-direction:column;gap:10px;padding:15px}.detail-title{font-size:1.5rem}.detail-icon{font-size:2.5rem}.detail-section{padding:15px 10px 12px;border-radius:15px}}