*{box-sizing:border-box}body{font-family:system-ui,'Microsoft YaHei',sans-serif;background:#f6f8fc;margin:0;padding:32px 14px;color:#17233b}.panel{max-width:960px;margin:auto;background:#fff;border:1px solid #e8edf5;padding:28px;border-radius:16px;box-shadow:0 7px 30px #1935630b}.login{max-width:440px;margin:10vh auto}header{text-align:center}h1{font-size:38px;margin:0;color:#1268db}h2{font-size:29px;margin:16px 0}small,.muted{color:#66748b}.muted{font-size:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0}.note{background:#f2f6fb;padding:12px;border-radius:8px;text-align:center;color:#576478;font-size:14px}textarea,input{width:100%;padding:14px;border:1px solid #ccd6e4;border-radius:8px;font:17px system-ui,'Microsoft YaHei',sans-serif}textarea{height:125px;resize:vertical}.buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}button{padding:14px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-size:16px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:hover:not(:disabled){filter:brightness(.94)}.small{padding:9px 12px;font-size:13px}.secondary{background:#69758b}.green{background:#25a85c}.red{background:#e34b4b}.login input{margin:20px 0 12px}.login button{width:100%}@media(max-width:520px){.panel{padding:16px}h1{font-size:30px}}