:root{--bg-color:#fff9f0;--bg-color-alt:#ffe8d6;--accent-pink:#ff7675;--accent-gold:#fdcb6e;--text-primary:#2d3436;--text-secondary:#636e72;--card-bg:#ffffffd9;--card-border:#ff76754d;--glass-bg:#fff9f0d9;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#ff767526 0%,#0000 50%),radial-gradient(circle at 85% 30%,#fdcb6e33 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Noto Sans TC,sans-serif}.app-container{max-width:1384px;margin:0 auto;padding:0 20px}.header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:2px dashed #ff767533;flex-direction:column;gap:20px;padding:40px 0 30px;display:flex;position:sticky;top:0}.header-content h1{background:linear-gradient(135deg, var(--accent-pink), #fab1a0);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-secondary);letter-spacing:.5px;font-size:.95rem}.search-container{flex-direction:column;gap:15px;display:flex}.search-box{gap:10px;width:100%;max-width:600px;display:flex}#keyword-input{color:var(--text-primary);transition:var(--transition);background:#fff;border:2px solid #ff76754d;border-radius:20px;outline:none;flex:1;padding:12px 20px;font-size:1rem;box-shadow:0 4px 6px #ff76750d}#keyword-input:focus{border-color:var(--accent-pink);box-shadow:0 0 12px #ff767540}.primary-btn{background:linear-gradient(135deg, var(--accent-pink), #ff9ff3);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:20px;padding:0 24px;font-weight:600;box-shadow:0 4px 10px #ff76754d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff767566}.quick-filters{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;display:flex}.filter-tag{color:var(--accent-pink);cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #ff767533;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500;box-shadow:0 2px 4px #ff76750d}.filter-tag:hover{border-color:var(--accent-gold);color:#e17055;background:#ffeaa7;transform:translateY(-1px)}.filter-tag.active{background:var(--accent-pink);border-color:var(--accent-pink);color:#fff}.main-content{padding:30px 0 60px}.video-grid{grid-template-columns:repeat(4,331px);justify-content:space-between;row-gap:30px;display:grid}.video-card{background:var(--card-bg);border:1px solid var(--card-border);width:331px;height:357px;transition:var(--transition);border-radius:8px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #fdcb6e0d}.video-card-image{background:#ff76751a;justify-content:center;align-items:center;width:331px;height:221px;display:flex;position:relative;overflow:hidden}.video-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card:hover .video-card-image img{transform:scale(1.05)}.video-id-badge{color:#fff;z-index:10;background:#e17055e6;border-radius:4px;padding:2px 6px;font-family:Comic Sans MS,Chalkboard SE,monospace;font-size:.85rem;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #0003}.validated-badge{color:#fff;z-index:10;background:#00b894;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 5px #0000004d}.validated-badge svg{width:14px;height:14px}.video-card:hover{background:#fff;border-color:#ff767599;transform:translateY(-4px);box-shadow:0 10px 20px #ff767533}.card-detail{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex}.video-title{-webkit-line-clamp:1;line-clamp:1;color:var(--text-primary);-webkit-box-orient:vertical;margin-bottom:4px;font-size:.95rem;font-weight:600;line-height:1.3;text-decoration:none;display:-webkit-box;overflow:hidden}.video-title:hover{color:var(--accent-pink)}.video-meta{color:var(--text-secondary);background:0 0;flex-direction:column;gap:4px;padding:0;font-size:.8rem;display:flex}.meta-item{justify-content:space-between;display:flex}.meta-value{color:#2d3436;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:70%;font-weight:500;overflow:hidden}.card-footer{border-top:1px solid #ff767526;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.thumbs-up{color:var(--accent-pink);align-items:center;gap:4px;font-size:.95rem;font-weight:700;display:flex}.thumbs-up svg{fill:currentColor;width:16px;height:16px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.video-card:hover .thumbs-up svg{transform:scale(1.2)rotate(-10deg)}.action-link{color:#0984e3;transition:var(--transition);background:#0984e31a;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.action-link:hover{color:#fff;background:#0984e3;transform:translateY(-2px);box-shadow:0 4px 8px #0984e34d}.loading-indicator{color:var(--accent-pink);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px 0;font-weight:600;display:flex}.spinner{border:4px dashed #ff76754d;border-top-color:var(--accent-gold);border-radius:50%;width:36px;height:36px;animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.no-more-data,.no-results{text-align:center;color:#e17055;background:#ffeaa7;border-radius:12px;margin-top:20px;padding:30px 0;font-size:1rem;font-weight:600}@media (width<=1384px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;gap:20px}.video-card{width:100%;height:auto}.video-card-image{aspect-ratio:2/3;flex:none}}@media (width<=1024px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.header-content h1{font-size:2rem}.video-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (width<=480px){.video-grid{grid-template-columns:repeat(1,1fr)}}