.topic-card[data-v-6182d81b]{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);background:var(--color-bg-component);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.topic-card[data-v-6182d81b]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.poster-container[data-v-6182d81b]{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#000}.poster-img[data-v-6182d81b]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.topic-card:hover .poster-img[data-v-6182d81b]{transform:scale(1.08)}.overlay[data-v-6182d81b]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.1) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;transition:all var(--transition-base)}.category-tag[data-v-6182d81b]{position:absolute;top:12px;right:12px;background:var(--color-accent-gradient);color:#000;padding:4px 10px;border-radius:var(--radius-sm);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-accent);z-index:2}.info[data-v-6182d81b]{position:relative;z-index:1;transition:transform var(--transition-base)}.title[data-v-6182d81b]{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--color-text-title);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.desc[data-v-6182d81b]{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-base)}.topic-card:hover .desc[data-v-6182d81b]{color:var(--color-text-main)}@media (max-width: 480px){.title[data-v-6182d81b]{font-size:15px}.desc[data-v-6182d81b]{font-size:11px}.padding[data-v-6182d81b]{padding:12px}}.home-page[data-v-0fde9402]{padding:0 16px 40px;max-width:1200px;margin:0 auto}.page-header[data-v-0fde9402]{margin:0 -16px 24px;position:sticky;top:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;padding:16px 16px 8px}.header-top[data-v-0fde9402]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title[data-v-0fde9402]{margin:0;font-size:24px;font-weight:800;color:var(--color-text-title);letter-spacing:-.5px}.more-cats-btn[data-v-0fde9402]{background:var(--color-bg-component);border:1px solid var(--color-border);color:var(--color-text-muted);width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.more-cats-btn[data-v-0fde9402]:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);transform:scale(1.05)}.category-bar-wrapper[data-v-0fde9402]{overflow:hidden;position:relative;margin:0 -4px}.category-bar-wrapper[data-v-0fde9402]:after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(to right,transparent,var(--color-bg-body));pointer-events:none}.category-bar[data-v-0fde9402]{display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-width:none;-ms-overflow-style:none}.category-bar[data-v-0fde9402]::-webkit-scrollbar{display:none}.filter-btn-lite[data-v-0fde9402]{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-full);font-size:14px;font-weight:500;background:var(--color-bg-component);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.filter-btn-lite[data-v-0fde9402]:hover{color:var(--color-text-main);border-color:var(--color-border-light)}.filter-btn-lite.active[data-v-0fde9402]{background:var(--color-primary);color:#000;border-color:var(--color-primary);font-weight:700}.modal-overlay[data-v-0fde9402]{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cat-modal[data-v-0fde9402]{max-width:500px;padding:0;background:var(--color-bg-component);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.modal-header[data-v-0fde9402]{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-0fde9402]{margin:0;font-size:18px;font-weight:700}.close-btn[data-v-0fde9402]{background:none;border:none;font-size:28px;color:var(--color-text-muted);cursor:pointer;line-height:1}.cat-grid[data-v-0fde9402]{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:60vh;overflow-y:auto}.cat-item[data-v-0fde9402]{padding:14px;border-radius:var(--radius-md);background:var(--color-bg-hover);border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-base);text-align:center;font-size:14px;font-weight:500}.cat-item[data-v-0fde9402]:hover{background:var(--color-bg-active);border-color:var(--color-border-light)}.cat-item.active[data-v-0fde9402]{background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent);font-weight:700}.topic-grid[data-v-0fde9402]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.empty-state[data-v-0fde9402]{padding:80px 20px;text-align:center;color:var(--color-text-muted)}@media (min-width: 768px){.topic-grid[data-v-0fde9402]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}@media (min-width: 1024px){.topic-grid[data-v-0fde9402]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px}}@media (max-width: 480px){.topic-grid[data-v-0fde9402]{grid-template-columns:repeat(2,1fr);gap:12px}.page-title[data-v-0fde9402]{font-size:22px}.cat-grid[data-v-0fde9402]{grid-template-columns:repeat(2,1fr)}}.topic-detail-page[data-v-e44fd6d7]{position:relative;min-height:100vh;color:var(--color-text-main);overflow-x:hidden}.page-bg[data-v-e44fd6d7]{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(80px) brightness(.15);transform:scale(1.2);z-index:-1}.content-container[data-v-e44fd6d7]{max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-e44fd6d7]{flex:1;display:flex;flex-direction:column;gap:0}@media (min-width: 768px){.main-content[data-v-e44fd6d7]{flex-direction:row;align-items:flex-start;padding:80px 40px;gap:60px}}.poster-section[data-v-e44fd6d7]{flex-shrink:0;width:100%}@media (max-width: 767px){.poster-section[data-v-e44fd6d7]{width:100vw}.poster-wrapper[data-v-e44fd6d7]{border-radius:0!important;border:none!important}}@media (min-width: 768px){.poster-section[data-v-e44fd6d7]{width:400px;position:sticky;top:80px}}@media (min-width: 1024px){.poster-section[data-v-e44fd6d7]{width:480px}}.poster-wrapper[data-v-e44fd6d7]{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-light);background:#000;box-shadow:var(--shadow-lg)}.poster-img[data-v-e44fd6d7]{width:100%;height:100%;object-fit:contain;display:block}.poster-overlay[data-v-e44fd6d7]{position:absolute;top:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.floating-back-btn[data-v-e44fd6d7],.favorite-btn[data-v-e44fd6d7]{background:var(--color-bg-glass);border:1px solid var(--color-border-light);width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.floating-back-btn[data-v-e44fd6d7]:hover,.favorite-btn[data-v-e44fd6d7]:hover{background:var(--color-bg-hover);transform:scale(1.05);border-color:#ffffff4d}.poster-overlay-right[data-v-e44fd6d7]{display:flex;align-items:center;gap:12px;pointer-events:auto}.floating-back-btn i[data-v-e44fd6d7],.favorite-btn i[data-v-e44fd6d7]{font-size:20px;color:var(--color-text-title);transition:all var(--transition-base)}.favorite-btn.is-favorited i[data-v-e44fd6d7]{color:#ff3b30;filter:drop-shadow(0 0 8px rgba(255,59,48,.4))}.category-badge[data-v-e44fd6d7]{background:var(--color-accent-gradient);color:#000;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:800;box-shadow:var(--shadow-accent);pointer-events:auto}.info-section[data-v-e44fd6d7]{flex:1;display:flex;flex-direction:column;gap:32px;padding:32px 24px 60px}@media (min-width: 768px){.info-section[data-v-e44fd6d7]{padding:0}}.topic-title[data-v-e44fd6d7]{font-size:32px;font-weight:900;margin:0;line-height:1.2;color:var(--color-text-title);letter-spacing:-1px}@media (min-width: 768px){.topic-title[data-v-e44fd6d7]{font-size:48px}}@media (min-width: 1024px){.topic-title[data-v-e44fd6d7]{font-size:64px}}.section-label[data-v-e44fd6d7]{font-size:12px;color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-weight:800}.description-box[data-v-e44fd6d7]{background:var(--color-bg-glass);padding:24px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-light)}.desc-text[data-v-e44fd6d7]{margin:0;font-size:16px;line-height:1.8;color:var(--color-text-main);font-weight:400}.action-grid[data-v-e44fd6d7]{display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px}@media (min-width: 480px){.action-grid[data-v-e44fd6d7]{grid-template-columns:1.2fr 1fr}}.btn-cinematic[data-v-e44fd6d7]{height:60px;border-radius:var(--radius-full);border:none;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-base)}.btn-cinematic i[data-v-e44fd6d7]{font-size:22px}.btn-cinematic.primary[data-v-e44fd6d7]{background:var(--color-accent-gradient);color:#000;box-shadow:var(--shadow-accent)}.btn-cinematic.primary[data-v-e44fd6d7]:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-accent-shadow)}.btn-cinematic.secondary[data-v-e44fd6d7]{background:var(--color-bg-component);color:var(--color-text-title);border:1px solid var(--color-border)}.btn-cinematic.secondary[data-v-e44fd6d7]:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);transform:translateY(-2px)}.loading-screen[data-v-e44fd6d7]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--color-bg-body);color:var(--color-text-muted)}.loader[data-v-e44fd6d7]{width:40px;height:40px;border:3px solid var(--color-bg-component);border-top-color:var(--color-accent);border-radius:50%;animation:spin-e44fd6d7 .8s linear infinite}@keyframes spin-e44fd6d7{to{transform:rotate(360deg)}}.work-card[data-v-1305e80f]{background:var(--color-bg-component);padding:20px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.work-card[data-v-1305e80f]:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.work-info[data-v-1305e80f]{flex:1;overflow:hidden}.work-info .title[data-v-1305e80f]{font-size:17px;color:var(--color-text-title);font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn[data-v-1305e80f]{padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--transition-base);display:flex;align-items:center;gap:6px}.delete-btn[data-v-1305e80f]:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.works-page[data-v-30a1136f]{max-width:900px;margin:0 auto;padding:0 16px 40px}.header[data-v-30a1136f]{display:flex;flex-direction:column;gap:16px;margin:24px 0}@media (min-width: 600px){.header[data-v-30a1136f]{flex-direction:row;justify-content:space-between;align-items:center}}.page-title[data-v-30a1136f]{margin:0;font-size:24px;font-weight:800;color:var(--color-text-title);letter-spacing:-.5px}.filter[data-v-30a1136f]{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:12px;background:var(--color-bg-component);padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.clear-btn[data-v-30a1136f]{background:var(--color-bg-hover);color:var(--color-text-main);border:1px solid var(--color-border);padding:4px 12px;font-size:11px;font-weight:700;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.clear-btn[data-v-30a1136f]:hover{background:var(--color-bg-active);border-color:var(--color-border-light)}.works-list[data-v-30a1136f]{display:flex;flex-direction:column;gap:16px}.empty-state[data-v-30a1136f]{text-align:center;color:var(--color-text-muted);padding:100px 20px;font-size:15px;background:var(--color-bg-component);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.vel-fade-enter-active,.vel-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:#00000080;bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);-webkit-transition:.3s linear;transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-img{background-color:#000000b3;-webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,.7);box-shadow:0 5px 20px 2px #000000b3;display:block;max-height:80vh;max-width:80vw;position:relative;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper{position:static}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.15s linear;transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}.vel-loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{-webkit-animation:ring 1.2s linear infinite;animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.vel-on-error{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}.vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}.vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vel-toolbar{border-radius:4px;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}.share-overlay[data-v-651180e7]{z-index:2000}.share-modal[data-v-651180e7]{max-width:360px;transition:all var(--transition-base);padding:0 24px 24px}.share-modal.preview-mode[data-v-651180e7]{max-width:90vw;width:500px}.modal-header[data-v-651180e7]{display:flex;justify-content:space-between;align-items:center;padding:20px 0 12px;border-bottom:1px solid var(--color-border);margin-bottom:12px}.modal-header h3[data-v-651180e7]{margin:0;font-size:18px;font-weight:700}.close-icon[data-v-651180e7]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-full);transition:all var(--transition-base)}.close-icon[data-v-651180e7]:hover{background:var(--color-bg-hover);color:var(--color-text-title)}.close-icon i[data-v-651180e7]{font-size:24px}.share-options[data-v-651180e7]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.share-opt-btn[data-v-651180e7]{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:none;cursor:pointer;transition:all var(--transition-base)}.share-opt-btn[data-v-651180e7]:hover:not(:disabled){transform:translateY(-4px)}.share-opt-btn[data-v-651180e7]:disabled{opacity:.5;cursor:not-allowed}.opt-icon[data-v-651180e7]{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.opt-icon.link[data-v-651180e7]{background:linear-gradient(135deg,#4f8cff,#3a75e6)}.opt-icon.image[data-v-651180e7]{background:linear-gradient(135deg,#0f8,#00cc6e)}.share-opt-btn span[data-v-651180e7]{font-size:14px;font-weight:600;color:var(--color-text-main)}.share-tip[data-v-651180e7]{text-align:center;font-size:12px;color:var(--color-text-muted);margin-top:10px}.image-preview-container[data-v-651180e7]{padding:10px 0}.image-carousel[data-v-651180e7]{display:flex;gap:16px;overflow-x:auto;padding:10px 4px 20px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.image-carousel[data-v-651180e7]::-webkit-scrollbar{display:none}.preview-item[data-v-651180e7]{flex:0 0 260px;scroll-snap-align:center}.preview-card[data-v-651180e7]{background:var(--color-bg-hover);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.preview-img[data-v-651180e7]{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;cursor:zoom-in}.preview-info[data-v-651180e7]{padding:12px;display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-component)}.preview-info span[data-v-651180e7]{font-size:13px;font-weight:600;color:var(--color-text-muted)}.download-btn[data-v-651180e7]{background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent-light);padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer}.download-btn[data-v-651180e7]:hover{background:var(--color-accent);color:#000}.swipe-hint[data-v-651180e7]{text-align:center;font-size:12px;color:var(--color-text-muted);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px}.full-preview-hint[data-v-651180e7]{position:fixed;bottom:40px;left:0;right:0;text-align:center;color:#fffc;font-size:14px;z-index:10000;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5)}.lightbox-custom-toolbar[data-v-651180e7]{position:fixed;bottom:0;width:100%;height:100px;pointer-events:none}@keyframes fadeIn-651180e7{0%{opacity:0}to{opacity:1}}.image-template-wrapper[data-v-651180e7]{position:fixed;left:-9999px;top:0;width:750px}.share-image-template[data-v-651180e7]{width:750px;padding:60px 50px;background:#fdfaf2;color:#2c1e11;font-family:var(--font-family-base)}.share-image-template[data-v-651180e7] h1{color:#1a1a1a;font-size:32px;margin:30px 0 20px;font-weight:800;border-left:6px solid #d4a373;padding-left:15px}.share-image-template[data-v-651180e7] p{margin-bottom:20px}.paper-options[data-v-651180e7]{margin-top:40px;padding:25px;background:#d4a37314;border-radius:12px;border:1px dashed #d4a373}.paper-opt-title[data-v-651180e7]{font-size:20px;font-weight:800;color:#8a7b6a;margin-bottom:15px}.paper-opt-list[data-v-651180e7]{display:flex;flex-direction:column;gap:12px}.paper-opt-item[data-v-651180e7]{display:flex;gap:10px;font-size:18px;color:#5c4b3a;line-height:1.5}.paper-opt-item.is-chosen[data-v-651180e7]{color:#1a1a1a;font-weight:700}.opt-bullet[data-v-651180e7]{color:#d4a373;flex-shrink:0}.is-chosen .opt-bullet[data-v-651180e7]{color:#1a1a1a}.paper-header[data-v-651180e7]{text-align:center;margin-bottom:50px;border-bottom:2px solid #e8e0d0;padding-bottom:30px}.paper-title[data-v-651180e7]{font-size:42px;font-weight:900;margin:0 0 16px;letter-spacing:2px;color:#1a1a1a}.paper-meta[data-v-651180e7]{font-size:18px;color:#8a7b6a}.paper-content[data-v-651180e7]{display:flex;flex-direction:column;gap:30px;min-height:200px}.paper-text[data-v-651180e7]{font-size:24px;line-height:1.8;text-align:justify;color:#2c1e11}.paper-footer[data-v-651180e7]{margin-top:60px;padding-top:40px;border-top:2px solid #e8e0d0;display:flex;justify-content:space-between;align-items:flex-end}.footer-brand[data-v-651180e7]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;color:#1a1a1a;margin-bottom:12px}.footer-brand i[data-v-651180e7]{font-size:32px;color:#d4a373}.footer-slogan[data-v-651180e7]{font-size:16px;color:#8a7b6a;margin:0}.footer-right[data-v-651180e7]{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-right span[data-v-651180e7]{font-size:14px;color:#8a7b6a}.share-qr[data-v-651180e7]{padding:6px;background:#fff;border-radius:8px}.btn-full[data-v-651180e7]{width:100%}.mt-20[data-v-651180e7]{margin-top:20px}.writer-view[data-v-07f30f74]{max-width:900px;margin:0 auto;padding:0 16px 100px}.header[data-v-07f30f74]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -16px 24px;background:var(--color-bg-glass);padding:12px 16px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light)}.header-left[data-v-07f30f74]{display:flex;align-items:center;gap:12px;overflow:hidden;flex:1}.title[data-v-07f30f74]{margin:0;color:var(--color-text-title);font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions[data-v-07f30f74]{display:flex;gap:8px;flex-shrink:0;align-items:center}.desktop-actions[data-v-07f30f74]{display:flex;gap:8px}.more-dropdown-container[data-v-07f30f74]{position:relative;display:none}.more-btn[data-v-07f30f74]{padding:6px 10px;display:flex}.more-dropdown-menu[data-v-07f30f74]{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-component);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:160px;padding:4px;z-index:1000;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdownFade-07f30f74 .2s ease-out}@keyframes dropdownFade-07f30f74{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-07f30f74]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-main);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%;text-align:left}.menu-item[data-v-07f30f74]:hover:not(:disabled){background:var(--color-bg-hover)}.menu-item[data-v-07f30f74]:disabled{opacity:.5;cursor:not-allowed}.menu-item i[data-v-07f30f74]{font-size:16px;color:var(--color-text-muted)}.menu-item.primary-text[data-v-07f30f74],.menu-item.primary-text i[data-v-07f30f74]{color:var(--color-accent)}.points-badge[data-v-07f30f74]{display:flex;align-items:center;gap:6px;background:var(--color-accent-light);color:var(--color-accent);padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;border:1px solid var(--color-accent-light)}.btn-sm[data-v-07f30f74]{background:var(--color-bg-component);border:1px solid var(--color-border);color:var(--color-text-main);padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all var(--transition-base)}.btn-sm[data-v-07f30f74]:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light)}.story-container[data-v-07f30f74]{display:flex;flex-direction:column;gap:32px;min-height:60vh}.empty-state[data-v-07f30f74]{padding:100px 20px;text-align:center;color:var(--color-text-muted)}.empty-icon[data-v-07f30f74]{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-bg-component);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--color-accent);box-shadow:var(--shadow-md)}.segments[data-v-07f30f74]{display:flex;flex-direction:column;gap:40px}.segment[data-v-07f30f74]{position:relative;animation:fadeIn-07f30f74 var(--transition-slow)}@keyframes fadeIn-07f30f74{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.segment-header[data-v-07f30f74]{position:absolute;top:-24px;right:0;display:flex;gap:8px;z-index:10}.speech-btn[data-v-07f30f74]{background:var(--color-bg-component);color:var(--color-text-muted);padding:4px 12px;font-size:11px;font-weight:600;border-radius:var(--radius-full);border:1px solid var(--color-border);gap:4px;display:inline-flex;align-items:center;transition:all var(--transition-base)}.speech-btn[data-v-07f30f74]:hover{background:var(--color-bg-hover);color:var(--color-accent);border-color:var(--color-accent-light)}.speaking-anim[data-v-07f30f74]{animation:rotate 2s linear infinite;color:var(--color-accent)!important}.seg-content[data-v-07f30f74]{line-height:1.8;font-size:17px;color:var(--color-text-main);letter-spacing:.02em}.markdown-body[data-v-07f30f74] p{margin:0 0 1.5em;text-align:justify}.markdown-body[data-v-07f30f74] strong{font-weight:700;color:var(--color-text-title);background:linear-gradient(transparent 70%,var(--color-accent-light) 70%)}.options-block[data-v-07f30f74]{margin-top:32px;padding:24px;background:var(--color-bg-component);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.opt-title[data-v-07f30f74]{font-size:13px;color:var(--color-text-muted);margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.opt-list[data-v-07f30f74]{display:flex;flex-direction:column;gap:12px}.btn.opt[data-v-07f30f74]{background:var(--color-bg-hover);text-align:left;padding:16px 20px;line-height:1.5;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:15px;color:var(--color-text-main);transition:all var(--transition-base)}.btn.opt[data-v-07f30f74]:hover:not(:disabled){background:var(--color-bg-active);border-color:var(--color-border-light);transform:translate(4px)}.btn.opt.chosen[data-v-07f30f74]{background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent);font-weight:700}.btn.opt.not-chosen[data-v-07f30f74]{opacity:.3;filter:grayscale(1)}.stream-box[data-v-07f30f74]{background:var(--color-bg-component);border-radius:var(--radius-lg);padding:24px;border:1px dashed var(--color-accent);position:relative;margin-top:20px}.typing-indicator[data-v-07f30f74]{color:var(--color-accent);font-size:13px;margin-bottom:16px;font-weight:700;display:flex;align-items:center;gap:8px}.typing-indicator[data-v-07f30f74]:after{content:"";width:4px;height:14px;background:var(--color-accent);animation:blink-07f30f74 .8s infinite}@keyframes blink-07f30f74{0%,to{opacity:0}50%{opacity:1}}.floating-tools[data-v-07f30f74]{position:fixed;right:16px;bottom:60px;display:flex;flex-direction:column;gap:12px;z-index:100}.tool-btn[data-v-07f30f74]{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-glass);color:var(--color-text-muted);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:all var(--transition-base);font-size:11px;font-weight:700}.tool-btn[data-v-07f30f74]:hover{background:var(--color-bg-hover);color:var(--color-text-title);transform:translateY(-4px)}.tool-btn.active[data-v-07f30f74]{background:var(--color-accent);color:#000;border-color:var(--color-accent)}@media (max-width: 480px){.seg-content[data-v-07f30f74]{font-size:16px}.header[data-v-07f30f74]{padding:10px 12px}.title[data-v-07f30f74]{font-size:15px}.btn.opt[data-v-07f30f74]{padding:14px 16px;font-size:14px}.desktop-actions[data-v-07f30f74]{display:none}.more-dropdown-container[data-v-07f30f74]{display:flex}.points-badge[data-v-07f30f74]{padding:6px 10px}}.modal-overlay[data-v-07f30f74]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn-07f30f74 .3s ease-out}.modal-content[data-v-07f30f74]{background:var(--color-bg-component);width:90%;max-width:400px;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xl);text-align:left;animation:modalSlideUp-07f30f74 .3s cubic-bezier(.18,.89,.32,1.28)}.modal-content h3[data-v-07f30f74]{margin:0 0 12px;font-size:20px;color:var(--color-text-title);font-weight:700}.modal-content p[data-v-07f30f74]{color:var(--color-text-muted);font-size:14px;margin-bottom:20px}.hero-input[data-v-07f30f74]{width:100%;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--color-text-main);font-size:15px;margin-bottom:24px;outline:none;transition:all var(--transition-base);box-sizing:border-box}.hero-input[data-v-07f30f74]:focus{border-color:var(--color-accent);background:var(--color-bg-component);box-shadow:0 0 0 3px var(--color-accent-light)}.custom-textarea[data-v-07f30f74]{resize:none;min-height:100px;line-height:1.6}.modal-actions[data-v-07f30f74]{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn[data-v-07f30f74]{padding:10px 20px;font-size:14px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base)}.btn[data-v-07f30f74]{cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-component);color:var(--color-text-main)}.btn.primary[data-v-07f30f74]{background:var(--color-accent);color:#000;border:none}.btn.primary[data-v-07f30f74]:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn.primary[data-v-07f30f74]:disabled{opacity:.5;cursor:not-allowed}@keyframes modalFadeIn-07f30f74{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp-07f30f74{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.modal-content[data-v-07f30f74]{padding:24px;margin:0 16px}}.profile-page[data-v-f9b4419d]{max-width:600px;margin:0 auto;padding:20px 16px 40px}.user-card[data-v-f9b4419d]{background:var(--color-bg-component);padding:40px 24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:24px;position:relative;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.checkin-badge[data-v-f9b4419d]{position:absolute;top:16px;right:16px}.btn-checkin[data-v-f9b4419d]{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-full);border:1px solid var(--color-accent);background:var(--color-accent-light);color:var(--color-accent);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-base)}.btn-checkin[data-v-f9b4419d]:hover:not(:disabled){background:var(--color-accent);color:#000}.btn-checkin.checked[data-v-f9b4419d]{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-bg-hover);cursor:default}.avatar[data-v-f9b4419d]{width:90px;height:90px;background:var(--color-bg-hover);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.info h2[data-v-f9b4419d]{margin:0 0 4px;color:var(--color-text-title);font-size:24px;font-weight:800}.info p[data-v-f9b4419d]{margin:0;color:var(--color-text-muted);font-size:13px;font-weight:500}.stats-card[data-v-f9b4419d]{background:var(--color-bg-component);padding:24px;border-radius:var(--radius-lg);margin-bottom:24px;display:flex;justify-content:space-around;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.stat-item[data-v-f9b4419d]{text-align:center;flex:1}.stat-item[data-v-f9b4419d]:first-child{border-right:1px solid var(--color-border)}.stat-item .value[data-v-f9b4419d]{font-size:24px;font-weight:800;color:var(--color-text-title);margin-bottom:4px}.stat-item .label[data-v-f9b4419d]{font-size:12px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.settings-list[data-v-f9b4419d]{background:var(--color-bg-component);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.setting-item[data-v-f9b4419d]{padding:18px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-base);font-weight:500}.setting-left[data-v-f9b4419d]{display:flex;align-items:center;gap:12px}.setting-left i[data-v-f9b4419d]{font-size:20px;color:var(--color-text-muted)}.setting-item i.ri-arrow-right-s-line[data-v-f9b4419d]{color:var(--color-text-muted);opacity:.5;transition:all var(--transition-base)}.setting-item[data-v-f9b4419d]:last-child{border-bottom:none}.setting-item[data-v-f9b4419d]:hover{background:var(--color-bg-hover);padding-left:28px}.setting-item:hover i.ri-arrow-right-s-line[data-v-f9b4419d]{opacity:1;transform:translate(4px)}.my-topics-page[data-v-97668b66]{padding:0 16px 40px;max-width:1200px;margin:0 auto}.page-header[data-v-97668b66]{margin:0 -16px 24px;position:sticky;top:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;padding:16px 16px 8px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-97668b66]{display:flex;align-items:center;gap:12px}.page-title[data-v-97668b66]{margin:0;font-size:24px;font-weight:800;color:var(--color-text-title);letter-spacing:-.5px}.info-banner[data-v-97668b66]{background:var(--color-accent-light);border:1px solid var(--color-accent-light);padding:12px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:13px;color:var(--color-accent);font-weight:600}.topic-grid[data-v-97668b66]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.empty-state[data-v-97668b66]{padding:100px 20px;text-align:center;color:var(--color-text-muted);background:var(--color-bg-component);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.empty-icon[data-v-97668b66]{margin-bottom:24px;opacity:.2}.create-modal[data-v-97668b66]{max-width:550px;width:90%;background:var(--color-bg-component);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.modal-header[data-v-97668b66]{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-97668b66]{margin:0;font-size:18px;font-weight:700}.close-btn[data-v-97668b66]{background:none;border:none;font-size:28px;color:var(--color-text-muted);cursor:pointer}.modal-body[data-v-97668b66]{padding:24px 0}.form-item[data-v-97668b66]{margin-bottom:20px}.form-item label[data-v-97668b66]{display:block;margin-bottom:8px;font-size:13px;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px}.form-item input[data-v-97668b66],.form-item select[data-v-97668b66],.form-item textarea[data-v-97668b66]{width:100%;padding:12px 16px;background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);font-size:15px;outline:none;transition:all var(--transition-base)}.form-item input[data-v-97668b66]:focus,.form-item select[data-v-97668b66]:focus,.form-item textarea[data-v-97668b66]:focus{border-color:var(--color-accent)}.cost-tip[data-v-97668b66]{margin-top:24px;text-align:center;font-size:14px;color:var(--color-text-muted);font-weight:500}.cost-tip .highlight[data-v-97668b66]{color:var(--color-accent);font-weight:800}.modal-footer[data-v-97668b66]{padding:20px 24px;border-top:1px solid var(--color-border);display:flex;gap:12px}@media (min-width: 768px){.topic-grid[data-v-97668b66]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}@media (min-width: 1024px){.topic-grid[data-v-97668b66]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px}}@media (max-width: 480px){.topic-grid[data-v-97668b66]{grid-template-columns:repeat(2,1fr);gap:12px}.page-title[data-v-97668b66]{font-size:22px}}.favorites-page[data-v-c4dd7bb4]{padding:0 16px 40px;max-width:1200px;margin:0 auto}.page-header[data-v-c4dd7bb4]{margin:0 -16px 24px;position:sticky;top:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;padding:16px 16px 8px;display:flex;align-items:center;gap:16px}.page-title[data-v-c4dd7bb4]{margin:0;font-size:24px;font-weight:800;color:var(--color-text-title);letter-spacing:-.5px}.topic-grid[data-v-c4dd7bb4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.empty-state[data-v-c4dd7bb4]{padding:100px 20px;text-align:center;color:var(--color-text-muted);background:var(--color-bg-component);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.empty-icon[data-v-c4dd7bb4]{margin-bottom:24px;opacity:.2}.mt-20[data-v-c4dd7bb4]{margin-top:20px}@media (min-width: 768px){.topic-grid[data-v-c4dd7bb4]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}@media (min-width: 1024px){.topic-grid[data-v-c4dd7bb4]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px}}@media (max-width: 480px){.topic-grid[data-v-c4dd7bb4]{grid-template-columns:repeat(2,1fr);gap:12px}.page-title[data-v-c4dd7bb4]{font-size:22px}}.about-page[data-v-445d2664]{max-width:800px;margin:0 auto;padding:0 16px 40px;color:var(--color-text-main)}.page-header[data-v-445d2664]{margin:0 -16px 32px;position:sticky;top:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;padding:16px 16px 8px;display:flex;align-items:center;gap:16px}.back-btn[data-v-445d2664]{background:var(--color-bg-component);border:1px solid var(--color-border);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-muted);font-size:20px}.back-btn[data-v-445d2664]:hover{background:var(--color-bg-hover);transform:scale(1.05)}.page-title[data-v-445d2664]{margin:0;font-size:24px;font-weight:800;color:var(--color-text-title);letter-spacing:-.5px}.about-content[data-v-445d2664]{display:flex;flex-direction:column;gap:48px}.about-section[data-v-445d2664]{animation:fadeIn-445d2664 .6s ease-out both}.about-section[data-v-445d2664]:nth-child(2){animation-delay:.1s}.about-section[data-v-445d2664]:nth-child(3){animation-delay:.2s}.about-section[data-v-445d2664]:nth-child(4){animation-delay:.3s}@keyframes fadeIn-445d2664{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-intro[data-v-445d2664]{text-align:center;padding:20px 0}.logo-area[data-v-445d2664]{margin-bottom:24px}.app-icon[data-v-445d2664]{width:80px;height:80px;background:var(--color-accent-gradient);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:40px;color:#000;box-shadow:var(--shadow-accent);overflow:hidden}.about-logo[data-v-445d2664]{width:100%;height:100%;object-fit:cover}.app-name[data-v-445d2664]{font-size:32px;font-weight:900;color:var(--color-text-title);margin:0;letter-spacing:-1px}.version[data-v-445d2664]{font-size:12px;color:var(--color-text-muted);margin:4px 0 0;font-weight:700;text-transform:uppercase;letter-spacing:1px}.slogan[data-v-445d2664]{font-size:16px;line-height:1.6;color:var(--color-text-main);max-width:400px;margin:0 auto;opacity:.8}.section-title[data-v-445d2664]{font-size:18px;font-weight:800;color:var(--color-text-title);margin:0 0 24px;display:flex;align-items:center;gap:10px}.section-title i[data-v-445d2664]{color:var(--color-accent)}.feature-grid[data-v-445d2664]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card[data-v-445d2664]{background:var(--color-bg-component);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base)}.feature-card[data-v-445d2664]:hover{border-color:var(--color-accent-light);transform:translateY(-4px)}.feature-card i[data-v-445d2664]{font-size:24px;color:var(--color-accent);margin-bottom:16px;display:block}.feature-card h4[data-v-445d2664]{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--color-text-title)}.feature-card p[data-v-445d2664]{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-muted)}.rules-list[data-v-445d2664]{display:flex;flex-direction:column;gap:12px}.rule-item[data-v-445d2664]{display:flex;align-items:center;gap:16px;background:var(--color-bg-component);padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.rule-icon[data-v-445d2664]{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-accent);flex-shrink:0}.rule-info h4[data-v-445d2664]{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--color-text-title)}.rule-info p[data-v-445d2664]{margin:0;font-size:13px;color:var(--color-text-muted)}.rule-info strong[data-v-445d2664]{color:var(--color-accent)}.tech-desc[data-v-445d2664]{font-size:14px;line-height:1.6;color:var(--color-text-muted);margin-bottom:20px}.tech-stack[data-v-445d2664]{display:flex;flex-wrap:wrap;gap:8px}.tech-tag[data-v-445d2664]{background:var(--color-bg-hover);color:var(--color-text-main);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;border:1px solid var(--color-border)}.about-footer[data-v-445d2664]{text-align:center;padding:40px 0 20px;border-top:1px solid var(--color-border)}.about-footer p[data-v-445d2664]{font-size:12px;color:var(--color-text-muted);margin:0}@media (max-width: 480px){.feature-grid[data-v-445d2664]{grid-template-columns:1fr}.app-name[data-v-445d2664]{font-size:28px}.page-title[data-v-445d2664]{font-size:22px}}.share-view[data-v-d1eb279e]{max-width:900px;margin:0 auto;padding:0 16px 100px;background:var(--color-bg-body);min-height:100vh}.header[data-v-d1eb279e]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -16px 24px;background:var(--color-bg-glass);padding:12px 16px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light)}.header-left[data-v-d1eb279e]{display:flex;align-items:center;gap:12px;overflow:hidden;flex:1}.title[data-v-d1eb279e]{margin:0;color:var(--color-text-title);font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-container[data-v-d1eb279e]{display:flex;flex-direction:column;gap:32px}.topic-info[data-v-d1eb279e]{margin-bottom:20px}.topic-card-lite[data-v-d1eb279e]{display:flex;gap:16px;background:var(--color-bg-component);padding:16px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.topic-cover[data-v-d1eb279e]{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover}.topic-details h3[data-v-d1eb279e]{margin:0 0 4px;font-size:18px;color:var(--color-text-title)}.topic-desc[data-v-d1eb279e]{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.segments[data-v-d1eb279e]{display:flex;flex-direction:column;gap:40px}.segment[data-v-d1eb279e]{animation:fadeIn-d1eb279e var(--transition-slow)}@keyframes fadeIn-d1eb279e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.seg-content[data-v-d1eb279e]{line-height:1.8;font-size:17px;color:var(--color-text-main);letter-spacing:.02em}.share-footer[data-v-d1eb279e]{margin-top:60px;text-align:center}.divider[data-v-d1eb279e]{height:1px;background:linear-gradient(to right,transparent,var(--color-border),transparent);margin-bottom:40px}.footer-content[data-v-d1eb279e]{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-logo[data-v-d1eb279e]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:var(--color-accent)}.footer-content p[data-v-d1eb279e]{font-size:14px;color:var(--color-text-muted);margin:0}.loading-screen[data-v-d1eb279e]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--color-bg-body);color:var(--color-text-muted)}.loader[data-v-d1eb279e]{width:40px;height:40px;border:3px solid var(--color-bg-component);border-top-color:var(--color-accent);border-radius:50%;animation:spin-d1eb279e .8s linear infinite}@keyframes spin-d1eb279e{to{transform:rotate(360deg)}}@media (max-width: 480px){.seg-content[data-v-d1eb279e]{font-size:16px}.title[data-v-d1eb279e]{font-size:15px}.topic-cover[data-v-d1eb279e]{width:60px;height:60px}.topic-details h3[data-v-d1eb279e]{font-size:16px}}.login-container[data-v-1defe967]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-body);padding:24px;position:relative;overflow:hidden}.login-container[data-v-1defe967]:before{content:"";position:absolute;top:-10%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,var(--color-accent-light) 0%,transparent 70%);filter:blur(60px);opacity:.5;z-index:0}.login-card[data-v-1defe967]{background:var(--color-bg-component);padding:48px 32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;border:1px solid var(--color-border);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header[data-v-1defe967]{text-align:center;margin-bottom:40px}.login-logo[data-v-1defe967]{width:80px;height:80px;margin-bottom:16px;border-radius:var(--radius-lg);object-fit:cover}.title[data-v-1defe967]{font-size:32px;font-weight:900;color:var(--color-text-title);margin:0 0 12px;letter-spacing:-1px}.subtitle[data-v-1defe967]{color:var(--color-text-muted);font-size:14px;font-weight:500;margin:0}.form-item[data-v-1defe967]{margin-bottom:24px}.form-item label[data-v-1defe967]{display:block;margin-bottom:10px;color:var(--color-text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.form-item input[data-v-1defe967]{width:100%;padding:14px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-body);color:var(--color-text-title);font-size:16px;transition:all var(--transition-base);outline:none}.form-item input[data-v-1defe967]:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.submit-btn[data-v-1defe967]{width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:800;border-radius:var(--radius-full);background:var(--color-accent-gradient);color:#000;border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-accent)}.submit-btn[data-v-1defe967]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--color-accent-shadow)}.submit-btn[data-v-1defe967]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-1defe967]{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.toggle-link[data-v-1defe967]{color:var(--color-accent);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-base);position:relative}.toggle-link+.toggle-link[data-v-1defe967]:before{content:"";width:1px;height:12px;background:var(--color-border);position:absolute;left:-8px;top:50%;transform:translateY(-50%);pointer-events:none}.toggle-link[data-v-1defe967]:hover{color:var(--color-accent-hover);text-decoration:underline}@media (max-width: 480px){.login-card[data-v-1defe967]{padding:40px 24px}.title[data-v-1defe967]{font-size:28px}}:root{--color-bg-body: #050505;--color-bg-component: #121212;--color-bg-hover: #1a1a1a;--color-bg-active: #222222;--color-bg-glass: rgba(18, 18, 18, .75);--color-border: #222222;--color-border-light: rgba(255, 255, 255, .1);--color-text-main: #e0e0e0;--color-text-muted: #808080;--color-text-title: #ffffff;--color-text-on-primary: #050505;--color-primary: #ffffff;--color-primary-hover: #f0f0f0;--color-primary-light: rgba(255, 255, 255, .1);--color-primary-gradient: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%);--color-primary-shadow: rgba(255, 255, 255, .1);--color-accent: #00ff88;--color-accent-hover: #00e67a;--color-accent-light: rgba(0, 255, 136, .1);--color-accent-gradient: linear-gradient(135deg, #00ff88 0%, #00cc6e 100%);--color-accent-shadow: rgba(0, 255, 136, .2);--color-success: #00ff88;--color-success-shadow: rgba(0, 255, 136, .2);--color-danger: #ff4d4f;--color-danger-hover: #e04344;--font-family-base: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .6);--shadow-primary: 0 4px 20px 0 var(--color-primary-shadow);--shadow-accent: 0 4px 20px 0 var(--color-accent-shadow);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-bg-body);color:var(--color-text-main);font-family:var(--font-family-base)}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text-title)}.page-title{margin-top:0;font-size:24px;color:var(--color-text-title);margin-bottom:20px}.empty-state{text-align:center;color:var(--color-text-muted);padding:40px 0}.loading{text-align:center;color:var(--color-text-muted);padding:40px}.app-layout{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-body);background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:60px 60px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--color-bg-glass);border-bottom:1px solid var(--color-border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;z-index:1000}.back-btn{background:var(--color-bg-component);border:1px solid var(--color-border);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);font-size:20px;font-weight:900;letter-spacing:-.5px;transition:all var(--transition-base)}.back-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);transform:scale(1.05)}.brand{font-size:20px;font-weight:900;color:var(--color-text-title);letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.brand .logo{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover}.nav-links{display:flex;gap:8px}.nav-links a{font-size:15px;font-weight:600;color:var(--color-text-muted);padding:8px 16px;border-radius:var(--radius-full);transition:all var(--transition-base)}.nav-links a:hover{color:var(--color-text-main);background:var(--color-bg-hover)}.nav-links a.router-link-active{color:#000;background:var(--color-primary)}.app-main{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.app-main::-webkit-scrollbar{width:6px}.app-main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.mobile-nav{display:none;background:var(--color-bg-glass);border-top:1px solid var(--color-border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-around;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));flex-shrink:0;z-index:1000}.mobile-nav a{display:flex;flex-direction:column;align-items:center;color:var(--color-text-muted);font-size:10px;font-weight:700;gap:4px;transition:all var(--transition-base)}.mobile-nav a.router-link-active{color:var(--color-accent)}.mobile-nav i{font-size:22px;transition:all var(--transition-base);color:var(--color-text-muted)}.mobile-nav a.router-link-active i{color:var(--color-accent);transform:translateY(-2px)}@media (max-width: 768px){.app-header{display:none}.mobile-nav{display:flex}.app-main{padding:0}}.btn{background:var(--color-bg-hover);color:var(--color-text-main);border:none;padding:12px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--color-bg-active);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.btn.primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-primary)}.btn.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 6px 20px var(--color-primary-shadow)}.btn-gradient{background:var(--color-primary-gradient)!important;color:#fff!important;box-shadow:var(--shadow-primary);border:none}.btn-gradient:hover:not(:disabled){box-shadow:0 6px 24px var(--color-primary-shadow);filter:brightness(1.1)}.btn-success{background:var(--color-success)!important;color:#fff!important;box-shadow:var(--shadow-success);cursor:default!important}.btn-done{background:var(--color-bg-hover)!important;color:var(--color-text-muted)!important;border:1px solid var(--color-border)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.btn-block{width:100%;display:flex}.btn.danger{background:var(--color-danger);color:#fff}.btn.danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-sm{display:inline-flex;align-items:center;gap:4px;background:var(--color-bg-hover);color:var(--color-text-main);border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}.btn-sm:hover:not(:disabled){background:var(--color-bg-active);transform:translateY(-1px)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.btn-sm.primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-sm.primary:hover:not(:disabled){background:var(--color-primary-hover)}.icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);padding:6px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.icon-btn:hover{color:#fff;background:#ffffff1a}.icon-svg{filter:drop-shadow(0 0 0 transparent);transition:all .2s}.icon-svg.icon-14{width:14px;height:14px}.icon-svg.icon-20{width:20px;height:20px}.icon-svg.icon-48{width:48px;height:48px}.icon-btn:hover .icon-svg,.btn-sm.primary .icon-svg,.btn.primary .icon-svg{filter:brightness(0) invert(1)}.card{background:var(--color-bg-component);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-component);padding:0 24px;border-radius:var(--radius-xl);width:90%;max-width:400px;box-shadow:0 10px 25px #00000080}.modal-content h3{margin-top:0;margin-bottom:12px;color:var(--color-text-title);font-size:20px}.modal-content p{color:var(--color-text-muted);font-size:14px;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}