*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#fafafa;min-height:100vh;color:#262626}#app{min-height:100vh;background:linear-gradient(135deg,#fdf4ff,#e0f2fe)}.nav-bar{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);padding:.75rem 0;box-shadow:0 2px 10px #0000000d}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.nav-logo{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;color:#262626;text-decoration:none}.logo-icon{font-size:1.5rem}.logo-text{background:linear-gradient(45deg,#8338ec,#3a86ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-center{flex:1;max-width:350px;margin:0 20px}.nav-search{position:relative}.search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid #dbdbdb;border-radius:8px;background:#fafafa;font-size:.9rem;outline:none;transition:all .2s}.search-input:focus{border-color:#8338ec;background:#fff;box-shadow:0 0 0 2px #8338ec1a}.search-input::placeholder{color:#8e8e8e}.nav-actions{display:flex;align-items:center;gap:20px}.nav-link{display:flex;align-items:center;gap:6px;color:#262626;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px;transition:all .2s}.nav-link:hover{background:#f2f2f2}.nav-icon{font-size:1.2rem}.nav-text{font-size:.9rem}.user-profile{display:flex;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#ff9a9e,#fad0c4);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.main-content{max-width:1200px;margin:0 auto;padding:20px}.news-list-container[data-v-22f111ad]{max-width:800px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header-section[data-v-22f111ad]{margin-bottom:2rem}.header-content[data-v-22f111ad]{text-align:center;margin-bottom:1.5rem}.main-title[data-v-22f111ad]{font-size:2rem;font-weight:700;color:#262626;margin-bottom:.25rem;background:linear-gradient(45deg,#8338ec,#3a86ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-22f111ad]{color:#8e8e8e;font-size:1rem}.filters[data-v-22f111ad]{display:flex;justify-content:center;gap:12px;margin-bottom:2rem;flex-wrap:wrap}.filter-btn[data-v-22f111ad]{padding:8px 16px;border:1px solid #dbdbdb;background:#fff;border-radius:20px;font-size:.9rem;color:#262626;cursor:pointer;transition:all .2s}.filter-btn.active[data-v-22f111ad],.filter-btn[data-v-22f111ad]:hover{background:#0095f6;color:#fff;border-color:#0095f6}.loading[data-v-22f111ad],.error[data-v-22f111ad]{text-align:center;padding:3rem;color:#666}.spinner[data-v-22f111ad]{border:4px solid #f3f3f3;border-top:4px solid #0095f6;border-radius:50%;width:40px;height:40px;animation:spin-22f111ad 1s linear infinite;margin:0 auto 1rem}@keyframes spin-22f111ad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.articles-grid[data-v-22f111ad]{display:flex;flex-direction:column;gap:1.5rem}.article-card[data-v-22f111ad]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid #e6e6e6}.article-card[data-v-22f111ad]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-header[data-v-22f111ad]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #efefef}.source-info[data-v-22f111ad]{display:flex;align-items:center;gap:10px;flex:1}.source-avatar[data-v-22f111ad]{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#ff9a9e,#fad0c4);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff}.source-details[data-v-22f111ad]{display:flex;flex-direction:column}.source-name[data-v-22f111ad]{font-weight:600;font-size:.9rem;color:#262626}.publish-time[data-v-22f111ad]{font-size:.75rem;color:#8e8e8e}.more-options[data-v-22f111ad]{font-size:1.5rem;color:#8e8e8e;cursor:pointer;padding:4px}.article-image[data-v-22f111ad]{width:100%;height:300px;overflow:hidden;background-color:#fafafa}.article-image img[data-v-22f111ad]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-image img[data-v-22f111ad]{transform:scale(1.05)}.image-placeholder[data-v-22f111ad]{width:100%;height:300px;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center}.placeholder-icon[data-v-22f111ad]{font-size:3rem;opacity:.3}.article-content[data-v-22f111ad]{padding:16px}.article-title[data-v-22f111ad]{font-size:1.1rem;font-weight:600;color:#262626;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-summary[data-v-22f111ad]{font-size:.95rem;color:#8e8e8e;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-actions[data-v-22f111ad]{display:flex;gap:20px;padding-top:12px;border-top:1px solid #efefef}.action-btn[data-v-22f111ad]{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#8e8e8e;font-size:.8rem;padding:0}.action-btn[data-v-22f111ad]:hover{color:#0095f6}.action-icon[data-v-22f111ad]{font-size:1.2rem}.retry-btn[data-v-22f111ad]{padding:10px 20px;background:#0095f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.pagination[data-v-22f111ad]{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem;padding:1rem}.page-btn[data-v-22f111ad]{padding:10px 16px;border:1px solid #dbdbdb;background:#fff;border-radius:6px;cursor:pointer;color:#262626;font-weight:600;transition:all .2s}.page-btn[data-v-22f111ad]:hover:not(:disabled){background-color:#f2f2f2}.page-btn[data-v-22f111ad]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-22f111ad]{color:#8e8e8e;font-size:.9rem}@media (max-width: 768px){.news-list-container[data-v-22f111ad]{padding:.5rem}.main-title[data-v-22f111ad]{font-size:1.5rem}.article-image[data-v-22f111ad],.image-placeholder[data-v-22f111ad]{height:200px}}.news-detail-container[data-v-22382e37]{max-width:800px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#fafafa;min-height:100vh}.loading[data-v-22382e37],.error[data-v-22382e37]{text-align:center;padding:5rem 0}.spinner[data-v-22382e37]{border:4px solid #f3f3f3;border-top:4px solid #0095f6;border-radius:50%;width:40px;height:40px;animation:spin-22382e37 1s linear infinite;margin:0 auto}@keyframes spin-22382e37{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-wrapper[data-v-22382e37]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000001a;margin-bottom:1rem;border:1px solid #e6e6e6}.article-header[data-v-22382e37]{padding:16px;border-bottom:1px solid #efefef}.header-top[data-v-22382e37]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.source-info[data-v-22382e37]{display:flex;align-items:center;gap:10px;cursor:pointer}.source-avatar[data-v-22382e37]{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#ff9a9e,#fad0c4);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff}.source-details[data-v-22382e37]{display:flex;flex-direction:column}.source-name[data-v-22382e37]{font-weight:600;font-size:.95rem;color:#262626}.publish-time[data-v-22382e37]{font-size:.8rem;color:#8e8e8e}.more-options[data-v-22382e37]{font-size:1.5rem;color:#8e8e8e;cursor:pointer;padding:4px}.title[data-v-22382e37]{font-size:1.5rem;font-weight:700;color:#262626;margin:0 0 16px;line-height:1.4}.article-stats[data-v-22382e37]{display:flex;gap:20px;padding-top:12px;border-top:1px solid #efefef}.stat-item[data-v-22382e37]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#8e8e8e}.stat-icon[data-v-22382e37]{font-size:1.1rem}.article-body[data-v-22382e37]{padding:0 16px 16px;color:#262626;line-height:1.6}[data-v-22382e37] .content-image{max-width:100%;height:auto;display:block;margin:1.5rem 0;border-radius:8px;box-shadow:0 2px 8px #0000001a}[data-v-22382e37] p{margin-bottom:1.2rem;font-size:1rem;line-height:1.7}[data-v-22382e37] h2{font-size:1.3rem;margin-top:2rem;margin-bottom:1rem;font-weight:600;color:#262626}[data-v-22382e37] h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.8rem;font-weight:600;color:#262626}[data-v-22382e37] a{color:#0095f6;text-decoration:none}[data-v-22382e37] ul,[data-v-22382e37] ol{margin:1rem 0;padding-left:1.5rem}[data-v-22382e37] li{margin-bottom:.5rem}[data-v-22382e37] blockquote{border-left:3px solid #0095f6;margin:1.5rem 0;padding-left:1rem;font-style:italic;color:#666;background:#f8f9fa;padding:1rem;border-radius:0 4px 4px 0}.article-footer[data-v-22382e37]{padding:16px;border-top:1px solid #efefef;background:#fafafa}.action-buttons[data-v-22382e37]{display:flex;justify-content:space-around;padding:16px 0;border-bottom:1px solid #efefef;margin-bottom:16px}.action-btn[data-v-22382e37]{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#8e8e8e;font-size:.85rem;padding:0;min-width:60px}.action-btn.like-btn[data-v-22382e37]:hover{color:#ed4956}.action-btn.comment-btn[data-v-22382e37]:hover{color:#0095f6}.action-btn.share-btn[data-v-22382e37]:hover{color:#25d366}.action-icon[data-v-22382e37]{font-size:1.4rem}.disclaimer[data-v-22382e37]{text-align:center;padding:0 0 16px}.disclaimer p[data-v-22382e37]{font-size:.8rem;color:#8e8e8e;line-height:1.4}.navigation[data-v-22382e37]{text-align:center}.back-btn[data-v-22382e37]{padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s}.back-btn.primary[data-v-22382e37]{background:#0095f6;color:#fff;border:none}.back-btn.primary[data-v-22382e37]:hover{background:#0081d6}.back-btn.secondary[data-v-22382e37]{background:transparent;color:#0095f6;border:1px solid #0095f6}.back-btn.secondary[data-v-22382e37]:hover{background:#f0f7fc}@media (max-width: 768px){.news-detail-container[data-v-22382e37]{padding:.5rem}.title[data-v-22382e37]{font-size:1.4rem}.action-buttons[data-v-22382e37]{gap:10px}.action-btn[data-v-22382e37]{min-width:50px}}