:root{--ink:#153b38;--paper:#f4f0e6;--cream:#fffdf7;--signal:#ffc93d;--red:#d84b3e;--mint:#b9ddd3;--line:#153b38;--muted:#536965;--shadow:8px 8px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}a{color:inherit}img{max-width:100%;height:auto}button,input{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;background:var(--signal);padding:.7rem 1rem;z-index:99}.skip:focus{top:1rem}.topbar{position:sticky;top:0;z-index:20;min-height:82px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(244,240,230,.96);border-bottom:2px solid var(--ink);backdrop-filter:blur(10px)}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1}.identity>b{display:grid;place-items:center;width:48px;height:48px;background:var(--ink);color:var(--signal);font:900 1.2rem/1 Arial,sans-serif}.identity strong{display:block;font-size:1.04rem;letter-spacing:.08em}.identity small{display:block;margin-top:6px;font:700 .65rem/1 monospace;letter-spacing:.16em;color:var(--red)}.topbar nav{display:flex;gap:36px}.topbar nav a{font-weight:900;text-decoration:none;border-bottom:3px solid transparent}.topbar nav a:hover,.topbar nav a:focus{border-color:var(--red)}.menu{display:none;background:var(--signal);border:2px solid var(--ink);padding:.35rem .7rem;font-weight:900}main{min-height:70vh}.intro{max-width:1240px;margin:auto;padding:74px 24px 58px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:70px;border-left:2px solid var(--ink);border-right:2px solid var(--ink)}.kicker,.page-head>span,.detail-head span{font:800 .76rem/1.4 monospace;letter-spacing:.15em;color:var(--red)}.intro h1{font-size:clamp(3rem,6.7vw,6.4rem);line-height:1.03;letter-spacing:-.055em;margin:22px 0 26px;max-width:930px}.intro h1 em{font-style:normal;color:var(--red);text-decoration:underline;text-decoration-thickness:9px;text-decoration-color:var(--signal);text-underline-offset:-3px}.intro-copy>p{font-size:1.1rem;max-width:700px;color:var(--muted)}.intro-actions{display:flex;gap:12px;margin-top:32px}.intro-actions a{padding:11px 18px;border:2px solid var(--ink);font-weight:900;text-decoration:none;background:var(--cream)}.intro-actions a:first-child{background:var(--signal);box-shadow:5px 5px 0 var(--ink)}.count-board{align-self:end;border:2px solid var(--ink);background:var(--mint);padding:22px;box-shadow:var(--shadow)}.count-board>span{font:800 .72rem monospace;letter-spacing:.12em}.count-board>strong{display:block;font:900 6.8rem/.9 Arial,sans-serif;letter-spacing:-.08em;margin:32px 0 6px}.count-board p{font-weight:900;margin:0 0 20px}.count-board div{border-top:2px solid var(--ink);padding-top:13px}.section-title{max-width:1240px;margin:auto;padding:42px 24px 25px;display:grid;grid-template-columns:70px 1fr auto;align-items:end;border-left:2px solid var(--ink);border-right:2px solid var(--ink)}.section-title>span{font:900 2.8rem/1 Arial,sans-serif;color:var(--red)}.section-title h2{font-size:2rem;line-height:1.1;margin:0}.section-title p{margin:4px 0 0;color:var(--muted)}.section-title>a{font-weight:900}.region-strip{background:var(--signal);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.region-grid,.region-directory{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(7,1fr);border-left:2px solid var(--ink)}.region-tile{min-height:145px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;background:var(--cream);border-right:2px solid var(--ink);border-top:2px solid var(--ink);transition:background .15s}.region-tile:hover,.region-tile:focus{background:var(--mint)}.region-tile span{font:800 .68rem monospace;color:var(--red);letter-spacing:.08em}.region-tile strong{font-size:1.35rem}.region-tile small{font-weight:700;color:var(--muted)}.region-tile.empty{background:#e8e2d6}.data-section{border-bottom:2px solid var(--ink)}.data-section.alt{background:var(--mint)}.record-grid{max-width:1240px;margin:auto;padding:0 24px 58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:2px solid var(--ink);border-right:2px solid var(--ink)}.record{display:flex;flex-direction:column;min-width:0;background:var(--cream);border-top:2px solid var(--ink);border-right:2px solid var(--ink);padding:18px}.record:nth-child(3n){border-right:0}.record-image{display:block;aspect-ratio:16/9;background:var(--signal);overflow:hidden;border:2px solid var(--ink);text-decoration:none}.record-image img{width:100%;height:100%;object-fit:cover}.image-code{height:100%;display:grid;place-items:center;font:900 4rem/1 Arial,sans-serif;color:var(--ink)}.record-meta{display:flex;justify-content:space-between;gap:12px;margin:16px 0 6px;font:800 .68rem/1.4 monospace;color:var(--red);letter-spacing:.07em}.record h3{font-size:1.25rem;line-height:1.42;margin:6px 0}.record h3 a{text-decoration:none}.record p{margin:0 0 18px;color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.record-link{margin-top:auto;font-weight:900;text-decoration:none;border-top:1px solid var(--ink);padding-top:10px}.page-head,.detail-head,.prose,.back,.empty-state{max-width:1040px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.page-head{padding-top:70px;padding-bottom:42px;border-left:2px solid var(--ink);border-right:2px solid var(--ink)}.page-head h1{font-size:clamp(3rem,7vw,6.4rem);line-height:1;margin:16px 0 24px;letter-spacing:-.055em}.page-head>p{max-width:740px;color:var(--muted);font-size:1.08rem}.region-directory{max-width:1040px;grid-template-columns:repeat(4,1fr);border-bottom:2px solid var(--ink);margin-bottom:70px}.search{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;border:2px solid var(--ink);background:var(--cream);padding:10px 14px;max-width:650px;margin-top:28px;box-shadow:5px 5px 0 var(--signal)}.search span{font-weight:900}.search input{border:0;background:transparent;outline:none;width:100%;min-width:0}.page-head #count{font:700 .8rem monospace;margin-top:18px}.listing-records{max-width:1040px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:70px}.listing-records .record:nth-child(3n){border-right:2px solid var(--ink)}.listing-records .record:nth-child(2n){border-right:0}.empty-state{padding-top:60px;padding-bottom:100px;border:2px solid var(--ink);background:var(--signal);box-shadow:var(--shadow);margin-bottom:100px}.empty-state strong{display:block;font-size:clamp(2.4rem,6vw,5rem);line-height:1.1}.empty-state a{font-weight:900}.detail-head{padding-top:66px;padding-bottom:42px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;border-bottom:2px solid var(--ink)}.detail-head h1{font-size:clamp(2.4rem,5.5vw,5rem);line-height:1.12;letter-spacing:-.04em;margin:16px 0 0}.detail-head>a{font-weight:900}.lead-image{max-width:1040px;margin:0 auto;padding:32px 24px 0}.lead-image img{display:block;width:100%;max-height:560px;object-fit:cover;border:2px solid var(--ink);box-shadow:var(--shadow)}.prose{max-width:850px;padding-top:52px;padding-bottom:70px;font-size:1.05rem}.prose h2,.prose h3,.prose h4{line-height:1.35;margin-top:2em}.prose h2{font-size:2rem;border-top:5px solid var(--signal);padding-top:13px}.prose h3{font-size:1.55rem}.prose h4{font-size:1.25rem}.prose .section-label{font-size:1.8rem;border:2px solid var(--ink);background:var(--signal);padding:10px 16px}.prose img{display:block;margin:25px auto;border:1px solid #8a9895}.prose iframe{width:100%;min-height:390px;border:2px solid var(--ink);margin:26px 0}.prose a{color:#b33026;font-weight:800}.prose blockquote,.archive-note{background:#e3eee9;border-left:5px solid var(--ink);padding:14px 18px;margin:24px 0}.qa-block{border:2px solid var(--ink);margin:32px 0;background:var(--cream);box-shadow:6px 6px 0 var(--signal)}.qa-block>.qa-question{margin:0!important;background:var(--ink);color:white;padding:16px 20px;font-size:1.12rem!important;font-weight:900}.qa-block>.qa-answer{margin:0!important;background:var(--mint);padding:14px 20px 8px;font-size:1.04rem!important;font-weight:900}.qa-block>:not(.qa-question):not(.qa-answer){margin-left:20px;margin-right:20px}.qa-block>:last-child{margin-bottom:20px}.back{padding-bottom:80px}.back a{font-weight:900}footer{border-top:2px solid var(--ink);background:var(--ink);color:var(--cream);padding:35px max(24px,calc((100vw - 1192px)/2));display:flex;justify-content:space-between;gap:50px;font-size:.85rem}footer div{display:flex;flex-direction:column}footer span{color:var(--mint)}footer p{max-width:600px;margin:0;color:#cbd7d4}
@media(max-width:900px){.topbar{min-height:70px}.menu{display:block}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:20px 24px;flex-direction:column;gap:14px}.topbar nav.open{display:flex}.intro{grid-template-columns:1fr;gap:35px}.count-board{width:280px}.region-grid{grid-template-columns:repeat(4,1fr)}.record-grid{grid-template-columns:repeat(2,1fr)}.record:nth-child(3n){border-right:2px solid var(--ink)}.record:nth-child(2n){border-right:0}.region-directory{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.identity small{display:none}.intro,.section-title,.page-head,.detail-head,.prose,.back{padding-left:18px;padding-right:18px}.intro h1{font-size:3rem}.intro-actions{align-items:flex-start;flex-direction:column}.section-title{grid-template-columns:48px 1fr}.section-title>a{grid-column:2;margin-top:12px}.region-grid,.region-directory{grid-template-columns:repeat(2,1fr)}.record-grid,.listing-records{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.record,.record:nth-child(2n),.record:nth-child(3n){border-right:0}.detail-head{grid-template-columns:1fr}.prose iframe{min-height:280px}footer{flex-direction:column;gap:15px}.empty-state{margin-left:18px;margin-right:18px}}