@charset "utf-8";
/* ==========================================================================
   爪窩 TabbyNest — 設計系統 v3 ·「柔和漸層 + 玻璃擬態」
   暖桃／杏／苔綠漸層網底 · 浮空毛玻璃面板 · 大圓角 · 立體柔影 · 流暢動效
   ========================================================================== */

:root{
  --paper:#F6EAD7;
  --cream:#FFF8EE;
  --peach:#FBD9BE; --apricot:#F6C79C; --sage:#CCD9B2; --sky:#E7E0CB;
  --ink:#2A241B; --ink-soft:#574E3F; --muted:#8B8170;

  --clay:#C65C2E; --clay-deep:#A6481E; --clay-soft:#F6E2D2;
  --sage-deep:#5C6C43; --sage-soft:#E7EDD8;
  --gold:#C8982F;
  --lvl-low:#5C7A4E; --lvl-mid:#C0902F; --lvl-high:#B0532F;

  /* 玻璃 */
  --glass:rgba(255,253,247,.55);
  --glass-2:rgba(255,253,247,.72);     /* 較實，供長文閱讀 */
  --glass-strong:rgba(255,253,247,.86);
  --glass-bord:rgba(255,255,255,.7);
  --glass-line:rgba(120,95,55,.16);
  --blur:saturate(170%) blur(20px);
  --blur-s:saturate(160%) blur(10px);

  --shadow-s:0 2px 8px -4px rgba(90,62,28,.28), inset 0 1px 0 rgba(255,255,255,.5);
  --shadow-m:0 16px 40px -22px rgba(90,62,28,.5), 0 4px 14px -8px rgba(90,62,28,.3), inset 0 1px 0 rgba(255,255,255,.6);
  --shadow-l:0 44px 96px -34px rgba(70,46,18,.58), 0 14px 32px -16px rgba(70,46,18,.34), inset 0 1px 0 rgba(255,255,255,.68);

  --r-s:12px; --r-m:18px; --r-l:26px; --r-xl:34px; --r-pill:999px;

  --display:"Plus Jakarta Sans","Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",sans-serif;
  --sans:"Noto Sans TC","Plus Jakarta Sans","PingFang TC","Microsoft JhengHei","Heiti TC",
         -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;

  --wrap:1200px;
  --read:70ch;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  margin:0;font-family:var(--sans);
  font-size:clamp(16px,.55vw + 14.7px,17.5px);line-height:1.78;color:var(--ink);
  background:var(--paper);
  background-image:
    radial-gradient(58% 48% at 94% -8%, #FBCBA0 0%, rgba(251,203,160,0) 58%),
    radial-gradient(44% 40% at 76% 14%, var(--apricot) 0%, rgba(246,199,156,0) 60%),
    radial-gradient(56% 50% at -10% 6%, #C3D4A2 0%, rgba(195,212,162,0) 58%),
    radial-gradient(50% 44% at 16% 102%, #F4DFBE 0%, rgba(244,223,190,0) 58%),
    radial-gradient(62% 60% at 104% 92%, #D7E2BE 0%, rgba(215,226,190,0) 60%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal;
  overflow-x:hidden;
}
@supports (overflow:clip){html,body{overflow-x:clip;}}
/* 漂浮極光色團（在玻璃後方提供折射用的活色） */
body::after{content:"";position:fixed;inset:-12%;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(360px 360px at 15% 24%, rgba(245,168,108,.55), transparent 60%),
    radial-gradient(300px 300px at 88% 16%, rgba(232,188,118,.5), transparent 62%),
    radial-gradient(420px 420px at 72% 84%, rgba(150,180,116,.5), transparent 62%),
    radial-gradient(300px 300px at 32% 92%, rgba(214,142,96,.34), transparent 62%);
  filter:blur(14px);will-change:transform;
  animation:drift 28s ease-in-out infinite alternate;}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2.4%,2%,0) scale(1.04)}100%{transform:translate3d(2.2%,-2.4%,0) scale(1)}}
@media (prefers-reduced-motion:reduce){body::after{animation:none;}}
/* 顆粒紋理 */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.45;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");}
body>*{position:relative;z-index:1;}

img{max-width:100%;display:block;height:auto;}
a{color:var(--clay-deep);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:3px;}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:1.12;color:var(--ink);
  letter-spacing:0;margin:0 0 .5em;text-wrap:balance;}
h1{font-size:clamp(2.4rem,5.6vw,4.2rem);letter-spacing:0;}
h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:0;}
h3{font-size:clamp(1.2rem,1.8vw,1.45rem);letter-spacing:0;}
p{margin:0 0 1.1em;}
strong{font-weight:700;}
ul,ol{margin:0 0 1.2em;padding-left:1.25em;}
li{margin:.35em 0;}
hr{border:0;border-top:1px solid var(--glass-line);margin:2.4rem 0;}
:focus-visible{outline:3px solid var(--clay);outline-offset:3px;border-radius:6px;}
::selection{background:var(--clay);color:#fff;}

.kicker,.eyebrow{font-family:var(--display);font-size:.76rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--clay);}
.eyebrow{margin:0 0 1em;display:inline-flex;align-items:center;gap:10px;}
.eyebrow::before{content:"";width:26px;height:8px;flex:0 0 auto;
  background:radial-gradient(circle at 4px 4px,var(--clay) 2.4px,transparent 2.7px) 0 0/8px 8px;}
.lede{font-size:1.18rem;line-height:1.7;color:var(--ink-soft);max-width:58ch;}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;
  padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right));}
.skip{position:absolute;left:12px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:200;opacity:0;pointer-events:none;}
.skip:focus{opacity:1;pointer-events:auto;}

/* 玻璃面板基底 */
.glass{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);border-radius:var(--r-l);}

/* ---------- 報頭 ---------- */
.masthead{position:sticky;top:0;z-index:100;background:rgba(248,238,222,.62);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-bottom:1px solid var(--glass-line);transition:box-shadow .3s ease,background .3s ease;}
.masthead--scrolled{box-shadow:0 14px 40px -24px rgba(70,46,18,.5);background:rgba(250,242,228,.78);}
.masthead__in{display:flex;align-items:center;gap:20px;min-height:70px;padding-top:max(0px,env(safe-area-inset-top));}
.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-weight:800;
  min-height:44px;font-size:1.42rem;color:var(--ink);letter-spacing:0;white-space:nowrap;}
.brand:hover{text-decoration:none;}
.brand .mark{width:34px;height:34px;flex:0 0 auto;border-radius:11px;box-shadow:var(--shadow-s);}
.brand .latin{font-size:.56em;color:var(--sage-deep);letter-spacing:.16em;text-transform:uppercase;
  align-self:flex-end;padding-bottom:.42em;font-weight:700;}
.nav{margin-left:auto;display:flex;align-items:center;gap:3px;}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:var(--r-pill);
  color:var(--ink-soft);font-size:.98rem;font-weight:600;transition:background .2s,color .2s;}
.nav a:hover{background:rgba(255,255,255,.55);color:var(--ink);text-decoration:none;}
.nav a[aria-current="page"]{background:rgba(255,255,255,.7);color:var(--clay-deep);}
.lang{position:relative;}
.lang summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:44px;
  padding:0 15px;border:1px solid var(--glass-bord);border-radius:var(--r-pill);color:var(--ink);
  font-size:.9rem;font-weight:600;background:rgba(255,255,255,.45);}
.lang summary::-webkit-details-marker{display:none;}
.lang summary::after{content:"";width:6px;height:6px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-2px);}
.lang[open] summary::after{transform:rotate(-135deg);}
.lang__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:184px;background:var(--glass-strong);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-bord);
  border-radius:var(--r-m);box-shadow:var(--shadow-m);padding:7px;z-index:60;}
.lang__menu a,.lang__menu span{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:10px;font-size:.92rem;color:var(--ink-soft);}
.lang__menu a[aria-current="true"]{background:var(--sage-soft);color:var(--sage-deep);}
.lang__menu span{color:var(--muted);cursor:default;} .lang__menu span em{font-style:normal;font-size:.74rem;color:var(--clay);}
.menu-btn{display:none;}

/* ---------- 按鈕 ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:0 26px;border-radius:var(--r-pill);
  font-family:var(--display);font-weight:700;font-size:1rem;cursor:pointer;border:1px solid transparent;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease,background .22s ease;}
.btn:hover{text-decoration:none;transform:translateY(-2px);}
.btn:active{transform:translateY(0);}
.btn--primary{background:linear-gradient(180deg,#d2683a,var(--clay));color:#fff;
  box-shadow:0 14px 30px -12px rgba(166,72,30,.7),inset 0 1px 0 rgba(255,255,255,.25);}
.btn--primary:hover{background:linear-gradient(180deg,#c65c2e,var(--clay-deep));box-shadow:0 20px 38px -14px rgba(166,72,30,.8);}
.btn--ghost{background:rgba(255,255,255,.5);backdrop-filter:var(--blur-s);-webkit-backdrop-filter:var(--blur-s);
  color:var(--ink);border-color:var(--glass-bord);box-shadow:var(--shadow-s);}
.btn--ghost:hover{background:rgba(255,255,255,.78);box-shadow:var(--shadow-m);}
.btn--clay{background:linear-gradient(180deg,#d2683a,var(--clay));color:#fff;box-shadow:0 14px 30px -12px rgba(166,72,30,.7);}
.btn--clay:hover{background:var(--clay-deep);}
.btn .ar{transition:transform .2s ease;} .btn:hover .ar{transform:translateX(4px);}

/* ---------- 區塊 ---------- */
.section{padding-block:clamp(44px,6.5vw,96px);}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1);}
[data-reveal].is-in{opacity:1;transform:none;}
[data-reveal="2"]{transition-delay:.09s;} [data-reveal="3"]{transition-delay:.18s;} [data-reveal="4"]{transition-delay:.27s;}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none;}}
@keyframes float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes float-b{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}

.sec-head{margin-bottom:clamp(26px,4vw,48px);max-width:60ch;}
.sec-head .eyebrow{margin-bottom:.8em;}
.sec-head h2{margin:0;}
.sec-head p{margin:.7em 0 0;color:var(--ink-soft);font-size:1.08rem;}

.paw-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:6px 0;}
.paw-divider::before,.paw-divider::after{content:"";height:1px;flex:1;max-width:180px;background:var(--glass-line);}
.paw-divider svg{width:24px;height:24px;color:var(--sage-deep);opacity:.7;}

/* ============================ 首頁 ============================ */
.hero{position:relative;padding-block:clamp(34px,5vw,72px) clamp(20px,3vw,40px);}
.hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,5vw,60px);align-items:center;}
.hero__title{font-size:clamp(2.7rem,7vw,5.2rem);line-height:1.0;letter-spacing:0;margin:0 0 .4em;}
.hero__title .hl{position:relative;white-space:nowrap;color:var(--clay);}
.hero__title .hl::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.34em;z-index:-1;
  background:linear-gradient(180deg,transparent 40%,rgba(246,199,156,.85) 40%);border-radius:4px;}
.hero__dek{font-size:1.22rem;line-height:1.62;color:var(--ink-soft);max-width:44ch;margin:0 0 1.7em;}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;}
.hero__trust{margin-top:1.8em;display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:.92rem;}
.hero__trust .paw{width:18px;height:18px;color:var(--sage-deep);flex:0 0 auto;}

.hero__art{position:relative;z-index:0;}
.hero__art::before{content:"";position:absolute;inset:-10% -8% -14% -8%;z-index:-1;
  background:
    radial-gradient(58% 56% at 64% 36%, rgba(245,168,108,.6), transparent 70%),
    radial-gradient(52% 52% at 26% 84%, rgba(150,180,116,.52), transparent 72%);
  filter:blur(40px);border-radius:50%;}
.hero__plate{position:relative;z-index:1;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--glass-bord);
  box-shadow:var(--shadow-l);background:linear-gradient(160deg,#FFFCF5,#F3E6D0);
  transition:transform .25s cubic-bezier(.2,.7,.3,1);}
.hero__plate svg{display:block;width:100%;height:auto;}
.hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;
  opacity:0;transition:opacity .5s ease;}
.hero__photo.is-on{opacity:1;}
.hero__chip{position:absolute;left:-20px;bottom:30px;z-index:3;border-radius:var(--r-m);padding:14px 16px;width:212px;
  background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--glass-bord);box-shadow:var(--shadow-l);animation:float-a 7s ease-in-out infinite;}
.hero__chip .k{font-family:var(--display);font-size:.68rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:8px;}
.hero__chip .rm{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.86rem;font-weight:700;color:var(--ink);padding:3px 0;}
.hero__badge{position:absolute;right:-14px;top:-14px;z-index:3;width:84px;height:84px;border-radius:50%;
  background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-bord);
  box-shadow:var(--shadow-m);display:grid;place-items:center;text-align:center;font-family:var(--display);font-weight:800;
  font-size:.72rem;color:var(--clay-deep);line-height:1.15;animation:float-b 8s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.hero__chip,.hero__badge{animation:none;}}

.dots{display:inline-flex;gap:3px;} .dots i{width:8px;height:8px;border-radius:50%;background:rgba(120,95,55,.22);display:inline-block;}
.lvl-1 .dots i:nth-child(-n+1),.lvl-2 .dots i:nth-child(-n+2),.lvl-3 .dots i:nth-child(-n+3){background:currentColor;}
.lvl-1{color:var(--lvl-low);} .lvl-2{color:var(--lvl-mid);} .lvl-3{color:var(--lvl-high);}

/* 數據玻璃膠囊 */
.figbar{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,20px);}
.figbar .fig{padding:24px 24px 22px;border-radius:var(--r-l);background:var(--glass);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);
  transition:transform .2s ease,box-shadow .24s ease;}
.figbar .fig:hover{transform:translateY(-4px);box-shadow:var(--shadow-l);}
.fig-k{display:inline-block;font-family:var(--display);font-size:.66rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sage-deep);background:var(--sage-soft);border:1px solid var(--glass-bord);
  padding:4px 11px;border-radius:var(--r-pill);margin-bottom:16px;}
.fig b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,3.6vw,3.1rem);line-height:.95;
  color:var(--clay);letter-spacing:0;margin-bottom:.3em;}
.fig p{margin:0;font-size:.94rem;color:var(--ink-soft);line-height:1.55;}
.fig cite{display:block;font-style:normal;font-size:.72rem;color:var(--muted);margin-top:.8em;padding-top:.7em;border-top:1px solid var(--glass-line);}

/* 精選 + 指南玻璃卡 */
.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(16px,2.4vw,24px);}
.gcard{position:relative;display:flex;flex-direction:column;border-radius:var(--r-l);overflow:hidden;
  background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);
  transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .26s ease;}
.gcard:hover{transform:translateY(-7px);
  box-shadow:0 52px 104px -36px rgba(70,46,18,.5), 0 18px 44px -22px rgba(198,92,46,.3), inset 0 1px 0 rgba(255,255,255,.72);}
.gcard__art{position:relative;overflow:hidden;background:rgba(255,255,255,.25);}
.gcard__art::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 26%),
             radial-gradient(120% 80% at 50% 120%,rgba(120,95,55,.10),transparent 60%);}
.gcard__art svg{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.3,1);}
.gcard:hover .gcard__art svg{transform:scale(1.05);}
.gcard__tag{position:absolute;left:14px;top:14px;font-family:var(--display);font-size:.7rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--clay-deep);padding:6px 12px;border-radius:var(--r-pill);
  background:rgba(255,253,247,.78);backdrop-filter:var(--blur-s);-webkit-backdrop-filter:var(--blur-s);border:1px solid var(--glass-bord);}
.gcard__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:9px;flex:1;}
.gcard__body h3{margin:0;font-size:1.3rem;line-height:1.28;}
.gcard__body h3 a{color:var(--ink);} .gcard__body h3 a:hover{color:var(--clay-deep);text-decoration:none;}
.gcard:hover .gcard__body h3{color:var(--clay-deep);}
.gcard__body p{margin:0;font-size:.96rem;color:var(--ink-soft);}
.gcard__meta{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:10px;font-size:.82rem;
  font-weight:600;color:var(--muted);border-top:1px solid var(--glass-line);}
.gcard__meta .ar{margin-left:auto;color:var(--clay);font-weight:800;transition:transform .2s;}
.gcard:hover .gcard__meta .ar{transform:translateX(4px);}
.gcard--lg .gcard__body{padding:26px 28px 28px;} .gcard--lg .gcard__body h3{font-size:1.7rem;}
.grid-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,24px);}

/* 三項標註說明 + 編輯的話 */
.method{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,52px);align-items:start;}
.panel{padding:clamp(24px,3vw,38px);border-radius:var(--r-l);background:var(--glass);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);}
.legend-row{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--glass-line);}
.legend-row:last-child{border-bottom:0;}
.legend-row .lr-k{font-weight:700;font-size:1.04rem;} .legend-row .lr-d{font-size:.88rem;color:var(--muted);}
.desk__sign{font-family:var(--display);font-weight:800;font-size:1.3rem;color:var(--clay);margin-top:.3em;}

/* 換個入口找 */
.finder__head{margin-bottom:1.7em;} .finder__sub{color:var(--ink-soft);margin:0;}
.finder__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);}
.finder__col{display:flex;flex-direction:column;gap:12px;}
.finder__k{font-family:var(--display);font-size:.82rem;font-weight:700;color:var(--sage-deep);margin:0;
  padding-bottom:.9em;border-bottom:1px solid var(--glass-line);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:9px;}
.finder__k svg{width:16px;height:16px;color:var(--clay);}
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;border-radius:var(--r-pill);
  color:var(--ink-soft);font-size:.92rem;font-weight:600;background:rgba(255,255,255,.5);border:1px solid var(--glass-bord);transition:.2s;}
.chip:hover{background:#fff;color:var(--clay-deep);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-s);}

/* 訂閱 */
.dispatch{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:clamp(30px,4.5vw,58px);
  background:linear-gradient(135deg,rgba(92,108,67,.92),rgba(58,70,38,.96));color:#F4EEDF;
  box-shadow:var(--shadow-l);display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;}
.dispatch::after{content:"";position:absolute;right:-30px;bottom:-50px;width:240px;height:240px;opacity:.1;transform:rotate(-12deg);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23ffffff'%3E%3Cellipse cx='32' cy='42' rx='13' ry='10'/%3E%3Ccircle cx='18.5' cy='29' r='5'/%3E%3Ccircle cx='27' cy='23' r='5.4'/%3E%3Ccircle cx='37' cy='23' r='5.4'/%3E%3Ccircle cx='45.5' cy='29' r='5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;}
.dispatch>*{position:relative;z-index:1;}
.dispatch h2{color:#fff;} .dispatch p{color:#DDE3CC;margin:0;}
.dispatch__kicker{font-family:var(--display);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#E7C98B;margin-bottom:1em;display:block;font-weight:700;}
.dispatch form{display:flex;gap:10px;flex-wrap:wrap;}
.dispatch input{flex:1;min-width:190px;min-height:52px;padding:0 18px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.16);color:#fff;font-size:1rem;font-family:var(--sans);}
.dispatch input::placeholder{color:#cdd2bd;}
.dispatch small{display:block;margin-top:.9em;color:#bcc3a6;font-size:.78rem;}

/* ---------- 一般卡片（start-here 用） ---------- */
.grid-cards{display:grid;gap:clamp(14px,2vw,20px);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));}
.card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-l);overflow:hidden;
  background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);transition:transform .2s ease,box-shadow .24s ease;}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-l);}
.card__top{aspect-ratio:16/10;position:relative;overflow:hidden;background:rgba(255,255,255,.2);}
.card__top svg{position:absolute;inset:0;width:100%;height:100%;}
.card__tag{position:absolute;left:14px;top:14px;background:rgba(255,253,247,.78);backdrop-filter:var(--blur-s);
  border:1px solid var(--glass-bord);color:var(--sage-deep);font-family:var(--display);font-size:.68rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:var(--r-pill);}
.card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:9px;flex:1;}
.card__body h3{margin:0;font-size:1.26rem;line-height:1.3;} .card__body h3 a{color:var(--ink);}
.card__body h3 a:hover{color:var(--clay-deep);text-decoration:none;}
.card__body p{margin:0;font-size:.95rem;color:var(--ink-soft);}
.card__meta{margin-top:auto;padding-top:12px;font-size:.8rem;color:var(--muted);display:flex;gap:12px;align-items:center;
  border-top:1px solid var(--glass-line);font-weight:600;}
.card__meta .dot{width:4px;height:4px;border-radius:50%;background:var(--clay);}

/* ============================ 文章頁 ============================ */
.article{padding-block:clamp(24px,3vw,44px) clamp(40px,6vw,80px);}
.article__head{max-width:var(--read);margin-inline:auto;}
.crumbs{font-size:.82rem;color:var(--muted);margin-bottom:1.5em;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-weight:600;}
.crumbs a{color:var(--muted);} .crumbs a:hover{color:var(--clay-deep);} .crumbs .sep{opacity:.5;}
.article__kicker{font-family:var(--display);color:var(--clay);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.article h1{font-size:clamp(2.1rem,4.8vw,3.3rem);margin:.3em 0 .5em;letter-spacing:0;line-height:1.06;}
.article__stand{font-size:1.2rem;line-height:1.62;color:var(--ink-soft);max-width:62ch;}
.article__meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:1.6em;padding:16px 20px;
  border-radius:var(--r-m);background:var(--glass);backdrop-filter:var(--blur-s);-webkit-backdrop-filter:var(--blur-s);
  border:1px solid var(--glass-bord);font-size:.84rem;color:var(--muted);font-weight:500;}
.article__meta .who{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;}
.article__meta .who .avatar,.article__meta .who img{width:34px;height:34px;border-radius:50%;background:var(--sage-soft);border:1px solid var(--glass-bord);object-fit:cover;}
.article__meta .pill{background:var(--clay-soft);color:var(--clay-deep);padding:3px 12px;border-radius:var(--r-pill);font-weight:700;}

/* 文章頭圖槽（放圖才顯示，缺檔自動移除、不留空框） */
.article__hero{display:none;max-width:var(--read);margin:clamp(20px,3vw,34px) auto 0;border-radius:var(--r-l);
  overflow:hidden;border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);aspect-ratio:16/9;}
.article__hero img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease;display:block;}
.article__hero img.is-on{opacity:1;}

.article__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3.5vw,48px);
  max-width:var(--read);margin:clamp(26px,4vw,40px) auto 0;}
@media (min-width:1000px){.article__layout{grid-template-columns:minmax(0,720px) 280px;max-width:1048px;justify-content:center;align-items:start;}}
.prose{min-width:0;background:var(--glass-2);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);border-radius:var(--r-l);padding:clamp(24px,3.4vw,46px);}
.prose>*{max-width:64ch;}
.prose h2{margin-top:2.1em;scroll-margin-top:90px;font-size:clamp(1.45rem,2.4vw,1.9rem);}
.prose h2:first-child,.prose>.keypoints+h2{margin-top:.4em;}
.prose h2::before{content:"";display:block;width:40px;height:4px;border-radius:3px;background:var(--clay);margin-bottom:.6em;}
.prose h3{margin-top:1.8em;scroll-margin-top:90px;color:var(--sage-deep);}
.prose figure{margin:1.8em 0;} .prose figure svg{width:100%;height:auto;border:1px solid var(--glass-bord);border-radius:var(--r-m);background:rgba(255,255,255,.4);}
.prose figcaption{font-size:.82rem;color:var(--muted);margin-top:.7em;text-align:center;}
.prose blockquote{margin:1.6em 0;padding:.4em 0 .4em 1.4em;border-left:3px solid var(--sage-deep);color:var(--ink-soft);}
.prose blockquote p:last-child{margin-bottom:0;}
.prose code{background:rgba(255,255,255,.5);padding:.12em .4em;border-radius:6px;font-size:.92em;}
.prose a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(198,92,46,.4);}
.prose a:hover{text-decoration-color:var(--clay);}

.keypoints{background:rgba(231,237,216,.6);border:1px solid var(--glass-bord);border-radius:var(--r-m);padding:22px 26px;margin:0 0 2em;position:relative;}
.keypoints::before{content:"TL;DR";position:absolute;top:-11px;left:22px;background:var(--clay);color:#fff;font-family:var(--display);font-size:.64rem;font-weight:700;letter-spacing:.12em;padding:4px 11px;border-radius:var(--r-pill);}
.keypoints h2{font-size:1.06rem;margin:.2em 0 .6em;color:var(--ink);} .keypoints h2::before{display:none;}
.keypoints ul{margin:0;padding-left:1.2em;} .keypoints li{margin:.45em 0;} .keypoints li::marker{color:var(--clay);}

.rubric{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:1.7em 0;}
.rubric__item{display:flex;flex-direction:column;gap:7px;padding:15px 17px;border-radius:var(--r-m);
  background:rgba(255,255,255,.5);border:1px solid var(--glass-bord);}
.rubric__item .k{font-size:.74rem;letter-spacing:.04em;color:var(--muted);font-weight:700;text-transform:uppercase;}
.rubric__item .v{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.98rem;}

.note{border-radius:var(--r-m);padding:17px 19px;margin:1.7em 0;border:1px solid var(--glass-bord);background:rgba(255,255,255,.45);font-size:.97rem;}
.note>:last-child{margin-bottom:0;}
.note__t{font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:.4em;}
.note__t svg{width:19px;height:19px;flex:0 0 auto;}
.note--safe{background:rgba(246,226,210,.62);border-color:rgba(198,92,46,.32);} .note--safe .note__t{color:var(--clay-deep);}
.note--deposit{background:rgba(250,240,216,.66);border-color:rgba(192,144,47,.34);} .note--deposit .note__t{color:#8a6418;}
.note--tip{background:rgba(231,237,216,.66);border-color:rgba(92,108,67,.32);} .note--tip .note__t{color:var(--sage-deep);}

.table-wrap{overflow-x:auto;margin:1.7em 0;border:1px solid var(--glass-bord);border-radius:var(--r-m);-webkit-overflow-scrolling:touch;background:rgba(255,255,255,.4);}
table{border-collapse:collapse;width:100%;font-size:.93rem;min-width:520px;}
caption{caption-side:top;text-align:left;font-size:.82rem;color:var(--muted);padding:11px 14px;font-weight:600;}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--glass-line);vertical-align:top;}
thead th{background:rgba(231,237,216,.7);color:var(--ink);font-weight:700;}
tbody tr:last-child td{border-bottom:0;} tbody tr:nth-child(even){background:rgba(255,255,255,.35);}
td .yes{color:var(--lvl-low);font-weight:700;} td .no{color:var(--lvl-high);font-weight:700;}

.checklist{list-style:none;padding:0;margin:1.4em 0;}
.checklist li{position:relative;padding-left:34px;margin:.7em 0;}
.checklist li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:7px;background:var(--sage-soft);border:1px solid var(--sage-deep);}
.checklist li::after{content:"";position:absolute;left:7px;top:7px;width:8px;height:5px;border-left:2px solid var(--sage-deep);border-bottom:2px solid var(--sage-deep);transform:rotate(-45deg);}
.dont li::before{background:var(--clay-soft);border-color:var(--clay);}
.dont li::after{content:"";left:6px;top:6px;width:10px;height:10px;border:0;background:linear-gradient(45deg,transparent 44%,var(--clay-deep) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--clay-deep) 44% 56%,transparent 56%);transform:none;}

.toc{position:sticky;top:90px;align-self:start;border-radius:var(--r-l);padding:20px 22px;font-size:.9rem;
  background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-bord);box-shadow:var(--shadow-m);}
.toc__t{font-family:var(--display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:.9em;}
.toc ol{list-style:none;counter-reset:toc;margin:0;padding:0;} .toc li{counter-increment:toc;margin:.15em 0;}
.toc a{display:block;padding:7px 8px 7px 32px;border-radius:10px;color:var(--ink-soft);position:relative;line-height:1.4;}
.toc a::before{content:counter(toc,decimal-leading-zero);position:absolute;left:8px;top:7px;font-size:.7rem;color:var(--muted);font-weight:700;}
.toc a:hover{background:rgba(255,255,255,.6);color:var(--ink);text-decoration:none;}
.toc a.is-active{background:var(--sage-soft);color:var(--sage-deep);font-weight:700;}
.toc--inline{position:static;margin:1.9em 0;}
@media (min-width:1000px){.toc--inline{display:none;}}

.faq{margin:2em 0;}
.faq details{border:1px solid var(--glass-bord);border-radius:var(--r-m);background:rgba(255,255,255,.45);margin:10px 0;overflow:hidden;}
.faq summary{list-style:none;cursor:pointer;padding:16px 50px 16px 20px;font-weight:700;position:relative;font-size:1.02rem;color:var(--ink);min-height:44px;display:flex;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--clay);font-weight:300;}
.faq details[open] summary::after{content:"–";} .faq details[open] summary{background:rgba(231,237,216,.5);}
.faq__a{padding:6px 20px 18px;color:var(--ink-soft);} .faq__a>:last-child{margin-bottom:0;}

.byline-foot{max-width:var(--read);margin:2.4em auto 0;padding:24px;border-radius:var(--r-l);background:var(--glass);
  backdrop-filter:var(--blur-s);-webkit-backdrop-filter:var(--blur-s);border:1px solid var(--glass-bord);box-shadow:var(--shadow-s);display:flex;gap:18px;align-items:flex-start;}
.byline-foot .avatar{width:54px;height:54px;border-radius:50%;flex:0 0 auto;border:1px solid var(--glass-bord);}
.byline-foot h4{margin:0 0 .3em;font-size:1.08rem;} .byline-foot p{margin:0;font-size:.92rem;color:var(--ink-soft);}
.sources{max-width:var(--read);margin:1.6em auto 0;font-size:.86rem;color:var(--muted);}
.sources h4{font-family:var(--display);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .6em;}
.sources ol{padding-left:1.4em;margin:0;} .sources li{margin:.3em 0;} .sources a{color:var(--muted);word-break:break-word;}

.pager{max-width:var(--read);margin:2.4em auto 0;display:grid;gap:14px;grid-template-columns:1fr 1fr;}
.pager a{display:block;padding:20px 22px;border-radius:var(--r-l);background:var(--glass);backdrop-filter:var(--blur-s);
  border:1px solid var(--glass-bord);box-shadow:var(--shadow-s);color:var(--ink);}
.pager a:hover{box-shadow:var(--shadow-m);text-decoration:none;transform:translateY(-2px);transition:.18s;}
.pager span{display:block;font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:.4em;}
.pager b{font-family:var(--display);font-weight:800;font-size:1.06rem;}
.pager .next{text-align:right;}

/* ---------- 贊助位 ---------- */
.sponsor{border:1.5px dashed rgba(198,92,46,.55);border-radius:var(--r-l);background:rgba(246,226,210,.5);
  backdrop-filter:var(--blur-s);-webkit-backdrop-filter:var(--blur-s);padding:18px 20px;position:relative;}
.sponsor__label{position:absolute;top:-11px;left:18px;background:var(--clay);color:#fff;font-family:var(--display);font-size:.64rem;
  letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:3px 11px;border-radius:var(--r-pill);}
.sponsor__in{display:flex;gap:16px;align-items:center;}
.sponsor__logo{width:46px;height:46px;border-radius:12px;background:var(--ink);color:#fff;flex:0 0 auto;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1rem;}
.sponsor__txt{flex:1;min-width:0;} .sponsor__txt b{display:block;font-size:1rem;color:var(--ink);font-weight:700;} .sponsor__txt span{font-size:.86rem;color:var(--ink-soft);}
.sponsor__cta{flex:0 0 auto;}
.sponsor__cta a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.6);border:1px solid var(--clay);color:var(--clay-deep);font-size:.82rem;font-weight:700;}
.sponsor__cta a:hover{background:var(--clay);color:#fff;text-decoration:none;}
.article__layout .sponsor--foot{grid-column:1 / -1;margin-top:8px;}

/* ---------- 內容頁 ---------- */
.page-head{padding-block:clamp(36px,5vw,68px) clamp(18px,3vw,28px);}
.page-head .crumbs{margin-bottom:1.1em;}
.page-head h1{max-width:20ch;font-size:clamp(2.3rem,5vw,3.6rem);letter-spacing:0;}
.measure{max-width:var(--read);margin-inline:auto;}
.measure>p,.measure>ul,.measure>ol,.measure>h2,.measure>h3{} /* 內容直接落在漸層上 */
.measure h2{margin-top:1.8em;} .measure h2::before{content:"";display:block;width:40px;height:4px;border-radius:3px;background:var(--clay);margin-bottom:.55em;}

.interstitial{min-height:74vh;display:grid;place-items:center;text-align:center;padding:40px 20px;}
.interstitial__card{max-width:520px;padding:clamp(28px,5vw,46px);border-radius:var(--r-xl);background:var(--glass);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-bord);box-shadow:var(--shadow-l);}
.interstitial .sponsor__logo{margin:0 auto 18px;width:58px;height:58px;}
.interstitial h1{font-size:1.7rem;} .interstitial p{color:var(--ink-soft);} .interstitial .small{font-size:.84rem;color:var(--muted);margin-top:1.4em;}

/* ---------- 頁腳（深苔玻璃） ---------- */
.colophon{margin-top:clamp(52px,7vw,104px);background:linear-gradient(180deg,rgba(58,70,38,.96),rgba(40,50,26,.98));
  color:#D9DEC9;border-top:1px solid rgba(255,255,255,.12);}
.colophon a{color:#D9DEC9;} .colophon a:hover{color:#fff;}
.colophon__in{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:clamp(24px,4vw,52px);padding-block:clamp(44px,5vw,66px);}
.colophon h5{font-family:var(--display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#a4ab8c;margin:0 0 1.2em;font-weight:700;}
.colophon ul{list-style:none;padding:0;margin:0;} .colophon li{margin:.25em 0;} .colophon li a{display:inline-flex;align-items:center;min-height:44px;font-size:.96rem;}
.colophon__brand .brand{color:#fff;font-size:1.42rem;margin-bottom:.8em;} .colophon__brand .brand .latin{color:#a4ab8c;}
/* 統一全站 logo 配色（CSS 覆寫 SVG 內聯填色，免逐檔改 SVG） */
.masthead .brand .mark rect{fill:#5C6C43;} .masthead .brand .mark g{fill:#FFF8EE;} .masthead .brand .mark>ellipse{fill:#C65C2E;}
.colophon__brand .brand .mark rect{fill:#FFF8EE;} .colophon__brand .brand .mark g{fill:#5C6C43;} .colophon__brand .brand .mark>ellipse{fill:#C65C2E;}
.colophon__brand p{font-size:.92rem;color:#b7bd9f;max-width:36ch;margin:0 0 1em;}
.colophon__spon{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding:20px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:.85rem;color:#b7bd9f;}
.colophon__spon .tag{font-family:var(--display);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-pill);padding:3px 11px;color:#a4ab8c;font-weight:700;}
.colophon__spon a{color:#eef0e2;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.colophon__base{border-top:1px solid rgba(255,255,255,.14);padding-block:18px max(18px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;font-size:.78rem;color:#a4ab8c;}

/* ---------- 響應式 ---------- */
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:clamp(24px,5vw,40px);}
  .hero__art{order:-1;max-width:460px;margin-inline:auto;}
  .feature{grid-template-columns:1fr;} .grid-guides{grid-template-columns:repeat(2,1fr);}
  .method{grid-template-columns:1fr;} .dispatch{grid-template-columns:1fr;}
  .colophon__in{grid-template-columns:1fr 1fr;} .colophon__brand{grid-column:1/-1;}
}
@media (max-width:760px){.finder__cols{grid-template-columns:1fr;gap:24px;} .figbar{grid-template-columns:1fr;}}
@media (max-width:680px){
  .nav{position:fixed;inset:70px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
    border-bottom:1px solid var(--glass-line);padding:10px 18px 18px;transform:translateY(-10px);opacity:0;visibility:hidden;
    pointer-events:none;transition:transform .24s ease,opacity .24s ease,visibility .24s;box-shadow:var(--shadow-m);max-height:calc(100dvh - 70px);overflow:auto;}
  .nav.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto;}
  .nav a{min-height:50px;padding:0 14px;font-size:1.05rem;border-radius:12px;}
  .menu-btn{display:inline-flex;margin-left:auto;align-items:center;justify-content:center;width:46px;height:46px;
    border:1px solid var(--glass-bord);border-radius:13px;background:rgba(255,255,255,.5);cursor:pointer;}
  .menu-btn span,.menu-btn span::before,.menu-btn span::after{content:"";display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:.2s;}
  .menu-btn span::before{position:absolute;top:-6px;} .menu-btn span::after{position:absolute;top:6px;}
  .menu-btn[aria-expanded="true"] span{background:transparent;}
  .menu-btn[aria-expanded="true"] span::before{top:0;transform:rotate(45deg);} .menu-btn[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg);}
  .lang{margin:8px 0 0;}
  .grid-guides{grid-template-columns:1fr;}
  .pager{grid-template-columns:1fr;} .colophon__in{grid-template-columns:1fr;}
  .sponsor__in{flex-wrap:wrap;} .sponsor__cta{width:100%;} .sponsor__cta a{width:100%;justify-content:center;}
  .byline-foot{flex-direction:column;gap:12px;}
  .hero__title{font-size:clamp(2.6rem,11vw,3.6rem);}
}
@media print{.masthead,.nav,.sponsor,.dispatch,.toc,.pager{display:none;}body{background:#fff;}.prose{box-shadow:none;border:0;background:none;backdrop-filter:none;}}