:root{--primary:#1677ff;--primary-hover:#4096ff;--primary-active:#0958d9;--primary-bg:#e6f4ff;--success:#52c41a;--warning:#faad14;--error:#ff4d4f;--error-hover:#ff7875;--text:#000000e0;--text-2:#000000a6;--text-3:#0000008f;--border:#d9d9d9;--split:#f0f0f0;--fill:#fafafa;--bg:#f2f4f7;--surface:#fff;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;line-height:1.5715}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary-hover);outline-offset:1px}svg{flex-shrink:0}p,h1,h2,h3,dl,dd{margin:0}.container{max-width:1240px;margin:0 auto;padding:0 24px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{background:var(--surface);box-shadow:0 1px 4px #0015290f}.topbar-inner{align-items:center;gap:32px;height:56px;display:flex}.brand{align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.nav{align-self:stretch;min-width:0;display:flex}.nav>a,.nav>span{white-space:nowrap;border-top:2px solid #0000;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 14px;transition:color .2s;display:flex}.nav>a:hover{color:var(--primary)}.nav>.active{color:var(--primary);border-bottom-color:var(--primary)}.topbar-note{color:var(--text-3);margin-left:auto;font-size:13px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;padding:24px 0 16px;display:flex}.page-header h1{color:#21242e;font-size:20px;font-weight:500;line-height:1.4}.page-header p{color:var(--text-3);margin-top:6px;font-size:13px}.quick-links{flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.quick-links a,.link,.link-button{color:var(--primary);transition:color .2s}.quick-links a:hover,.link-button:hover:not(:disabled){color:var(--primary-hover)}.quick-links a:hover{text-underline-offset:3px;text-decoration:underline}.link-button:disabled{cursor:not-allowed;color:#00000040}.panel{background:var(--surface);border-radius:8px;padding:20px}.panel+.panel{margin-top:16px}.panel-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;display:flex}.panel-head h2{font-size:16px;font-weight:500;line-height:1.5}.panel-head .button{margin-left:auto}.button{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:14px;line-height:1;transition:color .2s,background .2s,border-color .2s;display:inline-flex;box-shadow:0 2px #00000005}.button:hover:not(:disabled){color:var(--primary-hover);border-color:var(--primary-hover)}.button:active:not(:disabled){color:var(--primary-active);border-color:var(--primary-active)}.button-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px #0591ff1a}.button-primary:hover:not(:disabled),.button-primary:active:not(:disabled){color:#fff;background:var(--primary-hover)}.button-primary:active:not(:disabled){background:var(--primary-active)}.button-danger{color:var(--error);border-color:var(--error)}.button-danger:hover:not(:disabled){color:var(--error-hover);border-color:var(--error-hover)}.button-danger.button-primary{color:#fff;background:var(--error)}.button-danger.button-primary:hover:not(:disabled){color:#fff;background:var(--error-hover)}.button-small{border-radius:4px;height:24px;padding:0 8px;font-size:13px}.button-large{border-radius:8px;height:40px;padding:0 24px;font-size:16px}.button:disabled{cursor:not-allowed;color:#00000040;border-color:var(--border);box-shadow:none;background:#0000000a}.publish-button.is-loading:disabled{cursor:default;color:#fff;background:var(--primary);border-color:var(--primary);opacity:.65}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.tabs{border-bottom:1px solid var(--split);gap:32px;margin:-6px 0 16px;display:flex}.tabs>button{align-items:center;gap:6px;padding:10px 0 12px;transition:color .2s;display:flex;position:relative}.tabs>button:hover:not(:disabled){color:var(--primary-hover)}.tabs>button.active{color:var(--primary)}.tabs>button.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs>button:disabled:not(.active){cursor:not-allowed;color:#00000040}.upload-box{border:1px dashed var(--border);background:var(--fill);border-radius:8px;transition:border-color .3s,background .3s}.upload-box:hover,.upload-box.dragging{border-color:var(--primary)}.upload-box.dragging{background:var(--primary-bg)}.drop-target{text-align:center;cursor:pointer;border-radius:8px 8px 0 0;padding:36px 16px 12px}.drop-target[aria-disabled=true]{cursor:not-allowed}.drop-target:focus-visible{outline-offset:-2px}.drop-icon{color:var(--text-2);margin-bottom:12px;display:inline-flex}.has-files .drop-icon{color:var(--primary)}.drop-title{font-size:16px}.drop-hint{color:var(--text-3);margin-top:6px;font-size:13px}.upload-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;padding:12px 16px 32px;display:flex}.switch-field{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.switch-field small{color:var(--text-3);font-size:13px}.switch{appearance:none;cursor:pointer;background:#00000040;border-radius:100px;flex-shrink:0;width:28px;height:16px;margin:0;transition:background .2s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00230b33}.switch:checked{background:var(--primary)}.switch:checked:before{transform:translate(12px)}.switch:disabled{opacity:.5;cursor:not-allowed}.file-list{margin-top:12px}.file-list ul{margin:0;padding:0;list-style:none}.file-list li{height:32px;color:var(--text-3);border-radius:4px;align-items:center;gap:8px;padding:0 8px;display:flex}.file-list li:hover{background:#0000000a}.file-list li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.file-list small{font-variant-numeric:tabular-nums;font-size:12px}.file-list-footer{color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 0;font-size:13px;display:flex}.code-panel{border:1px solid var(--border);border-radius:8px;overflow:hidden}.editor-toolbar{background:var(--fill);border-bottom:1px solid var(--split);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.editor-file{font:13px/1.5 var(--mono);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.editor-actions{gap:8px;display:flex}.code-editor.is-disabled{pointer-events:none;opacity:.7}.editor-loading{height:320px;color:var(--text-3);place-items:center;display:grid}.preview-frame{border:0;border-top:1px solid var(--split);background:#fff;width:100%;height:320px;display:block}.option-row{margin-top:12px}.alert{overflow-wrap:anywhere;border:1px solid;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.alert>svg{margin-top:3px}.alert-error{background:#fff2f0;border-color:#ffccc7}.alert-error>svg{color:var(--error)}.alert-warning{background:#fffbe6;border-color:#ffe58f}.alert-warning>svg{color:var(--warning)}.alert-info{background:var(--primary-bg);border-color:#91caff}.alert-info>svg{color:var(--primary)}.alert a,.alert .link-button{color:var(--primary);margin-left:8px}.page-alert{margin-bottom:16px}.publish-panel .alert,.progress{margin-top:16px}.progress-head{justify-content:space-between;gap:12px;display:flex}.progress-head span:last-child{color:var(--text-2);font-variant-numeric:tabular-nums}.progress progress{appearance:none;background:#0000000f;border:0;border-radius:100px;width:100%;height:8px;margin:8px 0 4px;display:block;overflow:hidden}.progress progress::-webkit-progress-bar{background:#0000000f}.progress progress::-webkit-progress-value{background:var(--primary);border-radius:100px;transition:width .3s}.progress progress::-moz-progress-bar{background:var(--primary);border-radius:100px}.progress progress:indeterminate{background:linear-gradient(90deg, transparent 0 35%, var(--primary) 35% 65%, transparent 65%) 0 0 / 300% 100% #0000000f;animation:1.4s linear infinite indeterminate}.progress progress:indeterminate::-webkit-progress-bar{background:0 0}.progress progress:indeterminate::-moz-progress-bar{background:0 0}.progress.is-error progress::-webkit-progress-value{background:var(--error)}.progress.is-error progress::-moz-progress-bar{background:var(--error)}.progress small{min-height:1.5em;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.publish-bar{border-top:1px solid var(--split);justify-content:space-between;align-items:center;gap:12px 24px;margin-top:20px;padding-top:20px;display:flex}.publish-note{color:var(--text-3);font-size:13px}.publish-button{min-width:160px}.result{text-align:center;max-width:640px;margin:0 auto;padding:24px 0 8px}.result-icon{color:var(--success);margin-bottom:16px}.result h2{font-size:24px;font-weight:500;line-height:1.35}.result-sub{color:var(--text-3);margin-top:8px}.result-fields{text-align:left;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px;display:grid}.field-label{margin-bottom:8px;display:block}.input-group{display:flex}.input-like{border:1px solid var(--border);background:var(--surface);min-width:0;height:36px;color:var(--text);border-radius:6px 0 0 6px;flex:1;align-items:center;gap:6px;padding:0 11px;transition:border-color .2s;display:flex}a.input-like{color:var(--primary)}a.input-like>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}input.input-like{font:13px/1.5 var(--mono);color:var(--text-2);text-overflow:ellipsis}a.input-like:hover,input.input-like:focus{z-index:1;border-color:var(--primary-hover);position:relative}input.input-like:focus{outline:0;box-shadow:0 0 0 2px #0591ff1a}.input-group .copy-button{border-radius:0 6px 6px 0;height:36px;margin-left:-1px}.copy-button.copied{color:#389e0d}.link-box.private .alert{margin-top:8px}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.tag{border:1px solid var(--border);background:var(--fill);height:22px;color:var(--text-2);border-radius:4px;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.tag-success{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.descriptions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px;display:grid}.descriptions>div{gap:8px;min-width:0;display:flex}.descriptions dt{color:var(--text-3);flex-shrink:0}.descriptions dt:after{content:"："}.descriptions dd{overflow-wrap:anywhere;min-width:0}.site-link{color:var(--primary)}.site-link:hover{color:var(--primary-hover)}.site-link svg{vertical-align:-2px;margin-left:4px}.confirm{flex-wrap:wrap;align-items:center;margin-top:16px}.confirm>svg{color:var(--error);margin-top:0}.confirm>span{flex:1;min-width:180px}.confirm-actions{gap:8px;display:flex}.empty-state{text-align:center;padding:48px 16px}.empty-icon{color:#00000040;margin-bottom:12px;display:inline-flex}.empty-state h2{font-size:16px;font-weight:500}.empty-state p{color:var(--text-3);margin-top:8px}.empty-state .button{margin-top:20px}.guide{padding:48px 0 8px;scroll-margin-top:16px}.guide>h2{font-size:20px;font-weight:500;line-height:1.4}.section-sub{color:var(--text-2);margin-top:6px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.card{background:var(--surface);border-radius:8px;padding:20px 20px 24px;scroll-margin-top:16px}.card h3{margin-bottom:12px;font-size:16px;font-weight:500;line-height:1.5}.card p,.card li,.card dd{color:var(--text-2);line-height:1.8}.card p+p,.card p+ul{margin-top:8px}.card ol,.card ul{margin:0;padding-left:20px}.card li+li{margin-top:6px}.card li strong{color:var(--text);font-weight:500;display:block}.card code{font:13px var(--mono);background:#0000000a;border-radius:4px;padding:1px 5px}.faq>div+div{margin-top:12px}.faq dt{font-weight:500}.faq dd{margin-top:2px}.footer{text-align:center;color:var(--text-3);padding:40px 24px 32px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes indeterminate{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=1024px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.container{padding:0 16px}.topbar-inner{gap:12px}.topbar-note{display:none}.nav>a,.nav>span{padding:0 10px}.page-header{flex-direction:column;align-items:flex-start;padding:20px 0 12px}.panel{padding:16px}.drop-target{padding:28px 12px 12px}.upload-options{padding:8px 12px 24px}.publish-bar{flex-direction:column-reverse;align-items:stretch}.publish-note{text-align:center}.guide{padding-top:32px}.guide-grid{grid-template-columns:1fr;gap:12px}.result{padding-top:12px}.result h2{font-size:20px}}@media (width<=480px){.nav svg{display:none}.panel-head .button{margin-left:0}.result-actions .button{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}