:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#182230;background:#f5f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.topbar{background:#fff;border-bottom:1px solid #e8edf3;position:sticky;top:0;z-index:2}.topbar-inner{max-width:980px;margin:auto;height:64px;padding:0 20px;display:flex;align-items:center;gap:20px}.brand{font-weight:700;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5f8dff,#8b7cff);color:white;font-size:24px;box-shadow:0 8px 20px #7187e333}.brand-mark.small{width:30px;height:30px;border-radius:10px;font-size:17px}.search{margin-left:auto;margin-right:auto;max-width:410px;flex:1;position:relative}.search input{width:100%;padding:10px 36px 10px 14px;border:1px solid #e1e7ef;border-radius:12px;background:#f7f9fc;font-size:14px;outline:none}.search input:focus{border-color:#7993ff;background:#fff;box-shadow:0 0 0 3px #7a93ff1f}.search span{position:absolute;right:12px;top:5px;font-size:23px;color:#8894a3}.text-button,.icon-button{border:0;background:transparent;color:#6e7b8d;cursor:pointer;font-size:14px}.shell{max-width:980px;margin:32px auto;padding:0 20px 60px}.card{background:#fff;border:1px solid #e8edf3;border-radius:18px;box-shadow:0 10px 30px #263a5d0a}.composer{padding:22px 24px}.section-title h2,.list-head h2{font-size:18px;margin:0 0 3px}.muted{color:#8793a3;font-size:13px;margin:0}.composer form{margin-top:18px}.composer input,.composer textarea{font:inherit;width:100%;border:1px solid #e1e7ef;border-radius:12px;padding:12px 14px;outline:none;margin-bottom:10px;background:#fbfcfe}.composer textarea{resize:vertical;min-height:120px}.composer input:focus,.composer textarea:focus{border-color:#7993ff;box-shadow:0 0 0 3px #7a93ff1f}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-picker{display:flex;align-items:center;gap:8px;color:#647287;font-size:14px;cursor:pointer;min-width:0}.file-picker input{display:none}.file-picker span{border:1px dashed #bcc7d6;border-radius:10px;padding:8px 11px}.file-picker b{font-size:12px;color:#59687d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer button,.login-card button{border:0;border-radius:11px;background:#536ff5;color:#fff;font:inherit;font-weight:600;padding:10px 18px;cursor:pointer;box-shadow:0 6px 14px #536ff533}.composer button:hover,.login-card button:hover{background:#415ddd}.form-message{font-size:13px;margin:10px 0 0;color:#4e76d8}.list-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 13px}.icon-button{font-size:24px;padding:3px 8px}.items{display:grid;gap:12px}.item{padding:18px 20px}.item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.item h3{font-size:16px;margin:0 0 5px;word-break:break-word}.item-date{color:#9aa5b3;font-size:12px;white-space:nowrap}.body{white-space:pre-wrap;word-break:break-word;color:#4f5d6d;font-size:14px;margin:10px 0 0}.attachment{margin-top:13px;border-top:1px solid #eef1f5;padding-top:13px;display:flex;align-items:center;gap:12px}.attachment img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#f1f3f7}.file-icon{width:42px;height:42px;border-radius:10px;background:#eef2ff;color:#576fea;display:grid;place-items:center;font-weight:700}.attachment-info{min-width:0;flex:1}.attachment-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:12px;color:#9aa5b3;margin-top:2px}.actions{display:flex;gap:7px;margin-top:13px}.action{border:1px solid #e1e7ef;background:#fff;color:#5f6c7c;border-radius:9px;padding:6px 10px;cursor:pointer;font:inherit;font-size:13px}.action:hover{background:#f7f9fc;border-color:#c9d3e0}.empty{text-align:center;padding:48px 20px;color:#738095}.empty>div{font-size:34px;margin-bottom:6px}.empty h3{margin:0 0 4px;font-size:16px;color:#435064}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#e7edff,transparent 42%),#f5f7fb}.login-card{background:#fff;width:min(100%,390px);padding:36px 32px;border-radius:22px;box-shadow:0 20px 70px #334a7620;text-align:center}.login-card h1{font-size:27px;margin:14px 0 3px}.login-card form{text-align:left;margin-top:28px}.login-card label{display:block;font-size:13px;color:#637083;margin-bottom:8px}.login-card input{font:inherit;width:100%;padding:12px 13px;border:1px solid #e1e7ef;border-radius:11px;outline:none}.login-card input:focus{border-color:#7993ff;box-shadow:0 0 0 3px #7a93ff1f}.login-card button{width:100%;margin-top:14px}.hint{color:#9aa5b3;font-size:12px;margin:22px 0 0}.error{font-size:13px;color:#d45c67;margin:12px 0 0}.error[hidden]{display:none}@media(max-width:640px){.topbar-inner{gap:10px}.brand span:last-child{display:none}.shell{margin-top:18px;padding:0 12px 35px}.composer{padding:18px 15px}.composer-bottom{align-items:stretch;flex-direction:column}.composer-bottom button{width:100%}.file-picker{width:100%}.file-picker span{flex:0 0 auto}.item{padding:15px}.item-date{font-size:11px}.login-card{padding:30px 24px}}