:root{--ink:#292a2c;--muted:#95989b;--line:#eee;--soft:#f6f6f7;--green:#009653}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#eeeff0;font-size:16px}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.studio{min-height:100vh;display:flex;justify-content:center;align-items:center;gap:76px;padding:32px}.notes{width:280px}.notes>small{font-size:14px;letter-spacing:2px;color:#909397}.notes h1{font-size:30px;font-weight:500;line-height:1.5;margin:20px 0}.notes p{font-size:14px;line-height:1.9;color:#85888c}.scenes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:28px 0}.scenes button{height:42px;border:1px solid #d9dcdf;border-radius:9px;background:#ffffff80;text-align:left;padding:0 12px;font-size:14px}.scenes button.active{background:#292a2c;color:white;border-color:#292a2c}.notes footer{font-size:14px;line-height:2;color:#999;border-top:1px solid #dbdddf;padding-top:18px}.phone{position:relative;width:390px;height:844px;flex-shrink:0;background:white;border-radius:36px;box-shadow:0 20px 70px #252a3320,0 0 0 8px #fff;overflow:hidden;display:flex;flex-direction:column}.status{height:48px;padding:18px 22px 0;display:flex;justify-content:space-between;font-size:14px;flex-shrink:0}.island{position:absolute;top:10px;left:calc(50% - 52px);width:104px;height:27px;background:#060606;border-radius:20px}header{height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:white;z-index:2}.top-left,.top-right{display:flex;align-items:center;gap:3px}.ib{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.circle{background:#fafafa;box-shadow:0 3px 14px #22222205}.quick{font-size:14px;background:#fafafa;padding:8px 11px;border-radius:18px}.title{font-weight:500;font-size:16px}.brand-dot{width:4px;height:4px;background:var(--green);border-radius:50%;position:absolute;top:64px;left:44px}main{flex:1;min-height:0;overflow:auto;scrollbar-width:none}main::-webkit-scrollbar{display:none}.home{height:100%;display:flex;flex-direction:column;position:relative}.welcome{position:absolute;left:26px;right:26px;top:100px;text-align:center}.welcome img{width:80px;height:80px;object-fit:contain;margin-bottom:16px}.welcome h2{font-weight:400;font-size:16px;line-height:1.8;margin:0}.welcome p{font-size:14px;color:#acafb1;margin-top:9px}.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-top:auto;padding:12px 13px 4px}.chip{display:flex;gap:5px;align-items:center;font-size:14px;color:#707377;white-space:nowrap;background:#f6f6f6;border-radius:20px;padding:9px 10px}.chip svg{width:14px;height:14px}.composer-wrap{padding:7px 14px 0;background:linear-gradient(#ffffffcc,#fff 30%)}.composer{border-radius:25px;background:#f7f7f8;display:flex;align-items:center;padding:4px 5px;gap:4px;box-shadow:0 -3px 20px #22222203}.composer .ib{width:36px;height:36px;background:#ededee}.composer input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:14px;padding:9px 3px}.composer input::placeholder{color:#a5a7a9}.hold{flex:1;height:38px;font-size:14px}.send{background:#07c160!important;color:white}.send svg{width:17px}.disclaimer{text-align:center;color:#b1b4b6;font-size:14px;padding:8px 0 9px;letter-spacing:.4px}.indicator{height:15px;flex-shrink:0;display:grid;place-items:center;background:#fff}.indicator:after{content:"";width:120px;height:4px;background:#202020;border-radius:5px}.chat{padding:15px 18px 24px}.bubble{background:#f3f3f4;border-radius:15px 15px 3px 15px;padding:11px 14px;font-size:14px;line-height:1.7;max-width:90%;width:fit-content;margin:0 0 25px auto}.steps{border:1px solid #efeff0;border-radius:12px;overflow:hidden;margin-bottom:20px}.step{width:100%;display:flex;align-items:center;gap:8px;font-size:14px;color:#92969a;padding:11px 12px;text-align:left}.step+.step{border-top:1px solid #f5f5f5}.step svg{width:14px;height:14px}.step span{flex:1}.step-detail{padding:0 12px 12px;color:#999;line-height:1.8;font-size:14px}.hidden{display:none!important}.answer{line-height:1.95;font-size:16px}.answer h3{font-size:16px;margin:18px 0 8px;font-weight:600}.answer p{margin:8px 0 14px}.answer ol{padding-left:22px}.subtle{color:#999;font-size:14px}.actions{display:flex;gap:1px;align-items:center;margin-top:20px;color:#a0a2a4}.actions .ib{width:36px;height:36px}.actions svg{width:16px;height:16px}.last{margin-left:auto}.doc-card{display:flex;align-items:center;gap:12px;border:1px solid #e7e7e8;border-radius:12px;padding:14px;margin-top:18px;width:100%;text-align:left}.file-icon{width:36px;height:44px;border:1px solid #ddd;border-radius:6px;background:#fafafa;display:grid;place-items:center;color:#7a7d80;flex-shrink:0}.doc-card strong{display:block;font-size:14px;font-weight:500}.doc-card small{display:block;color:#a0a1a3;font-size:14px;margin-top:5px}.doc-card>svg{margin-left:auto;width:16px;color:#aaa}.page{padding:18px 18px 32px}.gray{background:#f5f5f5;min-height:100%}.section-label{font-size:14px;color:#999;margin:23px 5px 10px}.group{background:white;border-radius:13px;overflow:hidden;margin-bottom:13px}.row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 15px;text-align:left;font-size:14px}.row+.row{border-top:1px solid #f0f0f0}.row>span{flex:1}.row>small{font-size:14px;color:#a0a0a0}.row>svg:last-child{width:14px;color:#b5b5b5}.profile{display:flex;align-items:center;gap:14px;padding:8px 5px 24px}.avatar{width:54px;height:54px;border-radius:50%;background:#e8f4ed;overflow:hidden;display:grid;place-items:center}.avatar img{width:54px;height:54px;object-fit:contain}.profile h2{font-size:18px;font-weight:500;margin:0 0 7px}.profile p{font-size:14px;color:#a0a0a0;margin:0}.pill{background:#eee;font-size:14px;border-radius:8px;padding:3px 6px;margin-left:4px}.banner{border:1px solid #e5e8e6;border-radius:13px;padding:16px;background:white;margin-bottom:20px}.banner strong{font-size:14px;font-weight:500}.banner p{font-size:14px;color:#999;margin:7px 0 0}.primary,.secondary,.bottom-button{width:100%;min-height:48px;border-radius:24px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:7px}.primary{background:#07c160;color:white}.secondary{background:white;border:1px solid #e5e5e5;margin-top:10px;min-height:44px;font-size:14px}.bottom-button{background:#ebebec;margin-top:18px;min-height:44px;font-size:14px}.switch{width:34px;height:20px;border-radius:14px;background:#d9dbdc;position:relative}.switch.on{background:#07c160}.switch:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:white;border-radius:50%}.switch.on:before{left:16px}.doc-page{padding:16px;background:#f5f5f5;min-height:100%}.doc-meta{display:flex;align-items:center;gap:7px;font-size:14px;color:#999;margin-bottom:15px}.doc-meta span:last-child{margin-left:auto}.paper{background:white;padding:28px 22px;box-shadow:0 4px 14px #11111104;line-height:2;font-size:14px}.paper h2{font-family:SimSun,serif;font-size:20px;letter-spacing:3px;text-align:center;margin:6px 0 24px}.paper h4{font-size:14px;margin:20px 0 4px}.paper p{margin:9px 0;word-break:break-word}.blank{color:#999}.signature{text-align:right;margin-top:34px}.download-bar{padding:12px 16px 10px;border-top:1px solid #eee;background:white}.download-bar p{font-size:14px;color:#999;margin:0 0 10px}.compact-title{font-size:19px;font-weight:500;margin:9px 0 8px}.intro{font-size:14px;line-height:1.8;color:#96989c}.formats{display:flex;gap:9px;margin:20px 0}.format{flex:1;border:1px solid #e5e5e6;border-radius:12px;padding:16px 12px;text-align:left}.format.active{border-color:#333;background:#f9f9f9}.format strong{display:block;font-size:16px;font-weight:500}.format small{display:block;font-size:14px;color:#999;margin-top:7px}.fee{display:flex;justify-content:space-between;padding:14px 0;font-size:14px}.fee span:last-child{color:#999}.pay-info{font-size:14px;color:#9c9ea0;line-height:1.8;margin:14px 0 22px}.empty{text-align:center;padding:80px 20px;color:#999}.empty svg{width:34px;height:34px;margin-bottom:15px}.login{padding:44px 24px}.login h2{font-size:23px;font-weight:500;margin:24px 0 10px}.field{width:100%;height:50px;border:0;border-bottom:1px solid #e8e8e8;background:none;margin:16px 0;padding:10px 0}.login-check{font-size:14px;display:flex;gap:8px;line-height:1.8;margin:23px 0}.login-check input{margin-top:4px;accent-color:#333}.overlay{position:absolute;inset:48px 0 15px;z-index:10;background:#0003}.drawer{width:88%;height:100%;background:#f7f7f7;padding:12px 17px;display:flex;flex-direction:column}.drawer-brand{display:flex;align-items:center;gap:8px;padding-bottom:18px}.drawer-brand img{width:31px;height:31px;object-fit:contain}.drawer-brand strong{font-size:16px;font-weight:500}.drawer-brand .ib{margin-left:auto;width:34px;height:34px}.drawer-scroll{flex:1;overflow:auto}.drawer .row{padding:0 4px;min-height:44px;font-size:14px}.drawer .section-label{margin:20px 4px 8px}.history{display:block;width:100%;text-align:left;padding:11px 4px;font-size:14px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-search{height:40px;background:white;border-radius:23px;display:flex;align-items:center;gap:9px;padding:0 12px;margin:16px 0 8px}.drawer-search svg{width:16px;color:#999}.drawer-search input{width:100%;border:0;outline:none;font-size:14px;background:none}.drawer-footer{display:flex;align-items:center;gap:9px;padding:10px 0 0;border-top:1px solid #e9e9e9;font-size:14px}.drawer-footer>span{flex:1}.drawer-footer .avatar,.drawer-footer img{width:31px;height:31px}.sheet-mask{position:absolute;inset:0;z-index:15;background:#0002;display:flex;align-items:flex-end}.sheet{width:100%;background:white;border-radius:20px 20px 0 0;padding:12px 18px 26px;max-height:85%;overflow:auto}.sheet-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}.sheet-heading .ib{width:32px;height:32px}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px;margin:16px 0 6px}.share-item{font-size:14px;text-align:center;line-height:1.8}.share-item div{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#f4f4f4;margin:0 auto 7px}.share-item.green div{background:#07bd64;color:white}.sheet-note{text-align:center;font-size:14px;color:#aaa;padding-top:14px}.toast{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);background:#292a2c;color:white;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.7;z-index:30;width:max-content;max-width:85%;text-align:center}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.template{border:1px solid #ececec;border-radius:12px;padding:19px 13px;text-align:left;min-height:108px}.template svg{margin-bottom:13px;color:#888}.template strong{display:block;font-size:14px;font-weight:500}.template small{display:block;color:#aaa;font-size:14px;margin-top:7px}.order{background:white;border-radius:12px;padding:16px;margin-top:12px}.order h3{font-size:16px;font-weight:500;margin:14px 0 10px}.order p{font-size:14px;color:#999}.order .head{display:flex;justify-content:space-between;font-size:14px;color:#999}.demo-ribbon{text-align:center;padding:15px 0;font-size:14px;color:#aaa}.stop-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#999;margin:20px 0}.stop-row button{margin-left:auto;font-size:14px;border:1px solid #eee;border-radius:15px;padding:8px 10px}.pending{width:5px;height:5px;background:#999;border-radius:50%;animation:pulse 1s infinite}.attachment{padding:6px 20px;font-size:14px;color:#999}.attachment button{margin-left:8px}@keyframes pulse{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:760px){body{background:white}.studio{padding:0;display:block}.notes{display:none}.phone{width:100%;height:100dvh;border-radius:0;box-shadow:none}.status{display:none}header{padding-top:env(safe-area-inset-top);height:calc(54px + env(safe-area-inset-top))}.brand-dot{top:16px}.indicator{height:env(safe-area-inset-bottom,10px)}.indicator:after{display:none}.overlay{inset:0 0 env(safe-area-inset-bottom)}.disclaimer{padding-bottom:12px}.welcome{top:110px}}

/* V2: remove simulated system status area and support two pleading styles */
.brand-dot{top:16px}.overlay{inset:0 0 15px}.pleading-picker{display:flex;padding:4px;background:#eaeaec;border-radius:10px;gap:4px;margin:0 0 16px}.pleading-picker button{flex:1;min-height:38px;font-size:14px;border-radius:7px;color:#999}.pleading-picker button.active{background:#fff;color:#292a2c;box-shadow:0 2px 6px #00000005}.pleading-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pleading-option{border:1px solid #e7e7e8;border-radius:12px;padding:18px 14px;text-align:left}.pleading-option svg{color:#777;margin-bottom:13px}.pleading-option strong{display:block;font-size:16px;font-weight:500}.pleading-option small{display:block;font-size:14px;color:#999;line-height:1.8;margin-top:8px}.template-grid{margin-top:0}.element-subtitle{text-align:center;color:#888;font-size:14px;margin:-12px 0 18px}.element-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px;table-layout:fixed}.element-table th{font-weight:500;background:#f6f6f6;text-align:left;padding:9px 10px}.element-table td{padding:10px;vertical-align:top;word-break:break-word}.element-table td,.element-table th{border:1px solid #dcdcdc}.element-table td:first-child{width:30%;color:#777}.avatar{background:white}.welcome img{width:72px;height:72px}.avatar img{width:46px;height:46px;border-radius:50%}@media(max-width:760px){.overlay{inset:0 0 env(safe-area-inset-bottom)}}

.hold{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:20px;transition:background .12s}.hold.recording{background:#e4e5e7;color:#222;font-weight:500}.composer .ib[aria-label="切换键盘"]{background:transparent}.composer .ib[aria-label="切换键盘"] svg{width:18px;height:18px}

.voice-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 0 10px}.voice-row .hold{flex:0 1 170px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;background:#f5f5f6;font-size:14px}.voice-row .hold svg{width:16px;height:16px}.voice-row small{font-size:14px;color:#a3a5a7}.voice-row .hold.recording{background:#e4e5e7}.composer .ib[aria-label="文字输入"]{background:transparent}.composer .ib[aria-label="文字输入"] svg{width:17px;height:17px}

/* Single-row input, matching the supplied hold-to-talk design. */
.composer-wrap{padding:9px 14px 0}.composer{background:#fcfcfc;border:1px solid #f3f3f3;padding:5px;min-height:56px;border-radius:32px;box-shadow:0 4px 22px #15151507;gap:5px}.composer .ib{width:42px;height:42px;background:#f0f0f0;flex-shrink:0}.composer .hold{height:42px;flex:1;font-size:16px;font-weight:500;letter-spacing:.5px}.composer .ib[aria-label="切换键盘"]{background:#f0f0f0}.composer .ib[aria-label="切换键盘"] svg{width:21px;height:21px;stroke-width:2}.composer input{font-size:14px;padding:12px 3px}.composer.text-mode{min-height:54px}.composer.text-mode .ib{width:36px;height:36px}.recorded-clip{margin:0 3px 12px;border:1px solid #e8e8e8;background:#fafafa;border-radius:14px;padding:12px}.clip-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#777}.clip-head button{font-size:14px;padding:5px;color:#999}.recorded-clip audio{width:100%;height:34px;margin:9px 0}.recorded-clip small{display:block;font-size:14px;color:#999}.composer .hold.recording{background:#e8e8ea}

/* Remove the simulated bottom home bar; retain physical-device safe spacing. */
.overlay{bottom:0}@media(max-width:760px){.composer-wrap,.download-bar{padding-bottom:env(safe-area-inset-bottom)}.overlay{bottom:0}}

.membership-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#f4eddf;color:#876b35;border:1px solid #e7dcc4;border-radius:6px;padding:3px 6px;font-size:14px;font-weight:600;letter-spacing:.3px;line-height:1.2;flex-shrink:0}.drawer-brand{gap:7px}.drawer-brand .ib{flex-shrink:0}

.document-edit{display:block;width:100%;height:330px;max-height:45dvh;resize:vertical;border:1px solid #ddd;border-radius:10px;padding:12px;font-size:14px;line-height:1.8;color:#333;margin-bottom:14px}
.sheet.document-field-sheet{display:flex;flex-direction:column;overflow:hidden;height:85%;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.document-field-sheet .sheet-heading{flex-shrink:0;font-size:16px}
.document-field-editor{display:flex;flex-direction:column;flex:1;min-height:0}
.document-field-editor>.intro{flex-shrink:0;margin:8px 0 14px}
.document-field-list{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 2px}
.document-field{display:block;margin:0 0 18px;width:100%}
.document-field>span{display:block;font-size:16px;font-weight:500;color:#333;margin-bottom:8px}
.document-field textarea{display:block;box-sizing:border-box;width:100%;min-height:90px;border:1px solid #dedfe1;border-radius:10px;background:#fafbfa;padding:11px 12px;font:16px/1.7 'Microsoft YaHei',sans-serif;color:#333;resize:vertical}
.document-field textarea.long-field{min-height:160px}
.document-field textarea:focus{outline:2px solid #07c160;outline-offset:1px;background:#fff}
.document-field-footer{flex-shrink:0;padding-top:12px;border-top:1px solid #eee;background:#fff}

/* Homepage question: type once, then hold the complete greeting. */
.welcome-question{display:inline-block;vertical-align:top;width:calc(10em + 3px);max-width:100%;white-space:nowrap;overflow:hidden;border-right:1.5px solid transparent;animation:welcome-type 1.6s steps(10,end) .25s both,welcome-caret .6s step-end .25s 5}@keyframes welcome-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes welcome-caret{0%,100%{border-right-color:transparent}50%{border-right-color:#b32632}}@media(prefers-reduced-motion:reduce){.welcome-question{animation:none;clip-path:none;border-right-color:transparent}}



.primary[data-action=paydemo]{background:#07c160;color:#fff}.primary[data-action=paydemo]:active{background:#06ad56}
.download-bar .primary[data-action=payment]{background:#07c160;color:#fff}.download-bar .primary[data-action=payment]:active{background:#06ad56}

/* Approved proposal 01: clear WeChat-green document entry. */
.doc-card.doc-card-wechat{display:flex;align-items:center;gap:12px;width:100%;padding:16px 13px;border:1px solid #c8ecd8;border-radius:16px;background:#fff;box-shadow:0 5px 16px #14814c08;text-align:left;transition:background .15s,border-color .15s}
.doc-card-wechat .file-icon{flex:0 0 48px;width:48px;height:58px;border:0;border-radius:13px;background:linear-gradient(145deg,#e3f9ee,#f0fcf5);color:#16a463;display:grid;place-items:center}
.doc-card-wechat .file-icon svg{width:29px;height:33px;stroke-width:1.7}
.doc-card-wechat .doc-card-copy{flex:1;min-width:0}
.doc-card-wechat strong{display:block;font-size:16px;font-weight:650;line-height:1.4;color:#17282b;overflow-wrap:anywhere}
.doc-card-wechat .doc-card-type{display:inline-block;margin-top:7px;padding:4px 9px;border-radius:20px;background:#e1f7e9;color:#087d44;font-size:14px;line-height:1.25}
.doc-card-wechat small{display:block;margin-top:7px;font-size:14px;line-height:1.4;color:#85908b}
.doc-card-wechat .doc-card-cta{flex:0 0 auto;display:flex;align-items:center;gap:5px;border-radius:24px;padding:12px 11px;background:#07c160;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.doc-card-wechat .doc-card-cta svg{width:15px;height:15px;color:#fff}
.doc-card.doc-card-wechat:active{background:#f5fcf8;border-color:#8adbad}.doc-card-wechat:active .doc-card-cta{background:#06ad56}
.doc-card.doc-card-wechat:focus-visible{outline:2px solid #07c160;outline-offset:3px}
@media(max-width:350px){.doc-card.doc-card-wechat{gap:8px;padding:14px 10px}.doc-card-wechat .file-icon{flex-basis:39px;width:39px;height:50px}.doc-card-wechat strong{font-size:16px}.doc-card-wechat .doc-card-cta{padding:10px 8px;font-size:14px}}

/* Homepage typography approved 2026-09-18 */
.welcome h2{font-family:"Microsoft YaHei","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:19px;font-weight:700;line-height:1.75;color:#111;letter-spacing:.3px}
.welcome p{font-family:"Microsoft YaHei","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:21px;font-weight:700;line-height:1.5;color:#111;letter-spacing:.5px;margin-top:16px}
@media(max-width:350px){.welcome h2{font-size:17px}.welcome p{font-size:19px}}

.drawer-footer .avatar{width:34px;height:34px;flex:0 0 34px;overflow:hidden;background:#fff}
.drawer-footer .avatar img{display:block;width:100%;height:100%;padding:2px;object-fit:contain;border-radius:0}
.profile .avatar{cursor:pointer;flex-shrink:0}.profile .avatar img{width:100%;height:100%;object-fit:cover}.avatar-hint{font-size:14px;color:#839088;margin:0 0 18px}#avatar-crop{display:block;width:220px;height:220px;margin:20px auto;border-radius:50%;touch-action:none;background:#eef3ef;cursor:move}#avatar-zoom{display:block;width:220px;margin:16px auto 24px;accent-color:#07c160}

.drawer-footer img.settings-selected-icon{width:30px;height:30px;flex:0 0 30px;object-fit:contain;border-radius:50%;padding:0}

/* Approved homepage brand hierarchy 2026-09-18; preserve configured brand values. */
.welcome{display:flex;flex-direction:column;align-items:center}
.welcome img{order:0;width:60px;height:60px;margin:0 0 30px}
.welcome p{order:1;font-size:24px;font-weight:600;line-height:1.5;letter-spacing:.5px;color:#242a24;margin:0}
.welcome h2{order:2;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:0;color:#8a9087;margin:12px 0 0}
@media(max-height:520px){.welcome{top:30px}.welcome img{width:40px;height:40px;margin-bottom:12px}.welcome p{font-size:20px}.welcome h2{margin-top:8px}}
.primary[data-action="submit-service"]{background:#07c160;color:#fff}
.primary[data-action="submit-service"]:active{background:#06ad56}

[data-action="sound"].speech-active{color:#07a65a}.share-item.speech-active div{background:#e8f8ef;color:#07a65a}

.primary[data-action="share-demo"]{background:#07c160;color:#fff}
.primary[data-action="share-demo"]:active{background:#06ad56}

.intake-step{font-size:14px;color:#078a48}.document-intake h3{font-size:17px;margin:20px 0 10px}.intake-field{display:block;margin:16px 0}.intake-field span{font-size:14px;display:block;margin-bottom:8px}.intake-field textarea{width:100%;min-height:70px;padding:10px;border:1px solid #e2e8e4;border-radius:10px;background:#fafcfb;resize:vertical;font-size:14px;line-height:1.6}.intake-note{padding:10px 13px;border-radius:10px;background:#f4f7f5;font-size:14px;margin:10px 0;overflow-wrap:anywhere}.intake-generate{background:#07c160}.intake-generate:active{background:#06ad56}

.history-group-label{display:flex;align-items:center;gap:8px;color:#8b9690;font-size:14px;margin:21px 4px 7px}.history-group-label small{font-size:14px;background:#e9eeeb;padding:1px 6px;border-radius:9px}.drawer .history-organized{padding:11px 10px;border-radius:10px;margin:3px 0;white-space:normal}.history-organized strong{display:block;font-size:14px;font-weight:500;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-organized span{display:block;font-size:14px;line-height:1.6;color:#9aa39e;margin-top:4px}.history-organized:hover,.history-organized:active{background:#edf5f0}

.primary[data-action="attach"]{background:#07c160;color:#fff}
.primary[data-action="attach"]:active{background:#06ad56}

.primary:active{background:#06ad56}.send:active{background:#06ad56!important}

/* Login branding alignment */
.login>img{display:block;margin-left:auto;margin-right:auto;object-fit:contain}
.login>h2,.login>.intro{text-align:center}


.answer [hidden]{display:none!important}
.answer-typing:after{content:"";display:inline-block;width:2px;height:1em;background:#07c160;vertical-align:middle;animation:answer-caret .7s step-end infinite}
@keyframes answer-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.answer-typing:after{animation:none}}
/* Readable application typography, approved 2026-09-19. */
body{font-size:16px;line-height:1.65}
.title{font-size:22px;line-height:1.35}
.compact-title,.profile h2,.document-intake h3{font-size:22px;line-height:1.45}
.login h2{font-size:26px;line-height:1.45}
.primary,.secondary,.bottom-button{font-size:16px;min-height:50px;padding:12px 16px;line-height:1.5;height:auto}
.row,.drawer .row{font-size:16px;min-height:56px;padding-top:12px;padding-bottom:12px;line-height:1.6}
.answer,.bubble,.paper,.document-edit,.intake-field textarea,.composer input,.drawer-search input{font-size:16px;line-height:1.75}
.paper h2{font-size:24px;line-height:1.5;letter-spacing:1px}
.paper h4,.intake-field span,.document-field>span{font-size:16px;line-height:1.6}
.intro,.section-label,.subtle,.profile p,.banner p,.pay-info,.sheet-note,.login-check{font-size:14px;line-height:1.75}
.composer .hold{font-size:16px}
.sheet-heading{font-size:18px;line-height:1.5}
.share-item{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.doc-card-wechat .doc-card-cta{font-size:16px;padding:11px 12px}
.doc-card-wechat .doc-card-type,.doc-card-wechat small{font-size:14px}
.history-organized strong{font-size:16px}
.history-organized span,.history-group-label,.history-group-label small{font-size:14px}
.disclaimer{font-size:14px;line-height:1.5;padding:8px 14px;letter-spacing:0}
.drawer-footer{font-size:14px;line-height:1.5}
.template strong{font-size:16px;line-height:1.5}
.template small{font-size:14px;line-height:1.6}
.doc-card-copy,.row>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:350px){.title{font-size:22px}.doc-card.doc-card-wechat{flex-wrap:wrap}.doc-card-wechat .doc-card-cta{font-size:16px;margin-left:auto}.welcome p{font-size:22px}}

.id-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.id-card-heading>span{margin:0;font-size:16px;line-height:1.5}.id-card-upload{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:auto;min-height:36px;padding:6px 10px;margin:0;border:1px solid #d4eedf;border-radius:10px;font-size:14px;line-height:1.5;color:#078a48;background:#f1fbf5;white-space:nowrap}.id-card-upload span{display:inline;margin:0;font-size:inherit;color:inherit}.id-card-upload svg{width:17px;height:17px}.id-card-upload:hover{background:#e5f7ed}.id-card-upload:active{background:#daf2e4}.id-card-upload:disabled{opacity:.65;cursor:wait}.id-card-warning{font-size:14px;line-height:1.7;color:#95661d;background:#fff8e8;padding:10px;border-radius:8px}

/* Approved homepage legal-seal entry. The sound plays only after a user click. */
.complaint-seal-zone{position:absolute;z-index:1;left:0;right:0;top:58%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.complaint-seal{position:relative;width:108px;height:108px;padding:0;border:1px solid #d8dcda;border-radius:50%;background:linear-gradient(145deg,#f4f5f4,#e6e8e7);box-shadow:0 10px 25px #303a3318;color:#353b37;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;animation:complaint-seal-float 2.7s ease-in-out infinite;transition:box-shadow .18s,background .18s}
.complaint-seal-ring{position:absolute;inset:10px;border:1px dashed #aab0ac;border-radius:50%;animation:complaint-seal-ring 12s linear infinite}
.complaint-seal strong,.complaint-seal small{position:relative;z-index:1;display:block}
.complaint-seal strong{font-size:18px;font-weight:650;line-height:1.4}
.complaint-seal small{margin-top:4px;font-size:12px;line-height:1.4;color:#858c88}
.complaint-seal-hint{margin-top:16px;color:#a0a5a2;font-size:12px;line-height:1.4;letter-spacing:1px}
.complaint-seal:hover{background:linear-gradient(145deg,#f7f8f7,#e8eae9);box-shadow:0 14px 29px #303a3324}
.complaint-seal:active{animation:none;transform:translateY(5px) scale(.96);box-shadow:0 5px 13px #303a3320}
@keyframes complaint-seal-float{0%,100%{transform:translateY(4px)}50%{transform:translateY(-7px)}}
@keyframes complaint-seal-ring{to{transform:rotate(360deg)}}
@media(max-height:620px){.home .welcome{top:32px}.home .welcome img{width:40px;height:40px;margin-bottom:12px}.home .welcome p{font-size:20px}.home .welcome h2{margin-top:8px}.complaint-seal-zone{top:62%}.complaint-seal{width:88px;height:88px}.complaint-seal-ring{inset:8px}.complaint-seal-hint{margin-top:9px}.complaint-seal strong{font-size:16px}.complaint-seal small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.complaint-seal,.complaint-seal-ring{animation:none}}