*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}img{display:block;max-width:100%}:root{--brand-800:#142800;--brand-500:#2D5A00;--brand-neon:#5DE372;--brand-50:#F4FAE8;--brand-100:#E8F5C8;--text-primary:#1A1A1A;--text-secondary:#5C5C5C;--text-tertiary:#9A9A9A;--surface-secondary:#F6F6F4;--border-default:#E5E5E3;--radius-lg:12px;--radius-full:9999px;--radius-xl:16px;--shadow-sm:0 1px 4px rgba(0,0,0,0.07);--shadow-md:0 4px 20px rgba(0,0,0,0.10);--font-en:'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;--font-cjk:'Noto Sans SC', 'PingFang SC', sans-serif}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 28px}@media(max-width:640px){.container{padding:0 20px}}.trail-hero-split{display:grid;grid-template-columns:1fr 260px;gap:12px;margin:16px 0 0;height:340px}.trail-hero-main{border-radius:var(--radius-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,#0f2808,#1e4210 40%,#2d5a1e 70%,#143006)}.trail-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trail-hero-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;opacity:.25}.trail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%);z-index:1}.trail-hero-meta{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;color:#fff;z-index:2}.trail-hero-region{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:6px}.trail-hero-title{font-size:clamp(22px,4vw,38px);font-weight:800;line-height:1.1;margin-bottom:4px}.trail-hero-zh{font-size:16px;color:rgba(255,255,255,.6);font-family:var(--font-cjk)}.trail-hero-side{display:flex;flex-direction:column;gap:10px;min-width:0}.trail-hero-thumbs{display:grid;grid-template-rows:1fr 1fr;gap:10px;flex:1;min-height:0}.trail-hero-thumb{border-radius:var(--radius-lg);overflow:hidden;position:relative}.trail-hero-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.trail-hero-split{grid-template-columns:1fr;height:auto}.trail-hero-main{aspect-ratio:16/9;height:auto}.trail-hero-side{flex-direction:row;align-items:center}.trail-hero-thumbs{grid-template-columns:1fr 1fr;grid-template-rows:none;flex:1;height:80px}}@media(max-width:480px){.trail-hero-side{flex-direction:column;align-items:flex-start}.trail-hero-thumbs{width:100%;height:72px}}.trail-actions{display:flex;align-items:center;gap:10px;margin:14px 0 0;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:#fff;border:1.5px solid var(--border-default);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:border-color 150ms,background 150ms,transform 150ms,box-shadow 150ms}.action-btn:hover{border-color:var(--brand-500);background:var(--brand-50);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn:active{transform:translateY(0)}.action-btn-icon{font-size:15px;line-height:1}.stats-bar{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin:16px 0 0;box-shadow:var(--shadow-sm)}.stat-item{flex:1;min-width:100px;padding:16px 20px;border-right:1px solid var(--border-default);background:#fff}.stat-item:last-child{border-right:none}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:4px}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.stat-value.hard{color:#dc3545}.stat-value.moderate{color:#e07b00}.stat-value.easy{color:#28a745}@media(max-width:640px){.stats-bar{display:grid;grid-template-columns:1fr 1fr}.stat-item{border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}}.gallery-section{margin-top:28px}.gallery-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.gallery-title span{font-size:14px;font-weight:400;color:var(--text-tertiary);margin-left:6px}.photo-gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.photo-gallery::-webkit-scrollbar{display:none}.photo-card{flex:0 0 calc(33.333% - 11px);min-width:260px;max-width:400px;scroll-snap-align:start;border-radius:var(--radius-lg);overflow:hidden;display:block;line-height:0;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow 200ms ease,transform 200ms ease}.photo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media(hover:none){.photo-card:hover{transform:none;box-shadow:var(--shadow-sm)}}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 300ms ease}.photo-card:hover img{transform:scale(1.04)}.photo-card.single{flex:0 0 60%;min-width:320px;max-width:640px}@media(max-width:768px){.photo-card{flex:0 0 min(85vw,360px);min-width:0}.photo-card.single{flex:0 0 85vw;min-width:0}}.content-wrap{display:grid;grid-template-columns:1fr 320px;gap:48px;margin-top:48px;align-items:start}@media(max-width:1023px){.content-wrap{grid-template-columns:1fr}.sidebar{order:-1}}.article h2{font-size:22px;font-weight:800;color:var(--text-primary);margin:40px 0 14px;padding-top:40px;border-top:1px solid var(--border-default)}.article h2:first-child{margin-top:0;padding-top:0;border-top:none}.article .warn-box{background:#fff8e7;border:1px solid #ffd966;border-left:3px solid #e07b00;border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:16px 20px;margin:20px 0;color:#7a5200}.article .warn-box p{color:#7a5200}.article .gps-box{background:#eef7ff;border:1px solid #3b82f6;border-left:4px solid #2563eb;border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:16px 20px;margin:20px 0;color:#1e40af}.article .gps-box p{color:#1e40af}.article .map-placeholder{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a3210,#244a18 60%,#102008);aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:20px 0;color:rgba(255,255,255,.6);font-size:14px;border:1px solid rgba(255,255,255,8%)}.map-placeholder-icon{font-size:36px;opacity:.5}.map-badge{background:var(--brand-neon);color:var(--brand-800);font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full)}.trail-map-wrap{position:relative;margin:20px 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default)}.trail-map{width:100%;height:420px}@media(max-width:639px){.trail-map{height:300px}}.trail-map-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px;z-index:10}.map-ctrl-btn{width:32px;height:32px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background 150ms}.map-ctrl-btn:hover{background:var(--brand-50)}.map-wpt{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25);border:2px solid #fff}.map-wpt-info{background:#2d5a00;color:#fff}.map-wpt-warning{background:#e67e00;color:#fff}.map-wpt-start{background:#2d5a00;color:#fff}.map-wpt-end{background:#dc3545;color:#fff}.maplibregl-popup-content{border-radius:var(--radius-md)!important;padding:10px 14px!important;font-family:var(--font-en);font-size:13px;box-shadow:var(--shadow-md)!important}.maplibregl-popup-content strong{display:block;margin-bottom:4px;color:var(--text-primary)}.maplibregl-popup-content p{margin:0;color:var(--text-secondary);line-height:1.5}.toc{background:var(--surface-secondary);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:40px}.toc-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:12px}.toc>nav>ul{padding-left:0;margin:0;list-style:decimal}.toc ul ul{padding-left:18px;margin:4px 0 0;list-style:lower-alpha}.toc li{margin-bottom:6px}.toc a{font-size:14px;color:var(--brand-500);text-decoration:none}.toc a:hover{text-decoration:underline}.sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.sidebar-card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:14px}.sidebar-email-form{display:flex;flex-direction:column;gap:10px}.sidebar-email-input{width:100%;height:44px;padding:0 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-full);font-size:14px;font-family:var(--font-en);outline:none;transition:border-color 150ms;color:var(--text-primary)}.sidebar-email-input:focus{border-color:var(--brand-neon)}.sidebar-email-input::placeholder{color:var(--text-tertiary)}.sidebar-submit{width:100%;height:44px;background:var(--brand-neon);color:var(--brand-800);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-en);transition:transform 140ms,box-shadow 140ms}.sidebar-submit:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(93,227,114,.4)}.sidebar-note{font-size:12px;color:var(--text-tertiary);text-align:center}.email-success{display:none;font-size:14px;color:var(--brand-500);font-weight:600;text-align:center;padding:8px 0}.quick-facts{display:flex;flex-direction:column;gap:10px}.quick-fact{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:14px}.qf-label{color:var(--text-tertiary);flex-shrink:0}.qf-value{color:var(--text-primary);font-weight:500;text-align:right}.taxi-address-box{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:8px;padding:14px;font-size:15px;font-family:var(--font-cjk);color:var(--brand-800);font-weight:600;line-height:1.6;margin-bottom:12px}.copy-btn{width:100%;height:40px;background:var(--brand-neon);color:var(--brand-800);border:none;border-radius:var(--radius-full);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-en);transition:transform 140ms,box-shadow 140ms}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(93,227,114,.4)}.bottom-cta{margin:64px 0 0;background:var(--brand-800);border-radius:var(--radius-lg);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.bottom-cta-text h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:6px}.bottom-cta-text p{font-size:14px;color:rgba(255,255,255,.6)}.bottom-cta-form{display:flex;gap:10px;flex-wrap:wrap;flex:1;min-width:260px;max-width:420px}.bottom-cta-input{flex:1;height:44px;padding:0 16px;border-radius:var(--radius-full);border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:14px;font-family:var(--font-en);outline:none}.bottom-cta-input::placeholder{color:rgba(255,255,255,.4)}.bottom-cta-input:focus{border-color:var(--brand-neon)}.bottom-cta-btn{height:44px;padding:0 20px;background:var(--brand-neon);color:var(--brand-800);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-en);white-space:nowrap;transition:transform 140ms,box-shadow 140ms}.bottom-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(93,227,114,.4)}@media(max-width:640px){.bottom-cta{padding:28px;flex-direction:column}.bottom-cta-form{max-width:100%}}.nearby-trail{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-default);text-decoration:none;color:inherit;transition:background 140ms}.nearby-trail:last-child{border-bottom:none;padding-bottom:0}.nearby-icon{font-size:24px;flex-shrink:0}.nearby-name{font-size:14px;font-weight:600;color:var(--text-primary)}.nearby-meta{font-size:12px;color:var(--text-tertiary)}.nearby-trail:hover .nearby-name{color:var(--brand-500)}.faq-section{margin:48px 0 0;border-top:1px solid var(--border-default);padding-top:40px}.faq-header{margin-bottom:20px}.faq-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;border:none;padding:0}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--border-default)}.faq-item:first-child{border-top:none}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;background:0 0;border:none;cursor:pointer;text-align:left;font-size:15px;font-weight:600;color:var(--text-primary);font-family:var(--font-en);transition:color 150ms}.faq-q:hover{color:var(--brand-500)}.faq-q[aria-expanded=true]{color:var(--brand-500)}.faq-q-text{flex:1}.faq-chevron{font-size:18px;font-weight:400;color:var(--text-tertiary);transition:transform 250ms ease,color 150ms;flex-shrink:0;display:inline-block}.faq-q[aria-expanded=true] .faq-chevron{transform:rotate(90deg);color:var(--brand-500)}.faq-a{padding:0 0 20px;font-size:15px;line-height:1.75;color:var(--text-secondary)}.faq-a p{margin:0;color:var(--text-secondary)}.faq-footer{margin-top:20px;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.faq-ask-btn{background:0 0;border:none;color:var(--brand-500);font-weight:600;cursor:pointer;font-size:14px;font-family:var(--font-en);text-decoration:underline;text-underline-offset:2px;padding:0}.faq-ask-btn:hover{color:var(--brand-800)}.feedback-widget{margin:48px 0 0;border-top:1px solid var(--border-default);padding-top:40px}.sidebar .feedback-widget{margin:0;border-top:none;padding-top:0}.sidebar .feedback-inner{max-width:none;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.sidebar .feedback-avatar{font-size:24px}.sidebar .feedback-title{font-size:14px}.sidebar .feedback-sub{font-size:12px}.sidebar .feedback-vote{padding:8px 14px;font-size:13px}.sidebar .feedback-header{margin-bottom:14px}.sidebar .feedback-votes{gap:6px}.sidebar .feedback-tag{padding:5px 10px;font-size:12px}.sidebar .feedback-textarea{font-size:13px;min-height:60px}.sidebar .feedback-email-input{height:36px;font-size:13px}.sidebar .feedback-submit{height:36px;font-size:13px;padding:0 14px}.sidebar .feedback-privacy{font-size:11px}.feedback-inner{background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:28px 32px;max-width:680px}.feedback-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.feedback-avatar{font-size:36px;line-height:1;flex-shrink:0;margin-top:2px}.feedback-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.feedback-sub{font-size:14px;color:var(--text-secondary)}.feedback-votes{display:flex;gap:10px;flex-wrap:wrap}.feedback-vote{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1.5px solid var(--border-default);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;font-family:var(--font-en);transition:border-color 150ms,background 150ms,transform 120ms}.feedback-vote:hover{border-color:var(--brand-500);transform:translateY(-1px)}.feedback-vote.selected{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-800)}.feedback-vote-yes.selected{background:var(--brand-50);border-color:var(--brand-neon)}.feedback-vote-no.selected{background:#fff0f0;border-color:#dc3545}.vote-icon{font-size:16px;line-height:1}.feedback-detail{margin-top:20px}.feedback-prompt{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.feedback-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.feedback-tag{padding:6px 14px;background:#fff;border:1.5px solid var(--border-default);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:var(--font-en);transition:border-color 150ms,background 150ms,color 150ms}.feedback-tag:hover{border-color:var(--brand-500);color:var(--brand-800)}.feedback-tag.selected{background:var(--brand-50);border-color:var(--brand-neon);color:var(--brand-800)}.feedback-textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);font-size:14px;font-family:var(--font-en);color:var(--text-primary);background:#fff;resize:vertical;min-height:80px;outline:none;transition:border-color 150ms;margin-bottom:12px}.feedback-textarea:focus{border-color:var(--brand-500)}.feedback-textarea::placeholder{color:var(--text-tertiary)}.feedback-email-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.feedback-email-input{flex:1;min-width:200px;height:40px;padding:0 14px;border:1.5px solid var(--border-default);border-radius:var(--radius-full);font-size:14px;font-family:var(--font-en);color:var(--text-primary);background:#fff;outline:none;transition:border-color 150ms}.feedback-email-input:focus{border-color:var(--brand-500)}.feedback-email-input::placeholder{color:var(--text-tertiary)}.feedback-submit{height:40px;padding:0 20px;background:var(--brand-500);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-en);white-space:nowrap;transition:transform 140ms,box-shadow 140ms}.feedback-submit:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(45,90,0,.35)}.feedback-privacy{font-size:12px;color:var(--text-tertiary)}.feedback-success{text-align:center;padding:20px 0}.feedback-success-icon{font-size:36px;line-height:1;margin-bottom:10px}.feedback-success-text{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.feedback-success-sub{font-size:14px;color:var(--text-secondary)}@media(max-width:640px){.feedback-inner{padding:20px}.feedback-email-row{flex-direction:column}.feedback-email-input{min-width:100%}}.photos-header{margin:32px 0 24px}.photos-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0}.photos-subtitle{font-size:16px;color:var(--text-secondary);margin-top:4px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:64px}.photos-grid .photo-card{flex:none;min-width:unset;max-width:none;aspect-ratio:4/3}.photos-grid .photo-card img{width:100%;height:100%;object-fit:cover;transition:transform 500ms ease}.photos-grid .photo-card:hover img{transform:scale(1.05)}