:root{font:15px 'Microsoft YaHei',system-ui,sans-serif;color:#182336;background:#f2f5fa}*{box-sizing:border-box}main{max-width:1200px;margin:32px auto;padding:0 24px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:28px}h2{font-size:19px;margin:0 0 16px}section{background:white;padding:24px;border:1px solid #dee5ef;border-radius:12px;margin:20px 0}form{display:flex;flex-wrap:wrap;gap:16px;align-items:end}label{display:grid;gap:8px}input,select,textarea{font:inherit;border:1px solid #b9c7d9;border-radius:6px;padding:10px;background:white}input[type=number]{width:115px}button{font:inherit;background:#175ce8;color:white;border:0;border-radius:6px;padding:11px 16px;cursor:pointer}button:disabled{opacity:.5}button+button{margin-left:8px}p{color:#516077;line-height:1.6}#status{min-height:24px;color:#ac301c}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px 8px;border-bottom:1px solid #e8edf4;word-break:break-word}th{background:#f5f8fc;font-weight:600}.scroll{overflow:auto}textarea{width:100%;font-family:monospace}[hidden]{display:none!important}#login{max-width:620px}#login form{display:grid}
.tutorial-layout{display:grid;grid-template-columns:240px 1fr;gap:26px}.tutorial-layout form{display:grid;align-items:stretch}#tutorial-list{display:grid;gap:8px;margin-top:16px}.tutorial-choice{margin:0;text-align:left;white-space:normal;overflow-wrap:anywhere;background:#edf2fb;color:#23344d}.editor-options{display:flex;align-items:center;gap:30px}.check{display:flex;align-items:center}.check input{width:auto}#tutorial-body{font-family:inherit;line-height:1.8;resize:vertical}#search-form{margin-top:8px}#search-account{min-width:280px}a{color:#175ce8}@media(max-width:800px){.tutorial-layout{grid-template-columns:1fr}.editor-options{flex-wrap:wrap}}