*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;overflow:hidden;background:#fffbf4;font-family:PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}:root{--design-width: 390px;--nav-height: 67px;--nav-bottom-gap: 26px;--nav-side-margin: 24px;--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-stack: calc(var(--nav-height) + var(--nav-bottom-gap) + var(--safe-bottom));--composer-height: 93px;--composer-input-top: 45px;--faq-dialog-gap: 8px;--faq-warning-gap: 8px;--faq-section-height: 78px;--warning-height: 25px;--fixed-bottom-stack: calc( var(--nav-stack) + var(--composer-height) + var(--faq-dialog-gap) + var(--warning-height) + var(--faq-warning-gap) + var(--faq-section-height) );--content-bottom: 173px;--scroll-clearance: var(--fixed-bottom-stack)}.viewport.is-faq-hidden{--faq-section-height: 0px;--fixed-bottom-stack: calc( var(--nav-stack) + var(--composer-height) + var(--faq-dialog-gap) + var(--warning-height) )}.viewport.is-faq-hidden .ai-faq-section{display:none}.bottom-nav .nav-indicator{left:auto;right:40px}button{border:none;background:none;font:inherit;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.viewport{width:100%;max-width:var(--design-width);height:100%;margin:0 auto;background:#fffbf4}.page{position:relative;width:100%;height:100%;overflow:hidden;background:#fffbf4}.page-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:var(--design-width);height:89px;margin:0 auto;z-index:50}.header-bar{position:absolute;left:0;top:0;width:100%;height:89px;background:#fff;border-bottom:1px solid #fed629}.status-bar{position:absolute;left:0;top:0;width:100%;height:47px;z-index:2}.status-time{position:absolute;left:27px;top:15px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.024em;color:#010101}.status-icons{position:absolute;left:286px;top:19px;width:77.4px;height:13px}.logo-sun{position:absolute;left:153px;top:59px;width:20px;height:20px;z-index:2}.app-title{position:absolute;left:173px;top:57px;font-size:16px;font-weight:600;line-height:24px;color:#291f18;z-index:2}.ai-subheader{position:fixed;top:89px;left:0;right:0;width:100%;max-width:var(--design-width);height:65px;margin:0 auto;background:#fff;border-bottom:1px solid #fed629;z-index:49}.ai-title-icon{position:absolute;left:24px;top:12px;width:38px;height:38px;border-radius:50%;background:#fed629}.ai-title-heart{position:absolute;left:31px;top:19px;width:24px;height:24px}.ai-title{position:absolute;left:69px;top:12px;font-size:16px;font-weight:600;line-height:22px;color:#291f18}.ai-subtitle{position:absolute;left:69px;top:33px;font-size:12px;font-weight:400;line-height:17px;color:#6c6158}.page-scroll{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:transparent;scrollbar-width:none;-ms-overflow-style:none;z-index:2}.page-scroll::-webkit-scrollbar{display:none}.scroll-spacer{width:100%;height:var(--scroll-clearance, 305px);flex-shrink:0;pointer-events:none}.ai-chat-messages{display:flex;flex-direction:column;gap:16px;padding:var(--chat-top-offset, 173px) 24px 0;width:100%;min-width:0}.msg-row{display:flex;gap:15px;align-items:flex-start;width:100%;min-width:0}.msg-row--ai{justify-content:flex-start}.msg-row--ai .msg-bubble{flex:1;max-width:calc(100% - 45px);min-width:0}.msg-row--user{justify-content:flex-end;align-items:flex-start}.msg-row__avatar-ai,.msg-row__avatar-user{width:30px;height:30px;border-radius:50%;background:#fed629;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.msg-row__avatar-ai-icon,.msg-row__avatar-user-icon{width:18px;height:18px;display:block;object-fit:contain}.msg-row__user-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - 45px);min-width:0}.user-thumbs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.user-thumbs img{height:64px;width:auto;max-width:100%;object-fit:cover;border-radius:16px;display:block}.msg-bubble{max-width:100%;background:#fff3bd;border-radius:24px;padding:12px 18px;min-width:0;word-wrap:break-word;overflow-wrap:anywhere}.msg-bubble--user{background:#fff}.msg-bubble .msg-text{margin:0;font-size:14px;line-height:1.62;color:#362c24;white-space:pre-line}.msg-bubble time{display:block;margin-top:6px;font-size:14px;line-height:1.35;color:#6c6158}.msg-user-time-only{display:block;font-size:14px;line-height:1.35;color:#6c6158}.ai-typing{display:flex;align-items:center;gap:6px;min-height:22px}.ai-typing span{width:6px;height:6px;border-radius:50%;background:#6c6158;animation:aiDotPulse 1.1s infinite ease-in-out both}.ai-typing span:nth-child(2){animation-delay:.18s}.ai-typing span:nth-child(3){animation-delay:.36s}@keyframes aiDotPulse{0%,to{opacity:.35;transform:translateY(1px) scale(.9)}50%{opacity:1;transform:translateY(0) scale(1)}}.msg-comic-img-btn{display:block;width:min(320px,100%);max-width:100%;margin-top:8px;padding:0;border:none;background:none;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.msg-comic-img{display:block;width:100%;height:auto;border-radius:16px;object-fit:contain;background:#0000000a;pointer-events:none}.ai-image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px}.ai-image-lightbox[hidden]{display:none}.ai-image-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#000000b8;cursor:zoom-out}.ai-image-lightbox__panel{position:relative;z-index:1;width:min(100%,var(--design-width));max-height:calc(100% - 48px);display:flex;align-items:center;justify-content:center}.ai-image-lightbox__close{position:absolute;top:-12px;right:0;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffeb;color:#35577d;font-size:24px;line-height:1;cursor:pointer;z-index:2}.ai-image-lightbox__img{display:block;width:100%;max-height:calc(100dvh - 96px);object-fit:contain;border-radius:16px;background:#fffbf4;box-shadow:0 8px 32px #0000003d}.ai-hero{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:309px;height:214px;max-width:calc(100% - 82px);object-fit:cover;display:block;pointer-events:none;z-index:1}.ai-faq-section{position:fixed;left:0;right:0;bottom:calc(var(--nav-stack) + var(--composer-height) + var(--faq-dialog-gap) + var(--warning-height) + var(--faq-warning-gap));width:100%;max-width:var(--design-width);min-height:var(--faq-section-height);margin:0 auto;padding:0 24px 8px;background:#fffbf4;z-index:95;pointer-events:none}.ai-faq-section .ai-faq-chip{pointer-events:auto}.ai-faq-label{display:block;margin-bottom:4px;font-size:12px;font-weight:400;line-height:17px;color:#7b7b7b}.ai-faq-chips{display:flex;flex-wrap:wrap;gap:8px;width:100%}.ai-faq-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid #fed629;border-radius:61px;background:#fff;font-size:12px;font-weight:400;line-height:17px;color:#35577d;max-width:100%;white-space:normal;text-align:center}.ai-faq-chip-1,.ai-faq-chip-2,.ai-faq-chip-3,.ai-faq-chip-4{position:static;left:auto;top:auto}.ai-warning{position:fixed;left:24px;right:24px;bottom:calc(var(--nav-stack) + var(--composer-height) + var(--faq-dialog-gap));width:342px;max-width:calc(100% - 48px);height:var(--warning-height);margin:0 auto;display:flex;align-items:center;gap:8px;padding:0 14px;background:#fff3bd;border-radius:43px;z-index:95}.ai-warning img{flex-shrink:0;width:16px;height:16px}.ai-warning span{font-size:12px;font-weight:400;line-height:17px;color:#7b7b7b;white-space:normal;min-width:0}.ai-composer{position:fixed;left:50%;bottom:calc(93px + env(safe-area-inset-bottom,0px));width:100%;max-width:var(--design-width);min-height:var(--composer-height);margin:0;transform:translate(-50%);background:#fff;border-top:1px solid #fed629;z-index:90}.ai-composer-tools{position:absolute;left:24px;top:8px;right:24px;min-height:32px;display:flex;align-items:center;flex-wrap:wrap;row-gap:6px}.ai-add-btn{display:flex;align-items:center;justify-content:center;padding:4px 2px;flex-shrink:0}.ai-add-btn img{width:24px;height:24px;display:block}.ai-tools-divider{width:1px;height:32px;margin-left:8px;margin-right:10px;background:#7b7b7b40;border-radius:23px;flex-shrink:0}.ai-tool-tabs{display:flex;align-items:center;gap:8px;min-width:0;flex:1;flex-wrap:wrap}.ai-tool-tab{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #fed629;background:#fff;font-size:12px;font-weight:400;line-height:17px;color:#291f18;white-space:nowrap;flex-shrink:0;max-width:100%}.ai-tool-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis}.ai-tool-tab img{width:14px;height:14px;display:block}.ai-tool-tab-round{border-radius:23px}.ai-tool-tab-wide{width:85px;justify-content:center;border-radius:34px}.ai-tool-tab.is-active{background:#fed629}.ai-input-row{position:absolute;left:24px;top:var(--composer-input-top, 45px);width:calc(100% - 48px);height:42px}.ai-input-wrap{display:block;width:292px;max-width:calc(100% - 50px);height:42px}.ai-input{width:100%;height:42px;padding:0 16px;border:1px solid #fed629;border-radius:64px;background:#fff;font-family:inherit;font-size:12px;font-weight:400;line-height:17px;color:#291f18;outline:none}.ai-input::placeholder{color:#7b7b7b}.ai-send-btn{position:absolute;right:0;top:0;width:42px;height:42px;padding:0}.ai-send-btn img{display:block;width:42px;height:42px}