:root{--paper:#f5f2ea;--ink:#233b4a;--muted:#72776f;--line:#d8d9cd;--rust:#a95935}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b96c39;outline-offset:5px}header{padding:21px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px;background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-family:serif;font-size:23px;font-weight:bold;letter-spacing:3px}.mark{background:var(--ink);color:white;font-size:24px;padding:1px 8px}.brand-en{font:9px/1.6 sans-serif;letter-spacing:1.7px;max-width:110px}.header-link{font-size:13px;white-space:nowrap}.header-link span{margin-left:20px}main{min-height:65vh}.hero{padding:65px 6% 62px;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;max-width:1500px;margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}h1,h2,h3{font-family:"Noto Serif TC","Songti TC",serif;font-weight:500;line-height:1.45}h1{font-size:clamp(42px,5vw,72px);letter-spacing:5px;margin:22px 0}h1 em{font-style:normal;color:var(--rust)}.intro{font-size:15px;max-width:440px;color:#65716e;line-height:2}.hero-bottom{display:flex;align-items:center;gap:25px;margin-top:33px}.primary{display:inline-flex;padding:11px 22px;background:var(--ink);color:white;gap:27px;font-size:13px}.small-note{font-size:11px;color:var(--muted);letter-spacing:1px}.hero-art{position:relative;min-width:0}.hero-art img{width:100%;height:390px;object-fit:cover;display:block;filter:saturate(.75)}.hero-art:before{content:"";position:absolute;inset:-13px 17px 13px -13px;border:1px solid #a7b4b5;z-index:-1}.photo-label{position:absolute;right:0;bottom:0;background:var(--paper);padding:9px 15px;font-size:11px}.color-strip{display:flex;height:9px;width:70%;margin-top:18px}.color-strip i{flex:1}.collection{padding:45px 6% 80px;border-top:1px solid var(--line);max-width:1500px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}h2{font-size:32px;letter-spacing:2px;margin:5px 0}.section-head p{margin:0;color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #c5cdc8;background:transparent;padding:6px 18px;border-radius:2px;font-size:12px;color:var(--ink)}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.card{display:block;min-width:0;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card-photo{position:relative;background:#ddd9ce;overflow:hidden;height:230px}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.8)}.card:hover img{transform:scale(1.04)}.card.indigenous img{object-fit:contain;background:#e8e3d7;padding:20px}.number{position:absolute;top:0;left:0;padding:8px 13px;background:var(--paper);font:18px Georgia,serif}.tag{position:absolute;bottom:12px;left:13px;background:#f5f2eae8;padding:3px 10px;font-size:10px;letter-spacing:1px}.card-info{border-bottom:1px solid #cbd0c7;padding:15px 0 17px;position:relative}.card h3{font-size:23px;margin:3px 0}.card p{font-size:12px;color:var(--muted);margin:0}.card .arrow{position:absolute;right:3px;top:27px;font-size:23px}.region{font-size:10px;letter-spacing:1px}.closing{margin:0 6% 70px;border-top:1px solid var(--line);padding-top:28px;display:flex;gap:40px;align-items:start}.closing h2{font-size:23px;min-width:230px}.closing p{font-size:14px;max-width:650px;color:#68756d}footer{background:#20394c;color:#edece3;padding:35px 6%;display:flex;justify-content:space-between;gap:30px;align-items:start}footer p{margin:0;font-size:13px}footer small{opacity:.65;font-size:11px}footer>a:last-child{font-size:12px}.detail{max-width:1320px;margin:auto;padding:30px 6% 80px}.back{font-size:12px;display:inline-block;margin:0 0 32px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;margin-bottom:42px}.detail-hero h1{font-size:clamp(34px,4.3vw,54px);letter-spacing:2px}.detail-hero .sub{font-size:19px;color:var(--accent)}.detail-hero p{font-size:14px;color:#65716e}.detail-photo{margin:0;min-width:0}.detail-photo img{height:350px;width:100%;object-fit:cover}.detail-photo.contain img{object-fit:contain;background:#e8e3d7;padding:25px}.detail-photo figcaption{font-size:10px;color:#747c75;line-height:1.7;margin-top:5px}.tabs{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;margin-bottom:40px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:55px}.article-grid section{margin-bottom:50px}.section-kicker{font-size:11px;letter-spacing:2px;color:var(--accent)}.article-grid h2{font-size:28px;margin:8px 0 20px}.article-grid h3{font-size:20px;margin:22px 0 8px}.article-grid p{font-size:14px;color:#56665f;line-height:1.95}.science{background:#e8ece5;padding:25px 28px;border-left:3px solid var(--accent)}.materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.material{padding:16px;border:1px solid var(--line);font-size:12px}.material strong{display:block;font-size:17px;margin-bottom:5px}.material span{display:block;color:var(--muted)}.plants{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}.plants figure{margin:0;flex:1;min-width:120px}.plants img{width:100%;height:150px;object-fit:contain;background:#e9e6dc}.plants figcaption{font-size:11px}.steps{list-style:none;padding:0;counter-reset:step}.steps li{position:relative;padding:0 0 22px 57px;border-left:1px solid #c6cec5;margin-left:17px;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:-18px;top:0;background:var(--ink);color:white;width:35px;height:35px;text-align:center;font:14px/35px Georgia}.steps li:last-child{border:0}.steps h3{margin:0 0 6px}.steps p{margin:0}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature{border-top:1px solid var(--line);padding:5px 0}.swatches{display:flex;height:70px;margin:20px 0 10px}.swatches button{flex:1;border:2px solid transparent;color:white;font-size:11px;min-width:0}.swatches button[aria-pressed=true]{border-color:#b96c39;outline:2px solid var(--paper);outline-offset:-5px}.swatch-note{font-size:12px!important;min-height:48px}.places{display:grid;gap:12px}.place{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;border:1px solid var(--line);transition:background .2s}.place:hover{background:#e6e9e1}.place strong{font-size:15px;font-weight:500}.place small{display:block;color:var(--muted);font-size:12px}.place span{align-self:center;white-space:nowrap;font-size:12px}aside{border-left:1px solid var(--line);padding-left:22px;font-size:12px}aside .aside-inner{position:sticky;top:30px}aside h3{font-size:17px!important}aside p{font-size:12px!important}aside a{display:block;border-bottom:1px solid var(--line);padding:11px 0}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:14px}details p{padding:0 10px}.sources{font-size:12px;overflow-wrap:anywhere}.sources a{text-decoration:underline;display:block;margin:8px 0}.source-page{max-width:900px;padding:50px 6%;margin:auto}.source-page p{font-size:14px}.source-page a{text-decoration:underline}.empty{padding:25px;color:var(--muted)}@media(max-width:900px){.brand-en{display:none}.hero{gap:6%;padding-top:42px}.hero-art img{height:330px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:minmax(0,1fr)}aside{display:none}.detail-hero{gap:25px}.detail-photo img{height:300px}}@media(max-width:600px){header{padding:16px 5%;gap:10px}.brand{font-size:20px;gap:8px;letter-spacing:2px}.mark{font-size:20px}.header-link{font-size:10px}.header-link span{margin-left:4px}.hero{grid-template-columns:1fr;padding:32px 6% 36px;gap:35px}h1{font-size:43px;line-height:1.35;letter-spacing:3px;margin:19px 0}.intro{font-size:14px}.hero-bottom{margin-top:23px}.hero-art{margin-left:10px}.hero-art img{height:245px}.hero-art:before{inset:-9px 10px 9px -9px}.collection{padding:30px 6% 45px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:27px}.section-head p{font-size:11px;max-width:130px}.grid{gap:28px;grid-template-columns:minmax(0,1fr)}.card-photo{height:240px}.card h3{font-size:24px}.filters{gap:6px}.filter{padding:6px 13px}.closing{display:block;margin-bottom:40px}.closing h2{font-size:24px}.closing p{font-size:13px}footer{flex-direction:column;gap:20px}.detail{padding:23px 6% 40px}.back{margin-bottom:20px}.detail-hero{grid-template-columns:minmax(0,1fr);gap:23px;margin-bottom:25px}.detail-hero h1{font-size:35px}.detail-photo img{height:260px}.tabs{gap:18px;font-size:12px;margin-bottom:30px}.science{padding:20px}.materials{grid-template-columns:minmax(0,1fr)}.features{grid-template-columns:minmax(0,1fr)}.article-grid h2{font-size:26px}.place{padding:15px;gap:10px}.place span{font-size:10px}.article-grid section{margin-bottom:38px}.swatches button{font-size:10px}.small-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}