:root{--bg:#FBF6EC;--surface:#FFFFFF;--surface-2:#FFFDF8;--fg:#2C2620;--muted:#857A6C;--line:#ECE2D1;--crimson:#DD5A26;--crimson-deep:#B8431A;--crimson-soft:#FCEADF;--jade:#0E9E7B;--jade-deep:#0A6E57;--gold:#C9962F;--gold-soft:#F6ECD4;--accent:var(--crimson);--banner-grad:linear-gradient(160deg,#FFF4D8 0%,#FCE2C0 52%,#FAD2C6 100%);--skyline:#0C5C49;--hero-grad:linear-gradient(165deg,#FFF8E6 0%,#FDEDC6 48%,#FBE2B0 100%);--hero-glow:radial-gradient(60% 100% at 85% 6%, rgba(230,165,45,.28), transparent 58%),radial-gradient(70% 90% at 6% 96%, rgba(226,120,52,.1), transparent 60%);--hero-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Cg fill='none' stroke='%23C2882F' stroke-opacity='0.13' stroke-width='1.1'%3E%3Cpath d='M21 3 L39 21 L21 39 L3 21 Z'/%3E%3Cpath d='M21 12 L30 21 L21 30 L12 21 Z'/%3E%3C/g%3E%3Ccircle cx='21' cy='21' r='1.7' fill='%23C2882F' fill-opacity='0.15'/%3E%3Ccircle cx='21' cy='3' r='1.2' fill='%23C2882F' fill-opacity='0.13'/%3E%3Ccircle cx='3' cy='21' r='1.2' fill='%23C2882F' fill-opacity='0.13'/%3E%3C/svg%3E");--header-bg:rgba(255,251,243,.82);--ghost-border:rgba(44,38,32,.22);--topbar:#F8E6D2;--card-shadow:0 18px 40px -26px rgba(123,78,20,.4);--display:"Fraunces","Noto Serif TC","Noto Sans Thai",Georgia,serif;--body:"Noto Sans TC","Noto Sans Thai",system-ui,-apple-system,sans-serif;--maxw:1080px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1A1510;--surface:#241E17;--surface-2:#2A231A;--fg:#F3ECDF;--muted:#A99C89;--line:#39301F;--crimson:#F0905E;--crimson-deep:#F4A579;--crimson-soft:#2E1C12;--jade:#4CC3A4;--jade-deep:#2E9A80;--gold:#E4BE6A;--gold-soft:#2C2416;--banner-grad:linear-gradient(160deg,#2B2217 0%,#3A2518 52%,#452420 100%);--skyline:#1FA183;--hero-grad:linear-gradient(168deg,#241E17 0%,#2A2016 55%,#31221A 100%);--hero-glow:radial-gradient(70% 120% at 82% 8%, rgba(228,190,106,.14), transparent 60%);--header-bg:rgba(26,21,16,.8);--ghost-border:rgba(243,236,223,.34);--topbar:#241E17;--card-shadow:0 18px 40px -26px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--bg:#1A1510;--surface:#241E17;--surface-2:#2A231A;--fg:#F3ECDF;--muted:#A99C89;--line:#39301F;--crimson:#F0905E;--crimson-deep:#F4A579;--crimson-soft:#2E1C12;--jade:#4CC3A4;--jade-deep:#2E9A80;--gold:#E4BE6A;--gold-soft:#2C2416;--banner-grad:linear-gradient(160deg,#2B2217 0%,#3A2518 52%,#452420 100%);--skyline:#1FA183;--hero-grad:linear-gradient(168deg,#241E17 0%,#2A2016 55%,#31221A 100%);--hero-glow:radial-gradient(70% 120% at 82% 8%, rgba(228,190,106,.14), transparent 60%);--header-bg:rgba(26,21,16,.8);--ghost-border:rgba(243,236,223,.34);--topbar:#241E17;--card-shadow:0 18px 40px -26px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--topbar)}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--display);text-wrap:balance;line-height:1.15;margin:0;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--crimson);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--maxw);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--crimson)}header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--header-bg);color:var(--fg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;gap:1rem;padding-block:.65rem;min-height:56px}.brand{font-family:var(--display);font-weight:700;font-size:1.14rem;letter-spacing:.01em;display:flex;align-items:center;gap:.55rem;white-space:nowrap;color:var(--fg)}.brand .flagdot{width:30px;height:20px;flex:0 0 auto;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}nav.main{display:flex;gap:1.15rem;margin-left:.5rem;flex-wrap:wrap}nav.main a{font-size:.9rem;color:var(--fg);opacity:.74;padding-block:.2rem;font-weight:500}nav.main a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--crimson)}.langs{margin-left:auto;display:flex;align-items:center;gap:.15rem;background:var(--gold-soft);border-radius:999px;padding:.2rem}.langs a,.langs button{font-family:var(--body);font-size:.78rem;font-weight:600;color:var(--muted);background:transparent;border:0;border-radius:999px;padding:.28rem .62rem;cursor:pointer;text-decoration:none}.langs a[aria-current=true],.langs button[aria-pressed=true]{background:var(--crimson);color:#fff}.hero{position:relative;overflow:hidden;background:var(--hero-pattern) 0 0/42px 42px,var(--hero-grad);color:var(--fg)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='%2316A085' fill-opacity='0.15'%3E%3Cg transform='translate(200 4)'%3E%3Cg transform='rotate(198)'%3E%3Cellipse cx='0' cy='64' rx='13' ry='66'/%3E%3C/g%3E%3Cg transform='rotate(226)'%3E%3Cellipse cx='0' cy='66' rx='14' ry='72'/%3E%3C/g%3E%3Cg transform='rotate(254)'%3E%3Cellipse cx='0' cy='64' rx='13' ry='66'/%3E%3C/g%3E%3Cg transform='rotate(282)'%3E%3Cellipse cx='0' cy='58' rx='11' ry='54'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat top right/min(44vw,360px)}.hero .wrap{position:relative;z-index:1;padding-block:clamp(1.8rem,5vw,2.8rem)}.banner{position:relative;border-radius:22px;overflow:hidden;display:flex;align-items:center;gap:clamp(1rem,3.2vw,2rem);padding:clamp(1.3rem,3.4vw,2rem) clamp(1.6rem,4.6vw,2.9rem) clamp(3.6rem,8vw,4.8rem);background:var(--hero-glow),var(--banner-grad);border:1px solid var(--line);box-shadow:var(--card-shadow)}.banner .emblem,.banner .wm{position:relative;z-index:2}.banner-scene{position:absolute;inset:0;width:100%;height:100%;color:var(--skyline);opacity:.68;z-index:1;pointer-events:none}.banner .ribbon{position:absolute;inset:0 0 0 auto;width:28px;z-index:3;box-shadow:-6px 0 16px -7px #0000004d;background:linear-gradient(to right,rgba(0,0,0,.14),transparent 42%),linear-gradient(to bottom,#a51931 0 20%,#fff 20% 40%,#241d4f 40% 60%,#fff 60% 80%,#a51931 80% 100%)}.banner .ribbon:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}.banner .emblem{width:clamp(74px,16vw,116px);height:clamp(74px,16vw,116px);flex:0 0 auto;border-radius:50%;box-shadow:0 10px 24px -12px #7b4e148c}.banner .wm{display:flex;flex-direction:column;gap:.18rem;min-width:0}.wm .wm-tag{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--crimson)}.wm .wm-zh{font-family:var(--display);font-weight:900;font-size:clamp(2rem,6.6vw,3.3rem);line-height:1;letter-spacing:.01em;color:var(--fg)}.wm .wm-zh b{color:var(--crimson);font-weight:900}.wm .wm-en{font-family:Fraunces,serif;font-weight:600;font-size:clamp(.78rem,1.9vw,1.05rem);letter-spacing:.3em;color:var(--muted);margin-top:.22rem}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:1.6rem 2rem;align-items:center;margin-top:1.6rem}.hero h1{font-size:clamp(1.5rem,3.6vw,2.2rem);letter-spacing:-.01em;margin-bottom:.7rem}.hero .lede{font-size:clamp(.98rem,1.8vw,1.08rem);max-width:40ch;color:var(--muted);margin-bottom:1.3rem}.cta-row{display:flex;gap:.7rem;flex-wrap:wrap}.btn{font-family:var(--body);font-weight:700;font-size:.95rem;border-radius:999px;padding:.72rem 1.3rem;cursor:pointer;border:1.5px solid transparent;display:inline-flex;align-items:center;gap:.4rem}.btn-red{background:var(--crimson);color:#fff;box-shadow:0 10px 22px -12px #dd5a268c}.btn-red:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--ghost-border)}.btn-ghost:hover{border-color:var(--crimson);color:var(--crimson)}.stats{display:flex;flex-direction:column;gap:1rem;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--jade);border-radius:14px;padding:1.3rem 1.5rem;box-shadow:var(--card-shadow)}.stat .n{font-family:var(--display);font-size:1.95rem;font-weight:700;color:var(--crimson);line-height:1}.stat .l{font-size:.82rem;color:var(--muted);margin-top:.2rem}section{padding-block:clamp(2.4rem,6vw,3.6rem)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.sec-head h2{font-size:clamp(1.4rem,3.3vw,1.9rem)}.sec-head p{color:var(--muted);font-size:.92rem;max-width:46ch;margin-top:.35rem}.hubs{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.hub{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;border-top:3px solid var(--jade)}.hub:hover{transform:translateY(-3px);box-shadow:var(--card-shadow)}.hub .k{font-family:var(--display);font-weight:700;font-size:1.05rem}.hub .d{font-size:.82rem;color:var(--muted);line-height:1.5}.hub .c{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--crimson);margin-top:.2rem}.hub:nth-child(2),.hub:nth-child(5){border-top-color:var(--gold)}.hub:nth-child(3),.hub:nth-child(7){border-top-color:var(--crimson)}.hub.red{border-top-color:var(--crimson)}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow)}.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--jade),var(--jade-deep));position:relative;display:flex;align-items:flex-end;padding:.8rem}.thumb:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(to bottom,#a51931 0 20%,#fff 20% 40%,#241d4f 40% 60%,#fff 60% 80%,#a51931 80% 100%);opacity:.92}.thumb.g2{background:linear-gradient(135deg,#e0a94e,#c07e2c)}.thumb.g3{background:linear-gradient(135deg,#2e7fa6,#1e5674)}.thumb.g4{background:linear-gradient(135deg,#17a185,#0a5c4b)}.thumb.g5{background:linear-gradient(135deg,#d86a43,#a4432a)}.thumb.g6{background:linear-gradient(135deg,#c32a48,#7d1326)}.thumb .tag{background:#140e086b;color:#fff;font-size:.72rem;font-weight:600;padding:.26rem .6rem;border-radius:999px;backdrop-filter:blur(2px)}.thumb .pin{position:absolute;top:.7rem;right:.8rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#fff;opacity:.95;text-transform:uppercase}.card .body{padding:.95rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.card h3{font-size:1.1rem;line-height:1.3}.card .meta{color:var(--muted);font-size:.8rem;margin-top:auto;display:flex;gap:.6rem;align-items:center}.card .ans{font-size:.86rem;color:var(--muted);line-height:1.55}.dot{width:3px;height:3px;border-radius:50%;background:var(--muted);display:inline-block}.vendor{background:var(--crimson-soft);border-block:1px solid var(--line)}.vendor .wrap{display:grid;grid-template-columns:1fr auto;gap:1.6rem;align-items:center;padding-block:2.4rem}.vendor h2{font-size:clamp(1.35rem,3vw,1.8rem);color:var(--crimson-deep)}.vendor p{color:var(--muted);margin-top:.5rem;max-width:48ch}.mailbox{font-family:var(--display);font-size:1rem;margin-top:.7rem;font-weight:700;color:var(--fg)}.copy{font-family:var(--body);font-size:.78rem;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:8px;padding:.3rem .6rem;cursor:pointer;margin-left:.5rem}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}footer .wrap{padding-block:1.6rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.stats{flex-direction:row;flex-wrap:wrap;gap:1.2rem 2rem}.hubs,.guides{grid-template-columns:repeat(2,1fr)}.vendor .wrap{grid-template-columns:1fr}}@media(max-width:520px){nav.main{display:none}.guides{grid-template-columns:1fr}.hubs{grid-template-columns:1fr 1fr}.banner{flex-direction:column;text-align:center;gap:.7rem}.banner .wm{align-items:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}