.teen-index[data-v-409a5d7b]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;padding-bottom:80px}.page-header[data-v-409a5d7b]{text-align:center;padding:25px 15px 20px;color:#fff}.header-icon[data-v-409a5d7b]{font-size:3rem;margin-bottom:10px;-webkit-animation:float-data-v-409a5d7b 3s ease-in-out infinite;animation:float-data-v-409a5d7b 3s ease-in-out infinite}@-webkit-keyframes float-data-v-409a5d7b{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float-data-v-409a5d7b{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.page-header h1[data-v-409a5d7b]{font-size:1.8rem;margin:0 0 8px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:600}.page-header p[data-v-409a5d7b]{font-size:.9rem;margin:0;opacity:.9;letter-spacing:1px}.card-container[data-v-409a5d7b]{max-width:1200px;margin:0 auto}.category-tags[data-v-409a5d7b]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:0 5px 15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-tags[data-v-409a5d7b]::-webkit-scrollbar{display:none}.tag[data-v-409a5d7b]{-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;background:hsla(0,0%,100%,.2);border-radius:20px;font-size:.85rem;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.3)}.tag.active[data-v-409a5d7b],.tag[data-v-409a5d7b]:hover{background:#fff;color:#667eea;border-color:#fff}.card-grid[data-v-409a5d7b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0 5px}.card-item[data-v-409a5d7b]{background:#fff;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent}.card-item[data-v-409a5d7b]:active{-webkit-transform:scale(.97);transform:scale(.97)}.card-item[data-v-409a5d7b]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 20px 40px rgba(0,0,0,.25);box-shadow:0 20px 40px rgba(0,0,0,.25)}.card-image[data-v-409a5d7b]{position:relative;height:160px;overflow:hidden}.card-image img[data-v-409a5d7b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.card-item:hover .card-image img[data-v-409a5d7b]{-webkit-transform:scale(1.15);transform:scale(1.15)}.card-badge[data-v-409a5d7b]{position:absolute;top:12px;left:12px;width:28px;height:28px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.75rem;font-weight:700;-webkit-box-shadow:0 4px 10px hsla(0,100%,71%,.4);box-shadow:0 4px 10px hsla(0,100%,71%,.4);z-index:2}.card-overlay[data-v-409a5d7b]{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.5)));background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.card-item:hover .card-overlay[data-v-409a5d7b]{opacity:1}.view-btn[data-v-409a5d7b]{background:#fff;color:#667eea;padding:10px 24px;border-radius:25px;font-weight:700;font-size:.85rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2)}.card-item:hover .view-btn[data-v-409a5d7b]{-webkit-transform:translateY(0);transform:translateY(0)}.btn-icon[data-v-409a5d7b]{font-size:.7rem}.card-content[data-v-409a5d7b]{padding:16px}.card-content h3[data-v-409a5d7b]{margin:0 0 8px 0;font-size:1.05rem;color:#222;line-height:1.4;font-weight:600}.card-content p[data-v-409a5d7b]{margin:0 0 12px 0;font-size:.85rem;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-409a5d7b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.read-time[data-v-409a5d7b]{font-size:.75rem;color:#999}.arrow[data-v-409a5d7b]{color:#667eea;font-size:1.2rem;font-weight:700;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-item:hover .arrow[data-v-409a5d7b]{-webkit-transform:translateX(5px);transform:translateX(5px)}.page-footer[data-v-409a5d7b]{text-align:center;padding:30px 15px;color:hsla(0,0%,100%,.7);font-size:.8rem}@media (max-width:768px){.teen-index[data-v-409a5d7b]{padding:12px;padding-bottom:70px}.page-header[data-v-409a5d7b]{padding:20px 10px 15px}.header-icon[data-v-409a5d7b]{font-size:2.5rem}.page-header h1[data-v-409a5d7b]{font-size:1.5rem}.page-header p[data-v-409a5d7b]{font-size:.85rem}.card-grid[data-v-409a5d7b]{grid-template-columns:repeat(2,1fr);gap:12px;padding:0}.card-image[data-v-409a5d7b]{height:110px}.card-badge[data-v-409a5d7b]{top:8px;left:8px;width:22px;height:22px;font-size:.65rem}.card-content[data-v-409a5d7b]{padding:12px}.card-content h3[data-v-409a5d7b]{font-size:.9rem;margin-bottom:6px}.card-content p[data-v-409a5d7b]{font-size:.75rem;margin-bottom:8px;-webkit-line-clamp:2}.card-footer[data-v-409a5d7b]{padding-top:8px}.read-time[data-v-409a5d7b]{font-size:.65rem}.arrow[data-v-409a5d7b]{font-size:1rem}.view-btn[data-v-409a5d7b]{padding:8px 16px;font-size:.75rem}}@media (max-width:380px){.teen-index[data-v-409a5d7b]{padding:10px;padding-bottom:60px}.card-grid[data-v-409a5d7b]{grid-template-columns:repeat(2,1fr);gap:10px}.page-header[data-v-409a5d7b]{padding:15px 8px 12px}.header-icon[data-v-409a5d7b]{font-size:2rem}.page-header h1[data-v-409a5d7b]{font-size:1.3rem}.page-header p[data-v-409a5d7b]{font-size:.75rem}.card-image[data-v-409a5d7b]{height:90px}.card-badge[data-v-409a5d7b]{top:6px;left:6px;width:18px;height:18px;font-size:.55rem}.card-content[data-v-409a5d7b]{padding:8px}.card-content h3[data-v-409a5d7b]{font-size:.75rem;margin-bottom:4px;line-height:1.3}.card-content p[data-v-409a5d7b]{font-size:.65rem;margin-bottom:6px;-webkit-line-clamp:2;line-height:1.3}.card-footer[data-v-409a5d7b]{padding-top:6px}.read-time[data-v-409a5d7b]{font-size:.6rem}.arrow[data-v-409a5d7b]{font-size:.85rem}.view-btn[data-v-409a5d7b]{padding:6px 12px;font-size:.65rem}.btn-icon[data-v-409a5d7b]{font-size:.55rem}}