*{box-sizing:border-box}body{margin:0;font-family:Arial,Microsoft YaHei,sans-serif;color:#222;background:#f6f7f8;letter-spacing:0}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #ddd;background:#fff;flex-wrap:wrap}.brand{font-size:20px;font-weight:700;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}main{max-width:880px;margin:0 auto;padding:36px 24px}h1{font-size:28px;line-height:1.3}p{line-height:1.7}form{max-width:420px;gap:16px}form,label{display:grid}label{gap:8px;font-size:14px}input{font:inherit;min-width:0;width:100%;padding:12px;border:1px solid #bbb;border-radius:4px}button{font:inherit;padding:12px 18px;background:#176b59;color:white;border:0;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.status{color:#58656b}.error{color:#ad2635}.module-list{padding:0;list-style:none}.module-list li{padding:16px 0;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:16px}@media(max-width:520px){header{padding:16px}nav{gap:14px}main{padding:24px 16px}h1{font-size:24px}}nav span{font-size:14px;color:#767e84;cursor:default}.preview-label{font-size:12px;color:#176b59;background:#e8f3ee;padding:5px 8px;border-radius:4px}main{min-height:calc(100dvh - 160px)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px}.section-title h2{font-size:18px;margin:0}.module-list .status,.section-title .status{font-size:13px}.module-list li{min-height:64px}.module-list li>span:first-child{overflow-wrap:anywhere}footer{padding:20px 24px;border-top:1px solid #ddd;text-align:center;font-size:12px;color:#68777b}@media(max-width:520px){header{gap:12px}nav{order:3;flex-basis:100%}main{min-height:calc(100dvh - 205px)}}