:root{--primary:#d9483b;--accent:#157765;--ink:#18201f;--muted:#66716e;--paper:#f4f3ef;--surface:#fff;--soft:#e8f0ed;--red:#d9483b;--jade:#157765;--line:#dfe4e1;--white:#fff;--shadow:0 18px 50px rgba(27,45,41,.08);--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.site-header{position:sticky;z-index:50;top:0;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px max(24px,calc((100% - 1240px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid rgba(24,32,31,.08);backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:21px;font-weight:850;letter-spacing:-.035em;text-decoration:none}.site-brand img{display:block;max-height:52px;max-width:225px}.site-brand small{display:block;margin-top:5px;color:var(--jade);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.brand-stamp{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:var(--red);font-family:serif;font-size:23px}.header-links,.main-nav{display:flex;align-items:center;gap:27px}.main-nav a{position:relative;color:#34413e;text-decoration:none;font-size:13px;font-weight:750}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:var(--red);transition:.2s}.main-nav a:hover:after{right:0}.language-switcher{position:relative}.language-switcher summary{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;list-style:none;font-size:12px;font-weight:800}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher nav{position:absolute;right:0;top:calc(100% + 10px);display:grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:5px;width:180px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.language-switcher nav a{padding:8px 10px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:750}.language-switcher nav a:hover,.language-switcher nav a.active{color:#fff;background:var(--jade)}
.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,57%) minmax(380px,43%);background:#f9f8f4}.hero-copy{position:relative;display:flex;align-items:center;padding:70px max(34px,calc((100vw - 1240px)/2));padding-right:74px;overflow:hidden}.hero-copy:before{content:"";position:absolute;left:-110px;bottom:-125px;width:320px;height:320px;border:1px solid rgba(21,119,101,.16);border-radius:50%}.hero-copy:after{content:"";position:absolute;left:-63px;bottom:-78px;width:225px;height:225px;border:1px solid rgba(21,119,101,.12);border-radius:50%}.hero-inner{position:relative;z-index:2;max-width:650px}.hero h1{margin:16px 0 25px;font-size:clamp(49px,5.8vw,80px);font-weight:800;line-height:.99;letter-spacing:-.065em}.hero p,.homepage-intro{max-width:640px;font-size:18px;line-height:1.66}.homepage-intro p{margin:0}.kicker,.article-section,.card-section{text-transform:uppercase;letter-spacing:.15em;font-size:10px!important;font-weight:850}.kicker{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--jade)}.kicker:before{content:"";width:24px;height:2px;background:var(--red)}.kicker.dark,.card-section,.article-section{color:var(--jade)}.hero-cta{display:inline-flex;align-items:center;gap:12px;margin-top:25px;padding:14px 21px;border-radius:999px;color:#fff;background:var(--red);text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 10px 26px rgba(217,72,59,.2);transition:transform .2s,box-shadow .2s,background .2s}.hero-cta:hover{transform:translateY(-2px);background:#c83d32;box-shadow:0 14px 30px rgba(217,72,59,.24)}.hero-coordinates{position:absolute;right:20px;bottom:30px;display:flex;gap:24px;writing-mode:vertical-rl;color:#9aa29f;font-size:8px;font-weight:800;letter-spacing:.15em}.hero-photo{position:relative;min-height:650px;background:#173e46 url('/assets/taipei-editorial.webp') center 43%/cover no-repeat}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(9,27,25,.42))}.hero-vertical{position:absolute;z-index:2;right:22px;top:22px;padding:11px 7px;border-radius:9px;color:#fff;background:rgba(217,72,59,.92);font-family:serif;font-size:17px;font-weight:700;letter-spacing:.14em;writing-mode:vertical-rl}.hero-number{position:absolute;z-index:2;left:25px;bottom:18px;color:rgba(255,255,255,.88);font-size:65px;font-weight:750;line-height:1;letter-spacing:-.07em}
.showcase,.content,.article{width:min(1240px,calc(100% - 48px));margin:0 auto}.showcase{padding:76px 0}.section-head{display:block;margin-bottom:30px}.section-head .kicker{margin:0 0 10px}.section-head h2,.content>h2,.editorial h2,.faq h2{margin:0;font-size:clamp(31px,3.7vw,49px);font-weight:780;line-height:1.08;letter-spacing:-.045em}.travel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.travel-card{display:grid;grid-template-columns:42% 1fr;min-width:0;min-height:285px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px rgba(27,45,41,.055);transition:transform .23s,box-shadow .23s}.travel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-visual{position:relative;display:block;min-height:100%;overflow:hidden;background:linear-gradient(145deg,#247f70,#133f45)}.card-visual:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.26))}.card-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.travel-card:hover .card-visual img{transform:scale(1.04)}.card-visual-fallback:before{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;border:1px solid rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%)}.card-visual-fallback span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:35px}.card-body{display:flex;flex-direction:column;justify-content:center;padding:29px}.card-section{margin:0 0 10px}.card-section a{text-decoration:none}.card-section a:hover{text-decoration:underline}.card-body h3{margin:0 0 12px;font-size:22px;font-weight:780;line-height:1.22;letter-spacing:-.035em}.card-body h3 a{text-decoration:none}.card-body>p:not(.card-section){margin:0;color:var(--muted);font-size:13px}.card-action{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:19px;padding:9px 14px;border-radius:999px;color:var(--jade);background:var(--soft);text-decoration:none;font-size:12px;font-weight:800}.featured-grid .travel-card:first-child:nth-last-child(1){min-height:410px;grid-template-columns:56% 1fr;grid-column:1/-1}.featured-grid .travel-card:first-child:nth-last-child(1) .card-body{padding:46px}.featured-grid .travel-card:first-child:nth-last-child(1) h3{font-size:36px}.secondary-showcase{width:100%;max-width:none;padding:76px max(24px,calc((100% - 1240px)/2));background:#e9efec}.secondary-showcase .travel-card{background:rgba(255,255,255,.92)}
.homepage-content{position:relative;width:min(980px,calc(100% - 48px));padding:69px 74px;margin:14px auto 80px;background:#fff;border-radius:24px;box-shadow:var(--shadow)}.homepage-content:before{content:"TAIWAN / FIELD NOTES";display:block;margin-bottom:30px;color:var(--red);font-size:9px;font-weight:850;letter-spacing:.18em}.homepage-content p{color:#46524f}.homepage-content h2:not(:first-child){margin-top:45px}.homepage-content h3{margin-top:29px;font-size:23px;font-weight:780;letter-spacing:-.025em}.homepage-content h2{padding-left:18px;border-left:3px solid var(--red)}
.article{position:relative;max-width:1100px;padding:61px 70px 76px;margin-top:45px;margin-bottom:68px;background:#fff;border-radius:24px;box-shadow:var(--shadow)}.article:before{content:"GO2TAIWAN";position:absolute;right:30px;top:34px;color:#abb3b0;font-size:8px;font-weight:850;letter-spacing:.16em}.article h1{max-width:940px;margin:17px 0 25px;font-size:clamp(43px,5.5vw,69px);font-weight:800;line-height:1;letter-spacing:-.06em}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px}.breadcrumb a{color:var(--jade);font-weight:800;text-decoration:none}.article-section{margin:29px 0 0}.article-section a{text-decoration:none}.intro{max-width:860px;padding:21px 24px;border-radius:0 14px 14px 0;color:#34403d;background:#f2eee5;border-left:4px solid var(--red);font-size:18px;font-weight:550}.editorial{max-width:860px}.editorial h2,.faq h2{margin-top:49px;padding-top:16px;border-top:1px solid var(--line)}.editorial h3{margin-top:31px;font-size:23px;font-weight:780;letter-spacing:-.025em}.editorial a{color:#0f7160;font-weight:750;text-decoration-thickness:1px;text-underline-offset:3px}.editorial blockquote{margin:32px 0;padding:19px 23px;border-radius:14px;background:var(--soft);font-weight:600}.offers{width:100%;margin:34px 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.offers>div,.offers>section{margin-left:0!important;margin-right:0!important}.faq details{margin:9px 0;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:#fafbf9}.faq summary{cursor:pointer;font-weight:800}.final-cta{margin:43px 0;padding:25px 28px;border-radius:16px;color:#fff;background:linear-gradient(125deg,var(--jade),#105f52);font-size:17px;font-weight:750;box-shadow:0 12px 28px rgba(21,119,101,.15)}.related{width:100%;max-width:none;padding:74px max(24px,calc((100% - 1240px)/2));background:#e9efec}.video-embed{position:relative;overflow:hidden;aspect-ratio:16/9;margin:41px 0;border-radius:18px;background:#000;box-shadow:0 14px 35px rgba(27,45,41,.12)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
footer{position:relative;padding:64px max(24px,calc((100% - 1240px)/2));color:#dce7e3;background:#172522;border-top:5px solid var(--red)}footer:before{content:"台灣";position:absolute;right:5%;bottom:-42px;color:rgba(255,255,255,.025);font-family:serif;font-size:170px;font-weight:800}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{display:inline-block;color:#fff;text-decoration:none;font-size:24px;font-weight:850;letter-spacing:-.04em}.footer-grid p{max-width:520px;color:#aabbb6}.footer-grid p a{color:#fff;text-underline-offset:3px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-grid nav a{color:#dce7e3;text-decoration:none;font-size:13px}.footer-languages{display:grid!important;grid-template-columns:repeat(2,1fr)}.preview-banner{position:relative;z-index:80;padding:9px 20px;color:#fff;background:#8f211a;text-align:center;font-size:13px;font-weight:850}
.mobile-navigation{display:none;position:relative}.mobile-navigation summary{width:42px;height:42px;display:grid;align-content:center;gap:4px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary span{display:block;width:20px;height:2px;margin:auto;background:var(--ink);border-radius:2px}.mobile-navigation nav{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 36px));padding:10px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.mobile-navigation nav a{display:block;padding:11px 12px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:750}.mobile-navigation nav a:hover{color:#fff;background:var(--jade)}.category-hero{position:relative;overflow:hidden;padding:82px max(24px,calc((100% - 1240px)/2));color:#fff;background:linear-gradient(125deg,#126957,#183f3a)}.category-hero:after{content:"分類";position:absolute;right:8%;top:-25px;color:rgba(255,255,255,.06);font-family:serif;font-size:170px;font-weight:800;writing-mode:vertical-rl}.category-hero>div{position:relative;z-index:2;max-width:900px}.category-hero .breadcrumb{color:rgba(255,255,255,.74)}.category-hero .breadcrumb a{color:#fff}.category-hero h1{margin:14px 0 7px;font-size:clamp(44px,5.6vw,72px);font-weight:800;line-height:1;letter-spacing:-.06em}.category-hero p{margin-bottom:0}.category-list{min-height:390px}
@media(max-width:980px){.hero{grid-template-columns:1fr 42%;min-height:620px}.hero-copy{padding:54px 38px}.hero h1{font-size:54px}.hero-photo{min-height:620px}.travel-grid{grid-template-columns:1fr}.main-nav{display:none}.featured-grid .travel-card:first-child:nth-last-child(1){grid-template-columns:44% 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.mobile-navigation{display:block}.header-links{flex-direction:row}.language-switcher{order:2}.mobile-navigation{order:1}}
@media(max-width:680px){.site-header{min-height:70px;padding:9px 16px}.site-brand{font-size:18px}.site-brand small{display:none}.brand-stamp{width:39px;height:39px;font-size:20px}.header-links{gap:9px}.hero{display:block;min-height:0}.hero-copy{min-height:550px;padding:49px 23px 70px}.hero h1{font-size:44px}.hero p,.homepage-intro{font-size:16px}.hero-photo{min-height:500px}.hero-coordinates{display:none}.showcase,.content,.article{width:min(100% - 30px,1240px)}.showcase{padding:55px 0}.travel-card,.featured-grid .travel-card:first-child:nth-last-child(1){display:block;min-height:0}.card-visual,.featured-grid .travel-card:first-child:nth-last-child(1) .card-visual{min-height:235px;aspect-ratio:16/10}.featured-grid .travel-card:first-child:nth-last-child(1) .card-body{padding:28px}.featured-grid .travel-card:first-child:nth-last-child(1) h3{font-size:27px}.homepage-content{padding:41px 24px}.article{padding:40px 22px;margin-top:24px;border-radius:18px}.article:before{display:none}.article h1{font-size:40px}.offers{padding:0}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-grid>div{grid-column:auto}.category-hero{padding:59px 23px}.category-hero h1{font-size:42px}.language-switcher nav{right:0}}