/* Approved greeting mock and Opus D3/D4, adapted to real H5/native flow. */
.app--yiwen{background:#2d4b48}.app--yiwen .shell{display:block;min-height:0;height:100%;flex:1}.app--yiwen .stage{height:100%;padding:0;max-width:480px;margin:auto}.app--yiwen .stage__view{height:100%}
.yw-page{height:100%;min-height:0;display:flex;flex-direction:column;background:#2d4b48;color:#f3efe6;font-family:"Songti SC",STSong,serif;position:relative;overflow:hidden}
.yw-page button{font:inherit;cursor:pointer}.yw-header{height:58px;flex:none;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:0 16px}.yw-header h1{font-size:18px;letter-spacing:.2em;text-align:center;font-weight:400;margin:0}.yw-back,.yw-close{border:0;background:none;color:inherit;min-width:44px;min-height:44px;font-size:26px!important}.yw-history-entry{border:1px solid #f3efe666;border-radius:22px;min-height:40px;background:none;color:inherit;font-size:13px!important}.yw-header button:disabled{opacity:.5}
.yw-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.yw-scene{padding:0 24px 28px;max-width:388px;margin:auto}.yw-intro{font-size:14px;line-height:1.8;text-align:center;color:#f3efe6b8;margin:8px 0 26px}
.yw-paper{position:relative;display:grid;width:100%;aspect-ratio:3/4;--p:0}.yw-paper:before{content:"";position:absolute;inset:7px 7px -7px;background:#d9d3c5;border-radius:3px;box-shadow:0 22px 44px -16px #0009}.yw-under,.yw-cover,.yw-cover-copy{grid-area:1/1;position:relative;min-width:0}.yw-under{display:flex}.yw-answer{width:100%;border-radius:3px;background:radial-gradient(120% 90% at 30% 10%,#f7f4ec,#f3efe6 60%,#ece6d9);color:#1e2321;display:flex;flex-direction:column;padding:30px 24px 26px;text-align:left}
.yw-gua{width:30px;display:flex;flex-direction:column;gap:4px;margin:0}.yw-yao{display:flex;height:3px;gap:6px}.yw-yao i{display:block;flex:1;background:#1e2321}.yw-yao-active i{background:#a3412c}.yw-title{font-size:23px;line-height:1.5;font-weight:600;margin:24px 0 0;text-wrap:balance}.yw-body{font-size:15.5px;line-height:2;margin:18px 0 0;color:#1e2321d6;white-space:pre-wrap}.yw-body:before{content:"";display:block;width:22px;height:2px;background:#a3412c;margin-bottom:16px}.yw-source{margin-top:auto;padding-top:16px;font-size:13px;line-height:1.9;text-align:right}.yw-source p{margin:0 0 12px;text-align:left}.yw-answer footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px;color:#5c635f}.yw-stamp{width:32px;height:32px;display:grid;place-items:center;border-radius:3px;background:#a3412c;color:#fbf9f4;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #a3412c,inset 0 0 0 3px #fbf9f4bf}
.yw-cover{z-index:1;display:block;border:0;border-radius:3px;background:linear-gradient(170deg,#fffdf8,#fbf9f4 45%,#f6f2e9)}.yw-cover:before{content:"";position:absolute;inset:12px;border:1px solid #1e232133;outline:1px solid #1e232114;outline-offset:-6px}.yw-cover-copy{z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#1e2321}.yw-cover-copy strong{writing-mode:vertical-rl;font-size:56px;line-height:1;letter-spacing:.34em}.yw-cover-copy span{writing-mode:vertical-rl;font-size:12px;letter-spacing:.1em;display:grid;place-items:center;width:26px;height:42px;border-radius:3px;background:#a3412c;color:#fbf9f4;transform:rotate(-3deg);box-shadow:inset 0 0 0 2px #a3412c,inset 0 0 0 3px #fbf9f4bf}
.yw-roll{position:absolute;left:-5px;right:-5px;height:14px;border-radius:99px;background:linear-gradient(180deg,#d6cebd,#fffdf8 32%,#f1ece1 60%,#c6bca6);box-shadow:0 6px 10px -3px #0005,0 -3px 7px #1e232114;transform:translateY(-50%);z-index:3;pointer-events:none}
.yw-primary,.yw-secondary{min-height:46px;border-radius:24px;padding:10px 14px;line-height:1.5;font-size:14px;border:0}.yw-primary{background:#a3412c;color:#fbf9f4;box-shadow:0 12px 24px -12px #0009}.yw-secondary{border:1px solid #f3efe6aa;background:#f3efe60f;color:inherit}.yw-open-trigger{display:block;width:100%;margin-top:36px;font-size:16px;letter-spacing:.16em}.yw-link{min-height:44px;padding:8px 0;border:0;background:none;color:inherit;font-size:13px}.yw-below{margin-top:36px}.yw-utils{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.yw-below label{font-size:14px}.yw-below small{margin-left:8px;font-size:11px;color:#f3efe699}.yw-question{display:block;width:100%;margin-top:10px;padding:12px;background:#fbf9f40d;border:1px solid #f3efe652;border-radius:5px;color:inherit;resize:none;font:14px/1.8 inherit}.yw-question::placeholder{color:#f3efe699}.yw-dock{flex:none;height:calc(78px + env(safe-area-inset-bottom,0px));padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid #f3efe61a;background:#2d4b48}.yw-dock-row{max-width:340px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:8px}.yw-dock button{white-space:nowrap}
.yw-mask{position:absolute;inset:0;z-index:40;background:#14181588;display:flex;align-items:flex-end;backdrop-filter:blur(2px)}.yw-modal{background:#fbf9f4;color:#1e2321;border-radius:18px 18px 0 0;width:100%;max-height:calc(100% - 44px);display:flex;flex-direction:column;outline:none}.yw-modal>header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px 24px;border-bottom:1px solid #d9d2c3;flex:none}.yw-modal h2{font-size:18px;font-weight:400}.yw-modal-body{padding:20px;overflow:auto;min-height:0;line-height:1.9}.yw-modal-body>.yw-primary,.yw-modal-body>.yw-secondary{width:100%}.yw-modal .yw-secondary{border-color:#b8af9c;color:#2d4b48;margin-top:12px}.yw-modal .yw-answer{padding:24px}.yw-modal .yw-title{font-size:23px}.yw-modal .yw-primary{width:100%;margin-top:14px}.yw-modal blockquote{margin:16px 0;padding:16px;background:#f3efe6}.yw-history-note{padding:9px 12px;border-radius:8px;background:#efe9dc;color:#5f574c;font-size:12px;line-height:1.7;margin:0 0 10px}.yw-history{list-style:none;padding:0;margin:0}.yw-history li{padding:12px 0;border-bottom:1px solid #0000000d;position:relative}.yw-history-item{display:block;min-height:44px;width:100%;padding:0 50px 0 0;text-align:left;border:0;background:none;font-size:16px!important}.yw-history small{font-size:11px;color:#776f63}.yw-saved{position:absolute;right:0;top:25px;color:#a3412c;font-size:11px;border:1px solid #a3412c;padding:0 4px}.yw-empty{padding:45px 12px;text-align:center;color:#776f63;font-size:14px}.yw-share-url{width:100%;font-size:12px;padding:10px;border:1px solid #d9d2c3;background:#fff}.yw-source-detail{padding:10px 4px}
.greeting-card-live{background:#fbf9f4;border:1px solid #d9d2c3;border-radius:3px 3px 22px 3px;padding:24px 22px;color:#1e2321;margin-top:12px}.greeting-card-live .card-label{font:11px/1.6 sans-serif;color:#5c635f;letter-spacing:.14em}.greeting-card-live h3{font:400 28px/1.55 "Songti SC",serif;margin:18px 0 16px;text-wrap:balance}.greeting-card-live p{font:16px/1.95 "Songti SC",serif;white-space:pre-wrap;margin:0}.greeting-card-live details{margin-top:18px;border-top:1px solid #d9d2c3;padding-top:12px}.greeting-card-live summary{font-size:12px;color:#5c635f;cursor:pointer;min-height:36px}.greeting-card-live details p{font-size:15px}.greeting-card-live .greeting-continue{display:block;width:100%;min-height:44px;margin-top:18px;padding-top:12px;border:0;border-top:1px solid #d9d2c3;background:none;text-align:right;color:#2d4b48;font-size:14px}.yiwen-enter-link{display:block;margin:12px auto;text-align:center}
@media(max-width:350px){.yw-header{padding:0 12px}.yw-header h1{font-size:16px;letter-spacing:.12em}.yw-scene{padding-left:20px;padding-right:20px}.yw-answer{padding:26px 22px 22px}.yw-title{font-size:19px}.yw-body{font-size:14px}.yw-dock{padding-left:12px;padding-right:12px}.yw-dock button{font-size:13px;padding-left:12px;padding-right:12px}.yw-cover-copy strong{font-size:44px}}
/* Approved thought feedback and sign-card components. */
.yw-utils{display:flex;justify-content:flex-end}.yw-utils>button{width:calc((100% - 10px)/2)}
.yw-question{font-family:inherit;font-size:16px;line-height:1.75;min-height:84px;max-height:200px}
.yw-thought-hint{font-size:12px;line-height:1.7;color:#f3efe6b8;margin:4px 0 0}.yw-thought-row{display:flex;flex-wrap:wrap;gap:0 8px;align-items:center;min-height:44px;font-size:12px}.yw-thought-status{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;line-height:1.6;color:#f3efe6b8}.has-error .yw-thought-status{color:#f2b2a2}.has-error .yw-question{border-color:#f2b2a2}.yw-thought-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.yw-thought-action{min-height:44px;min-width:44px;padding:0 8px;border:0;background:none;color:inherit;font-size:13px}.yw-thought-tools .is-warning{color:#f2b2a2}.yw-modal .yw-thought-hint,.yw-modal .yw-thought-status{color:#5c635f}.yw-modal .yw-question{background:#fffdf8;border-color:#b8af9c}.yw-modal .has-error .yw-thought-status{color:#a3412c}.yw-detail-thought{padding-top:18px}.yw-history-thought{margin:4px 0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qcard{position:relative;background:#f3efe6;color:#1e2321;border:1px solid #d9d2c3;border-radius:4px;padding:10px 14px 12px;font-family:"Songti SC",STSong,serif;max-width:100%;text-align:left}
.qc-meta{margin:0;padding-right:30px;font-size:11.5px;line-height:1.6;color:#776f63}.qc-meta b{font-weight:400;color:#a3412c;letter-spacing:.1em}.qc-title{margin:4px 0 0;font-size:16px;line-height:1.5;font-weight:600;letter-spacing:.06em}.qc-body{margin:2px 0 0;font-size:13.5px;line-height:1.8;color:#1e2321d6}.qc-source{font-size:12px;line-height:1.8;color:#5c635f;margin:4px 0}.qc-source summary{cursor:pointer;min-height:32px;align-content:center}.qc-source p{margin:0;white-space:pre-wrap}.qc-th{margin-top:9px;padding-top:8px;border-top:1px solid #1e232117}.qc-th h4{margin:0;font-size:11.5px;line-height:1.6;font-weight:400;color:#776f63}.qc-th p{margin:2px 0 0;font-size:13.5px;line-height:1.75;color:#3a413d;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qcard.is-sent .qc-th p{-webkit-line-clamp:3}.qc-th.open p{display:block;overflow:visible}.qc-more{display:block;min-height:44px;margin:-10px 0 -10px auto;padding:0 8px;border:0;background:none;color:#2d4b48;font-size:12.5px}.qc-x{position:absolute;top:0;right:0;width:44px;height:44px;border:0;background:none;color:#776f63;font-size:20px}.qc-view{position:absolute;top:-3px;right:0;min-height:44px;padding:0 12px;border:0;background:none;color:#2d4b48;font-size:12px}.qcard.is-sent .qc-meta{padding-right:76px}.msg--user>.qcard{width:min(100%,360px);margin-bottom:8px}.yw-card-pending{max-width:var(--layout-reading-max);width:100%;margin:0 auto 6px;max-height:248px;min-height:54px;overflow:auto;flex:0 1 auto;overscroll-behavior:contain}.yw-card-status{max-width:var(--layout-reading-max);margin:0 auto 6px;font-size:12px;color:#5c635f;display:flex;align-items:center;gap:8px}.yw-card-status button{border:0;background:none;min-height:44px;color:#a3412c}.composer:has(.yw-card-pending){display:flex;flex-direction:column;max-height:calc(var(--vvh,100vh)*.62);min-height:0}.composer:has(.yw-card-pending) .composer__box{width:100%;flex:none}.composer:has(.yw-card-pending) .composer__hint{flex:none}
.qcard [hidden]{display:none!important}
.composer:has(.yw-card-pending){flex:0 1 auto}.composer:has(.yw-card-pending) .commerce-composer-tools{flex:none}
@media(max-height:650px){.composer:has(.yw-card-pending) .composer__hint:not(.is-error){display:none}.composer:has(.yw-card-pending) .loc-row{margin:0}}

@media(max-height:650px){.composer .yw-card-pending{max-height:140px}}