:root{--bg:#f7f5ef;--card:#fff;--ink:#182019;--muted:#6a716b;--line:#dedfd8;--accent:#1f6b44;--accent2:#f3bd3d;--danger:#a63f32;--shadow:0 14px 40px rgba(24,32,25,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px max(18px,calc((100vw - 1120px)/2));background:rgba(247,245,239,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(222,223,216,.8)}.brand-wrap{display:flex;align-items:center;gap:10px}.logo{width:42px;height:42px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900}.brand{font-weight:900;letter-spacing:.02em}.tagline{font-size:12px;color:var(--muted);margin-top:2px}.ghost-btn,.quick,.tool-card button,.primary{border:0;cursor:pointer;font:inherit}.ghost-btn{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:700}.hero{max-width:1120px;margin:auto;padding:72px 22px 40px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.06;margin:12px 0 18px;letter-spacing:-.04em}.hero p{font-size:18px;color:var(--muted);max-width:560px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick{min-height:96px;border-radius:24px;background:#fff;border:1px solid var(--line);padding:18px;text-align:left;font-weight:900;font-size:17px;box-shadow:var(--shadow)}.quick:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.ad-slot{max-width:1076px;margin:20px auto 44px;min-height:112px;border:1px dashed #bfc3b8;background:#efeee9;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d8179;gap:5px}.ad-slot.slim{min-height:88px}.ad-slot small{font-size:12px}.tools-section,.seo-section{max-width:1120px;margin:auto;padding:28px 22px 56px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2,.seo-section h2{font-size:32px;margin:7px 0}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;min-height:220px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(24,32,25,.04)}.icon{font-size:29px}.tool-card h3{font-size:20px;margin:12px 0 7px}.tool-card p{color:var(--muted);line-height:1.55;margin:0 0 20px}.tool-card button{margin-top:auto;background:var(--ink);color:#fff;border-radius:14px;padding:12px 14px;font-weight:800}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-grid article{background:#ebe7dc;border-radius:22px;padding:22px}.article-grid h3{margin:0 0 8px}.article-grid p{margin:0;color:var(--muted);line-height:1.6}footer{max-width:1076px;margin:20px auto 0;padding:30px 0 50px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;color:var(--muted)}footer strong{color:var(--ink);width:100%}footer small{width:100%;margin-top:6px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:rgba(10,15,12,.45);backdrop-filter:blur(5px)}.sheet{position:absolute;right:0;top:0;height:100%;width:min(100%,540px);background:#fbfaf6;padding:24px;overflow:auto;box-shadow:-30px 0 80px rgba(0,0,0,.18)}.sheet-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.sheet-head h2{margin:7px 0 22px;font-size:30px}.close{border:0;background:#ecebe5;width:42px;height:42px;border-radius:50%;font-size:26px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:#4f574f}.field input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 13px;font:inherit;font-size:17px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,107,68,.08)}.primary{width:100%;margin-top:16px;background:var(--accent);color:#fff;border-radius:16px;padding:15px;font-weight:900;font-size:17px}.result{margin-top:16px;background:#172019;color:#fff;border-radius:22px;padding:20px}.result small{color:#b6c0b7}.result .big{font-size:38px;font-weight:900;letter-spacing:-.03em;margin:5px 0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metric{background:rgba(255,255,255,.08);padding:12px;border-radius:14px}.metric b{display:block;font-size:19px;margin-top:4px}.tip{margin-top:12px;color:#d8e1d8;font-size:13px;line-height:1.55}.in-tool{margin:22px 0 0;min-height:90px}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:42px;gap:25px}.tool-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.topbar{padding-left:15px;padding-right:15px}.tools-section,.seo-section{padding-left:15px;padding-right:15px}.ad-slot{margin-left:15px;margin-right:15px}footer{margin-left:15px;margin-right:15px}.sheet{top:auto;bottom:0;height:min(88vh,820px);width:100%;border-radius:28px 28px 0 0}.hero h1{font-size:42px}}
@media(max-width:520px){.tool-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.quick{min-height:82px;font-size:15px;padding:14px}.hero{padding-left:15px;padding-right:15px}.hero h1{font-size:38px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.result-grid{grid-template-columns:1fr 1fr}}

/* LOBIDA v2 */
.site-nav{display:flex;gap:18px;align-items:center}.site-nav a,.footer-links a{color:inherit;text-decoration:none}.sponsor-slot{border:1px dashed #b7b7ad;border-radius:18px;padding:20px;text-align:center;background:#fffdf8;margin:28px 0}.sponsor-slot b{display:block;margin-bottom:4px}.sponsor-slot a{color:#176b43}.page{max-width:980px;margin:0 auto;padding:54px 24px}.page h1{font-size:clamp(34px,6vw,58px);line-height:1.05}.page p{line-height:1.8;color:#60645f}.calc-panel{background:#fff;border:1px solid #deded7;border-radius:24px;padding:24px;margin:28px 0;box-shadow:0 12px 36px rgba(0,0,0,.05)}.content-card{background:#fff;border:1px solid #e1e1db;border-radius:20px;padding:22px;margin:16px 0}.cta-box{background:#17261b;color:#fff;border-radius:22px;padding:28px;margin:30px 0}.cta-box a{display:inline-block;background:#fff;color:#17261b;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700}.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:12px 0}.ad-badge{font-size:12px;opacity:.65}.tool-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tool-links a{padding:9px 12px;border:1px solid #ddd;border-radius:999px;text-decoration:none;color:inherit;background:#fff}@media(max-width:720px){.site-nav{display:none}.page{padding:36px 18px}.calc-panel{padding:18px}}

/* LOBIDA v3 */
.portal-section{max-width:1120px;margin:auto;padding:24px 22px 56px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.portal-card h2{font-size:30px;margin:10px 0}.portal-card p{color:var(--muted);line-height:1.7;max-width:520px}.portal-card .portal-icon{font-size:40px}.portal-card .portal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.portal-card .portal-actions a,.pill-link{display:inline-block;text-decoration:none;border-radius:999px;padding:11px 15px;font-weight:800}.portal-card .portal-actions a:first-child{background:var(--accent);color:#fff}.portal-card .portal-actions a:not(:first-child),.pill-link{background:#f1f1ec;color:var(--ink)}.directory-section{max-width:1120px;margin:auto;padding:16px 22px 56px}.directory-toolbar{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:10px;margin:18px 0}.directory-toolbar input,.directory-toolbar select{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;font:inherit}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.directory-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:9px}.directory-card h3{margin:0;font-size:20px}.directory-card p{margin:0;color:var(--muted);line-height:1.55}.directory-card .meta{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:12px;background:#eef3ee;border-radius:999px;padding:6px 9px;color:#3c5143}.directory-card a{margin-top:auto;color:var(--accent);font-weight:800;text-decoration:none}.notice{background:#fff7da;border:1px solid #eadb9c;border-radius:18px;padding:16px 18px;color:#66591e;line-height:1.6}.data-note{font-size:13px;color:var(--muted);line-height:1.6}.empty-state{grid-column:1/-1;text-align:center;padding:38px;border:1px dashed var(--line);border-radius:22px;color:var(--muted)}.info-strip{max-width:1120px;margin:0 auto 40px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-strip article{background:#ebe7dc;border-radius:20px;padding:18px}.info-strip b{display:block;font-size:20px;margin-bottom:5px}.info-strip span{color:var(--muted);font-size:14px}.mini-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.mini-nav a{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;text-decoration:none;color:inherit;font-weight:700}.market-cta{background:#1a2a1d;color:#fff;border-radius:28px;padding:28px;margin:30px 0}.market-cta p{color:#d6ddd7}.market-cta a{display:inline-block;background:#fff;color:#1a2a1d;border-radius:12px;padding:11px 15px;text-decoration:none;font-weight:800}.badge-demo{display:inline-block;font-size:11px;background:#f0e6b6;color:#735c00;padding:5px 8px;border-radius:999px;font-weight:800}.page-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.page-nav a{text-decoration:none;color:inherit;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:700}
@media(max-width:820px){.portal-grid{grid-template-columns:1fr}.directory-grid{grid-template-columns:1fr 1fr}.directory-toolbar{grid-template-columns:1fr 1fr}.directory-toolbar input{grid-column:1/-1}.info-strip{grid-template-columns:1fr}.portal-section,.directory-section,.info-strip{padding-left:15px;padding-right:15px}}
@media(max-width:560px){.directory-grid{grid-template-columns:1fr}.directory-toolbar{grid-template-columns:1fr}.directory-toolbar input{grid-column:auto}.portal-card{padding:22px}.portal-card h2{font-size:26px}}
/* LOBIDA v4 product-first search */
.product-hero{max-width:1120px;margin:auto;padding:70px 22px 36px}.product-hero-copy{max-width:900px}.product-hero h1{font-size:clamp(48px,8vw,86px);line-height:1;margin:12px 0 14px;letter-spacing:-.055em}.product-hero p{font-size:19px;color:var(--muted);line-height:1.65;max-width:760px}.product-search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:22px;padding:8px 8px 8px 18px;margin-top:28px;box-shadow:var(--shadow)}.product-search-box span{font-size:22px}.product-search-box input{border:0;outline:0;font:inherit;font-size:19px;padding:14px 4px;min-width:0;background:transparent}.product-search-box button{border:0;background:var(--accent);color:#fff;border-radius:15px;padding:15px 20px;font:inherit;font-weight:900;cursor:pointer}.popular-products{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.popular-products small{color:var(--muted)}.popular-products button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer}.product-result{max-width:1076px;margin:12px auto 42px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);scroll-margin-top:90px}.product-result-head,.result-subhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.product-result-head h2{font-size:32px;margin:8px 0 18px}.product-result-head p{color:var(--muted)}.close-result{border:0;background:#efeee9;border-radius:50%;width:40px;height:40px;font-size:23px;cursor:pointer}.product-columns{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}.product-columns section{background:#f5f3ed;border-radius:20px;padding:20px}.product-columns h3,.matched-suppliers h3{margin:0 0 13px}.recommend-links{display:flex;flex-direction:column;gap:8px}.recommend-links a{display:block;background:var(--ink);color:#fff;text-decoration:none;border-radius:12px;padding:11px 13px;font-weight:800}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.chip-list span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:13px}.matched-suppliers{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.result-subhead a{color:var(--accent);font-weight:800;text-decoration:none}.mini-supplier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-supplier-grid article{border:1px solid var(--line);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:7px}.mini-supplier-grid small,.mini-supplier-grid p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}
@media(max-width:820px){.product-hero{padding:44px 15px 26px}.product-result{margin-left:15px;margin-right:15px;padding:20px}.product-columns{grid-template-columns:1fr}.mini-supplier-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.product-search-box{grid-template-columns:auto 1fr;padding:8px 12px}.product-search-box button{grid-column:1/-1}.product-hero h1{font-size:50px}.product-result-head h2{font-size:27px}.mini-supplier-grid{grid-template-columns:1fr}.result-subhead{display:block}.result-subhead a{display:inline-block;margin-bottom:14px}}