:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#152441;background:#f7f9fd;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.65}a{color:#2057cf;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%}.container{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:12px;z-index:10}.skip:focus{left:10px}.site-header{background:#fff;border-bottom:1px solid #e3e9f3}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:#142645;font-weight:800;font-size:1.14rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#2463eb;color:#fff}.site-header nav{display:flex;gap:24px}.site-header nav a{color:#31415f;font-weight:600}.hero{padding:76px 0 64px;text-align:center;background:linear-gradient(180deg,#eaf2ff,#f7f9fd)}.eyebrow{color:#2057cf;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.82rem}.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.18;letter-spacing:-.04em;margin:16px 0}.hero p{font-size:1.15rem;color:#52617c;max-width:690px;margin:0 auto 26px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid #2463eb;font-weight:700}.button{background:#2463eb;color:#fff}.button:hover{background:#164ec5;color:#fff;text-decoration:none}.button-secondary{background:#fff;color:#2057cf}.button-secondary:hover{background:#eaf2ff;text-decoration:none}.section{padding:56px 0}.section h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 8px;line-height:1.25}.section-lead{color:#5b6982;margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{background:#fff;border:1px solid #e0e7f2;border-radius:18px;box-shadow:0 8px 28px #16306009}.card{display:block;padding:24px;color:#172944;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#a5c2fb;text-decoration:none}.card-icon{display:grid;place-items:center;width:48px;height:48px;background:#e9f1ff;color:#2057cf;border-radius:14px;font-size:1.5rem;font-weight:700}.card h3{font-size:1.18rem;margin:18px 0 6px}.card p{color:#64718a;margin:0 0 16px}.card .go{color:#2057cf;font-weight:750}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:20px;background:#edf3fd;border-radius:16px}.feature strong{display:block;margin-bottom:4px}.feature p{margin:0;color:#586780;font-size:.94rem}.page-hero{padding:45px 0 24px}.page-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.22;margin:8px 0}.page-hero p{color:#5c6b85;max-width:760px}.tool-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:22px;align-items:start}.panel{padding:25px}.panel h2{margin:0 0 18px;font-size:1.3rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid #bac8de;border-radius:10px;padding:10px 12px;background:#fff;color:#1d2b44}.field input[type=color]{padding:4px;width:72px}.field input[type=range]{padding:0}.field input[type=checkbox]{width:auto;min-height:0}.check-field{display:flex;align-items:center;gap:10px}.check-field label{font-weight:600}.dropzone{border:2px dashed #a5b9dc;background:#f6f9ff;border-radius:16px;padding:26px;text-align:center;margin-bottom:20px;transition:.2s}.dropzone.drag{border-color:#2463eb;background:#e8f1ff}.dropzone strong{display:block;margin-bottom:8px}.dropzone p,.muted{color:#64718a;font-size:.92rem}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.status{min-height:26px;margin:14px 0;color:#31517e}.status.error,.error{color:#ad2d3b}.status.success{color:#137247}.results{display:grid;gap:16px;margin-top:18px}.result{border:1px solid #dce5f2;border-radius:14px;padding:16px;min-width:0}.result h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:1rem}.result-meta{color:#52617a;font-size:.9rem}.preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.preview-pair img,.single-preview img{display:block;width:100%;max-height:220px;object-fit:contain;background:#eef2f8;border-radius:10px}.preview-pair figure{margin:0;min-width:0}.preview-pair figcaption{font-size:.8rem;color:#52617a;margin-top:5px}.info-list{padding-left:20px}.info-list li{margin:9px 0}.content{max-width:800px}.content h2{margin-top:34px}.content p,.content li{color:#455570}.faq details{background:#fff;border:1px solid #dfe6f1;border-radius:12px;margin-bottom:10px;padding:14px 18px}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:9px 0 0;color:#52617a}.site-footer{background:#172744;color:#e7eefb;padding-top:45px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer a{display:block;color:#d4e0f7;margin:7px 0}.site-footer p{color:#bdcbe3}.footer-end{border-top:1px solid #43516a;margin-top:32px;padding:16px 0;color:#aebed8;font-size:.9rem}:focus-visible{outline:3px solid #f5ad2d;outline-offset:3px}@media(max-width:760px){.container{width:min(100% - 28px,1120px)}.nav-row{min-height:64px;align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.site-header nav{gap:14px;flex-wrap:wrap;font-size:.9rem}.hero{padding:54px 0}.cards{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:480px){.form-grid,.feature-grid,.preview-pair{grid-template-columns:1fr}.panel{padding:18px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}[hidden]{display:none!important}.dropzone input[type=file]{display:block;max-width:100%;margin:10px auto 0;color:#52617a}.dropzone input[type=file]::file-selector-button{background:#fff;border:1px solid #2463eb;color:#2057cf;border-radius:10px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer;margin-right:10px}.ad-slot{margin:32px 0 0;padding:12px;border:1px solid #dce5f2;border-radius:12px;background:#fff;min-height:90px}.ad-slot>span{display:block;color:#7a879b;font-size:.75rem;margin-bottom:8px}@media(max-width:760px){.tool-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.form-grid{grid-template-columns:minmax(0,1fr)}}.panel,.field,.dropzone{min-width:0}.dropzone{overflow-wrap:anywhere}