@import url("/assets/fonts/type.css");

:root{
  color-scheme:light;
  --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --serif:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --ink:#32202b;
  --navy:#572746;
  --muted:#68535f;
  --accent:#79385f;
  --accent-dark:#572746;
  --mint:#f6e9f0;
  --mint-dark:#e7b8cd;
  --sand:#fbecd5;
  --ground:#fff9ef;
  --paper:#fff;
  --line:#ead9df;
  --focus:#a4422c;
  --radius:10px;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:280px;background:var(--ground);color:var(--ink);font:400 1rem/1.55 var(--sans);overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:650;line-height:1.22}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}
.at-visually-hidden{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.at-wrap{width:min(calc(100% - 48px),1200px);margin-inline:auto}
.at-skip{position:absolute;z-index:50;left:8px;top:8px;padding:10px;background:#fff;transform:translateY(-160%)}
.at-skip:focus{transform:none}

.at-top{background:var(--paper)}
.at-top-inner{display:grid;grid-template-columns:minmax(260px,1fr) minmax(215px,380px) auto;align-items:center;gap:20px;min-height:75px;padding-block:10px}
.at-brand{display:inline-flex;align-items:center;gap:11px;justify-self:start;width:max-content;max-width:100%}
.at-brand img{display:block;flex:none;width:42px;height:42px}
.at-brand span{display:grid;line-height:1.05}
.at-brand strong{font-size:1.28rem;font-weight:700;letter-spacing:-.035em}
.at-brand small{font-size:.77rem;font-weight:500;color:var(--muted);margin-top:5px}
.at-controls{display:flex;align-items:center;gap:8px}
.at-switch select,.at-account,.at-menu-toggle{height:43px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}
.at-switch select{padding:0 7px;cursor:pointer;font-size:.88rem}
.at-account,.at-menu-toggle{width:43px;place-items:center}
.at-account{display:grid}
.at-menu-toggle{display:none;padding:0}
.at-account:hover,.at-menu-toggle:hover{background:var(--mint);border-color:#d2b0c0}
.at-search-form{display:flex;align-items:center;gap:8px;min-width:0;max-width:520px;margin:0 0 16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding-left:11px}
.at-search-form>svg{flex:none;color:var(--accent)}
.at-search-form input{min-width:0;width:100%;height:42px;flex:1;border:0;background:transparent;color:var(--ink)}
.at-search-form>button{min-height:42px;border:0;padding:0 13px;border-radius:0 7px 7px 0}
.at-search-top{margin:0;padding-left:13px;background:#fff9f3}
.at-search-top button{display:grid;place-items:center;border-left:1px solid var(--line);background:transparent;color:var(--accent-dark)}
.at-search-top button:hover{background:var(--mint)}
.at-search-form:focus-within{border-color:#a9698a}
.at-nav-frame{background:var(--navy);color:#fff}
.at-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.at-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.at-nav::-webkit-scrollbar{display:none}
.at-nav>a,.at-method-link{display:inline-flex;min-height:52px;align-items:center;gap:7px;padding:6px 10px;white-space:nowrap;font-size:.92rem;font-weight:600;color:#fff}
.at-nav>a{border-bottom:3px solid transparent}
.at-nav>a:hover,.at-nav>a[aria-current]{background:#74415f;border-bottom-color:#f5bb94}
.at-method-link{color:#ffe3cb;flex:none}
.at-method-link:hover{text-decoration:underline;text-underline-offset:4px}
.at-mobile-nav{display:none}
.at-locales-fallback{padding-block:5px}

.at-main{padding-block:28px 55px;min-height:52vh}
.at-main:focus{outline:none}
.at-footer{background:#f6e9e3;border-top:1px solid var(--line)}
.at-foot-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-block:25px 95px}
.at-foot-inner p{color:var(--muted);max-width:49ch;font-size:.9rem;margin-top:13px}
.at-foot-links{display:flex;justify-content:flex-end;gap:7px 19px;flex-wrap:wrap;padding-top:6px;font-size:.88rem}
.at-foot-links a:hover{color:var(--accent);text-decoration:underline}

.at-breadcrumb{display:flex;align-items:center;gap:5px 8px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin:0 0 20px}
.at-breadcrumb a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.at-breadcrumb svg{flex:none}
.at-crumb-current{max-width:100%}
.at-heading{margin:0 0 21px;border-bottom:1px solid var(--line);padding:0 0 17px}
.at-heading h1,.at-product-info h1{font-size:clamp(1.85rem,4.3vw,2.85rem);letter-spacing:-.036em;hyphens:auto}
.at-heading>p:last-child:not(.at-eyebrow),.at-reading-head>p{max-width:68ch;margin-top:10px;color:var(--muted);line-height:1.65}
.at-eyebrow{color:var(--accent-dark);font-size:.77rem;font-weight:650;letter-spacing:.105em;text-transform:uppercase;margin-bottom:7px}
.at-section{margin-top:39px}
.at-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}
.at-section-head h2{font-size:clamp(1.36rem,3vw,1.86rem);letter-spacing:-.026em}
.at-section-head p{color:var(--muted);font-size:.93rem;margin-top:5px;max-width:68ch}
.at-section-head>.at-link{flex:none}
.at-btn,.at-btn-outline,.at-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}
.at-btn,.at-btn-outline{min-height:43px;padding:8px 14px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;font-size:.92rem;line-height:1.35}
.at-btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.at-btn-outline{background:var(--paper);color:var(--accent-dark);border-color:#d2b0c0}
.at-btn-outline:hover{background:var(--mint);border-color:var(--accent)}
.at-link{color:var(--accent-dark);font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.at-link:hover{color:var(--accent);text-decoration-thickness:2px}
.at-link svg,.at-btn svg,.at-btn-outline svg{flex:none}

.at-tile-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--mint)}
.at-split-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:clamp(18px,3vw,33px);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--mint)}
.at-split-strip h2{font-size:clamp(1.24rem,2.5vw,1.65rem)}
.at-split-strip p:not(.at-eyebrow){max-width:70ch;margin-top:5px;color:var(--muted)}
.at-split-strip .at-btn-outline{flex:none}
.at-community-banner{background:var(--sand);border-left-color:#ab553d}

.at-grid,.at-guide-grid,.at-video-grid,.at-directory-grid{display:grid;gap:15px}
.at-grid,.at-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.at-guide-grid,.at-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.at-card,.at-directory-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}
.at-card:hover,.at-directory-card:hover{border-color:#d2b0c0}
.at-card-media,.at-guide-media{display:block;position:relative;overflow:hidden;background:#f6e9e4;color:var(--accent);aspect-ratio:5/4}
.at-card-media img,.at-guide-media img{width:100%;height:100%;display:block;object-fit:cover}
.at-product-card .at-card-media img{object-position:center 30%}
.at-guide-media,.at-video-media{aspect-ratio:16/9}
.at-guide-media{display:grid;place-content:center}
.at-guide-media:has(img){display:block}
.at-card-body{min-width:0;padding:11px 13px 13px}
.at-card-body h3{font-size:1.015rem;font-weight:650;line-height:1.28;hyphens:auto}
.at-guide-card h3{font:650 1.23rem/1.24 var(--serif)}
.at-card-body h3 a:hover{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.at-card-body p{font-size:.85rem;color:var(--muted);margin-top:5px;line-height:1.44}
.at-card-body .at-card-kicker{color:var(--accent-dark);font-size:.77rem;font-weight:650;margin:0 0 3px}
.at-card-body .at-card-price{font-size:1.09rem;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.at-byline{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;color:var(--muted);font-size:.79rem;margin-bottom:6px}
.at-byline span{font-weight:600;color:var(--accent-dark);background:var(--mint);border-radius:5px;padding:2px 6px}
.at-byline time{white-space:nowrap}
.at-play,.at-duration{position:absolute;background:#45253ae6;color:#fff}
.at-play{left:7px;bottom:7px;display:grid;place-content:center;width:30px;height:27px;border-radius:5px}
.at-duration{bottom:7px;right:7px;padding:2px 6px;border-radius:5px;font-size:.77rem;font-variant-numeric:tabular-nums}
.at-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;background:#f6edf0;color:var(--muted);font-weight:600;font-size:.77rem;line-height:1.2}
.at-tag-ai{background:var(--mint);color:var(--accent-dark)}
.at-card-media .at-tag{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px)}
.at-image-empty{display:grid;place-content:center;width:100%;height:100%;color:#835c72}
.at-directory-card{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;min-height:66px}
.at-directory-card:hover{background:#fdf0ea;color:var(--accent-dark)}
.at-directory-card img,.at-directory-mark{display:grid;width:55px;height:40px;object-fit:contain;place-content:center;background:var(--mint);color:var(--accent-dark);font-weight:700;border-radius:4px}
.at-directory-card h3{font-size:1rem}
.at-directory-card p{color:var(--muted);font-size:.78rem}
.at-empty{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.at-empty h2{font-size:1.09rem}
.at-empty p{margin-top:4px;color:var(--muted)}

.at-field{display:grid;gap:5px;color:var(--muted);font-size:.88rem;font-weight:600}
.at-field :is(input,select,textarea){width:100%;min-width:0;min-height:43px;padding:7px 9px;border:1px solid #cfbac3;border-radius:6px;background:#fff;color:var(--ink)}
.at-field textarea{min-height:140px;resize:vertical}
.at-filter{display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:15px;margin-bottom:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.at-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 15px}
.at-chip,.at-page{display:inline-flex;min-height:39px;align-items:center;justify-content:center;padding:6px 10px;border:1px solid var(--line);background:#fff;border-radius:6px;font-size:.9rem}
.at-chip:hover,.at-page:hover{background:var(--mint);color:var(--accent-dark)}
.at-chip[aria-current],.at-page[aria-current]{color:var(--accent-dark);background:var(--mint);border-color:#d2b0c0;font-weight:650}
.at-results,.at-result-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.at-results{margin-bottom:12px;font-size:.91rem;color:var(--muted)}
.at-result-controls{justify-content:flex-end;gap:13px}
.at-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:20px}
.at-page{min-width:40px}
.at-view-switch{display:flex;gap:2px;padding:2px;border:1px solid var(--line);background:var(--paper);border-radius:8px}
.at-view-switch a{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:5px}
.at-view-switch a:hover,.at-view-switch a[aria-current]{background:var(--mint);color:var(--accent-dark)}
.at-comparison{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.at-comparison table{width:100%;min-width:580px;border-collapse:collapse;text-align:left;font-size:.92rem}
.at-comparison th,.at-comparison td{padding:10px 13px;border-bottom:1px solid var(--line)}
.at-comparison thead{background:#f7eaef;color:var(--accent-dark)}
.at-comparison thead th{font-weight:650}
.at-comparison tbody th{font-weight:600;width:45%}
.at-comparison tbody td:nth-last-child(-n+2){white-space:nowrap;font-variant-numeric:tabular-nums}
.at-comparison tbody td:last-child{font-weight:650}
.at-comparison tbody tr:last-child :is(th,td){border-bottom:0}
.at-comparison tbody tr:hover{background:#fcf3f6}
.at-comparison tbody a{display:inline-flex;align-items:center;gap:5px;color:var(--accent-dark)}
.at-comparison tbody a svg{flex:none}
.at-comparison tbody a:hover{text-decoration:underline;text-underline-offset:3px}
.at-table-note{margin-top:7px;color:var(--muted);font-size:.8rem}
.at-table-scroll-hint{display:none}

.at-detail,.at-topic-layout,.at-reading-layout{display:grid;align-items:start;gap:18px}
.at-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr)}
.at-topic-layout,.at-reading-layout{grid-template-columns:minmax(0,1fr) minmax(212px,270px)}
.at-gallery,.at-product-info,.at-pane,.at-reading,.at-article{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.at-gallery{padding:12px}
.at-gallery-main{background:#f8ece5;aspect-ratio:5/4;border-radius:6px;overflow:hidden}
.at-gallery-main img{width:100%;height:100%;object-fit:contain}
.at-gallery-thumbs{display:flex;gap:7px;overflow-x:auto;padding:8px 2px 3px}
.at-gallery-thumbs a{display:block;flex:0 0 59px;height:56px;border:1px solid var(--line);border-radius:5px;background:#f8ece5;overflow:hidden}
.at-gallery-thumbs a[aria-current]{border:2px solid var(--accent)}
.at-gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.at-product-info{padding:clamp(16px,3vw,27px)}
.at-product-info h1{font-size:clamp(1.56rem,3.5vw,2.24rem);margin:8px 0}
.at-product-intro,.at-note,.at-review-note{color:var(--muted);margin:8px 0;line-height:1.65}
.at-price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:11px 0;padding:8px 0;border-block:1px solid var(--line);color:var(--muted)}
.at-price-line strong{color:var(--ink);font-size:1.65rem;font-variant-numeric:tabular-nums}
.at-specs{margin:9px 0}
.at-spec{display:grid;grid-template-columns:minmax(90px,.38fr) minmax(0,1fr);gap:7px;border-bottom:1px solid var(--line);padding:6px 3px}
.at-spec dt{color:var(--muted);font-size:.88rem}
.at-spec dd{margin:0}
.at-product-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.at-review-note{padding:8px 10px;background:#f8eeef;font-size:.85rem;border-radius:6px}
.at-pane,.at-article{padding:15px 18px}
.at-pane + .at-pane{margin-top:13px}
.at-pane h2{font-size:1.12rem;margin-bottom:6px}
.at-pane p{margin:5px 0;color:var(--muted)}
.at-pane .at-btn,.at-pane .at-btn-outline{margin-top:6px}
.at-topic-name{display:flex;gap:12px;align-items:flex-start}
.at-topic-name .at-heading{flex:1;min-width:0}
.at-topic-name img,.at-topic-name .at-directory-mark{width:74px;height:58px;object-fit:contain;flex:none;background:var(--mint);border-radius:7px}
.at-topic-body{margin-top:12px}
.at-review-callout{border-left:4px solid var(--accent)}
.at-review-callout h2 a:hover{text-decoration:underline;color:var(--accent-dark)}
.at-player{position:relative;aspect-ratio:16/9;background:var(--navy);overflow:hidden;border-radius:var(--radius);display:grid;place-content:center}
.at-player :is(img,iframe,video){width:100%;height:100%;object-fit:contain;border:0;position:absolute;inset:0}
.at-player .at-btn{position:relative;z-index:1}
.at-reading{padding:clamp(17px,4.1vw,45px)}
.at-reading-head h1{font:650 clamp(1.85rem,4.4vw,3.05rem)/1.12 var(--serif);letter-spacing:-.037em;hyphens:auto;margin:11px 0 13px}
.at-reading-head>p{font-size:1.06rem}
.at-topic-figure{margin:18px 0 0;background:#f8ece5;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.at-topic-figure img{width:100%;max-height:420px;object-fit:contain;display:block}
.at-reading-sidebar ul{list-style:none;padding:0;margin:0;font-size:.92rem}
.at-reading-sidebar li{padding:8px 0;border-top:1px solid var(--line)}
.at-reading-sidebar li a:hover{color:var(--accent-dark);text-decoration:underline}
.at-source-pane{background:#f8ede8;border-color:#e9c9c9}
.at-source-pane .at-eyebrow{color:var(--accent-dark);margin-top:0}
.at-article-index{margin:18px 0;border:1px solid var(--line);border-radius:7px;background:#f8eeef;padding:13px 15px}
.at-article-index strong{font-size:1rem;color:var(--accent-dark)}
.at-article-index ol{margin:6px 0 0;padding-left:1.35em}
.at-article-index li{margin:4px 0;font-size:.93rem}
.at-article-index a:hover{color:var(--accent-dark);text-decoration:underline}
.at-longform{max-width:53em}
.at-topic-layout .at-longform{max-width:none}
.at-prose{max-width:66ch;font:400 1.125rem/1.72 var(--serif);hyphens:auto}
.at-reading .at-prose{margin-inline:auto;border:0;padding:4px 0 0}
.at-prose :is(h2,h3){font-family:var(--sans);line-height:1.25;letter-spacing:-.017em}
.at-prose h2{font-size:1.39rem;border-top:1px solid var(--line);padding-top:11px;margin:1.55em 0 .65em;scroll-margin-top:14px}
.at-prose h3{font-size:1.16rem;margin:1.2em 0 .4em}
.at-prose p,.at-article p{margin:.75em 0}
.at-prose ol,.at-prose ul{padding-left:1.5em}
.at-prose a,.at-article a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:.17em}
.at-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.at-prose td,.at-prose th{border:1px solid var(--line);padding:5px 7px}
.at-prose blockquote{margin:.85em 0;padding:.3em .8em;border-left:3px solid #d9b3c5;color:var(--muted)}
.at-form{display:grid;gap:11px}
.at-form .at-btn{justify-self:start}
.at-consent{font-size:.88rem}
.at-consent a{color:var(--accent-dark);text-decoration:underline}
.at-hp{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.at-notice{background:#e9f5ef;border:1px solid #b7dfce;color:#205a40;padding:9px;margin-bottom:11px}
.at-notice-error{background:#fbefeb;border-color:#e4b7ab;color:#873c2a}

:root{--sr-c-ink:var(--ink);--sr-c-muted:var(--muted);--sr-c-accent:var(--accent);--sr-c-tint:var(--mint);--sr-c-line:var(--line);--sr-c-panel:var(--paper);--sr-c-soft:var(--ground)}
.sr-c-hero{border-radius:var(--radius);background:var(--mint);border-left:4px solid var(--accent)}
.sr-c-hero h1,.sr-c-form-panel h1,.sr-c-thread h1{font-family:var(--sans);font-size:clamp(1.5rem,3.8vw,2.25rem);letter-spacing:-.03em}
.sr-c-aside,.sr-c-thread,.sr-c-form-panel,.sr-c-replies,.sr-c-empty,.sr-c-button,.sr-c-filters a,.sr-c-pill{border-radius:7px}
.sr-c-primary:hover{background:var(--accent-dark)}
.sr-c-filters a[aria-current="page"]{border-color:#e9c9c9}
.sr-inquiry-float .sr-inquiry-float-price,.sr-inquiry-submit{background:var(--accent-dark);border-color:var(--accent-dark)}
.sr-inquiry-float .sr-inquiry-float-price:hover,.sr-inquiry-submit:hover{background:var(--accent);border-color:var(--accent)}
.sr-inquiry-float a,.sr-inquiry-dialog,.sr-inquiry-page,.sr-inquiry-submit{border-radius:7px}
.sr-inquiry-kicker{color:var(--accent-dark)}
.sr-inquiry-consent input{accent-color:var(--accent)}
.sr-inquiry-float{gap:5px}
.sr-inquiry-float a{box-shadow:0 2px 8px #45253a20}
.sr-inquiry-dialog::backdrop{background:#45253a99}

@media(max-width:1050px){
  .at-wrap{width:calc(100% - 36px)}
  .at-top-inner{gap:13px}
  .at-nav-inner{gap:10px}
  .at-nav>a,.at-method-link{padding-inline:8px}
  .at-grid,.at-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .at-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .at-wrap{width:calc(100% - 28px)}
  .at-top-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-block:10px;min-height:0}
  .at-brand{gap:7px}
  .at-brand img{width:38px;height:38px}
  .at-brand strong{font-size:1.19rem}
  .at-brand small{font-size:.72rem}
  .at-menu-toggle{display:grid}
  .at-mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 14px;gap:4px;background:#fff;border-bottom:1px solid var(--line)}
  .at-mobile-nav>a{min-height:40px;padding:6px;color:var(--accent-dark);font-weight:600}
  .at-mobile-nav>a:hover{background:var(--mint)}
  .at-search-top{grid-column:1/-1;grid-row:2;max-width:none}
  .at-search-form input{font-size:16px}
  .at-nav-inner{width:100%;padding-inline:7px;display:block}
  .at-nav>a{min-height:42px;padding:5px 8px;font-size:.87rem}
  .at-method-link{display:none}
  .at-main{padding-block:18px 38px}
  .at-section{margin-top:28px}
  .at-section-head{gap:9px;margin-bottom:10px}
  .at-section-head h2{font-size:1.38rem}
  .at-section-head p{font-size:.87rem}
  .at-section-head .at-link{font-size:.86rem}
  .at-guide-grid,.at-grid,.at-video-grid,.at-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .at-guide-card h3{font-size:1.09rem}
  .at-card-body{padding:9px}
  .at-detail,.at-topic-layout,.at-reading-layout{grid-template-columns:1fr;gap:11px}
  .at-foot-inner{flex-direction:column;gap:13px;padding-block:22px 95px}
  .at-foot-links{justify-content:flex-start;gap:7px 13px}
  .at-reading .at-prose{font-size:1.09rem;line-height:1.7}
  .at-field :is(input,select,textarea){font-size:16px}
}
@media(max-width:595px){.at-table-scroll-hint{display:inline}}
@media(max-width:510px){
  .at-wrap{width:calc(100% - 22px)}
  .at-tile-icon{display:none}
  .at-section-head{display:block}
  .at-section-head>.at-link{margin-top:6px}
  .at-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .at-filter>.at-field:first-of-type{grid-column:1/-1}
  .at-split-strip{align-items:flex-start;flex-direction:column}
  .at-comparison th,.at-comparison td{padding:8px 9px}
  .at-comparison table{min-width:535px}
  .at-topic-name img,.at-topic-name .at-directory-mark{width:54px;height:48px}
  .at-directory-card{grid-template-columns:37px minmax(0,1fr);gap:5px}
  .at-directory-card>svg{display:none}
  .at-directory-card img,.at-directory-card .at-directory-mark{width:37px;height:34px}
  .at-directory-card h3{font-size:.9rem}
  .sr-inquiry-float{right:8px;bottom:8px}
}
@media(max-width:370px){
  .at-top-inner{gap:7px}
  .at-brand img{width:33px;height:33px}
  .at-brand strong{font-size:.97rem}
  .at-brand small{font-size:.65rem}
  .at-controls{gap:4px}
  .at-switch select,.at-account,.at-menu-toggle{height:36px}
  .at-account,.at-menu-toggle{width:34px}
  .at-switch select{padding-inline:3px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* 實體娃誌的編輯封面、區域入口與閱讀節奏 */
:root{--orange:#a64732;--peach:#f8ccad;--blush:#f8e4e5;--radius:14px}
body{line-height:1.65;line-break:strict}
.at-wrap{width:min(calc(100% - 56px),1180px)}
.at-top-inner{grid-template-columns:minmax(200px,1fr) minmax(210px,345px) auto;min-height:78px}
.at-brand{gap:9px}
.at-brand img{width:45px;height:45px}
.at-brand strong{font-size:1.42rem;letter-spacing:.06em;font-weight:850}
.at-brand small{font-size:.65rem;letter-spacing:.16em;font-weight:700}
.at-nav-frame{background:#fffaf4;color:var(--ink);border-block:1px solid #eedfe2}
.at-nav>a{color:var(--ink);padding-inline:12px;border-bottom-width:2px}
.at-nav>a:hover,.at-nav>a[aria-current]{background:#f6e6ec;color:var(--accent-dark);border-bottom-color:var(--orange)}
.at-nav{gap:5px}
.at-main{padding-top:28px}
.at-heading h1,.at-product-info h1,.at-reading-head h1{letter-spacing:0;line-height:1.3}
.at-eyebrow{letter-spacing:.065em}
.at-section-head h2{letter-spacing:0;line-height:1.35}
.at-section-head h2::before{content:"";display:inline-block;width:7px;height:.82em;border-radius:99px;background:#dd805f;margin-right:8px;vertical-align:-.03em}
.at-card h3{line-height:1.44}
.at-reading .at-prose,.at-prose{line-height:1.88;font-size:1.05rem}
.at-reading-head>p,.at-heading>p:last-child:not(.at-eyebrow){line-height:1.75}
.at-byline{font-size:.8rem}
.at-foot-inner p{max-width:33em}
.at-footer{background:#f6e9e3}
.at-btn,.at-btn-outline{border-radius:9px}
.at-pane{border-radius:14px}
.tw-topline{background:#572746;color:#fff6ec;font-size:.81rem;letter-spacing:.045em}
.tw-topline>.at-wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:10px}
.tw-topline a{display:inline-flex;align-items:center;gap:5px;color:#ffe3d1;text-underline-offset:3px}
.tw-topline a:hover{text-decoration:underline}
.tw-cover{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(230px,1fr);gap:14px}
.tw-hero{isolation:isolate;position:relative;display:grid;align-items:center;min-height:345px;overflow:hidden;border:1px solid #ead3d4;border-radius:21px;background:linear-gradient(110deg,#f8e8e5 6%,#f6dce0 54%,#f9d7c1 100%)}
.tw-hero>img{position:absolute;right:1.2%;top:50%;transform:translateY(-50%);width:44%;height:auto;pointer-events:none;z-index:-1}
.tw-hero-copy{width:min(70%,540px);padding:29px clamp(22px,4.2vw,55px)}
.tw-hero-kicker{display:flex;align-items:center;gap:6px;color:var(--accent-dark);font-size:.83rem;font-weight:750;letter-spacing:.08em;margin-bottom:11px}
.tw-hero h1{font-size:clamp(2.4rem,4.8vw,4.1rem);font-weight:850;line-height:1.18;letter-spacing:.035em;color:#4d2642}
.tw-hero-copy>p:not(.tw-hero-kicker){margin-top:14px;max-width:28em;color:#5d4252;font-size:1rem;line-height:1.78}
.tw-hero-actions,.tw-service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:17px}
.tw-hero-actions .at-btn{background:#572746;border-color:#572746}
.tw-hero-actions .at-btn:hover{background:#79385f}
.tw-hero-link{font-size:.92rem;color:#572746;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.tw-service{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;background:#fff0d9;border:1px solid #f0d1ad;border-radius:21px;padding:23px 22px}
.tw-service-icon{display:grid;place-items:center;background:#f9d7b4;color:#7f3b2b;border-radius:16px;width:53px;height:53px;margin-bottom:14px}
.tw-service h2{font-size:clamp(1.35rem,2.3vw,1.9rem);margin-bottom:8px;color:#562f3b}
.tw-service p:not(.at-eyebrow){font-size:.94rem;line-height:1.72;color:#68504d}
.tw-service-actions{align-items:flex-start;flex-direction:column;gap:7px}
.tw-service-actions .at-btn,.tw-info-actions>.at-btn{background:var(--orange);border-color:var(--orange)}
.tw-service-actions .at-btn:hover,.tw-info-actions>.at-btn:hover{background:#813422}
.tw-market{margin-top:23px;padding:18px 18px 19px;border:1px solid #eddadf;border-radius:19px;background:#fffdf9}
.tw-market-title{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:13px}
.tw-market-title .at-eyebrow{margin-bottom:3px}
.tw-market-title h2,.tw-reading-index h2{font-size:1.37rem;color:var(--accent-dark)}
.tw-region-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.tw-region-card{display:grid;align-items:center;grid-template-columns:37px minmax(0,1fr) auto;gap:8px;border:1px solid #ead9df;border-radius:11px;padding:9px 8px;background:#fff8f3;min-height:65px}
.tw-region-card:hover{border-color:#c78ca9;background:#f8ecf2}
.tw-region-code{display:grid;place-items:center;background:#f5dfec;color:#6b3156;font-size:.76rem;font-weight:850;letter-spacing:.065em;width:37px;height:37px;border-radius:50%}
.tw-region-card strong,.tw-region-card small{display:block}
.tw-region-card strong{font-weight:770;line-height:1.2}
.tw-region-card small{margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.44}
.tw-region-card svg{color:var(--accent-dark)}
.tw-editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,265px);align-items:start;gap:18px;margin-top:31px}
.tw-featured-reviews{margin-top:0}
.tw-featured-reviews .at-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tw-reading-index{border:1px solid #ebdce5;border-radius:17px;padding:15px 16px;background:#fffdf9}
.tw-reading-index h2{margin-bottom:9px}
.tw-reading-index a:not(.tw-source-link){display:grid;align-items:center;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;padding:9px 0;border-top:1px solid #f0e4e7;color:var(--accent-dark)}
.tw-reading-index a:not(.tw-source-link):hover{color:var(--orange)}
.tw-reading-index .at-tile-icon{display:grid;width:31px;height:31px;border-radius:8px;background:#f5e5ed;color:#71365b}
.tw-reading-index a strong,.tw-reading-index a small{display:block}
.tw-reading-index a small{font-size:.75rem;line-height:1.35;color:var(--muted)}
.tw-source-link{display:flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:4px;font-size:.84rem;font-weight:700;padding-top:10px;color:var(--accent-dark)}
.tw-context-links,.tw-info-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin-top:13px}
.tw-context-links a{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px;color:var(--accent-dark);font-size:.84rem;font-weight:650}
.tw-info-actions{margin:16px 0}

@media(max-width:960px){
  .at-wrap{width:calc(100% - 36px)}
  .tw-cover{grid-template-columns:minmax(0,1.85fr) minmax(215px,1fr)}
  .tw-hero>img{right:-4%;width:50%}
  .tw-hero-copy{width:72%}
  .tw-region-card{grid-template-columns:30px minmax(0,1fr);gap:6px}
  .tw-region-code{width:30px;height:30px}
  .tw-region-card svg{display:none}
}
@media(max-width:820px){
  .at-wrap{width:calc(100% - 28px)}
  .at-top-inner{grid-template-columns:minmax(0,1fr) auto;min-height:0}
  .at-nav-inner{width:100%}
  .at-brand img{width:39px;height:39px}
  .at-brand strong{font-size:1.24rem}
  .at-brand small{font-size:.58rem}
  .at-nav>a{padding-inline:10px}
  .tw-cover{gap:9px}
  .tw-hero{min-height:282px}
  .tw-hero-copy{width:79%;padding:22px}
  .tw-hero>img{right:-6%;width:52%;opacity:.62}
  .tw-hero h1{font-size:clamp(2.15rem,6vw,3.25rem)}
  .tw-service{padding:17px}
  .tw-market{margin-top:15px;padding:13px}
  .tw-editorial-layout{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
  .tw-reading-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .tw-reading-index>p,.tw-reading-index>h2,.tw-reading-index>.tw-source-link{grid-column:1/-1}
}
@media(max-width:615px){
  .tw-cover{grid-template-columns:1fr}
  .tw-hero{min-height:242px}
  .tw-hero>img{right:-1%;width:48%;opacity:.64}
  .tw-hero-copy{width:78%;padding:20px}
  .tw-hero-copy>p:not(.tw-hero-kicker){font-size:.94rem}
  .tw-service{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding:14px;align-items:center}
  .tw-service-icon{grid-row:1/4;margin:0;width:45px;height:45px}
  .tw-service>.at-eyebrow{margin:0}
  .tw-service>h2{margin-bottom:3px}
  .tw-service-actions{grid-column:1/-1;flex-direction:row;align-items:center;margin-top:10px}
  .tw-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tw-region-card:last-child{grid-column:1/-1}
  .tw-region-card{min-height:54px}
}
@media(max-width:405px){
  .at-wrap{width:calc(100% - 20px)}
  .at-nav-inner{width:100%}
  .at-brand img{width:33px;height:33px}
  .at-brand strong{font-size:1.06rem}
  .tw-topline{font-size:.73rem}
  .tw-hero-copy{width:92%;padding:16px}
  .tw-hero>img{top:35%;right:-4%;width:43%;opacity:.22}
  .tw-hero-actions{gap:7px}
  .tw-hero-actions .at-btn,.tw-hero-link{font-size:.85rem}
  .tw-market-title{display:block}
  .tw-market-title>.at-link{margin-top:5px}
  .tw-reading-index{padding:13px 11px}
  .tw-reading-index a:not(.tw-source-link){grid-template-columns:23px minmax(0,1fr);gap:5px}
  .tw-reading-index .at-tile-icon{width:23px;height:23px}
  .tw-reading-index a>svg{display:none}
}