:root{--color-bg: #f5f5f5;--color-bg-soft: #ffffff;--color-bg-card: #ffffff;--color-fg: #1a1a1a;--color-fg-muted: #666666;--color-accent: #e63946;--color-accent-deep: #c1121f;--color-border: rgba(0, 0, 0, .08);--color-highlight: rgba(230, 57, 70, .15);--color-success: #2a9d8f;--color-error: #e63946;--font-sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-serif: "Noto Serif SC", "Songti SC", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:16px;line-height:1.6}#app{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column}.hero-section{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-xl);text-align:center;background:var(--color-bg)}.hero-title{margin:0 0 var(--spacing-sm);font-size:3rem;font-weight:700;color:var(--color-fg);letter-spacing:-.02em}.hero-quote{margin:0 0 var(--spacing-xl);font-family:var(--font-serif);font-size:1.25rem;font-style:italic;color:var(--color-fg-muted);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}.hero-quote em{color:var(--color-accent);font-weight:500}.search-section{padding:0 var(--spacing-lg) var(--spacing-xl);background:var(--color-bg)}.search-container{max-width:720px;margin:0 auto}.search-examples{margin-top:var(--spacing-md);font-size:.875rem;color:var(--color-fg-muted)}.search-examples a{color:var(--color-accent);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.search-examples a:hover{text-decoration:underline}.filter-section{padding:0 var(--spacing-lg) var(--spacing-lg);background:var(--color-bg)}.filter-container{max-width:720px;margin:0 auto;display:flex;gap:var(--spacing-md);justify-content:center;align-items:center}.main-content{flex:1;padding:0 var(--spacing-lg) var(--spacing-2xl);max-width:1200px;width:100%;margin:0 auto}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: 1024px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hero-title{font-size:2rem}.hero-quote{font-size:1rem}.results-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.filter-container{flex-wrap:wrap}}.search-bar{display:flex;gap:var(--spacing-sm)}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);width:20px;height:20px;color:var(--color-fg-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.75rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-soft);color:var(--color-fg);font-size:1rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-md)}.search-input::placeholder{color:var(--color-fg-muted)}.search-clear{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--color-border);color:var(--color-fg-muted);cursor:pointer;transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-fg-muted);color:var(--color-bg-soft)}.search-clear svg{width:14px;height:14px}.search-button{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.search-button:hover{background:var(--color-accent-deep);box-shadow:var(--shadow-md)}.filter-bar{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-label{font-size:.875rem;color:var(--color-fg-muted);white-space:nowrap}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-fg);font-size:.875rem;cursor:pointer;transition:border-color var(--transition-fast);box-shadow:var(--shadow-sm)}.filter-select:focus{outline:none;border-color:var(--color-accent)}.lang-toggle{position:relative}.lang-toggle-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-fg);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.lang-toggle-btn:hover{border-color:var(--color-accent)}.lang-toggle-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:120px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);z-index:100}.lang-toggle-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-fg);font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.lang-option:hover{background:var(--color-bg)}.lang-option.is-active{color:var(--color-accent);font-weight:500}.cart-button{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:56px;height:56px;border:none;border-radius:50%;background:var(--color-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);z-index:50}.cart-button:hover{transform:scale(1.05);box-shadow:0 12px 32px #e639464d}.cart-button svg{width:24px;height:24px}.cart-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--color-fg);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.result-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-card);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);aspect-ratio:16 / 10}.result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.card-thumbnail video{width:100%;height:100%;object-fit:cover}.card-thumbnail-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff9}.card-thumbnail-placeholder svg{width:48px;height:48px}.card-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;opacity:0;transition:opacity var(--transition-fast)}.result-card:hover .card-play-overlay{opacity:1}.card-play-btn{width:56px;height:56px;border:none;border-radius:50%;background:#fffffff2;color:var(--color-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);box-shadow:var(--shadow-md)}.card-play-btn:hover{transform:scale(1.1)}.card-play-btn svg{width:28px;height:28px;margin-left:3px}.card-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(transparent,#000000b3);color:#fff}.card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:.75rem;color:#fffc}.card-episode{font-family:var(--font-mono);font-weight:500;color:#fff;background:var(--color-accent);padding:1px 6px;border-radius:var(--radius-sm)}.card-text{margin:0;font-size:.875rem;line-height:1.5;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-text-zh{margin:var(--spacing-xs) 0 0;font-size:.8125rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-no-clip{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:2px 8px;border-radius:var(--radius-sm);background:#0009;color:#fffc;font-size:.6875rem}.clip-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:all var(--transition-normal)}.clip-modal.is-open{visibility:visible;opacity:1}.clip-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clip-modal-content{position:relative;width:90%;max-width:900px;height:90vh;max-height:800px;background:var(--color-bg-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transform:scale(.95);transition:transform var(--transition-normal);display:flex;flex-direction:column}.clip-modal.is-open .clip-modal-content{transform:scale(1)}.clip-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.clip-modal-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-fg)}.clip-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:var(--color-bg);color:var(--color-fg);cursor:pointer;transition:all var(--transition-fast)}.clip-modal-close:hover{background:var(--color-border)}.clip-modal-close svg{width:20px;height:20px}.clip-modal-video{position:relative;width:100%;flex:1;min-height:0;background:#000}.clip-modal-video video{width:100%;height:100%;object-fit:contain}.clip-video-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fffc;text-align:center;padding:var(--spacing-xl)}.clip-video-unavailable svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.6}.clip-modal-info{padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0;max-height:35%;overflow-y:auto}.clip-modal-text{margin:0 0 var(--spacing-xs);font-size:1.125rem;line-height:1.6;color:var(--color-fg);font-weight:500}.clip-modal-text-zh{margin:0;font-size:1rem;color:var(--color-fg-muted);line-height:1.5}.clip-modal-meta{margin-top:var(--spacing-md);font-size:.875rem;color:var(--color-fg-muted);display:flex;gap:var(--spacing-lg)}.clip-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#ffffffe6;color:var(--color-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:10}.clip-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.clip-nav svg{width:24px;height:24px}.clip-nav-prev{left:var(--spacing-md)}.clip-nav-next{right:var(--spacing-md)}.clip-nav:disabled{opacity:.3;cursor:not-allowed}.clip-modal-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-soft);flex-shrink:0;min-height:60px;align-items:center}.clip-modal-actions .btn{flex:1;justify-content:center}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-fg);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep);color:#fff}.btn-cart.is-added{color:var(--color-success);border-color:var(--color-success)}.highlight{background:var(--color-highlight);color:var(--color-accent);padding:0 2px;border-radius:2px}.result-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-fg-muted);text-align:center}.result-empty svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.4}.result-empty-hint{font-size:.875rem;margin-top:var(--spacing-sm)}.result-loading{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.skeleton-card{aspect-ratio:16 / 10;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-soft) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.result-error{grid-column:1 / -1;padding:var(--spacing-2xl);text-align:center;color:var(--color-error)}.btn-retry{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-error);border-radius:var(--radius-md);background:transparent;color:var(--color-error);cursor:pointer;transition:all var(--transition-fast)}.btn-retry:hover{background:var(--color-error);color:#fff}.clip-cart{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;visibility:hidden;opacity:0;transition:all var(--transition-normal)}.clip-cart.is-open{visibility:visible;opacity:1}.cart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.cart-drawer{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--color-bg-soft);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-normal)}.clip-cart.is-open .cart-drawer{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.cart-title{margin:0;font-size:1.125rem;font-weight:600}.cart-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--color-fg);cursor:pointer;transition:background var(--transition-fast)}.cart-close:hover{background:var(--color-bg)}.cart-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.cart-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-fg-muted);text-align:center}.cart-empty svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.4}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.cart-item-index{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.cart-item-content{flex:1;min-width:0}.cart-item-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);font-size:.75rem;color:var(--color-fg-muted)}.cart-item-text{margin:0;font-size:.875rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cart-item-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.cart-item-remove:hover{background:var(--color-error);color:#fff}.cart-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.cart-footer .btn{flex:1;justify-content:center}.btn-clear{color:var(--color-error);border-color:var(--color-error)}.btn-clear:hover{background:var(--color-error);color:#fff}.btn-share{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-share:hover{background:var(--color-accent-deep)}.share-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:all var(--transition-normal)}.share-modal.is-open{visibility:visible;opacity:1}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.modal-content{position:relative;width:90%;max-width:480px;background:var(--color-bg-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform var(--transition-normal)}.share-modal.is-open .modal-content{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-size:1.125rem;font-weight:600}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--color-fg);cursor:pointer;transition:background var(--transition-fast)}.modal-close:hover{background:var(--color-bg)}.modal-body{padding:var(--spacing-lg)}.share-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-fg-muted)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.share-result{text-align:center}.share-description{margin:0 0 var(--spacing-md);color:var(--color-fg-muted)}.share-url-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.share-url{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font-size:.875rem;font-family:var(--font-mono)}.share-url:focus{outline:none;border-color:var(--color-accent)}.share-hint{margin:0;font-size:.75rem;color:var(--color-fg-muted)}.share-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-error);text-align:center}.share-page .page-header{position:sticky;top:0;z-index:100;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.btn-home{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-fg);text-decoration:none;font-size:.875rem;transition:border-color var(--transition-fast)}.btn-home:hover{border-color:var(--color-accent)}.share-main{flex:1;padding:var(--spacing-lg);max-width:800px;width:100%;margin:0 auto}.share-info{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.share-title{margin:0 0 var(--spacing-xs);font-size:1.25rem;font-weight:600}.share-meta{margin:0;font-size:.875rem;color:var(--color-fg-muted)}.share-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.share-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:border-color var(--transition-fast)}.share-item:hover{border-color:var(--color-accent)}.share-item-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:.875rem;font-weight:600;flex-shrink:0}.share-item-content{flex:1;min-width:0}.share-item-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.75rem;color:var(--color-fg-muted)}.share-item-text{margin:0;line-height:1.6}.share-item-text-zh{margin:var(--spacing-xs) 0 0;font-size:.875rem;color:var(--color-fg-muted)}@media (max-width: 1024px){.result-loading{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.search-bar{flex-direction:column}.search-button{width:100%}.filter-bar{flex-wrap:wrap}.result-loading{grid-template-columns:1fr}.clip-modal-content{width:95%;max-height:95vh}.clip-nav{width:40px;height:40px}.clip-nav-prev{left:var(--spacing-sm)}.clip-nav-next{right:var(--spacing-sm)}.clip-modal-actions{flex-direction:column}.cart-drawer{max-width:100%}.cart-footer,.share-url-container,.share-item{flex-direction:column}.cart-button{bottom:var(--spacing-md);right:var(--spacing-md);width:48px;height:48px}}