:root{color-scheme:light;--bg: #f6f8fb;--panel: #ffffff;--line: #d9e0ea;--text: #1f2a37;--muted: #5a6a7f;--primary: #1f7a4f;--primary-hover: #16623f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f4f8ff 0%,var(--bg) 240px);color:var(--text);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.app{max-width:980px;margin:0 auto;padding:20px 16px 32px}.top h1{margin:0;font-size:28px}.top-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.top-actions button{font-size:13px;padding:7px 10px}.panel{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px}.panel-title{margin:0 0 10px;font-size:17px}.mode-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mode-row .panel-title{margin:0}.mode-switch{display:flex;align-items:center;gap:18px;margin-left:auto;flex-wrap:wrap}.mode-switch label{display:inline-flex;align-items:center;gap:8px}.preview-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:0;color:var(--muted);font-size:inherit}.preview-toggle input{margin:0}.collapse-panel{padding:10px 14px 12px}.collapse-panel>.collapse-summary{cursor:pointer;-webkit-user-select:none;user-select:none}.collapse-summary>.collapse-head{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:14px;flex-wrap:wrap}.collapse-summary>.collapse-head .panel-title{margin:0;font-size:inherit;font-weight:inherit}.collapse-body{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px}.mode-preview-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:14px}.panel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.panel-head .panel-title{margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;margin-bottom:0}.profile-toolbar button{font-size:13px;padding:7px 10px;font-weight:400}details>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸";flex:0 0 auto;font-size:1.35em;line-height:1}details[open]>summary:before{content:"▾"}.settings{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;font-size:14px}.settings h2{font-size:15px;font-weight:600;margin:0 0 8px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.check-grid label{display:inline-flex;align-items:center;gap:4px;color:var(--text)}.check-grid label .inline-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:700;line-height:1;cursor:help}.check-grid label .inline-help:hover{border-color:#9ca9bd;color:#3f5068}.line-gap-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.line-gap-row label{white-space:nowrap}.line-gap-row select{min-width:120px;width:auto}.line-gap-row input{min-width:180px;flex:1 1 260px}.profile-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.profile-row label{white-space:nowrap}.profile-row select{min-width:220px;flex:1 1 260px}.profile-meta{color:var(--muted);font-size:inherit}.line-gap-row select,.line-gap-row input,.profile-row select,textarea{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}button{border:0;border-radius:8px;padding:9px 14px;background:var(--primary);color:#fff;font:inherit;cursor:pointer}button:hover{background:var(--primary-hover)}button.secondary{background:#607087}button.secondary:hover{background:#48566a}button:disabled{opacity:.55;cursor:not-allowed}button:disabled:hover{background:var(--primary)}button.secondary:disabled:hover{background:#607087}textarea{width:100%;min-height:420px;resize:vertical;line-height:1.65}.footer{margin-top:16px;text-align:center}.footer a{color:var(--primary);text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:640px){.app{padding:14px 12px 20px}.panel{padding:12px;border-radius:10px}.mode-switch,.toolbar{margin-left:0}.mode-preview-row{align-items:flex-start}.collapse-panel{padding:10px 12px}.top-actions{margin-left:auto}.panel-head .toolbar{width:100%}.line-gap-row{align-items:stretch}.line-gap-row label,.profile-row label{width:100%}textarea{min-height:300px}}