@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600;700;800&display=swap";:root{--bg:#faf6ef;--surface:#fff;--surface-soft:#f1ece1;--text:#22281f;--muted:#6e7568;--brand:#33513f;--brand-dark:#22362a;--accent:#c2764f;--danger:#a23b2a;--border:#e6dfd1;--shadow:0 14px 34px #1e281e1a;--radius:14px;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:DM Sans,Noto Sans TC,ui-sans-serif,system-ui,sans-serif;line-height:1.75}img{max-width:100%;height:auto}a{color:var(--brand);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--brand-dark)}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 32px), var(--max));margin-inline:auto}.narrow{width:min(100% - 32px,820px);margin-inline:auto}.skip-link{z-index:999;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.cms-announcement{text-align:center;background:var(--brand-dark);color:#fff;margin:0;padding:10px 18px;font-weight:750}.site-header{z-index:50;backdrop-filter:blur(14px);background:#faf6eff0;border-bottom:1px solid #e6dfd1e6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.brand{color:var(--text);letter-spacing:-.035em;align-items:center;gap:10px;font-family:DM Sans,Noto Sans TC,sans-serif;font-size:1.14rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:40px;height:40px;display:block}.nav{align-items:center;gap:22px;display:flex}.nav a{color:var(--text);letter-spacing:.01em;font-size:.92rem;font-weight:700;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--brand)}.menu-button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 12px;display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{padding:76px 0 52px;overflow:hidden}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:44px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:inline-flex}h1,h2,h3{letter-spacing:-.035em;line-height:1.22}h1,h2{font-family:Playfair Display,Noto Sans TC,DM Sans,serif;font-weight:700}h1{margin:14px 0 20px;font-size:clamp(2.45rem,6vw,4.8rem)}h2{margin-top:0;font-size:clamp(1.7rem,3vw,2.55rem)}h3{font-size:1.2rem}.lead{color:var(--muted);max-width:680px;font-size:1.16rem}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 25px #33513f3d}.btn-primary:hover{color:#fff;background:var(--brand-dark)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.hero-art{min-height:410px;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:20px;position:relative;overflow:hidden}.hero-art>img{object-fit:cover;width:100%;height:100%;min-height:410px;display:block}.floating-card{box-shadow:var(--shadow);color:var(--brand-dark);background:#fffffff0;border:1px solid #e6dfd1f2;border-radius:12px;padding:12px 16px;font-weight:800;position:absolute}.floating-card.one{top:34px;left:22px}.floating-card.two{bottom:36px;right:22px}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.section-head p{color:var(--muted);max-width:620px;margin:0}.grid{gap:22px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 8px 24px #1e281e0d}.card:hover{border-color:#d3c9b4}.article-thumbnail{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;background:var(--surface-soft);margin:-24px -24px 18px;display:block;overflow:hidden}.article-thumbnail img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .35s;display:block}.card:hover .article-thumbnail img{transform:scale(1.035)}.feature-thumbnail{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;background:var(--surface-soft);margin:-24px -24px 18px;display:block;overflow:hidden}.feature-thumbnail img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .35s;display:block}.card:hover .feature-thumbnail img{transform:scale(1.035)}.card-icon{background:var(--surface-soft);min-width:34px;height:34px;color:var(--accent);border:1px solid var(--border);border-radius:8px;place-items:center;padding:0 6px;font-family:Playfair Display,serif;font-size:1rem;font-weight:800;display:inline-grid}.card-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:.86rem;display:flex}.badge{border:1px solid var(--border);color:var(--brand-dark);background:#fff;border-radius:999px;align-items:center;padding:4px 9px;font-size:.8rem;font-weight:750;display:inline-flex}.card h3{margin:8px 0}.card h3 a{color:var(--text);text-decoration:none}.card p{color:var(--muted);margin:8px 0 0}.text-link{font-weight:800;text-decoration:none}.page-hero{padding:54px 0 32px}.page-hero h1{font-size:clamp(2.2rem,5vw,3.7rem)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding-top:24px;font-size:.88rem;display:flex}.breadcrumbs a{color:var(--muted)}.article-shell{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:42px;padding-bottom:72px;display:grid}.article-main{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:16px;padding:clamp(24px,5vw,52px)}.article-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin:18px 0 26px;font-size:.9rem;display:flex}.article-hero{aspect-ratio:16/9;object-fit:cover;background:var(--surface-soft);border-radius:12px;width:100%;margin-bottom:30px}.prose{font-size:1.04rem}.prose h2{margin-top:2.2em;padding-top:.3em}.prose h3{margin-top:1.7em}.prose blockquote{border-left:4px solid var(--accent);background:var(--surface-soft);border-radius:0 10px 10px 0;margin:26px 0;padding:15px 20px}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:10px 12px}.sidebar{gap:18px;display:grid;position:sticky;top:94px}.sidebar-box{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:18px}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.quiz-cta{border:1px solid var(--border);background:#fff;border-radius:12px;margin:34px 0;padding:24px}.quiz-cta h3{margin-top:0}.quiz-shell{max-width:760px;margin:24px auto 0}.quiz-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:clamp(22px,5vw,42px)}.feature-hero{border-radius:12px;margin-bottom:24px;overflow:hidden}.feature-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.quiz-progress{background:#f0ede4;border-radius:999px;height:9px;margin-bottom:24px;overflow:hidden}.quiz-progress>span{background:var(--brand);width:0;height:100%;transition:width .3s;display:block}.quiz-kicker{color:var(--accent);font-weight:800}.quiz-question{margin:9px 0 8px;font-size:clamp(1.35rem,3vw,1.8rem)}.quiz-help{color:var(--muted);margin-bottom:18px}.answer-list{gap:12px;margin-top:22px;display:grid}.answer-button{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:15px 17px;font-weight:700}.answer-button:hover,.answer-button:focus-visible{border-color:var(--brand);background:var(--surface-soft);outline:3px solid #33513f1f}.quiz-back{color:var(--brand);background:0 0;border:0;margin-top:18px;padding:8px 0;font-weight:800}.score-control{gap:18px;margin-top:26px;display:grid}.score-value{color:var(--muted);justify-content:center;align-items:baseline;gap:7px;font-weight:800;display:flex}.score-value output{color:var(--brand-dark);font-size:2.6rem;font-weight:900;line-height:1}.score-control input[type=range]{width:100%;accent-color:var(--brand);cursor:grab}.score-control input[type=range]:active{cursor:grabbing}.score-scale{color:var(--muted);text-align:center;justify-content:space-between;font-size:.78rem;line-height:1.35;display:flex}.score-scale span:nth-child(2){text-align:center}.score-scale span:last-child{text-align:right}.result-hero{text-align:center}.result-columns{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.result-box{border:1px solid var(--border);background:#fff;border-radius:10px;padding:18px}.result-box h3{margin-top:0;font-size:1rem}.result-box ul{margin:0;padding-left:20px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.story-section{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;margin:34px 0;padding:24px}.story-section-copy{text-align:center}.story-section-copy h3{margin:6px 0}.story-section-copy p{color:var(--muted)}.story-preview{aspect-ratio:9/16;box-sizing:border-box;text-align:center;color:#faf6ef;background:linear-gradient(165deg, var(--brand-dark), var(--brand));border-radius:16px;flex-direction:column;align-items:center;width:min(100%,320px);margin:22px auto;padding:26px 22px;display:flex;overflow:hidden;box-shadow:0 20px 42px #1e281e38}.story-top,.story-preview strong,.story-preview p{z-index:1;position:relative}.story-top{color:#faf6ef;background:#ffffff29;border-radius:999px;padding:7px 12px;font-size:.74rem;font-weight:800}.story-preview strong{margin-top:18px;padding:0 10px;font-family:Playfair Display,Noto Sans TC,serif;font-size:1.45rem;line-height:1.3}.story-preview p{color:#d9e3d9;margin:13px 0 auto;padding:0 8px;font-weight:700;line-height:1.5}.story-brand{z-index:1;color:#faf6ef;background:#ffffff29;border-radius:999px;padding:6px 10px;font-size:.67rem;font-weight:800;position:relative}.story-cta{z-index:1;color:var(--brand-dark);background:#faf6ef;border-radius:999px;margin-top:8px;padding:7px 14px;font-size:.75rem;font-weight:800;position:relative}.themed-story-preview{color:#fff7e9;background:#082f4f;border:8px solid #f8f6f2;border-radius:30px;width:min(100%,360px);padding:24px 18px 18px;box-shadow:0 22px 48px #082f4f3d}.themed-story-preview .story-top{background:var(--story-accent);border:2px dashed #ffd3a7;padding:8px 18px;font-size:.8rem}.themed-story-preview strong{color:#fff2d6;text-shadow:0 2px 0 var(--story-accent);margin-top:16px;font-family:Noto Sans TC,sans-serif;font-size:1.4rem;font-weight:900}.themed-story-preview p{color:#fff7e9;margin:12px 0 16px;font-size:.82rem;line-height:1.6}.story-image-frame{z-index:1;width:100%;position:relative}.story-image-frame img{aspect-ratio:1/1.03;object-fit:cover;border:7px solid #fff0ce;border-radius:36px;width:100%;display:block}.story-symbol{color:#082f4f;border:3px solid var(--story-accent);background:#fff0ce;border-radius:999px;min-width:44px;padding:7px 10px;font-size:.68rem;font-weight:900;position:absolute;bottom:10px;right:10px}.themed-story-preview .story-badges{z-index:1;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin:12px 0;display:grid;position:relative}.themed-story-preview .story-badges span{border:1px solid var(--story-accent);color:#fff0ce;border-radius:12px;align-content:center;min-height:48px;padding:7px 3px;font-size:.63rem;font-weight:800;line-height:1.25;display:grid}.themed-story-preview .story-badges small{color:var(--story-support);letter-spacing:.04em;margin-bottom:3px;font-size:.52rem;display:block}.themed-story-preview .story-brand{margin-top:auto}.themed-story-preview .story-cta{color:#082f4f;border:2px dashed var(--story-accent);background:#fff0ce;width:100%;margin-top:10px;padding:10px 8px;font-size:.72rem}.story-theme-character{background-image:radial-gradient(circle at 12% 15%,#91c7d840 0 3px,#0000 4px),linear-gradient(#082f4f,#0b3657)}.story-theme-character .story-image-frame img{border-radius:12px 38px}.story-theme-staff{color:#172b3a;background:#f2e5cc;border-color:#082f4f}.story-theme-staff strong,.story-theme-staff p{color:#172b3a;text-shadow:none}.story-theme-staff .story-image-frame img{border-color:#082f4f;border-radius:18px}.story-theme-staff .story-badges span{color:#172b3a;background:#ffffff8c}.story-theme-staff .story-brand{color:#fff;background:#082f4f}.story-theme-award .story-image-frame img{border-color:#f4ca6a;border-radius:50% 50% 26px 26px}.story-theme-award .story-symbol{color:#6b4300;background:#f4ca6a}.story-theme-social{background:linear-gradient(155deg,#082f4f 0 62%,#0d5260 100%)}.story-theme-social .story-image-frame img{border-color:#b8e0dc;border-radius:22px}.story-theme-magazine{color:#172b3a;background:#f6f0e5;border-color:#fff}.story-theme-magazine .story-top{color:#172b3a;letter-spacing:.14em;background:0 0;border:0}.story-theme-magazine strong,.story-theme-magazine p{color:#172b3a;text-shadow:none}.story-theme-magazine .story-image-frame img{border:0;border-radius:2px}.story-theme-magazine .story-badges span{color:#172b3a;border-color:#c9bca7}.story-theme-magazine .story-brand{color:#fff;background:#172b3a}.story-theme-mission{background-image:linear-gradient(#78a7c417 1px,#0000 1px),linear-gradient(90deg,#78a7c417 1px,#0000 1px),linear-gradient(#082f4f,#092e49);background-size:28px 28px,28px 28px,auto}.story-theme-mission .story-image-frame img{border-radius:54px 18px}.possible-results{margin-top:48px}.tool-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:28px}.tool-hero-image{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:12px;margin-top:28px;display:block}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.field{gap:6px;display:grid}.field label{font-weight:750}.field input,.field select,.search-input{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:12px 14px}.field input:focus,.field select:focus,.search-input:focus{border-color:var(--brand);outline:3px solid #33513f24}.calculator-result{background:var(--surface-soft);border-radius:12px;margin-top:22px;padding:22px}.big-number{color:var(--brand-dark);font-size:2rem;font-weight:900}.ad-slot{place-items:center;min-height:90px;margin:28px 0;display:grid;overflow:hidden}.ad-placeholder{width:100%;min-height:90px;color:var(--muted);background:#fbf8f3;border:1px dashed #d8ccb9;border-radius:10px;place-items:center;font-size:.82rem;display:grid}.search-results{gap:12px;margin-top:22px;display:grid}.search-result{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:18px}.search-result h3{margin:0 0 4px}.search-result p{color:var(--muted);margin:0}.notice{color:#654a18;background:#fff6df;border:1px solid #f0d79a;border-radius:10px;padding:16px 18px}.cookie-banner{z-index:90;background:var(--text);color:#fff;border-radius:12px;max-width:760px;margin:auto;padding:18px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 24px 60px #00000047}.cookie-banner p{color:#e7eae0;margin:0 0 12px}.cookie-actions{flex-wrap:wrap;gap:10px;display:flex}.cookie-actions button{border:1px solid #ffffff40;border-radius:999px;padding:8px 14px;font-weight:800}.cookie-accept{color:var(--text);background:#fff}.cookie-reject{color:#fff;background:0 0}.site-footer{background:var(--brand-dark);color:#eaf0ea;margin-top:60px;padding:52px 0 26px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}.footer-links{align-content:start;gap:8px;display:grid}.footer-bottom{color:#a9b8ab;border-top:1px solid #ffffff24;margin-top:34px;padding-top:20px;font-size:.88rem}.affiliate-disclosure{border-left:4px solid var(--accent);background:var(--surface-soft);color:var(--text);border-radius:0 10px 10px 0;gap:8px;margin:24px 0;padding:16px 18px;font-size:.92rem;display:grid}.affiliate-disclosure--compact{align-items:baseline;gap:8px;padding:10px 12px;font-size:.82rem;display:flex}.affiliate-disclosure--compact strong{white-space:nowrap}.affiliate-disclosure a{font-weight:800}.affiliate-cta,.prose p>a[rel~=sponsored][target=_blank],.prose li>a[rel~=sponsored][target=_blank]{color:#fff;text-align:center;background:linear-gradient(135deg,#d8784d,#b95431);border:1px solid #a95432;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font-weight:800;line-height:1.35;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 10px 22px #b554313d}.affiliate-cta:after,.prose p>a[rel~=sponsored][target=_blank]:after,.prose li>a[rel~=sponsored][target=_blank]:after{content:"↗";font-size:1em}.affiliate-cta:hover,.prose p>a[rel~=sponsored][target=_blank]:hover,.prose li>a[rel~=sponsored][target=_blank]:hover{color:#fff;background:linear-gradient(135deg,#bd5935,#943c23);transform:translateY(-2px);box-shadow:0 13px 28px #943c234d}.affiliate-cta:focus-visible,.prose p>a[rel~=sponsored][target=_blank]:focus-visible,.prose li>a[rel~=sponsored][target=_blank]:focus-visible{outline-offset:3px;outline:3px solid #c2764f59}.affiliate-cta--compact{white-space:nowrap;border-radius:8px;min-height:38px;padding:7px 10px;font-size:.88rem}.product-card{gap:13px;display:grid}.product-card h3{margin:0}.product-image{aspect-ratio:4/3;object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%}.product-placeholder{text-align:center;min-height:150px;color:var(--muted);background:linear-gradient(135deg,#f8f4ec,#ece4d7);border:1px dashed #c9bca7;border-radius:10px;place-items:center;font-weight:800;display:grid}.product-specs{gap:7px;margin:0;display:grid}.product-specs div{grid-template-columns:90px 1fr;gap:8px;display:grid}.product-specs dt{font-weight:800}.product-specs dd{color:var(--muted);margin:0}.product-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.product-columns ul{color:var(--muted);margin:6px 0;padding-left:20px;font-size:.9rem}.price-checked-date{color:var(--muted);margin:0;font-size:.84rem}.comparison-wrap{overscroll-behavior-inline:contain;border:1px solid var(--border);background:var(--surface);border-radius:12px;max-width:100%;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:760px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:13px}.comparison-table th{background:var(--surface-soft)}.comparison-table tbody th{background:0 0}.guide-card{flex-direction:column;min-height:100%;display:flex}.guide-card .text-link{margin-top:auto;padding-top:16px}.guide-article-hero{max-width:var(--max);padding-top:36px;padding-bottom:26px}.guide-article-hero h1{max-width:18ch;margin-bottom:14px;font-size:clamp(2.35rem,4.1vw,3.35rem)}.guide-article-hero .lead{max-width:48rem;margin:0}.guide-article-hero .article-meta{margin:16px 0 0}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.article-shell{grid-template-columns:minmax(0,1fr)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.hero-art{min-height:320px}}@media (width<=680px){.menu-button{display:inline-flex}.nav{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch;padding:16px;display:none;position:absolute;top:66px;left:16px;right:16px}.nav[data-open=true]{display:flex}.hero{padding-top:48px}.hero-grid{gap:28px}.hero-art .big{font-size:6rem}.grid-3,.grid-2,.form-grid,.result-columns,.footer-grid,.sidebar,.product-columns{grid-template-columns:1fr}.section{padding:48px 0}.section-head{flex-direction:column;align-items:start}.article-main{border-radius:14px}.guide-article-hero{padding-top:30px;padding-bottom:18px}.guide-article-hero h1{max-width:13ch;font-size:clamp(2rem,8.8vw,2.55rem);line-height:1.18}.guide-article-hero .lead{font-size:1rem;line-height:1.7}.comparison-wrap{background:0 0;border:0;overflow:visible}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{width:100%;display:block}.comparison-table{min-width:0}.comparison-table thead{display:none}.comparison-table tr{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;margin:0 0 16px;padding:16px}.comparison-table tbody th{border-bottom:1px solid var(--border);padding:0 0 12px;font-size:1.06rem}.comparison-table td{border-bottom:1px solid var(--border);grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.comparison-table td:last-child{border-bottom:0;padding-bottom:0}.comparison-table td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;font-weight:800}.prose p>a[rel~=sponsored][target=_blank],.prose li>a[rel~=sponsored][target=_blank]{width:100%}.affiliate-cta--compact{white-space:normal;width:100%}}:root{--bg:#f8f6f2;--surface:#fff;--surface-soft:#eef2f5;--text:#172b3a;--muted:#5f6b73;--subtle:#7b858c;--brand:#1f3a5f;--brand-dark:#172b3a;--accent:#c96b48;--accent-hover:#ac573a;--border:#e1e5e8;--shadow:0 16px 42px #172b3a17;--radius:14px;--max:1240px}body{background:var(--bg);color:var(--text)}h1,h2,h3{color:var(--text)}.site-header{background:#f8f6f2f2;border-color:#e1e5e8f2}.header-inner{min-height:76px}.brand{font-family:Playfair Display,Noto Sans TC,serif;font-size:1.24rem}.brand-mark{object-fit:contain;width:38px;height:38px}.nav{gap:24px}.nav a{font-size:.85rem;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.header-search{min-height:42px;color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:8px 14px;font-size:.82rem;text-decoration:none;display:inline-flex}.header-cta{min-height:42px;padding-inline:16px}.mobile-bottom-nav{display:none}.hero-editorial{background:var(--bg);padding:0 0 58px}.hero-editorial .hero-grid{grid-template-columns:.95fr 1.35fr;align-items:stretch;gap:0;width:min(100%,1440px);max-width:none;padding-left:max(32px,50vw - 620px);padding-right:0}.hero-copy{flex-direction:column;justify-content:center;padding:64px 72px 72px 0;display:flex}.hero-copy .eyebrow{margin-bottom:10px}.hero-copy h1{letter-spacing:-.03em;max-width:580px;margin:10px 0 24px;font-size:clamp(3.2rem,4.2vw,4.2rem);line-height:1.12}.hero-copy .lead{max-width:520px;font-size:1.04rem;line-height:1.8}.hero-copy .actions{margin-top:26px}.hero-art{min-height:520px;box-shadow:none;border:0;border-radius:0 0 0 26px}.hero-art>img{object-fit:cover;object-position:center;min-height:520px}.btn-primary{background:var(--accent);box-shadow:0 12px 25px #c96b4833}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--brand);border-color:var(--border);background:#fff}.btn-secondary:hover{background:var(--surface-soft);color:var(--brand-dark)}.trust-strip{z-index:3;border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffffa;border-radius:18px;grid-template-columns:repeat(4,1fr);margin-top:-44px;padding:24px 10px;display:grid;position:relative}.trust-strip>div{text-align:center;border-right:1px solid var(--border);padding:6px 22px}.trust-strip>div:last-child{border:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-family:Playfair Display,Noto Sans TC,serif;font-size:1rem}.trust-strip span{color:var(--muted);margin-top:5px;font-size:.78rem}.section{padding:56px 0}.section-head.compact{align-items:center;margin-bottom:24px}.section-head.compact h2{margin:0;font-size:1.65rem}.pet-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pet-card{min-height:220px;color:var(--text);border:1px solid var(--border);background-color:#eee4d6;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;align-items:center;padding:36px;text-decoration:none;display:flex;position:relative;overflow:hidden}.pet-card.dogs{background-image:linear-gradient(90deg,#eef2f5fa 0%,#eef2f5e0 46%,#eef2f514 75%),url(/images/dogs/dog-healthy-weight.webp)}.pet-card.cats{background-image:linear-gradient(90deg,#f8f6f2fa 0%,#f8f6f2e0 46%,#f8f6f20f 75%),url(/images/cats/cat-behavior-knocking-things-over.webp)}.pet-card>div{z-index:1;max-width:250px;position:relative}.pet-card h3{margin:0 0 8px;font-family:Playfair Display,Noto Sans TC,serif;font-size:1.8rem}.pet-card p{color:#3f4848;margin:0 0 20px;font-size:.9rem}.round-arrow{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.round-arrow.dark{background:#1b2b31}.article-showcase{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.article-showcase .card{border-radius:14px;padding:14px}.article-showcase .article-thumbnail{margin:-14px -14px 14px}.article-showcase .article-thumbnail img{aspect-ratio:4/2.45;object-fit:cover}.article-showcase .card h3{font-family:Playfair Display,Noto Sans TC,serif;font-size:1.12rem}.home-value{padding-top:18px}.value-grid{background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.value-grid>div{border-right:1px solid var(--border);gap:18px;padding:32px;display:flex}.value-grid>div:last-child{border-right:0}.value-grid h3{margin:0 0 7px;font-size:1rem}.value-grid p{color:var(--muted);margin:0 0 10px;font-size:.86rem}.value-icon{color:var(--text);font-size:1.8rem;line-height:1}@media (width<=1050px){.nav{gap:14px}.nav a{font-size:.78rem}.header-search span{display:none}.hero-copy h1{font-size:clamp(2.6rem,4.6vw,3.6rem)}.article-showcase{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){body{padding-bottom:70px}.site-header{position:sticky}.header-inner{justify-content:center;min-height:66px}.menu-button{background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:absolute;left:12px}.header-actions{position:absolute;right:12px}.header-search{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.header-cta{display:none}.nav{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:stretch;padding:14px;display:none;position:absolute;top:66px;left:16px;right:16px}.nav[data-open=true]{display:flex}.nav a{padding:10px;font-size:.95rem}.mobile-bottom-nav{z-index:70;height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);backdrop-filter:blur(14px);background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #172b3a12}.mobile-bottom-nav a{min-width:0;color:var(--subtle);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.66rem;text-decoration:none;display:flex}.mobile-bottom-nav svg{width:20px;height:20px}.mobile-bottom-nav a[aria-current=page]{color:var(--accent);font-weight:800}.hero-editorial .hero-grid{grid-template-columns:1fr;padding:0}.hero-copy{padding:40px 24px 32px}.hero-copy h1{max-width:700px;font-size:clamp(2.2rem,8vw,3.2rem)}.hero-art{border-radius:0;min-height:340px}.hero-art>img{min-height:340px}.trust-strip{grid-template-columns:repeat(2,1fr);width:calc(100% - 32px);margin-top:-26px;padding:10px}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div{border-bottom:1px solid var(--border);padding:14px 10px}.trust-strip>div:nth-child(3),.trust-strip>div:nth-child(4){border-bottom:0}.pet-grid,.value-grid{grid-template-columns:1fr}.value-grid>div{border-right:0;border-bottom:1px solid var(--border)}.value-grid>div:last-child{border-bottom:0}}.section-soft{background:var(--surface-soft)}.card,.article-main,.sidebar-box,.quiz-panel,.tool-box,.search-result{border-color:var(--border);background:#fff;box-shadow:0 8px 26px #172b3a0e}.card:hover{border-color:#bbc7d0;box-shadow:0 14px 32px #172b3a17}.badge{background:var(--surface-soft);color:var(--brand);border-color:var(--border)}.text-link,.nav a:hover,.nav a[aria-current=page],.eyebrow{color:var(--accent)}.prose{max-width:72ch}.prose p,.prose li{color:#334653}.prose a{color:var(--brand);font-weight:650}.prose a:hover{color:var(--accent-hover)}.prose blockquote{background:var(--surface-soft);border-left-color:var(--accent)}.field input:focus,.field select:focus,.search-input:focus{border-color:var(--brand);outline-color:#1f3a5f29}.site-footer{background:var(--brand);color:#f8f6f2}.site-footer a{color:#f8f6f2}.footer-bottom{color:#c7d0d7}@media (width<=680px){.article-main{border-inline:0;border-radius:0;margin-inline:-14px;padding:24px 20px}.page-hero{padding:38px 0 22px}.page-hero h1{font-size:clamp(2rem,10vw,2.65rem)}.prose{font-size:1rem;line-height:1.85}.prose h2{font-size:1.55rem}.card{padding:18px}.article-thumbnail,.feature-thumbnail{margin:-18px -18px 16px}.cookie-banner{padding:16px;bottom:78px;left:10px;right:10px}}@media (width<=620px){.container{width:min(calc(100% - 28px),var(--max))}.hero-copy{padding:32px 20px 28px}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:clamp(2.1rem,9.5vw,2.6rem);line-height:1.15}.hero-copy .lead{font-size:.93rem;line-height:1.75}.hero-art,.hero-art>img{min-height:280px}.trust-strip{grid-template-columns:1fr 1fr;width:calc(100% - 24px)}.section{padding:44px 0}.section-head.compact h2{font-size:1.35rem}.section-head.compact .text-link{font-size:.78rem}.pet-card{background-size:cover;min-height:190px;padding:26px}.article-showcase{grid-template-columns:1fr 1fr;gap:12px}.article-showcase .card{padding:10px}.article-showcase .article-thumbnail{margin:-10px -10px 10px}.article-showcase .card h3{font-size:.96rem}.article-showcase .card p{font-size:.78rem}}:root{--font-display:"Playfair Display", "Noto Serif TC", "Songti TC", "PMingLiU", serif;--font-body:"DM Sans", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-ui:"DM Sans", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif}body{font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}h1,h2,.brand,.trust-strip strong,.pet-card h3,.article-showcase .card h3,.card h3,.story-preview strong{font-family:var(--font-display);font-synthesis:none;text-wrap:balance}h1{letter-spacing:-.024em;font-weight:700;line-height:1.16}h2{letter-spacing:-.018em;font-weight:700;line-height:1.3}h3{letter-spacing:-.012em;line-height:1.42}.prose{font-family:var(--font-body);letter-spacing:.006em;line-height:1.88}.prose p,.prose li{font-weight:450}.prose h3{font-family:var(--font-body);letter-spacing:-.01em;font-weight:800}.nav,.btn,.badge,.eyebrow,.article-meta,.breadcrumbs,.mobile-bottom-nav,.header-search{font-family:var(--font-ui)}.brand{letter-spacing:-.018em;font-weight:800}.card h3,.pet-card h3,.article-showcase .card h3{letter-spacing:-.012em;font-weight:700;line-height:1.42}.prose h2{isolation:isolate;color:var(--brand-dark);font-family:var(--font-display);letter-spacing:-.018em;background:linear-gradient(108deg,#1f3a5f16,#f8f6f2db 68%,#fffffff5);border:1px solid #1f3a5f1f;border-radius:14px;margin:2.65em 0 .95em;padding:.78em 1em .82em 1.12em;scroll-margin-top:7rem;font-size:clamp(1.7rem,2.5vw,2.18rem);font-weight:700;line-height:1.34;position:relative;overflow:hidden;box-shadow:0 12px 30px #172b3a0e}.prose h2:before{content:"";z-index:1;background:linear-gradient(180deg, var(--accent), #e2a184);border-radius:0 999px 999px 0;width:5px;position:absolute;top:18%;bottom:18%;left:0}.prose h2:after{content:"";z-index:-1;pointer-events:none;border:22px solid #c96b480d;border-radius:50%;width:128px;height:128px;position:absolute;bottom:-48px;right:-34px}.prose h2+p,.prose h2+ul,.prose h2+ol{margin-top:1.05em}.section-head h2{color:var(--brand-dark);margin-bottom:0;padding-bottom:.68rem;position:relative}.section-head h2:after{content:"";background:linear-gradient(90deg, var(--accent) 0 74%, var(--brand) 74% 100%);border-radius:999px;width:68px;height:4px;position:absolute;bottom:0;left:0}@media (width<=680px){h1{letter-spacing:-.018em}.prose{letter-spacing:.004em;line-height:1.86}.prose h2{letter-spacing:-.012em;border-radius:12px;margin-top:2.2em;padding:.68em .76em .72em .92em;font-size:1.5rem;line-height:1.4;box-shadow:0 7px 18px #172b3a0b}.prose h2:before{width:4px;top:16%;bottom:16%}.prose h2:after{border-width:18px;width:104px;height:104px;bottom:-46px;right:-35px}.section-head h2{padding-bottom:.55rem}.section-head h2:after{width:50px;height:3px}.card h3,.pet-card h3,.article-showcase .card h3{line-height:1.46}}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface-soft);background:#fff;border:1px solid #d8e0e6;border-radius:16px;max-width:100%;margin:1.65rem 0 2rem;position:relative;overflow-x:auto;box-shadow:0 12px 30px #172b3a12}.table-wrap:focus-visible{outline-offset:3px;outline:3px solid #1f3a5f2e}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-track{background:var(--surface-soft);border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--surface-soft);border-radius:999px}.prose .table-wrap table{border-collapse:separate;border-spacing:0;border:0;width:100%;min-width:680px;margin:0;font-size:.95rem;line-height:1.55;display:table;overflow:visible}.prose .table-wrap th,.prose .table-wrap td{vertical-align:top;text-align:left;overflow-wrap:anywhere;border:1px solid #dfe6eb;border-top:0;border-left:0;min-width:138px;padding:13px 15px}.prose .table-wrap th:last-child,.prose .table-wrap td:last-child{border-right:0}.prose .table-wrap tbody tr:last-child td{border-bottom:0}.prose .table-wrap th{color:#fff;background:var(--brand);letter-spacing:.01em;font-weight:800;line-height:1.4}.prose .table-wrap th:first-child{border-top-left-radius:15px}.prose .table-wrap th:last-child{border-top-right-radius:15px}.prose .table-wrap tbody tr:nth-child(2n) td{background:#f6f8fa}.prose .table-wrap tbody tr:hover td{background:#f3eee8}.prose .table-wrap td:first-child{color:var(--brand-dark);font-weight:750}.prose .table-wrap a{text-underline-offset:.17em;text-decoration-thickness:.08em}.prose .table-wrap strong{color:var(--brand-dark)}@media (width<=680px){.table-wrap{border-radius:14px;margin:1.35rem -4px 1.8rem;box-shadow:0 8px 22px #172b3a11}.table-wrap:before{content:"左右滑動查看完整表格 →";z-index:5;width:max-content;color:var(--accent-hover);letter-spacing:.01em;background:#f8ede8;border-bottom:1px solid #ead8cf;border-right:1px solid #ead8cf;border-radius:0 0 10px;padding:8px 12px;font-size:.76rem;font-weight:800;line-height:1.25;display:block;position:sticky;left:0}.prose .table-wrap table{min-width:620px;font-size:.88rem;line-height:1.5}.prose .table-wrap th,.prose .table-wrap td{min-width:126px;padding:11px 12px}.prose .table-wrap th:first-child,.prose .table-wrap td:first-child{min-width:138px;max-width:180px;position:sticky;left:0;box-shadow:8px 0 16px #172b3a14}.prose .table-wrap th:first-child{z-index:4;background:var(--brand-dark)}.prose .table-wrap td:first-child{z-index:2;background:#fff}.prose .table-wrap tbody tr:nth-child(2n) td:first-child{background:#f6f8fa}.prose .table-wrap tbody tr:hover td:first-child{background:#f3eee8}}@media (prefers-reduced-motion:reduce){.table-wrap{scroll-behavior:auto}}.footer-privacy-button[data-astro-cid-jo6i4kqk]{width:fit-content;color:inherit;font:inherit;text-align:left;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}