*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#183344;background:#fbfaf6;font-family:system-ui,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}a:focus-visible,summary:focus-visible{outline:3px solid #b16a20;outline-offset:4px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.wrap{width:min(1160px,90%);margin:auto}header{background:#fffdf9;border-bottom:1px solid #d8dcd8}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}.brand{font-weight:800;text-decoration:none;font-size:20px;line-height:1.4}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#7b6748}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:#96703e}.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:70px 0}.hero h1{font-size:clamp(32px,4.7vw,62px);line-height:1.25;letter-spacing:-1.5px;margin:18px 0 24px}.hero p{font-size:18px}.hero figure{margin:0;position:relative}.hero img{height:510px;width:100%;object-fit:cover;border-radius:140px 0 0 0}.hero figcaption{font-size:11px;color:#526569;margin:8px 0}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn{display:inline-block;padding:12px 24px;border:1px solid #173e4a;text-decoration:none;font-size:15px;font-weight:700;background:#173e4a;color:white}.btn.alt{background:transparent;color:#173e4a}.band{background:#173e4a;color:white;padding:45px 0}.band .wrap{display:flex;justify-content:space-between;gap:35px;align-items:center}.band h2{margin:0;font-size:27px}.band p{max-width:600px}.section{padding:65px 0}.section h2{font-size:clamp(26px,3vw,38px);line-height:1.4}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid #d9dfdb;padding:27px;display:block;text-decoration:none}.card img{height:195px;width:100%;object-fit:cover;margin-bottom:20px}.card h3{font-size:20px;line-height:1.5}.card p{font-size:15px;color:#526569}.card .num{color:#a17b43;font-size:13px;letter-spacing:2px}.card:hover{border-color:#a17b43}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split img{height:390px;width:100%;object-fit:cover}.note{border-left:3px solid #a17b43;padding:14px 20px;background:#f0eee5;font-size:14px}.crumb{padding-top:28px;font-size:13px;color:#617176}.articlehead{max-width:900px;padding:36px 0}.articlehead h1{font-size:clamp(30px,4vw,48px);line-height:1.4}.lead{font-size:20px;line-height:1.9}.article-grid{display:grid;grid-template-columns:minmax(0,780px) 260px;gap:65px;align-items:start}.prose section{margin:0 0 40px}.prose h2{font-size:26px;line-height:1.5}.prose p{font-size:17px}.article-photo{width:100%;height:340px;object-fit:cover}.caption{font-size:12px;color:#617176}.toc{background:#eeeade;padding:24px;position:sticky;top:20px}.toc a{display:block;font-size:14px;margin:12px 0}.meta{font-size:13px;color:#617176}details{border-bottom:1px solid #d5dcd7;padding:16px 0}summary{cursor:pointer;font-weight:700}.sources{font-size:14px}.sources a{display:block;margin:8px 0}footer{padding:50px 0 110px;background:#102c36;color:#e4e9e5}footer .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:35px}footer a{margin-right:15px}.dock{position:fixed;bottom:15px;right:20px;display:flex;z-index:5;box-shadow:0 5px 25px #0003}.dock a{padding:12px 22px;background:#173e4a;color:#fff;text-decoration:none;font-weight:700}.dock a:last-child{background:#126333}.diagram{width:100%;height:auto}.directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.directory a{border-bottom:1px solid #d1d7cf;padding:18px 5px;text-decoration:none}table{border-collapse:collapse;width:100%;font-size:15px}td,th{border:1px solid #d0d8d2;padding:14px;text-align:left}th{background:#eaeade}.cocreate{--accent:#43756d}.cocreate .hero img{border-radius:0 130px 0 0}.cocreate .band,.cocreate .btn{background:#315c55}.cocreate .btn.alt{background:transparent;color:#315c55}.cocreate .eyebrow{color:#4d796e}@media(max-width:850px){header .wrap{display:block}nav{gap:14px;margin-top:18px}.hero{gap:25px;padding:36px 0;grid-template-columns:1fr}.hero img{height:330px;border-radius:70px 0 0}.hero h1{letter-spacing:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1fr;gap:20px}.toc{position:static;grid-row:1}.split{grid-template-columns:1fr}.band .wrap{display:block}.section{padding:42px 0}.article-photo{height:260px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.directory{grid-template-columns:1fr}.hero p,.lead{font-size:17px}.hero img{height:290px}footer .wrap{grid-template-columns:1fr}.dock{bottom:0;right:0;left:0}.dock a{width:50%;text-align:center;padding:12px 8px}.articlehead{padding:20px 0}.prose p{font-size:16px}.wrap{width:90%}table{font-size:13px}td,th{padding:8px}.split img{height:270px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}