:root{--card-green:#edf6ef;--card-green-strong:#e0efe4;--card-warm:#fff2df;--card-neutral:#f4f7f4;--card-border:#cfd9d1;--text-soft:#465249;--bg:#fff;--surface:#fff;--ink:#202720;--muted:#4f5b52;--line:#e7ebe7;--green:#356d50;--green-dark:#294f3c;--green-soft:#e8f3eb;--orange:#c9781f;--orange-soft:#fff0d8;--shadow:0 14px 36px #4f3d2714;--max:1180px;--reading:780px}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{max-width:100%;color:var(--ink);background:#fff;margin:0;font-family:Microsoft JhengHei,PingFang TC,Noto Sans TC,system-ui,sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.reader-nav>a,.fruit-major-card[href],.card>a,.related-actions a,.link-text{cursor:pointer}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{align-items:center;gap:11px;min-width:0;font-weight:900;display:flex}.brand-logo{object-fit:cover;border-radius:12px;flex:none;width:44px;height:44px;box-shadow:0 2px 8px #0000000d}.brand-title{font-size:18px;line-height:1.25;display:block}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:11px;font-weight:700;display:block}.nav{align-items:center;gap:4px;display:flex}.nav a{color:#465048;border-radius:12px;align-items:center;min-height:44px;padding:9px 13px;font-size:15px;font-weight:800;display:flex}.nav a:hover,.nav a.current{background:var(--green-soft);color:var(--green-dark)}.nav-toggle{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;display:none}.breadcrumb{color:var(--muted);padding-top:15px;font-size:13px}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;min-width:0;display:flex}.breadcrumb li+li:before{content:"›";color:#9a9f98;margin-right:7px}.breadcrumb a:hover{color:var(--green-dark);text-decoration:underline}.page-hero{padding:34px 0 28px}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:36px;display:grid}.eyebrow,.kicker{background:var(--orange-soft);color:#815019;letter-spacing:.04em;border-radius:999px;align-items:center;min-height:32px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}h1{letter-spacing:-.035em;color:#1f2721;margin:13px 0 16px;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.12}.lead{color:#3f4942;max-width:760px;margin:0;font-size:19px;font-weight:500;line-height:1.82}.hero-photo{aspect-ratio:16/9;box-shadow:var(--shadow);background:#fff;border-radius:26px;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}.quick-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.fact{background:#eef6f0;border:1px solid #c6d7ca;border-radius:16px;padding:15px 16px;box-shadow:0 4px 12px #356d5009}.fact strong{color:#244a36;margin-bottom:4px;font-size:15.5px;font-weight:900;display:block}.fact span{color:#435047;font-size:14px;font-weight:500;line-height:1.62;display:block}.section{padding:28px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section h2,.article h2{letter-spacing:-.022em;color:#233027;margin:0 0 14px;font-size:clamp(28px,3vw,37px);font-weight:850;line-height:1.3}.section-head h2{margin-top:8px}.sub{color:#445047;max-width:760px;margin:0;font-size:16px;font-weight:500;line-height:1.75}.reader-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reader-nav>a,.reader-nav>.reader-nav-disabled{background:#eaf4ed;border:2px solid #9fbea9;border-radius:18px;min-height:94px;padding:17px 18px;font-size:17px;font-weight:900;box-shadow:0 9px 22px #34513e14}.reader-nav>a{color:#203f2f;flex-direction:column;display:flex}.reader-nav>a:hover{background:var(--card-green-strong);border-color:#356d50;transform:translateY(-1px);box-shadow:0 12px 26px #34513e24}.reader-nav small,.reader-nav-disabled small{color:#435047;margin-top:6px;font-size:14px;font-weight:600;line-height:1.62;display:block}.cta-label{color:#fff;letter-spacing:.03em;background:#356d50;border-radius:999px;justify-content:center;align-items:center;min-height:38px;margin-top:18px;padding:8px 14px;font-size:14px;font-weight:900;line-height:1.25;display:inline-flex;box-shadow:0 7px 16px #34513e29}.cta-label:after{content:" →";font-weight:900}.fruit-major-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.fruit-major-card{background:#fff1dc;border:1px solid #e7d2b5;border-radius:18px;flex-direction:column;justify-content:center;min-height:118px;padding:18px;display:flex;box-shadow:0 6px 18px #5f482a09}a.fruit-major-card:hover{background:#fff4e5;border-color:#d9cdbd;transform:translateY(-1px)}.fruit-major-card[href]{border-width:2px;box-shadow:0 9px 22px #5f482a14}.fruit-major-card[href] strong:after{content:" →";color:#356d50}.fruit-major-card strong{color:#2a302b;margin-bottom:5px;font-size:19.5px;font-weight:900;display:block}.fruit-major-card span{color:#4b554d;font-size:14px;font-weight:500;line-height:1.62;display:block}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:#f4f7f4;border:1px solid #cfd9d1;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px #34443912}.card>a,.card>.card-static{height:100%;display:block}.card>a{background:#f9fcfa;border:2px solid #9fbea9;border-radius:20px;margin:-1px}.card>a:hover{border-color:#356d50;transform:translateY(-1px);box-shadow:0 12px 28px #34513e21}.card img{aspect-ratio:1;object-fit:cover;background:#fff;width:100%}.card-body{padding:17px}.card h3{color:#263128;margin:0 0 6px;font-size:20px;font-weight:900}.card p{color:#465148;margin:0;font-size:14.5px;font-weight:500;line-height:1.7}.link-text{color:#fff;background:#356d50;border-radius:999px;justify-content:center;align-items:center;min-height:38px;margin-top:12px;padding:8px 14px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 7px 16px #34513e29}.content-layout{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:38px;display:grid}.article{min-width:0}.article p,.article li{color:#303a32;font-size:17.5px;line-height:1.92}.article h2{margin-top:38px;scroll-margin-top:92px}.article h2:first-child{margin-top:0}.article h3{color:#27342b;margin:26px 0 9px;font-size:21px;font-weight:800;line-height:1.42}.article ul{padding-left:1.3em}.toc{overscroll-behavior:contain;scrollbar-width:thin;background:#eaf4ed;border:1px solid #bfd0c3;border-radius:18px;max-height:calc(100vh - 116px);padding:17px;position:sticky;top:92px;overflow-y:auto}.toc strong{color:#244a36;margin-bottom:9px;font-size:15.5px;font-weight:900;display:block}.toc a{color:var(--text-soft);border:1px solid #0000;border-radius:9px;padding:8px 9px;font-size:14px;font-weight:600;line-height:1.5;display:block}.toc a:hover{background:var(--green-soft);color:var(--green-dark);border-color:#bfd0c3}.note,.origin-note{color:#36463a;background:#eaf4ed;border:1px solid #c5d7ca;border-radius:17px;margin:19px 0;padding:17px 18px;font-size:15px;font-weight:500;line-height:1.78}.steps{gap:10px;margin:16px 0;display:grid}.step{background:var(--card-neutral);border:1px solid var(--card-border);border-radius:16px;grid-template-columns:38px minmax(0,1fr);gap:3px 11px;padding:15px 16px;display:grid}.step b{background:var(--green-soft);width:34px;height:34px;color:var(--green-dark);border-radius:12px;grid-row:1/3;place-items:center;display:grid}.step strong{font-size:16px}.step span{color:var(--text-soft);font-size:14px;line-height:1.65}.compare-table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;margin:16px 0;overflow:hidden}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e7ece8;padding:13px 14px;font-size:14px;line-height:1.65}.compare-table th{color:#304337;background:#e8f2eb;font-weight:900}.compare-table tr:last-child td{border-bottom:0}.desktop-guava-compare{display:block}@media (width>=901px){.compare-table.desktop-guava-compare{table-layout:auto;display:table}.compare-table th:first-child,.compare-table td:first-child,.compare-table th:nth-child(2),.compare-table td:nth-child(2){white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.compare-table th:first-child,.compare-table td:first-child{width:112px}.compare-table th:nth-child(2),.compare-table td:nth-child(2){width:118px}}.guava-mobile-compare{gap:11px;display:none}.mobile-compare-card,.guava-mobile-compare article{background:#f1f6f2;border:1px solid #cbd7ce;border-radius:17px;padding:15px}.mobile-compare-card h3,.guava-mobile-compare h3{margin:0 0 9px;font-size:19px}.mobile-compare-row{border-bottom:1px solid #eee7dc;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:9px;padding:7px 0;display:grid}.mobile-compare-row:last-child{border-bottom:0}.mobile-compare-row b,.guava-mobile-compare b{color:#36483c;font-size:14px;font-weight:900}.mobile-compare-row span,.guava-mobile-compare p{color:#3f463f;font-size:14.5px;line-height:1.62}.guava-mobile-compare p{margin:6px 0}.guava-mobile-compare b{min-width:64px;display:inline-block}.info-card{background:#f6f1e5;border:1px solid #e2d9c5;border-radius:16px;padding:17px}.info-card h3{color:var(--green-dark);margin:0 0 8px;font-size:19px}.info-card p{color:var(--text-soft);margin:0;line-height:1.7}.fruit-compare-cards{gap:13px;margin:16px 0;display:grid}.fruit-compare-cards-three,.fruit-compare-cards-auto{grid-template-columns:repeat(3,minmax(0,1fr))}.fruit-compare-card{background:#f1f6f2;border:1px solid #cbd7ce;border-radius:17px;padding:16px}.fruit-compare-card h3{color:var(--green-dark);white-space:nowrap;margin:0 0 10px;font-size:20px;font-weight:900}.fruit-compare-row{border-bottom:1px solid #eee7dc;grid-template-columns:54px minmax(0,1fr);gap:9px;padding:8px 0;display:grid}.fruit-compare-row:last-child{border-bottom:0}.fruit-compare-row b{color:#36483c;font-size:14px;font-weight:900}.fruit-compare-row span{color:#3f463f;font-size:14.5px;line-height:1.62}.taste-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.taste-item{background:#edf5ef;border:1px solid #c9d9cd;border-radius:16px;padding:14px}.taste-item strong{color:#2d4435;margin-bottom:4px;font-size:15px;font-weight:900;display:block}.taste-item span{color:var(--text-soft);font-size:14px;line-height:1.55;display:block}.origin-taste-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0 8px;display:grid}.origin-taste-card{background:#f3f7f4;border:1px solid #cbd7ce;border-radius:18px;padding:17px}.origin-taste-card h3{margin:0 0 5px;font-size:20px}.origin-place{color:var(--text-soft);margin-bottom:10px;font-size:13.5px;line-height:1.62;display:block}.origin-taste-row{border-bottom:1px solid #eee7dc;grid-template-columns:80px minmax(0,1fr);align-items:start;gap:9px;padding:7px 0;display:grid}.origin-taste-row:last-child{border-bottom:0}.origin-taste-row b{color:#36483c;font-size:14px;font-weight:900}.origin-taste-row span{color:#3f463f;font-size:14px;line-height:1.62}.faq{gap:10px;display:grid}.faq-item{background:#f5f8f5;border:1px solid #cfd9d1;border-radius:17px;padding:16px 17px}.faq-item h3{color:#29352c;margin:0 0 6px;font-size:18px;font-weight:900}.faq-item p{color:#414b43;margin:0;font-size:15px;font-weight:500;line-height:1.72}.related-box{background:var(--card-warm);border:1px solid #ede1d1;border-radius:19px;margin-top:36px;padding:20px}.related-box h2{margin:0 0 8px!important;font-size:23px!important}.related-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.related-actions a,.related-chip{border:1px solid var(--line);border-radius:12px;align-items:center;min-height:46px;padding:10px 14px;font-size:14px;font-weight:900;display:inline-flex}.related-actions a{color:#fff;background:#356d50;border:2px solid #356d50;box-shadow:0 8px 18px #34513e1f}.related-actions a:hover{background:#294f3c;transform:translateY(-1px)}.related-chip{color:var(--muted);background:#f8faf8}.footer{border-top:1px solid var(--line);background:#fff;margin-top:40px;padding:34px 0 42px}.footer-grid{grid-template-columns:1.25fr .8fr 1fr;gap:32px;display:grid}.footer-title{margin-bottom:8px;font-weight:900}.footer-text{color:var(--text-soft);font-size:14px;line-height:1.72}.footer-links{gap:6px;display:grid}.footer-links a{color:#566057;align-items:center;min-height:36px;font-size:14px;display:flex}.footer-links a:hover{color:var(--green-dark);text-decoration:underline}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-photo{max-width:760px}.content-layout{grid-template-columns:1fr}.toc{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fruit-major-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-guava-compare{display:none}.guava-mobile-compare{display:grid}}@media (width<=720px){.brand-logo{border-radius:10px;width:38px;height:38px}.container{width:min(calc(100% - 24px),var(--max))}.header-inner{gap:10px;min-height:66px}.brand-logo{object-fit:cover;border-radius:12px;flex:none;width:44px;height:44px;box-shadow:0 2px 8px #0000000d}.brand-title{font-size:15px}.brand-subtitle{display:none}.nav-toggle{flex:none;display:flex}.nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;flex-direction:column;align-items:stretch;padding:8px;display:none;position:absolute;top:67px;left:12px;right:12px}.nav.open{display:flex}.nav a{min-height:46px}.breadcrumb{padding-top:10px;font-size:12px;line-height:1.55}.breadcrumb ol{gap:4px 6px}.breadcrumb li+li:before{margin-right:6px}.page-hero{padding:22px 0 18px}h1{margin-top:10px;font-size:34px}.lead{font-size:17px;line-height:1.82}.hero-photo{border-radius:20px}.quick-facts{grid-template-columns:1fr;gap:8px;margin-top:17px}.fact{padding:13px 14px}.section{padding:21px 0}.reader-nav{grid-template-columns:1fr}.reader-nav>a,.reader-nav>.reader-nav-disabled{min-height:auto;padding:15px}.cta-label,.link-text{width:100%;min-height:44px;margin-top:12px}.fruit-major-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fruit-major-card{min-height:96px;padding:13px}.fruit-major-card strong{font-size:18px}.fruit-major-card span{font-size:13px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.card-body{padding:12px}.card h3{font-size:18px;font-weight:900}.card p{font-size:14px}.article p,.article li{color:#303a32;font-size:17px;line-height:1.86}.article h2{margin-top:31px;scroll-margin-top:78px}.article h3{font-size:19px}.compare-table{display:none!important}.fruit-compare-cards-auto,.fruit-compare-cards-three{grid-template-columns:1fr}.fruit-compare-card{padding:14px}.fruit-compare-row{grid-template-columns:60px minmax(0,1fr)}.taste-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.taste-item{padding:11px}.origin-taste-grid{grid-template-columns:1fr;gap:9px}.origin-taste-card{padding:13px}.origin-taste-row{grid-template-columns:72px minmax(0,1fr);gap:8px}.related-actions{grid-template-columns:1fr;display:grid}.related-actions a,.related-chip{width:100%}.footer-grid{grid-template-columns:1fr;gap:21px}}@media (width<=390px){.container{width:min(calc(100% - 20px),var(--max))}.fruit-major-grid,.feature-grid{grid-template-columns:1fr}.taste-summary{grid-template-columns:1fr 1fr}}.hero-photo{position:relative}.card-photo{aspect-ratio:1;background:#fff;position:relative;overflow:hidden}.card-photo img{object-fit:cover;background:#fff;width:100%;height:100%}.hero-photo:after,.card-photo:after{content:"北投之家水果買賣平台";z-index:2;white-space:nowrap;color:#294f3cd6;letter-spacing:.03em;pointer-events:none;background:#ffffffd6;border:1px solid #d7ded8eb;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;line-height:1.4;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}main,.page-hero,.section,.footer{background:#fff}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #356d5047}h1,h2,h3{color:#202720;font-weight:800}.section+.section{border-top:1px solid #f1f3f1}.image-note{color:#5a655d;margin:8px 2px 0;font-size:13px;font-weight:500;line-height:1.6}@media (width<=720px){.image-note{font-size:12.5px;line-height:1.55}}