:root{--brand-900: #0B3528;--brand-700: #0F5C43;--brand-500: #1F8A63;--brand-300: #6FD3A6;--brand-50: #E7F4EE;--bg: #F7F9F7;--surface: #FFFFFF;--bg-elev: #FFFFFF;--bg-elev-2: #E7F4EE;--border: #E2E8E3;--text: #0E1A16;--text-dim: #58685F;--accent: #0F5C43;--accent-2: #1F8A63;--amber: #E9A23B;--ok: #1F8A63;--danger: #D94A40;--warn: #E9A23B;--info: #2D7D9A;--sans: "Geist", "Inter", "Noto Sans TC", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--body: "Inter", "Noto Sans TC", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--shadow: 0 1px 2px rgba(11, 53, 40, .04), 0 12px 32px -12px rgba(11, 53, 40, .18);--max: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--brand-700);text-decoration:none}a:hover{color:var(--brand-500);text-decoration:underline}h1,h2,h3{font-family:var(--sans);line-height:1.2;letter-spacing:-.02em;color:var(--brand-900)}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);background:#f7f9f7d9;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-header .inner{display:flex;align-items:center;gap:24px;height:60px}.site-header .brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:600;font-size:19px;letter-spacing:-.02em;color:var(--brand-900)}.site-header .brand svg{flex:none}.site-header nav{display:flex;gap:20px}.site-header nav a{color:var(--text-dim);font-size:14px}.site-header nav a:hover{color:var(--brand-900);text-decoration:none}.site-header .grow{flex:1}@media (max-width: 720px){.site-header .inner{flex-wrap:wrap;height:auto;min-height:60px;padding:8px 0;row-gap:8px;column-gap:16px}.site-header nav{order:4;width:100%;gap:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.site-header nav a{white-space:nowrap}}.btn{display:inline-block;background:var(--brand-700);color:#fff;padding:9px 18px;border-radius:9px;border:none;font:inherit;font-family:var(--body);font-weight:600;cursor:pointer;transition:background .15s,transform .12s}.btn:hover{background:var(--brand-500);transform:translateY(-1px);text-decoration:none;color:#fff}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--brand-700)}.btn.ghost:hover{background:var(--brand-50);border-color:var(--brand-300);color:var(--brand-700);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{padding:88px 0 48px;text-align:center}.hero h1{font-size:48px;margin:0 0 16px;letter-spacing:-.03em;color:var(--brand-900)}.hero .grad{position:relative;color:var(--brand-700)}.hero .grad:after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.34em;background:var(--amber);opacity:.34;border-radius:3px;z-index:-1}.hero p{font-size:18px;color:var(--text-dim);max-width:620px;margin:0 auto 28px}.hero .cta{display:flex;gap:12px;justify-content:center}section{padding:32px 0}section h2{font-size:24px;margin:0 0 6px}.section-sub{color:var(--text-dim);margin:0 0 24px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 880px){.tool-grid{grid-template-columns:1fr}.hero h1{font-size:34px}}.tool-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;color:var(--text);transition:border-color .15s,box-shadow .15s,transform .15s}.tool-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}.tool-card .cat{font-size:12px;color:var(--brand-700);text-transform:uppercase;letter-spacing:.05em}.tool-card h3{margin:6px 0 8px;font-size:18px;color:var(--brand-900)}.tool-card p{color:var(--text-dim);font-size:14px;margin:0 0 12px}.tool-card .meta{font-size:13px;color:var(--text-dim)}.tool-page{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:40px 0}@media (max-width: 880px){.tool-page{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow)}label{display:block;font-size:14px;margin:0 0 6px;color:var(--text-dim)}.field{margin-bottom:16px}input[type=text],textarea,select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font:inherit}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-500)}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:auto}.radio-row{display:flex;gap:16px;flex-wrap:wrap}.radio-row label{display:flex;align-items:center;gap:6px;color:var(--text)}.radio-row input{width:auto}.result-box{background:var(--brand-50);border:1px solid var(--border);border-radius:9px;padding:14px;white-space:pre-wrap;word-break:break-word;min-height:120px;color:var(--text)}.banner{padding:10px 14px;border-radius:9px;margin-bottom:14px;font-size:14px}.banner.error{background:#fcedec;border:1px solid #F0C7C3;color:#a8362e}.banner.info{background:var(--brand-50);border:1px solid #C9E6DA;color:#0b5c44}.status-pill{font-size:13px;color:var(--text-dim)}.cta-band{text-align:center;padding:56px 0;border-top:1px solid var(--border);margin-top:24px}footer{border-top:1px solid var(--border);padding:32px 0;color:var(--text-dim);font-size:14px}footer .inner{display:flex;gap:24px;flex-wrap:wrap;align-items:center}footer a{color:var(--text-dim)}footer a:hover{color:var(--brand-900)}