:root{color-scheme:light;--color-bg: #f7f8f5;--color-surface: #ffffff;--color-text: #202124;--color-muted: #5f665f;--color-line: #dfe4dc;--color-primary: #1f7a58;--color-primary-dark: #15573f;--color-accent: #f0a202;--color-accent-soft: #fff4d6;--color-info: #2563a6;--shadow-soft: 0 14px 36px rgba(32, 33, 36, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text)}body{margin:0;min-width:320px;font-size:16px;line-height:1.65}a{color:var(--color-primary-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}button,input,select{font:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{border-bottom:1px solid var(--color-line);background:#fffffff0}.site-header__inner,.site-footer__inner,.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header__inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);font-weight:800;text-decoration:none}.brand__mark{width:30px;height:30px;display:grid;place-items:center}.brand__mark img{width:26px;height:26px;display:block}.site-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-nav a{color:var(--color-muted);font-size:.95rem;font-weight:650;text-decoration:none}.site-nav a:hover{color:var(--color-primary)}main{flex:1}.section{padding:56px 0}.section--tight{padding:32px 0}.hero{padding:72px 0 44px}.hero__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:36px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--color-primary);font-size:.92rem;font-weight:800}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:0}h1{max-width:13em;font-size:2.7rem}h2{font-size:1.65rem}h3{font-size:1.08rem}.lead{max-width:680px;margin:18px 0 0;color:var(--color-muted);font-size:1.08rem}.lead--compact{max-width:560px}.small-note{margin:16px 0 0;color:var(--color-muted);font-size:.94rem}.section-heading{margin-bottom:20px}.hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.button{min-height:44px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-weight:800;text-decoration:none;cursor:pointer}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover{background:var(--color-primary-dark);color:#fff}.button--secondary{background:var(--color-surface);border-color:var(--color-line);color:var(--color-text)}.panel{border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.panel__body{padding:22px}.tool-search{display:grid;gap:10px}.tool-search label{color:var(--color-muted);font-size:.92rem;font-weight:750}.tool-search input{width:100%;min-height:48px;border:1px solid var(--color-line);border-radius:8px;padding:10px 13px;background:#fff;color:var(--color-text)}.grid{display:grid;gap:16px}.grid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{min-height:172px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface);padding:18px;display:flex;flex-direction:column;gap:10px}.tool-card[data-status=planned]{background:#fbfcfa;color:var(--color-muted)}.tool-card__label{color:var(--color-info);font-size:.83rem;font-weight:800}.tool-card p{margin:0;color:var(--color-muted)}.tool-card__action{margin-top:auto;width:fit-content;min-height:38px;border:1px solid color-mix(in srgb,var(--color-primary) 34%,var(--color-line));border-radius:8px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-primary-dark);display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-weight:800;text-decoration:none}.tool-card__action:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.badge{border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-muted);padding:6px 10px;font-size:.9rem;font-weight:700}.breadcrumbs{margin:0 0 20px;color:var(--color-muted);font-size:.9rem}.breadcrumbs a{color:var(--color-muted);text-decoration:none}.section--tool-page{padding-top:18px}.section--tool-page .breadcrumbs{margin-bottom:10px;font-size:.86rem}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,280px);gap:20px;align-items:start}.tool-layout>article>.eyebrow{margin-bottom:6px}.tool-layout>article>h1{max-width:none;margin:0;font-size:2.2rem}.tool-layout>article>.lead{max-width:none;margin:8px 0 12px;font-size:1rem}.calculator{border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface);padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field label{font-weight:800}.field input,.field select{width:100%;min-height:44px;border:1px solid var(--color-line);border-radius:8px;padding:9px 11px;background:#fff}.field--full{grid-column:1 / -1}.calculator__button{margin-top:14px}.result-box{min-height:170px;margin-top:14px;border:1px solid #cce2d8;border-radius:8px;background:#f1faf5;padding:18px}.result-label{display:block;color:var(--color-muted);font-weight:800}.result-box strong{font-size:1.6rem}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.metric{border-radius:8px;background:#fff;border:1px solid #d8eadf;padding:12px}.metric span{display:block;color:var(--color-muted);font-size:.9rem}.content-section{margin-top:32px}.content-section p,.content-section li{color:var(--color-muted)}.content-section code{border-radius:6px;background:#eef2f0;padding:2px 5px}.server-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-demo-grid .tool-card{min-height:112px}.server-demo-value{overflow-wrap:anywhere;color:var(--color-text);font-weight:800}.notice{border-left:4px solid var(--color-accent);border-radius:8px;background:var(--color-accent-soft);padding:14px 16px;color:#624400}.readable{max-width:840px}.sidebar{display:grid;gap:16px;position:sticky;top:18px}.sidebar-panel h2{font-size:1.1rem}.sidebar-panel p{margin-bottom:0;color:var(--color-muted)}.sidebar-links{margin-top:18px;display:grid;gap:8px}.sidebar-links h3{margin:0;color:var(--color-text);font-size:.95rem}.sidebar-links a{border:1px solid var(--color-line);border-radius:8px;background:#fff;color:var(--color-primary-dark);padding:9px 10px;font-weight:800;text-decoration:none}.sidebar-links a:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,#fff)}.ad-placeholder{min-height:96px;border:1px dashed #c8cfc7;border-radius:8px;display:grid;place-items:center;color:var(--color-muted);background:#fafbf8;font-size:.9rem}.site-footer{border-top:1px solid var(--color-line);background:#fff;padding:28px 0}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--color-muted);font-size:.94rem}.footer-links{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:860px){.hero__grid,.tool-layout,.grid--cards{grid-template-columns:1fr}h1{font-size:2.15rem}.site-header__inner{align-items:flex-start;flex-direction:column;padding:14px 0}}@media(max-width:560px){.form-grid,.result-grid,.server-demo-grid{grid-template-columns:1fr}.section--tool-page{padding-top:14px}.section--tool-page .breadcrumbs{margin-bottom:8px}.tool-layout>article>h1{font-size:1.9rem}.calculator{padding:14px}.hero{padding-top:44px}}