:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#233041;background:#f4f6f9;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:#285fc9;text-decoration:none}a:hover{text-decoration:underline}button,.button{cursor:pointer;border:0;border-radius:7px;background:#285fc9;color:white;padding:10px 18px;font:inherit;white-space:nowrap}button:hover{background:#214fa9}.quiet{background:#eaf0fa;color:#34547f}.topbar{height:76px;background:#fff;border-bottom:1px solid #e0e6ef;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:750;letter-spacing:-.5px;color:#214da1}.brand small{font-size:13px;font-weight:400;color:#788596;letter-spacing:0;margin-left:12px}nav{display:flex;align-items:center;gap:25px}nav form{margin:0}.identity{color:#7a8799}main{max-width:1150px;margin:36px auto;padding:0 24px}.page-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}h1{font-size:28px;letter-spacing:-.7px;margin:0}h2{font-size:22px;margin:0 0 14px}h3{font-size:16px}p{margin:10px 0 20px}.muted{color:#8190a3;font-size:13px}.card{background:white;border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 3px 12px #1e395006}input,select{font:inherit;padding:10px 12px;border:1px solid #d9e0eb;border-radius:7px;min-width:0;background:white;color:#28384b}input:focus,select:focus{outline:2px solid #bdd1fa;outline-offset:1px}label{display:flex;flex-direction:column;gap:6px}.check{display:flex;align-items:center;flex-direction:row;gap:7px;white-space:nowrap}.check input{width:16px;height:16px;accent-color:#285fc9}.filters{padding:20px;display:flex;align-items:center;gap:15px}.filters input[name=q]{flex:1}.filters select{max-width:320px}.list-heading{display:flex;justify-content:space-between;color:#8390a1;font-size:12px;margin:24px 4px 12px}.message-list{overflow:hidden}.message-row{display:flex;gap:16px;align-items:center;padding:23px 25px;border-bottom:1px solid #edf0f5;color:inherit}.message-row:last-child{border:0}.message-row:hover{background:#f8faff;text-decoration:none}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:transparent}.unread .dot{background:#3773e2}.unread .subject{font-weight:700}.mail-summary{min-width:0;flex:1}.sender{color:#738093;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject{font-size:16px;margin:4px 0;overflow-wrap:anywhere}.mail-meta{display:flex;flex-direction:column;align-items:flex-end;gap:9px;color:#7e8b9d;font-size:12px;flex-shrink:0}.badge{background:#eef2f8;border-radius:4px;padding:1px 8px}.empty{text-align:center;padding:70px 24px;color:#8895a7}.empty h2{color:#4b607b}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:25px}.login{max-width:420px;margin:65px auto;padding:34px}.login form{display:flex;flex-direction:column;gap:20px}.notice{background:#edf4ff;color:#28548e;border:1px solid #cddffc;padding:14px 18px;border-radius:8px}.detail{padding:32px;margin-top:18px}.detail h2{overflow-wrap:anywhere}dl{display:grid;grid-template-columns:90px 1fr;gap:8px;margin:25px 0}dt{color:#8792a1}dd{margin:0;overflow-wrap:anywhere}.body-block{border-top:1px solid #e8edf3;padding-top:16px}.text-body{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;padding:16px 0}details{padding:20px 0;border-top:1px solid #e8edf3}summary{cursor:pointer;color:#285fc9}iframe{display:block;width:100%;min-height:500px;border:1px solid #e1e7ee;border-radius:7px;margin-top:20px;background:white}.attachments{display:flex;flex-wrap:wrap;gap:12px}.attachment{border:1px solid #dce4ef;padding:14px;border-radius:8px;max-width:100%;display:flex;flex-direction:column;overflow-wrap:anywhere}.attachment span{font-size:12px;color:#8390a3}.admin-section{padding:25px;margin-bottom:24px}.admin-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.admin-row strong{min-width:220px;overflow-wrap:anywhere}.user-form{padding:20px 0;border-top:1px solid #e8edf3}.grants{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}.error{padding:35px}.error h1{font-size:22px}footer{padding:30px;text-align:center;font-size:12px;color:#8b98aa}@media(max-width:700px){.topbar{padding:15px 20px;height:auto;align-items:flex-start;gap:16px;flex-direction:column}.brand small{margin-left:5px}nav{gap:18px}.identity{display:none}main{padding:0 15px;margin:25px auto}.page-title{align-items:center}.page-title .muted{display:none}.filters{flex-wrap:wrap;padding:15px}.filters select,.filters input[name=q]{width:100%;max-width:none;flex:auto}.message-row{padding:18px 12px;gap:10px}.mail-meta{font-size:11px}.detail{padding:20px}dl{grid-template-columns:65px 1fr;font-size:12px}.login{padding:25px;margin-top:30px}.admin-section{padding:20px}.admin-row input:not([type=checkbox]){width:100%}.pagination{gap:12px}.subject{font-size:14px}}

.mail-view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 14px}.mail-view-tabs{display:flex;gap:6px;background:#f0f3f8;padding:4px;border-radius:8px}.mail-view-tabs a{padding:7px 14px;border-radius:6px;color:#6a788d}.mail-view-tabs .selected{background:white;color:#285fc9;box-shadow:0 1px 4px #1e395012}.mail-image-notice{font-size:12px;color:#8190a3;margin:0 0 12px}.mail-html-frame{height:640px;min-height:320px;margin:0;border-radius:8px}@media(max-width:700px){.mail-html-frame{height:640px;min-height:320px}.mail-view-toolbar{gap:10px}.mail-view-toolbar>a{font-size:12px}}