:root{color-scheme:light;--page:#f6f3ee;--surface:#fff;--ink:#282c34;--muted:#68707c;--line:#dce0e5;--accent:#364c6b;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--page)}
*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);min-height:40px;padding:8px 16px}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#edf0f5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #364c6b;outline-offset:3px}[hidden]{display:none!important}
.header{max-width:1120px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:600}.brand span{font-size:13px;font-weight:400;color:var(--muted)}#download{font-size:13px;padding:10px 0}main{max-width:1000px;padding:28px 28px 18px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}h1{font-size:28px;line-height:1.4;letter-spacing:-.02em;margin:0 0 8px}p{line-height:1.65;margin:0}.intro p{color:var(--muted)}.badge{font-size:12px;color:var(--accent);white-space:nowrap;background:#e9edf4;padding:5px 9px;border-radius:5px}
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.toolbar label{font-size:13px;color:var(--muted)}select{max-width:200px;min-height:40px;background:white;border:1px solid var(--line);border-radius:7px;padding:7px 30px 7px 10px;color:var(--ink)}.toolbar .text-button{margin-left:auto}.text-button{background:transparent;border:none;padding:6px 10px;color:var(--muted);min-height:36px}.editors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.section-title{min-height:48px;padding:10px 16px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title label{font-weight:600}.section-title span{font-size:12px;color:var(--muted)}.section-title .text-button{padding:3px 6px;min-height:32px;color:var(--accent)}textarea{display:block;width:100%;padding:12px 16px;border:0;border-radius:0;background:transparent;color:var(--ink);line-height:1.8;resize:vertical;min-height:280px;outline:none}textarea::placeholder{color:#878e99}textarea:focus{box-shadow:inset 0 0 0 2px #364c6b33}.editor-note{font-size:12px;color:var(--muted);padding:10px 16px 14px;margin-top:auto}.preferences{margin-top:15px;color:var(--muted);font-size:13px}.preferences summary{cursor:pointer;width:fit-content;padding:8px 0}.preferences summary span{opacity:.7;margin-left:6px}.preferences textarea{margin-top:6px;border:1px solid var(--line);border-radius:8px;background:#fff;min-height:90px;max-height:180px}.submit-row{display:flex;gap:10px;align-items:center;margin-top:15px}.submit-row p{flex:1;color:var(--muted);font-size:12px}.primary{background:var(--accent);color:white;border-color:var(--accent);font-weight:600;min-width:132px}.primary:hover:not(:disabled){background:#293c57}.primary span{margin-left:10px}#status{min-height:32px;font-size:13px;color:var(--muted);padding-top:10px}#status.error{color:#a33d2f}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:12px}dialog{border:1px solid var(--line);border-radius:12px;padding:24px;max-width:480px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#17202e66}dialog h2{font-size:19px;margin:0 0 14px}dialog p{font-size:13px;margin-bottom:15px}dialog form{text-align:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:640px){.header{padding:16px}.brand span{display:none}main{padding:16px}.intro{margin-bottom:18px;gap:8px;align-items:flex-start}h1{font-size:23px}.intro p{font-size:13px;max-width:260px}.editors{grid-template-columns:1fr;gap:12px}textarea{min-height:180px}.toolbar{gap:8px}.toolbar label{display:none}select{max-width:180px}.toolbar .text-button{padding-right:0;font-size:12px}.section-title{min-height:43px}.editor-note{padding-top:4px}.submit-row{flex-wrap:wrap}.submit-row p{flex-basis:100%}#submit{flex:1}footer>span{font-size:11px}.badge{font-size:11px}}
#copy{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:74px}#copy-label{font-size:inherit;color:inherit}.explanation{margin:0 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.explanation summary{cursor:pointer;padding:10px 0}.explanation summary span{margin-left:8px;font-size:11px}.explanation p{white-space:pre-wrap;overflow-wrap:anywhere;padding-bottom:10px;max-height:160px;overflow-y:auto}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s}}
@media(max-width:640px){.toolbar select{width:220px;max-width:calc(100% - 82px)}}
@media(max-width:640px){.toolbar label{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
.dialog-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-title h2{padding-top:6px}.dialog-title form{margin:0}#download-dialog ol{padding-left:20px;font-size:13px;line-height:1.9;margin:12px 0}#download-dialog .release-info{padding:10px 12px;background:#edf0f5;border-radius:6px;font-size:12px}.download-link{display:block;text-align:center;padding:11px 16px;border-radius:7px;margin-top:18px}.download-note,#download-status{font-size:12px;color:var(--muted)}#download-checksum{font-size:11px;color:var(--muted);margin-top:14px}#download-checksum summary{cursor:pointer}#download-hash{display:block;overflow-wrap:anywhere;margin-top:8px}#download-status{margin:12px 0 0}
.header-actions{display:flex;align-items:center;gap:12px}.account-page{max-width:440px;margin:40px auto;background:white;border:1px solid var(--line);border-radius:12px;padding:28px}#account-form{margin-top:18px;text-align:left}#account-form label{display:block;font-size:13px;margin:14px 0 7px}#account-form input{font:inherit;width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:10px;background:white;color:var(--ink)}#account-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.code-row{display:flex;gap:8px}.code-row button{white-space:nowrap;min-width:114px;padding:8px 10px}.account-note{font-size:12px;color:var(--muted);margin:14px 0}#account-submit{width:100%}#account-status{font-size:13px;margin-top:14px;color:var(--muted)}#account-benefit{font-size:13px;color:var(--muted)}#account-logout{margin-top:18px}@media(max-width:640px){.header-actions{gap:4px}.header-actions .text-button{font-size:12px;padding:6px}.account-page{margin:20px 16px}}