*{box-sizing:border-box}body{color:#353d33;background:#f5f1e8;margin:0;font:16px/1.6 system-ui}main{max-width:1200px;margin:auto;padding:28px 28px 120px}header{justify-content:space-between;align-items:center;display:flex}h1{font:30px Georgia,SimSun,serif}h2{font-size:20px}nav{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}button,input,select,textarea{font:inherit;color:inherit;min-height:44px}button{cursor:pointer;background:#fffdf5;border:1px solid #cdd2bf;border-radius:8px;padding:8px 16px}button.active,.primary{color:#fff;background:#4d6348}button:disabled{opacity:.5}input,textarea,select{background:#fffdf7;border:1px solid #cdd2bf;border-radius:6px;max-width:100%;padding:8px}label{flex-direction:column;gap:6px;margin:14px 0;display:flex}.inline{flex-direction:row;align-items:center;gap:8px;display:flex}input[type=checkbox]{width:24px}section,article,.login{background:#fffcf5;border:1px solid #ddd6c6;border-radius:12px;margin:12px 0;padding:22px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.grid article{min-width:0;margin:0}textarea{width:100%;min-height:90px}footer{background:#f0ecdff0;border-top:1px solid #cdd2bf;justify-content:center;gap:12px;padding:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.notice{color:#53644a}.login{max-width:420px;margin:60px auto}