html,body{-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;background:#0b0b10;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{color:#fff;-webkit-font-smoothing:antialiased;background:#0b0b10;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.page{background:#0b0b10;flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.topbar{z-index:10;background:#0b0b10;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.logo{letter-spacing:.5px;font-size:22px;font-weight:800}.nav-right{align-items:center;gap:14px;display:flex}.search-btn{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.search-btn:hover{background:#ffffff14}.login-btn{color:#fff;background:#7c67ff;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600;line-height:1.5;transition:opacity .15s}.login-btn:hover{opacity:.9}.user-chip{cursor:pointer;background:#1c1c24;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;display:flex}.user-chip:hover{background:#23232e}.user-avatar{color:#fff;background:#7c67ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex}.user-name{color:#e5e7eb;font-size:13px}.login-mask{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:#16161d;border:1px solid #26262f;border-radius:16px;flex-direction:column;gap:12px;width:300px;padding:24px 20px;display:flex}.login-title{text-align:center;margin-bottom:4px;font-size:18px;font-weight:700}.login-input{color:#fff;background:#101016;border:1px solid #2a2a35;border-radius:10px;outline:none;height:40px;padding:0 12px;font-family:inherit;font-size:14px}.login-input:focus{border-color:#7c67ff}.login-input::placeholder{color:#6f6f7a}.login-error{color:#f87171;text-align:center;font-size:12px}.login-submit{color:#fff;background:#7c67ff;border-radius:10px;height:40px;margin-top:4px;font-size:14px;font-weight:600}.login-submit:hover{opacity:.9}.login-close{color:#9ca3af;background:0 0;border-radius:10px;height:36px;font-size:13px}.login-close:hover{color:#e5e7eb}.searchbar{align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.search-box{background:#1c1c24;border-radius:999px;flex:1;align-items:center;gap:8px;height:34px;padding:0 14px;display:flex}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.search-input::placeholder{color:#6f6f7a}.cancel{color:#7c67ff;padding:4px;font-size:14px}.content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding:0 16px;overflow-y:auto}.content::-webkit-scrollbar{display:none}.banner-wrap{border-radius:12px;margin-top:12px;margin-bottom:12px;position:relative;overflow:hidden}.banner-track{transition:transform .5s;display:flex}.banner-slide{flex:0 0 100%}.banner-bg{aspect-ratio:21/9;object-fit:cover;width:100%;display:block}.banner-page{color:#fff;background:#00000073;border-radius:999px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;right:10px}.banner-dots{gap:5px;display:flex;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.banner-dots .dot{cursor:pointer;background:#ffffff59;border-radius:50%;width:6px;height:6px}.banner-dots .dot.on{background:#fff;border-radius:999px;width:14px}.tags{z-index:9;scrollbar-width:none;background:#0b0b10;gap:8px;padding:4px 0 10px;display:flex;position:sticky;top:0;overflow-x:auto}.tags::-webkit-scrollbar{display:none}.tag{color:#858d9b;white-space:nowrap;cursor:pointer;background:#16161d;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:14px;transition:all .15s}.tag:hover{color:#d1d5db}.tag.active{color:#fff;background:#7c67ff}.tag.more{color:#858d9b;align-items:center;display:flex}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card{cursor:pointer;background:#121218;border-radius:12px;transition:transform .15s;overflow:hidden}.card:hover{transform:translateY(-2px)}.cover{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%;display:block}.views{color:#fff;background:#00000080;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.cover-shade{background:linear-gradient(#0000,#000000b8);height:55%;position:absolute;bottom:0;left:0;right:0}.cname{color:#fff;text-shadow:0 1px 4px #0009;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-style:italic;font-weight:700;line-height:1.25;display:-webkit-box;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}.cdesc{color:#9ca3af;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:8px 10px 2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.ctags{flex-wrap:wrap;gap:4px 8px;padding:4px 10px 10px;display:flex}.ctag{color:#6b7280;font-size:11px}.empty{text-align:center;color:#6b7280;padding:60px 0;font-size:14px}.bottom-space{height:90px}.tabbar{z-index:20;width:100%;max-width:480px;height:60px;padding-bottom:env(safe-area-inset-bottom);background:#111116;border-top:1px solid #ffffff0f;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:#595b63;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;transition:color .15s;display:flex}.tab:hover{color:#9ca3af}.tab.active{color:#e5e7eb}.tab.create{position:relative}.create-btn{background:#7c67ff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-top:-18px;display:flex;box-shadow:0 4px 14px #7c67ff73}.ai-page[data-v-f14857f9]{background:#f7f7f8;flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.ai-topbar[data-v-f14857f9]{background:#fff;border-bottom:1px solid #eaeaea;flex:none;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.ai-back[data-v-f14857f9]{color:#1f1f1f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;display:flex}.ai-back[data-v-f14857f9]:active{background:#f0f0f0}.ai-title[data-v-f14857f9]{color:#1f1f1f;font-size:16px;font-weight:600}.ai-right[data-v-f14857f9]{flex:1}.ai-content[data-v-f14857f9]{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding:16px 14px;overflow-y:auto}.ai-content[data-v-f14857f9]::-webkit-scrollbar{display:none}.ai-empty[data-v-f14857f9]{color:#b8b8bf;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.ai-empty-icon[data-v-f14857f9]{opacity:.7}.ai-empty-text[data-v-f14857f9]{color:#9a9aa2;font-size:13px}.ai-msgs[data-v-f14857f9]{flex-direction:column;gap:10px;display:flex}.ai-msg[data-v-f14857f9]{display:flex}.ai-msg.me[data-v-f14857f9]{justify-content:flex-end}.ai-msg.ai[data-v-f14857f9]{justify-content:flex-start}.bubble[data-v-f14857f9]{word-break:break-word;white-space:pre-wrap;border-radius:16px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5}.ai-msg.me .bubble[data-v-f14857f9]{color:#fff;background:#1a7cf8;border-bottom-right-radius:4px}.ai-msg.ai .bubble[data-v-f14857f9]{color:#1f1f1f;background:#fff;border:1px solid #ececec;border-bottom-left-radius:4px}.bubble img[data-v-f14857f9]{border-radius:10px;max-width:220px;display:block}.bubble.typing[data-v-f14857f9]{align-items:center;gap:5px;padding:14px;display:flex}.bubble.typing .dot[data-v-f14857f9]{background:#1a7cf8;border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink-f14857f9}.bubble.typing .dot[data-v-f14857f9]:nth-child(2){animation-delay:.2s}.bubble.typing .dot[data-v-f14857f9]:nth-child(3){animation-delay:.4s}@keyframes blink-f14857f9{0%,80%,to{opacity:.25}40%{opacity:1}}.ai-inputbar[data-v-f14857f9]{padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#f7f7f8;flex:none}.ai-panel[data-v-f14857f9]{gap:12px;padding:10px 4px 14px;display:flex}.panel-item[data-v-f14857f9]{color:#1f1f1f;flex-direction:column;align-items:center;gap:6px;display:flex}.panel-icon[data-v-f14857f9]{color:#1f1f1f;background:#f2f2f4;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.panel-icon[data-v-f14857f9]:active{background:#e8e8ea}.panel-label[data-v-f14857f9]{color:#1f1f1f;font-size:12px}.ai-inputrow[data-v-f14857f9]{align-items:center;gap:8px;display:flex}.ai-input-box[data-v-f14857f9]{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(#d9d9de 0%,#f1f1f3 100%) border-box;border:1px solid #0000;border-radius:24px;flex:1;align-items:center;height:44px;padding:0 4px 0 16px;transition:background .15s;display:flex}.ai-input-box[data-v-f14857f9]:focus-within{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(#bdbdc4 0%,#e2e2e6 100%) border-box}.ai-input[data-v-f14857f9]{color:#1f1f1f;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-family:inherit;font-size:16px}.ai-input[data-v-f14857f9]::placeholder{color:#a8a8b0}.ai-send[data-v-f14857f9]{color:#fff;background:#1a7cf8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #1a7cf859}.ai-send[data-v-f14857f9]:active{opacity:.88}.ai-voicebar[data-v-f14857f9]{background:linear-gradient(90deg,#4c8dff 0%,#1a6cf8 100%);border-radius:24px;flex:1;justify-content:space-between;align-items:center;height:48px;padding:0 8px 0 10px;display:flex;box-shadow:0 2px 10px #1a6cf859}.voice-btn[data-v-f14857f9]{color:#fff;background:#ffffff40;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.voice-btn[data-v-f14857f9]:active{background:#fff6}.voice-wave[data-v-f14857f9]{flex:1;justify-content:center;align-items:center;gap:2px;height:100%;display:flex}.voice-wave span[data-v-f14857f9]{background:#fff;border-radius:1.5px;width:3px;transition:height .1s}.ai-icon[data-v-f14857f9]{color:#66666e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-icon[data-v-f14857f9]:active{color:#1f1f1f;background:#e8e8ea}.ai-file[data-v-f14857f9]{display:none}.slide-enter-active[data-v-f14857f9],.slide-leave-active[data-v-f14857f9]{transition:all .18s}.slide-enter-from[data-v-f14857f9],.slide-leave-to[data-v-f14857f9]{opacity:0;transform:translateY(8px)}