:root{--bg:#f7f8f6;--paper:#fff;--ink:#202a26;--muted:#63706a;--line:#dde3de;--accent:#17684e;--accent-soft:#edf5f0;--error:#9d3025;--radius:8px;color-scheme:light;font-family:'Segoe UI',Arial,sans-serif;font-size:15px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;line-height:1.6}html[lang=zh-CN]{font-family:'LXGW WenKai','PingFang SC','Microsoft YaHei',sans-serif}button,input,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #2f8d6c;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.25;letter-spacing:-.025em}h2{font-size:25px}h3{font-size:16px}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:50}.skip:focus{top:8px}.preview-banner{background:#fff6e7;color:#79551c;border-bottom:1px solid #ecdfc7;text-align:center;padding:7px 20px;font-size:12px;line-height:1.5}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:84px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:650;letter-spacing:-.6px;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:var(--accent);color:white;font-size:24px;line-height:1}.brand-mark span{font-size:19px;margin-left:1px}.brand-tools{font-size:13px;font-weight:400;color:var(--muted);margin-left:6px;letter-spacing:0}.site-header nav{display:flex;gap:28px;align-items:center;font-size:13px}.site-header nav a[aria-current]{color:var(--accent);font-weight:650}.language{padding:5px 12px;border:1px solid var(--line);border-radius:5px;background:#fff}.intro{padding:44px 0 32px;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:650;color:var(--accent);margin-bottom:14px}.intro h1{font-size:46px;line-height:1.12;letter-spacing:-1.8px}.intro h1 span{display:block}.intro-description{margin-top:17px;max-width:620px;font-size:16px;line-height:1.65}.powered{display:inline-flex;gap:10px;align-items:center;margin-top:18px;font-size:12px;color:var(--muted)}.powered span{color:var(--accent)}
.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);background:var(--paper);border:1px solid #cfd8d1;border-radius:var(--radius);box-shadow:0 4px 22px #21392c05;overflow:hidden}.input-pane{border-right:1px solid var(--line);min-width:0}.pane-heading{height:56px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.pane-heading h2{font-size:13px;font-weight:650;letter-spacing:0}.small-type{font-size:11px;color:var(--muted);font-weight:450}.input-content{padding:22px}.dropzone{min-height:228px;border:1px dashed #bac9be;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 16px 18px;background:#fafcf9;transition:border-color .15s,background .15s}.dropzone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.upload-symbol{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #cfd9d1;border-radius:6px;background:white;color:var(--accent);font-size:25px;margin-bottom:14px;line-height:1}.dropzone h3{font-size:15px}.dropzone>p{font-size:12px;margin-top:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:5px;padding:11px 16px;font-weight:600;font-size:13px;line-height:1.4;white-space:nowrap;text-decoration:none;min-height:42px}.button-outline{border-color:#c9d4cc;background:white}.button-outline:hover{background:var(--accent-soft);border-color:#8cae9b;color:var(--accent)}.primary{color:white;background:var(--accent)}.primary:hover{background:#11523c;color:white}.primary:disabled{background:#e4e9e5;color:#7b8680;border-color:#dce2dd}.file-picker{position:relative;margin-top:17px;cursor:pointer;padding:9px 18px;min-height:38px}.file-picker:focus-within{outline:3px solid #2f8d6c;outline-offset:3px}.file-picker input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;font-size:0}.dropzone .file-types{margin-top:15px;font-size:10px;line-height:1.65;color:#6a786e;max-width:260px}.selected-file{display:flex;align-items:flex-start;gap:12px;min-height:228px;padding:25px 14px;background:#f6faf7;border:1px solid var(--line);border-radius:6px}.file-extension{font-size:10px;padding:9px 5px;border:1px solid #c7d8cb;background:white;border-radius:4px;color:var(--accent);font-weight:700;flex-shrink:0;min-width:38px;text-align:center}.file-detail{display:flex;flex-direction:column;min-width:0;gap:7px;font-size:11px;color:var(--muted)}.file-detail strong{font-size:13px;color:var(--ink);overflow-wrap:anywhere;line-height:1.5}.remove-file{border:0;background:transparent;font-size:20px;margin-left:auto;min-width:28px;min-height:28px;line-height:1}.remove-file:hover{color:var(--error)}.sample-button{display:block;width:100%;border:0;background:none;padding:13px 0 18px;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}.sample-button:hover{color:var(--accent)}.sample-button:disabled{opacity:.5}.input-actions{display:flex;gap:8px}.input-actions .primary{flex:1;min-width:0}.input-actions .primary span{margin-left:auto}.limits{font-size:11px;text-align:center;margin:9px 0 20px}.privacy-note{font-size:11px;line-height:1.75;border-top:1px solid var(--line);padding-top:14px}.privacy-note a{color:var(--accent);white-space:nowrap}.error-message{font-size:12px;background:#fff3f1;border:1px solid #f0c5bf;color:var(--error);border-radius:5px;padding:11px 12px;margin-bottom:15px;overflow-wrap:anywhere}
.output-pane{min-width:0;display:flex;flex-direction:column}.output-heading{padding:0 20px;background:#fdfefc;gap:10px}.tabs{display:flex;height:100%;gap:20px;align-items:stretch}.tabs button{font-size:12px;padding:0;border:0;background:transparent;border-bottom:2px solid transparent;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}.output-actions{display:flex;gap:6px}.output-actions button{border:1px solid var(--line);padding:5px 10px;background:#fff;border-radius:4px;font-size:11px;min-height:30px;white-space:nowrap}.output-actions button:disabled{color:#8b9690;background:#fafbf9}.output-actions button:not(:disabled):hover{background:var(--accent-soft);color:var(--accent)}.output-body{position:relative;flex:1;min-height:400px;display:flex;flex-direction:column}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.markdown-symbol{font:25px ui-monospace,SFMono-Regular,Consolas,monospace;color:#8b9c90;letter-spacing:-1px;margin-bottom:22px}.empty-state h3{font-size:18px;letter-spacing:-.3px;margin-bottom:11px}.empty-state p{font-size:13px;max-width:330px;line-height:1.75}.empty-hint{font-size:11px;color:#79867e;margin-top:28px}.loading-symbol{font-size:45px;line-height:1;color:var(--accent);letter-spacing:8px;margin:0 0 20px}.result-footer{border-top:1px solid var(--line);padding:9px 20px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);min-height:36px;flex-wrap:wrap}#raw-panel{flex:1;display:flex;min-height:400px}#markdown-output{display:block;resize:none;width:100%;flex:1;min-height:400px;border:0;padding:25px;background:#fff;color:#3e4b43;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;outline-offset:-4px;white-space:pre-wrap;overflow-wrap:anywhere}.rendered{height:450px;overflow:auto;padding:24px 30px;font-size:14px;overflow-wrap:anywhere}.rendered h1{font-size:26px;margin:0 0 16px}.rendered h2{font-size:20px;margin:24px 0 12px}.rendered h3{margin:20px 0 10px}.rendered p{margin:12px 0;color:var(--ink)}.rendered a{text-decoration:underline;color:var(--accent)}.rendered pre{overflow:auto;background:#f3f6f2;padding:12px;border-radius:4px}.rendered table{border-collapse:collapse;display:block;overflow:auto;max-width:100%;margin:16px 0;font-size:12px}.rendered th,.rendered td{padding:7px 12px;border:1px solid var(--line);text-align:left}.rendered th{background:var(--accent-soft)}.rendered blockquote{border-left:3px solid #a2bca9;padding-left:15px;margin-left:0}
.how-section{padding:37px 0 42px;border-bottom:1px solid var(--line)}.how-section>h2{font-size:17px;margin-bottom:23px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;list-style:none;margin:0;padding:0}.steps li{display:flex;gap:13px}.step-number{font:12px ui-monospace,Consolas,monospace;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8eee8;color:var(--accent);flex-shrink:0}.steps h3{font-size:13px;margin:4px 0 8px;letter-spacing:0}.steps p{font-size:12px;line-height:1.75}.formats-section{padding:48px 0}.section-heading{margin-bottom:23px}.section-heading p{font-size:13px;margin-top:10px}.format-table{border-top:1px solid var(--line)}table{border-collapse:collapse;width:100%;text-align:left}.format-table th{font-weight:450;color:var(--muted);font-size:11px;padding:12px 16px;background:#f0f3ef}.format-table td{font-size:13px;padding:17px 16px;border-bottom:1px solid var(--line)}.format-table td:last-child{text-align:right;white-space:nowrap}.format-table td a{font-size:12px;color:var(--accent)}.format-tag{display:inline-block;font:11px ui-monospace,Consolas,monospace;color:#465d4c}.learn-section{padding:20px 0 48px}.learn-section>.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading>a{font-size:12px;color:var(--accent)}.guide-list{border-top:1px solid var(--line)}.guide-list>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.guide-list h3{font-size:16px;margin-top:7px}.guide-list>a>span{color:var(--accent);font-size:18px}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:10px 0 64px}.faq-section h2{font-size:24px;max-width:260px}.faq-section details{border-bottom:1px solid var(--line);padding:17px 0}.faq-section details:first-child{padding-top:0}.faq-section summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:550}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font-size:19px;font-weight:400;color:var(--muted)}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{font-size:13px;line-height:1.8;margin-top:14px;padding-right:24px}.site-footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-brand{font-size:13px;font-weight:600}.site-footer p{font-size:11px;line-height:1.7;margin-top:8px;max-width:450px}.site-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:11px;align-items:center;padding-top:6px;white-space:nowrap}.format-details{display:grid;grid-template-columns:1fr 2fr;gap:70px;border-bottom:1px solid var(--line);padding:42px 0}.prose h2{font-size:23px;margin:32px 0 15px}.prose h3{font-size:18px;margin:24px 0 12px}.prose h3:first-child{margin-top:0}.prose p{font-size:15px;line-height:1.9;max-width:760px}.prose pre{background:#edf2ed;border:1px solid var(--line);border-radius:6px;padding:20px;font-size:12px;overflow:auto;line-height:1.9;margin-top:28px}.article{max-width:760px;margin:0 auto;padding:48px 0 64px}.article h1{font-size:40px;line-height:1.22;margin:12px 0 24px}.article-lead{font-size:18px;line-height:1.8}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:30px}.article .eyebrow{margin-bottom:10px}.article-source{font-size:12px;margin:30px 0;color:var(--accent)}.article-cta{margin-top:4px}.article-intro{max-width:780px;padding-bottom:40px}.article-intro h1{font-size:40px;line-height:1.2}.editorial-list{padding-bottom:70px}.editorial-list>a{display:grid;grid-template-columns:120px 1fr 24px;gap:30px;border-top:1px solid var(--line);padding:30px 0}.editorial-list h2{font-size:23px;margin-bottom:12px}.editorial-list p{font-size:14px;max-width:700px}.not-found{padding:90px 0 130px}.not-found h1{font-size:40px;margin:15px 0}.not-found .button{margin-top:28px}
.breadcrumbs{padding-top:20px;font-size:12px;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px 12px;list-style:none;margin:0;padding:0;overflow-wrap:anywhere}.breadcrumbs li+li:before{content:'/';margin-right:12px;color:#8a968f}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs+.intro{padding-top:25px}.breadcrumbs+.article{padding-top:28px}.format-details .prose p+p{margin-top:14px}.example-section{padding:42px 0;border-bottom:1px solid var(--line)}.example-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.example-grid>div{min-width:0}.example-grid h3{font-size:13px;letter-spacing:0;margin-bottom:12px}.example-grid pre{margin:0 0 12px;background:#edf2ed;border:1px solid var(--line);border-radius:6px;padding:18px;font:12px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;min-height:240px}.example-grid a{font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.related-content{border-top:1px solid var(--line);padding:28px 0 42px}.related-content h2{font-size:18px;margin-bottom:16px}.related-content ul{list-style:none;padding:0;margin:0 0 28px}.format-links{display:flex;flex-wrap:wrap;gap:12px 24px}.related-content a{font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-links li+li{margin-top:10px}
@media(max-width:700px){.example-grid{grid-template-columns:1fr;gap:26px}.example-grid pre{min-height:0}.format-table td:last-child{white-space:normal;overflow-wrap:anywhere}.format-links{gap:12px 18px}.breadcrumbs{font-size:11px}.intro h1 span{overflow-wrap:anywhere}}
@media(min-width:1500px){.intro{padding-top:52px}.intro h1{font-size:50px}.workspace{grid-template-columns:380px minmax(0,1fr)}}
@media(max-width:950px){.wrap{width:calc(100% - 40px)}.workspace{grid-template-columns:320px minmax(0,1fr)}.input-content{padding:18px}.output-heading{flex-wrap:wrap;height:auto;min-height:56px;padding:0 16px}.tabs{height:55px;gap:16px}.output-actions{padding-bottom:7px}.intro h1{font-size:41px}.steps{gap:20px}.faq-section,.format-details{gap:35px}.site-footer{flex-direction:column;gap:15px}.site-footer nav{padding:0}.article h1{font-size:36px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{min-height:74px;gap:12px;flex-wrap:wrap;padding-block:15px}.brand{font-size:17px;gap:8px}.brand-mark{width:30px;height:30px;font-size:22px}.brand-tools{font-size:11px}.site-header nav{gap:16px;font-size:12px}.formats-nav{display:none}.language{padding:4px 8px}.intro{padding:32px 0 26px}.intro h1{font-size:36px;letter-spacing:-1.1px}.intro-description{font-size:14px;margin-top:15px}.powered{font-size:11px;margin-top:15px}.eyebrow{font-size:10px;margin-bottom:12px}.workspace{grid-template-columns:1fr}.input-pane{border-right:0;border-bottom:1px solid var(--line)}.pane-heading{height:48px;padding:0 18px}.input-content{padding:18px}.dropzone{min-height:207px;padding:19px 15px}.selected-file{min-height:170px}.input-actions .primary{min-height:46px}.privacy-note{margin-top:10px}.limits{margin-bottom:12px}.output-heading{min-height:56px;height:auto;flex-wrap:nowrap;padding:0 14px}.tabs{height:55px;gap:16px}.output-actions{padding:0}.output-actions button{padding:6px 9px;min-height:34px}.output-body,#raw-panel,#markdown-output{min-height:350px}.rendered{height:350px;padding:22px}.empty-state{padding:25px}.empty-state h3{font-size:17px}.result-footer{padding:10px 14px}.how-section{padding:29px 0 32px}.steps{grid-template-columns:1fr;gap:22px}.steps h3{font-size:14px}.steps p{font-size:13px}.formats-section{padding:34px 0}.section-heading h2{font-size:22px}.section-heading p{font-size:13px}.format-table th,.format-table td{padding:14px 8px}.format-table td{font-size:12px}.format-table th:nth-child(2){width:52%}.format-table td:last-child a{font-size:11px}.format-tag{font-size:10px}.learn-section{padding:10px 0 34px}.guide-list h3{font-size:15px;line-height:1.5}.faq-section{grid-template-columns:1fr;gap:24px;padding-bottom:38px}.faq-section h2{max-width:none;font-size:22px}.faq-section summary{font-size:14px}.site-footer{padding-block:24px}.site-footer nav{gap:20px}.format-details{grid-template-columns:1fr;gap:0;padding-block:30px}.format-details .section-heading{margin-bottom:20px}.prose p{font-size:14px;line-height:1.9}.article{padding:30px 0 48px}.article h1{font-size:31px}.article-lead{font-size:16px}.prose h2{font-size:21px}.editorial-list>a{grid-template-columns:1fr 20px;gap:12px;padding:24px 0}.editorial-list>a>.small-type{grid-column:1/-1}.editorial-list h2{font-size:21px;line-height:1.4}.article-intro h1{font-size:34px}.not-found{padding:60px 0 90px}}
@media(max-width:420px){.site-header nav{width:100%;justify-content:space-between;margin-top:4px}.formats-nav{display:block}.intro h1{font-size:33px}.output-heading{align-items:flex-start;flex-wrap:wrap;gap:0}.output-actions{padding:10px 0;margin-left:auto}.tabs{gap:12px}.output-actions button{font-size:10px;padding:5px 7px}.brand{font-size:18px}.preview-banner{font-size:11px;padding:7px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}