*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:#f3f6fb;color:#182235}a{color:#1d5fd0;text-decoration:none}.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh}aside{padding:20px;background:#13233f;color:#fff}aside h2{margin-top:0}aside a,aside button{display:block;width:100%;padding:10px;color:#dce8ff;background:none;border:0;text-align:left;font:inherit}aside a:hover,aside button:hover{background:#223c66}main{padding:28px;max-width:1100px;width:100%;margin:auto}header{display:flex;justify-content:space-between;margin-bottom:20px}.login{max-width:380px;margin:10vh auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 30px #ccd}.card,table{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #d8deea;margin:14px 0}label{display:block;margin:10px 0}input,select,textarea,button{font:inherit;padding:9px;border:1px solid #c6d0df;border-radius:6px;width:100%}button{width:auto;background:#1d5fd0;color:#fff;border:0;cursor:pointer;margin-top:8px}textarea{resize:vertical}.notice{background:#fff4cd;border:1px solid #f4d46b;padding:10px;border-radius:6px;margin:10px 0}table{border-collapse:collapse;width:100%;padding:0}td,th{padding:11px;border-bottom:1px solid #e5eaf2;text-align:left;vertical-align:top}.unread td,.unread a{font-weight:700}small{color:#667}.folders a{margin-right:12px;line-height:2.2}.mailhtml{width:100%;min-height:300px;border:1px solid #d8deea;background:#fff}.search{display:flex;gap:8px}.search input{max-width:500px}.search select{max-width:130px}@media(max-width:700px){.app{display:block}aside{display:flex;gap:4px;overflow:auto;padding:10px;align-items:center}aside h2{display:none}aside a,aside button{white-space:nowrap;width:auto}main{padding:16px}table{font-size:13px}.search{display:block}.search input,.search select{max-width:none;margin-bottom:5px}}