:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#233b36;background:#f4f6f2;font-size:14px;--green:#245749;--line:#e2e8e1;--muted:#74817c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:9px;padding:11px 17px;font-weight:600}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-.6px;font-weight:650;margin-bottom:12px}h2{font-size:16px;margin:0}h3{font-size:16px}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted);line-height:1.8}.eyebrow{font-size:11px;letter-spacing:2px;color:#6d847a;margin-bottom:14px}.primary{background:var(--green);color:#fff}.primary:hover{background:#173e32}.quiet{background:transparent;color:#52695e}.quiet:hover{background:#edf2ed}.full{width:100%}.fineprint{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:0}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#dce8b8;color:#304e37;font-weight:800;letter-spacing:-1px;font-size:20px}.brand-mark.small{width:38px;height:38px;font-size:16px;border-radius:11px}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:16px 4vw;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:16px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:4px}.top-actions{display:flex;gap:8px;align-items:center}.identity{font-size:12px;padding-right:12px}.workspace{max-width:1520px;margin:auto;padding:32px 4vw 16px}.intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:5px 0 23px}.intro .muted{margin-bottom:0}.sync-box{text-align:right;min-width:170px}.sync-box small{display:block;margin-top:9px}.badge{display:inline-block;border-radius:20px;padding:7px 11px;background:#e4ede0;color:#386d4d;font-size:11px}.badge.warn{background:#f6ead0;color:#8e651c}.filter-card{padding:22px 24px 14px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:20px}#filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#65766e}input,select{color:#253e33;background:#fbfcfa;border:1px solid #dce4da;border-radius:8px;padding:11px 12px;min-width:0;width:100%;height:42px}input:focus,select:focus{border-color:#729a73;outline:2px solid #dce9d5}input:disabled{background:#edf0eb}.search-label{flex:1;min-width:220px}#filters select{min-width:125px}.filter-card .fineprint{margin-top:13px}.reader{display:grid;grid-template-columns:330px minmax(0,1fr);height:610px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.conversation-pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.pane-heading{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;min-height:70px;gap:12px}.pane-heading h2{overflow-wrap:anywhere}.pane-heading small{display:block;margin-top:6px}.count{font-size:11px;background:#edf1e8;padding:4px 8px;border-radius:10px}.conversation-list{overflow:auto;flex:1;padding:8px}.conversation{display:block;width:100%;text-align:left;background:transparent;border-radius:10px;padding:16px 13px;font-weight:400;margin-bottom:3px}.conversation:hover{background:#f5f7f2}.conversation.active{background:#edf3e5;box-shadow:inset 3px 0 #75944d}.conversation strong{display:block;font-size:13px;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation p{font-size:12px;color:#7d8981;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation small{font-size:10px;display:flex;justify-content:space-between}.message-pane{display:flex;flex-direction:column;min-height:0;background:#fcfdfb}.messages{flex:1;overflow:auto;padding:23px 28px;min-height:0}.message{margin-bottom:20px;max-width:90%}.message .meta{display:flex;gap:12px;margin-bottom:7px;align-items:center;font-size:12px}.message .meta strong{font-weight:500}.bubble{background:white;border:1px solid var(--line);border-radius:0 13px 13px 13px;padding:12px 15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.message.other .bubble{background:#f1f4ec;color:#68776d}.empty{text-align:center;padding:35px 20px;color:#7f8d82;font-size:13px;line-height:1.9}.empty.large{padding-top:120px}.empty h3{color:#405d49;margin-top:15px;margin-bottom:9px}.empty-icon{background:#e8eee0;color:#7a9463;width:55px;height:55px;border-radius:15px;display:grid;place-items:center;margin:auto;font-size:24px}footer{display:flex;justify-content:space-between;padding:16px 2px;font-size:11px;color:#8b978d}.notice,.error,.form-error{color:#a24436;font-size:13px;line-height:1.8}.notice{background:#fff1e9;border-radius:8px;padding:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top left,#dfe8d3,transparent 60%),#f5f6f0}.login-card{width:100%;max-width:430px;padding:40px;border:1px solid #e2e8d9;border-radius:22px;background:#fffffff5;box-shadow:0 20px 70px #334b2720}.login-card .brand-mark{margin-bottom:28px}.login-card h1{font-size:27px}.login-card label{margin-top:19px}.login-card .full{margin:25px 0 15px}.login-card .fineprint{font-size:11px}.login-card .full span{float:right}dialog{width:600px;max-width:calc(100% - 32px);max-height:90vh;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 90px #203b3330}dialog::backdrop{background:#213d3060}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog .muted{font-size:12px}dialog label{margin-bottom:16px}dialog .primary{margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.account-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.account-row small{display:block;margin-top:5px}#account-form{padding-top:25px}#back-list{display:none}[hidden]{display:none!important}
@media(min-width:1600px){.reader{height:66vh}}@media(max-width:1000px){.reader{grid-template-columns:280px minmax(0,1fr)}.identity{display:none}.intro h1{font-size:25px}.workspace{padding:25px 20px}.topbar{padding:15px 20px}.messages{padding:20px}.search-label{flex-basis:40%}}
@media(max-width:640px){.topbar{padding:13px 15px}.brand{font-size:14px}.brand small{font-size:9px}.brand-mark.small{width:32px;height:32px}.top-actions{gap:0}.top-actions .quiet{font-size:11px;padding:9px 6px}.workspace{padding:23px 14px}.intro{align-items:flex-start;flex-direction:column;gap:15px}.intro h1{font-size:23px}.intro .muted{font-size:12px}.sync-box{text-align:left}.sync-box small{display:inline;margin-left:10px;font-size:10px}.filter-card{padding:17px 15px}.search-label{flex-basis:100%}#filters label{flex:1;min-width:calc(50% - 12px)}#filters label.search-label{min-width:100%}#filters select{min-width:0}#filters>button{flex:1}.reader{display:block;height:65vh;min-height:430px}.conversation-pane{height:100%;border-right:0}.message-pane{display:none;height:100%}.reader.reading .conversation-pane{display:none}.reader.reading .message-pane{display:flex}#back-list{display:block;white-space:nowrap}.pane-heading{padding:16px}.messages{padding:18px 14px}.message{max-width:100%}.empty.large{padding-top:60px}footer{line-height:1.7;font-size:10px;gap:15px}.form-grid{grid-template-columns:1fr}.login-card{padding:30px}dialog{padding:20px}}
.reader-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;gap:3px}.reader-actions button{font-size:12px;padding:8px}.image-button{display:block;background:transparent;padding:0;border-radius:8px;max-width:100%}.image-button img{display:block;max-width:min(360px,100%);max-height:300px;object-fit:contain;border-radius:8px;min-width:60px;min-height:60px}.media-status{font-size:12px;line-height:1.8;color:#7e887f;margin:0}#image-dialog{width:950px}#full-image{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto}.contact-card{padding:18px 0;border-bottom:1px solid var(--line)}.contact-card h3{margin-bottom:10px;overflow-wrap:anywhere}.contact-card dl{display:grid;grid-template-columns:75px 1fr;gap:10px;font-size:12px;margin-bottom:0}.contact-card dt{color:var(--muted)}.contact-card dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.contact-card .muted{margin-bottom:0}@media(max-width:640px){.reader-actions{max-width:90px}.image-button img{max-height:260px}.pane-heading h2{font-size:14px}.reader-actions button{font-size:11px}}