:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#193532;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;background:#17685d;color:white;padding:12px 18px;font-weight:600}button:disabled{background:#cbd5d0;color:#5b706a;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a4bf67;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}main{max-width:860px;margin:auto;padding:0 24px 30px}header{display:flex;align-items:center;justify-content:space-between;height:88px;border-bottom:1px solid #dde2d9}.brand{display:flex;gap:10px;align-items:center;color:#17685d;font-size:30px}.brand span{font-size:22px;font-weight:700;letter-spacing:2px}.brand small{font-size:11px;letter-spacing:1px;color:#77867c;margin-left:6px}.quiet{background:transparent;color:#687c71;padding:9px}.heading{display:flex;align-items:center;justify-content:space-between;padding:28px 0 22px}.eyebrow{font-size:11px;letter-spacing:2px;color:#7a877d;margin:0 0 9px}h1{font-size:26px;letter-spacing:-.7px;line-height:1.5;margin:0}.pill{font-size:11px;padding:7px 10px;border-radius:20px;background:#e1e9d8;color:#4c673d;white-space:nowrap}.status-card{display:flex;align-items:flex-start;gap:13px;background:#163b35;color:#eff5e9;border-radius:18px;padding:22px;box-shadow:0 8px 24px #163b350c}.status-card strong{font-size:15px}.status-card p{font-size:13px;line-height:1.7;color:#c0d0c2;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.status-card>div:nth-child(2){flex:1;min-width:0}#updated{font-size:10px;color:#a4b6a9;white-space:nowrap}.pulse{width:9px;height:9px;border-radius:50%;background:#c1dc84;margin-top:6px;box-shadow:0 0 0 5px #c1dc8415;flex-shrink:0}nav{display:flex;gap:6px;margin:25px 0 20px;border-bottom:1px solid #dce3d8;padding-bottom:10px}.tab{background:none;color:#7c887f;border-radius:10px;padding:10px 18px;font-size:14px}.tab.active{background:#e3eadd;color:#193f34}.dot{display:inline-block;width:5px;height:5px;background:#60a68a;border-radius:50%;vertical-align:middle;margin-left:4px}.notice{font-size:12px;line-height:1.7;background:#f0e9d6;color:#826738;border:1px solid #e4d9bc;padding:12px 15px;border-radius:12px;margin-bottom:20px}.notice button{font-size:11px;margin-left:8px;padding:5px 9px}.message{margin:0 0 20px;padding:18px 20px;background:#fff;border:1px solid #e4e8de;border-radius:16px;overflow-wrap:anywhere}.message.user{margin-left:36px;background:#eaf0e4;border-color:#dfe7d7}.message .label{font-size:10px;letter-spacing:1px;color:#7d8b7c;margin-bottom:10px}.message p{font-size:14px;line-height:1.85;white-space:pre-wrap;margin:0}.message.commentary{background:transparent;border-style:dashed}.message.commentary p{color:#566b5e;font-size:13px}#messages{max-height:52vh;overflow:auto;scroll-behavior:smooth;padding-right:3px}#latest{display:block;margin:0 auto 12px;font-size:12px}#composer{padding:18px;background:white;border:1px solid #d9e2d1;border-radius:16px;box-shadow:0 8px 26px #344c3810}label{font-size:12px;color:#647867;display:block;margin-bottom:10px}textarea{width:100%;border:0;resize:vertical;background:transparent;line-height:1.7;color:#193532;min-height:85px}textarea::placeholder{color:#a2aca0;font-size:13px}.compose-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:8px}.compose-bottom span{font-size:11px;color:#88917f;flex:1}.compose-bottom button{font-size:13px;white-space:nowrap}#send-error,#login-error{font-size:12px;color:#ab553d;line-height:1.6}.section-top{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px}h2{font-size:16px;margin:0}.section-top span{font-size:11px;color:#819078}.activity{border-bottom:1px solid #dde4d8;padding:16px 0;font-size:13px}.activity summary{cursor:pointer;line-height:1.7;overflow-wrap:anywhere}.activity small{color:#72846d;margin-right:10px}.activity pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#e9ede3;padding:14px;border-radius:10px;max-height:350px;overflow:auto}.muted{color:#88937e;font-size:12px;line-height:1.8}#viewer{background:#102720;border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}#viewer img{width:100%;height:100%;object-fit:contain}#frame-placeholder{color:#a1b49b;font-size:13px;text-align:center;padding:15px}#frame-age{position:absolute;bottom:8px;right:10px;color:#dcf2d4;background:#102720aa;border-radius:6px;padding:3px 7px;font-size:10px}#viewer:fullscreen,#viewer.expanded{width:100vw;height:100dvh;border-radius:0;background:#06100d}#viewer.expanded{position:fixed;inset:0;z-index:10}#viewer.expanded:after{content:'轻触画面退出全屏';position:absolute;top:16px;left:16px;color:white;font-size:12px}.video-controls{display:flex;justify-content:space-between;margin:14px 0}.secondary{background:#e3eadd;color:#2c4f3d;font-size:13px}footer{display:flex;justify-content:space-between;margin-top:35px;font-size:10px;letter-spacing:1px;color:#9ca591}.login{max-width:480px;padding:75px 26px;margin:auto}.login h1{font-size:36px;line-height:1.5;margin:55px 0 15px}.login>p{color:#819078;font-size:14px;line-height:1.8}.login form{margin:35px 0 20px}.login input{width:100%;padding:15px;border:1px solid #d6dfcc;border-radius:12px;background:white;margin-bottom:14px}.login form button{width:100%;text-align:left;display:flex;justify-content:space-between;padding:16px}.login .brand{font-size:36px}@media(max-width:600px){main{padding:0 17px max(24px,env(safe-area-inset-bottom))}header{height:72px}.heading{padding:23px 0 18px}h1{font-size:22px}.status-card{padding:18px;border-radius:15px}#updated{display:none}.brand small{font-size:10px}.tab{padding:10px 13px;font-size:13px}nav{gap:2px}.message{padding:15px}.message.user{margin-left:20px}#messages{max-height:46vh}.compose-bottom span{max-width:55%}footer{letter-spacing:0}.login{padding-top:50px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
