:root{--bg:#f6f6f1;--ink:#263229;--muted:#7e847c;--line:#e5e7de;--green:#c8f26c;--deep:#304b37}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #7ca941;outline-offset:3px}[hidden]{display:none!important}.shell{max-width:1680px;margin:auto;display:flex;min-height:100vh}aside{width:245px;flex-shrink:0;padding:38px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;flex-wrap:wrap}.brand-icon{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--green);border-radius:12px;font-size:30px;font-weight:500}.brand-en{font-size:9px;letter-spacing:2px;margin-left:48px;margin-top:-9px;color:var(--muted)}.aside-caption{font-size:11px;color:var(--muted);margin:30px 0 34px}nav{display:grid;gap:9px}.nav{border:0;background:none;text-align:left;border-radius:9px;padding:14px;color:#797f76;display:flex;align-items:center;gap:13px}.nav>span{font-size:21px;line-height:1}.nav.active{color:var(--ink);background:#e9eddf;font-weight:650}.nav b{margin-left:auto;font-size:11px;font-weight:500;background:white;border-radius:5px;padding:2px 6px}.aside-bottom{margin-top:auto;font-size:11px;color:var(--muted);line-height:2.5}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7da34a;margin-right:5px}.text-button{border:0;background:none;padding:0;color:#6b7368;font-size:12px}.aside-bottom button{display:block;margin-top:12px}main{flex:1;min-width:0;padding:0 44px}header{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.slash{margin:0 13px;color:#bbc0b5}#breadcrumb{color:var(--ink)}.service{display:flex;gap:7px;align-items:center;font-size:11px}.service i{height:6px;width:6px;background:#88a74e;border-radius:50%}.page-title{display:flex;align-items:center;justify-content:space-between;padding:43px 0 31px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#7f8976}h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;margin:13px 0 12px}h1>span{color:#8ca74d}.page-title p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}.page-mark{font-size:65px;color:#b9c3a5;font-weight:200;padding-right:10px}h2{font-size:16px;font-weight:650;margin:0}.send-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:23px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.pill{color:#7e876f;background:#f1f4eb;border:1px solid #e7ebdd;padding:5px 9px;font-size:10px;border-radius:20px}label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin:23px 0 10px}label span{font-size:10px;font-weight:400;color:#adb2a5}input,select,textarea{width:100%;border:1px solid #e1e5da;border-radius:8px;padding:13px 14px;color:var(--ink);background:#fcfcfa;outline:none}input:focus,select:focus,textarea:focus{border-color:#8ba863;box-shadow:0 0 0 3px #d5e9ad40}input::placeholder,textarea::placeholder{color:#a5aa9e;font-size:12px}textarea{resize:vertical;line-height:1.9;min-height:150px}select{font-size:12px}.field-hint{font-size:10px;color:#929a88;margin-top:9px}.compose label:first-child{margin-top:0}.compose-bottom{display:flex;justify-content:space-between;font-size:10px;color:#a2a897;margin:9px 0 23px}.primary{border:0;border-radius:8px;background:var(--green);color:#253526;padding:13px 20px;font-size:12px;font-weight:650}.primary:hover{background:#bbe461}.send-button{width:100%;text-align:left;font-size:13px;padding:15px 17px;display:flex;justify-content:space-between}.send-button span{font-size:19px}.form-note{font-size:10px;color:#959b8c;line-height:1.8;margin:12px 0 0}.compose .form-note{text-align:center}.right-stack{display:flex;flex-direction:column;gap:20px}.preview-card{background:#e9eddf;border:1px solid #e1e6d6;border-radius:14px;overflow:hidden}.preview-heading{padding:20px 22px 16px;font-size:10px;color:#748164;display:flex;align-items:center;gap:3px}.desktop-preview{background:#dde4d0;margin:0 17px;border-radius:8px;min-height:250px;padding:25px 16px 30px;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 80% 100%,#bdcba7 0,transparent 65%)}.preview-window{background:#fff;border-radius:10px;padding:19px;box-shadow:0 12px 30px #31452216;position:relative;z-index:1}.preview-app{display:flex;align-items:center;gap:5px;color:#75816b;font-size:9px}.mini-icon{display:inline-grid;place-items:center;width:18px;height:18px;background:var(--green);border-radius:5px;font-size:15px}.preview-time{margin-left:auto;color:#a7ae9f}.preview-window h3{font-size:14px;margin:17px 0 10px;word-break:break-word}.preview-window p{font-size:11px;color:#87907f;line-height:1.9;margin:0 0 22px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow:auto}.preview-confirm{font-size:10px;font-weight:600;padding:10px 12px;border-radius:5px;background:var(--green);display:flex;justify-content:space-between}.desktop-taskbar{position:absolute;bottom:0;left:0;right:0;height:23px;background:#f7f9f365;display:flex;justify-content:center;align-items:center;gap:5px}.desktop-taskbar i{width:10px;height:10px;background:#81916c55;border-radius:2px}.preview-caption{padding:17px 22px;font-size:10px;color:#7c866d}.preview-caption span{margin-right:10px;color:#a2ad92}.how-card{padding:5px 22px 0}.small-label{font-size:10px;color:#8c9383}.how-card>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}.how-card>div:last-child{border:0}.how-card b{font-size:10px;font-weight:400;color:#9aa78a}.how-card p{font-size:12px;margin:0}.how-card small{display:block;font-size:10px;color:#929a88;margin-top:5px}.recent{margin-top:33px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h2{font-size:14px}.message-list{display:grid}.empty{padding:33px 12px;text-align:center;border:1px dashed #dce1d1;border-radius:10px;color:#9ba38f;font-size:12px;line-height:1.9}.message-row{display:flex;gap:15px;align-items:flex-start;padding:17px 0;border-bottom:1px solid var(--line)}.message-symbol{width:33px;height:33px;border-radius:9px;background:#edf1e5;display:grid;place-items:center;color:#758761;flex-shrink:0}.message-body{flex:1;min-width:0}.message-title{font-size:12px;font-weight:600;overflow-wrap:anywhere}.message-text{font-size:11px;color:#8e9685;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto}.message-meta{font-size:10px;color:#a0a793;line-height:1.8}.status{flex-shrink:0;font-size:10px;padding:5px 8px;border-radius:5px;background:#eeefe9;color:#939a86}.status.confirmed{background:#e7f2d9;color:#6a8b43}.status.delivered{background:#edf0d9;color:#8a9152}footer{display:flex;justify-content:space-between;padding:30px 0 24px;margin-top:18px;color:#a5ac99;font-size:9px;letter-spacing:1px}.inline-form{display:flex;gap:10px}.inline-form input{flex:1;min-width:0}.inline-form button{flex-shrink:0}.download-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin-top:20px;color:#909885}.download-link{color:#668443}.devices-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.device-card{padding:23px;background:white;border:1px solid var(--line);border-radius:12px}.device-card h3{font-size:15px;margin:0 0 10px;overflow-wrap:anywhere}.device-card p{font-size:11px;color:#909885;line-height:1.9}.device-card .text-button{margin-top:10px;color:#a77b6f}.secondary{border:1px solid #dce2d2;border-radius:8px;background:#fff;padding:12px 17px;font-size:12px;color:#6e7a61}dialog{border:1px solid var(--line);border-radius:18px;padding:35px;width:min(500px,calc(100% - 32px));color:var(--ink);box-shadow:0 30px 100px #20301b20}dialog::backdrop{background:#eef0e9d9;backdrop-filter:blur(7px)}dialog h2{font-size:24px;margin:16px 0;line-height:1.4}dialog p{font-size:12px;color:#8a937e;line-height:1.9}dialog .eyebrow{margin-top:24px}dialog input{font-size:12px}dialog .primary{width:auto}#login-form>.primary{width:100%}dialog small{display:block;text-align:center;font-size:10px;color:#a1a891;margin-top:19px}.error{min-height:16px;color:#b55540!important}.dialog-actions{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;max-width:calc(100% - 30px);background:var(--ink);color:#fff;padding:14px 22px;border-radius:10px;font-size:12px;box-shadow:0 5px 20px #0002;line-height:1.7}
@media(min-width:1450px){main{padding:0 65px}.send-grid{grid-template-columns:1.6fr 1fr}.desktop-preview{padding:35px 30px}.preview-window{padding:24px}}@media(max-width:1050px){aside{width:200px;padding:30px 18px}main{padding:0 25px}.send-grid{gap:15px;grid-template-columns:minmax(0,1.3fr) minmax(235px,1fr)}.card{padding:20px}.page-title h1{font-size:27px}.page-mark{display:none}.preview-window{padding:14px}.desktop-preview{margin:0 12px;padding:20px 10px 30px}.pill{font-size:9px}}@media(max-width:760px){.shell{display:block}aside{width:100%;height:auto;position:relative;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:19px}.brand-en{margin:0 0 0 auto}.brand-icon{width:32px;height:32px;border-radius:9px;font-size:25px}.aside-caption,.aside-bottom{display:none}nav{display:flex;gap:7px;margin-top:18px}.nav{flex:1;justify-content:center;padding:10px 4px;font-size:12px;gap:7px}.nav>span{font-size:17px}.nav b{display:none}main{padding:0 20px}header{height:57px;font-size:11px}.page-title{padding:27px 0 24px}h1{font-size:26px!important;line-height:1.5;margin:10px 0}.eyebrow{font-size:8px;letter-spacing:1.5px}.page-title p{font-size:11px}.send-grid{grid-template-columns:1fr}.right-stack{display:none}.card{padding:21px}.card-top{margin-bottom:22px}.recent{margin-top:25px}.devices-list{grid-template-columns:1fr}.inline-form{flex-direction:column}.download-row{align-items:flex-start;flex-direction:column}.message-row{gap:10px}.message-symbol{width:28px;height:28px}.status{font-size:9px;padding:4px 6px}.compose-bottom{font-size:9px}footer{font-size:8px;letter-spacing:0}dialog{padding:25px}dialog h2{font-size:22px}}
.header-actions{display:flex;align-items:center;gap:18px}.header-actions .secondary{padding:9px 13px;font-size:11px}.setup-card{margin:0 0 25px;padding:23px 25px;background:#eef2e6;border:1px solid #dfe6d3;border-radius:14px}.setup-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.setup-heading h2{margin-top:9px;font-size:18px}.setup-downloads{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.setup-download{display:flex;gap:13px;align-items:center;text-align:left;padding:18px;background:#fff;border:1px solid #dfe6d3;border-radius:10px;color:var(--ink);width:100%}.setup-download:hover{border-color:#9ab871;background:#fcfff6}.setup-number{display:inline-block;color:#8b9b78;font-size:11px;min-width:19px;font-weight:400}.setup-download>span:last-child{flex:1;min-width:0}.setup-download strong{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:650}.setup-download small{display:block;margin-top:7px;font-size:10px;line-height:1.7;color:#8a947e}.install-guide{margin-top:18px;border-top:1px solid #dbe3cf}.install-guide summary{cursor:pointer;padding-top:17px;display:flex;justify-content:space-between;font-size:12px;font-weight:600;gap:10px;list-style:none}.install-guide summary::-webkit-details-marker{display:none}.install-guide summary .setup-number{margin-right:13px}.guide-toggle{font-size:10px;color:#88967b;font-weight:400}.install-guide ol{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:20px 0 0}.install-guide li strong{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.install-guide li>span{font-size:11px;line-height:1.9;color:#7f8b73}.install-guide code{font-size:11px;background:#e1e8d5;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}.install-guide>p{font-size:10px;line-height:1.9;color:#8d987f;margin:17px 0 0;padding-top:13px;border-top:1px solid #dfe6d3}@media(max-width:760px){.setup-card{padding:19px 17px}.setup-heading{align-items:flex-start;flex-direction:column}.setup-heading h2{font-size:17px}.setup-downloads{grid-template-columns:1fr;gap:10px;margin-top:16px}.setup-download{padding:15px}.install-guide ol{grid-template-columns:1fr;gap:14px}.header-actions{gap:8px}.header-actions .service{display:none}.header-actions .secondary{font-size:10px}.setup-download strong{font-size:12px}}

.login-cancel{display:block;margin:16px auto 0;text-align:center}
.reply-mode-row{display:flex;gap:10px;align-items:stretch}.reply-mode-row select{flex:1;min-width:0}.reply-mode-row .secondary{padding:10px 12px;font-size:11px;white-space:nowrap}textarea.reply-options{min-height:90px;line-height:1.8}.choice-preview{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice-preview .preview-confirm{justify-content:center;overflow-wrap:anywhere;min-width:0;line-height:1.7}.choice-preview .preview-confirm:not(:first-child){background:#e7eddd}.message-answer{font-size:11px;line-height:1.9;color:#8b957f;margin:5px 0;overflow-wrap:anywhere}.message-answer.answered{display:inline-block;background:#e9f2dd;color:#5e7b3c;padding:3px 9px;border-radius:5px;font-weight:650;margin-bottom:7px}@media(max-width:760px){.reply-mode-row{flex-direction:column}.reply-mode-row .secondary{align-self:flex-start}}
.public-home{min-height:100dvh;display:grid;place-items:center;padding:30px 22px;background:radial-gradient(ellipse at 50% 30%,#eaf0df60,transparent 65%)}.public-panel{width:100%;max-width:380px;padding:40px 24px}.public-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:42px}.public-brand .brand-icon{width:58px;height:58px;border-radius:18px;font-size:45px}.public-brand h1{font-size:30px!important;letter-spacing:1px;margin:19px 0 9px}.public-brand>span:last-child{font-size:9px;color:#8a947e;letter-spacing:4px;margin-left:4px}.public-actions{display:grid;gap:13px}.public-actions>button,.public-actions>a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;border-radius:10px;font-size:13px}.public-actions>button>span,.public-actions>a>span{font-size:17px}

.device-settings{margin-top:25px}.device-settings>summary{cursor:pointer;font-size:12px;color:#7d8a71;padding:16px 0;border-top:1px solid var(--line)}.device-settings[open]>summary{margin-bottom:8px}

#view-send>.send-grid{margin-top:28px}#settings-config{margin-top:16px}