.page-container[data-v-c60a75ae]{--primary-color:#4a6bdf;--secondary-color:#29d;--accent-color:#ff6b6b;--text-primary:#333;--text-secondary:#666;--text-light:#888;--bg-white:#fff;--bg-light:#f8f9ff;--bg-gray:#f5f7fa;--border-color:#eee;--border-radius:12px;--spacing-unit:8px;--transition-normal:all .3s ease;--box-shadow:0 4px 20px rgba(0,0,0,.08);--primary-light:rgba(74,107,223,.1);border-radius:10px;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;line-height:1.6;margin:0 0 10px;min-height:100vh;padding:0}.page-header[data-v-c60a75ae]{background:var(--bg-white);box-shadow:0 2px 8px #0000000d;padding:calc(var(--spacing-unit)*2);position:sticky;top:0;z-index:100}.main-layout[data-v-c60a75ae]{display:grid;gap:calc(var(--spacing-unit)*1.5);grid-template-columns:240px 1fr 240px;margin:calc(var(--spacing-unit)*1.5) auto;max-width:1200px}.side-panel[data-v-c60a75ae]{align-self:flex-start;height:-moz-fit-content;height:fit-content}.brand-card[data-v-c60a75ae]{box-shadow:0 4px 20px #0000000f;margin-bottom:calc(var(--spacing-unit)*1.5);padding:calc(var(--spacing-unit)*2);text-align:center}.brand-card[data-v-c60a75ae],.main-brand-logo[data-v-c60a75ae]{background:var(--bg-white);border-radius:var(--border-radius)}.main-brand-logo[data-v-c60a75ae]{box-shadow:0 4px 12px #00000014;height:100px;margin:0 auto;margin-bottom:calc(var(--spacing-unit)*2);-o-object-fit:contain;object-fit:contain;width:100px}.main-brand-name[data-v-c60a75ae]{color:var(--primary-color);font-size:24px;font-weight:600;margin-bottom:var(--spacing-unit)}.brand-description[data-v-c60a75ae]{color:var(--text-secondary);font-size:15px;margin-bottom:calc(var(--spacing-unit)*2)}.eco-section[data-v-c60a75ae]{background:var(--bg-white);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000a;margin-bottom:calc(var(--spacing-unit)*1.5);padding:calc(var(--spacing-unit)*1.2)}.section-title[data-v-c60a75ae]{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:calc(var(--spacing-unit));padding-bottom:10px;position:relative}.section-title[data-v-c60a75ae]:after{background:var(--primary-color);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.eco-brand-logos[data-v-c60a75ae]{display:grid;gap:calc(var(--spacing-unit));grid-template-columns:repeat(3,1fr)}.eco-brand-item[data-v-c60a75ae]{align-items:center;background:var(--bg-light);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;padding:calc(var(--spacing-unit));text-decoration:none;transition:var(--transition-normal)}.eco-brand-item[data-v-c60a75ae]:hover{background:var(--bg-white);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.eco-brand-item img[data-v-c60a75ae]{background:var(--bg-white);border-radius:8px;box-shadow:0 2px 6px #00000014;height:48px;margin-bottom:var(--spacing-unit);-o-object-fit:contain;object-fit:contain;width:48px}.eco-brand-item span[data-v-c60a75ae]{color:var(--text-secondary);font-size:12px;word-wrap:break-word;display:-webkit-box;line-height:1.2;overflow:hidden;text-align:center;width:100%;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main-content[data-v-c60a75ae]{background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);min-width:0;padding:calc(var(--spacing-unit)*2)}.content-section[data-v-c60a75ae],.tags-section[data-v-c60a75ae]{margin-bottom:calc(var(--spacing-unit)*2)}.tags-section[data-v-c60a75ae]{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit)*1.2)}.tag[data-v-c60a75ae]{background:var(--bg-light);border:1px solid rgba(74,107,223,.12);border-radius:20px;color:var(--primary-color);font-size:14px;font-weight:500;padding:calc(var(--spacing-unit)*.75) calc(var(--spacing-unit)*1.8);transition:var(--transition-normal)}.tag[data-v-c60a75ae]:hover{background:var(--primary-color);box-shadow:0 4px 12px #2a51ca26;color:var(--bg-white);transform:translateY(-2px)}.article-grid[data-v-c60a75ae]{display:grid;grid-template-columns:1fr}.article-card[data-v-c60a75ae]{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.02);border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:row;margin-bottom:14px;min-height:130px;overflow:hidden;position:relative;transition:all .25s ease}.article-card[data-v-c60a75ae]:hover{border-color:#4a6bdf0d;box-shadow:0 4px 12px #2a51ca14;transform:translateY(-1px)}.article-image[data-v-c60a75ae]{aspect-ratio:1/1;background:#f5f7fa;border-radius:8px 0 0 8px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;transition:all .25s ease;width:140px}.article-content[data-v-c60a75ae]{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;padding:14px 18px}.article-title[data-v-c60a75ae]{color:#222;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;overflow:hidden;transition:color .2s}.article-tag[data-v-c60a75ae]{background:#4a6bdf14;border-radius:4px;color:var(--primary-color);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;padding:2px 6px;text-transform:uppercase}.featured-tag[data-v-c60a75ae]{background:linear-gradient(45deg,#4a6bdf,#29d);color:#fff}.article-meta[data-v-c60a75ae]{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:6px;margin-top:6px}.article-meta span[data-v-c60a75ae]{align-items:center;display:flex;position:relative;white-space:nowrap}.article-summary[data-v-c60a75ae]{color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-source[data-v-c60a75ae]{background:#fffc;border-radius:4px;color:#a8a8a8;font-size:10px;padding:2px 6px;position:absolute;right:10px;top:10px;z-index:1}.right-panel[data-v-c60a75ae]{align-self:flex-start;height:-moz-fit-content;height:fit-content;min-width:0;position:sticky;top:80px}.timeline-section[data-v-c60a75ae]{background:var(--bg-white);border-radius:var(--border-radius);box-shadow:0 4px 20px #0000000f;margin-bottom:calc(var(--spacing-unit)*2);padding:calc(var(--spacing-unit)*2)}.timeline[data-v-c60a75ae]{padding-left:calc(var(--spacing-unit)*3);position:relative}.timeline[data-v-c60a75ae]:before{background:#5c7ae2;bottom:8px;content:"";left:0;position:absolute;top:8px;width:2px}.timeline-item[data-v-c60a75ae]{padding-bottom:calc(var(--spacing-unit)*3);position:relative}.timeline-item[data-v-c60a75ae]:before{background:var(--primary-color);border:3px solid var(--bg-white);border-radius:50%;box-shadow:0 0 0 2px var(--primary-light);content:"";height:12px;left:calc(var(--spacing-unit)*-3 - 5px);position:absolute;top:6px;width:12px}.timeline-year[data-v-c60a75ae]{color:var(--primary-color);font-weight:600;margin-bottom:var(--spacing-unit)}.timeline-content[data-v-c60a75ae]{color:var(--text-secondary);font-size:14px;line-height:1.4}.pagination[data-v-c60a75ae]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:10px}.pagination-btn[data-v-c60a75ae]{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;height:36px;transition:all .2s;width:36px}.pagination-btn.active[data-v-c60a75ae],.pagination-btn[data-v-c60a75ae]:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-dots[data-v-c60a75ae],.pagination-next[data-v-c60a75ae]{color:var(--text-secondary)}.pagination-next[data-v-c60a75ae]{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:6px;height:36px;padding:0 16px;transition:all .2s}.pagination-next[data-v-c60a75ae]:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:1200px){.main-layout[data-v-c60a75ae]{grid-template-columns:260px 1fr 300px}}@media (max-width:1024px){.main-layout[data-v-c60a75ae]{gap:calc(var(--spacing-unit)*3);grid-template-columns:1fr}.right-panel[data-v-c60a75ae],.side-panel[data-v-c60a75ae]{position:static;top:auto}.right-panel[data-v-c60a75ae]{margin-top:0}}@media (max-width:768px){.content-section[data-v-c60a75ae],.timeline-section[data-v-c60a75ae]{padding:calc(var(--spacing-unit)*2)}.article-grid[data-v-c60a75ae]{grid-template-columns:1fr}.article-image[data-v-c60a75ae]{aspect-ratio:1/1;width:140px}.article-content[data-v-c60a75ae]{padding:12px 16px}.article-title[data-v-c60a75ae]{font-size:15px;margin-bottom:6px}.article-meta[data-v-c60a75ae]{font-size:12px;gap:10px;margin-bottom:4px}.article-meta span[data-v-c60a75ae]:not(:first-child):before{left:-6px}.article-summary[data-v-c60a75ae]{font-size:13px;-webkit-line-clamp:2}.article-source[data-v-c60a75ae]{font-size:9px;padding:1px 4px;right:8px;top:8px}}@media (max-width:700px){.article-card[data-v-c60a75ae]{flex-direction:row;min-height:120px}.article-image[data-v-c60a75ae]{aspect-ratio:1/1;border-radius:8px 0 0 8px;width:120px}.article-content[data-v-c60a75ae]{padding:10px 12px}.article-summary[data-v-c60a75ae]{-webkit-line-clamp:1}.article-source[data-v-c60a75ae]{display:none}}@media (max-width:480px){.article-summary[data-v-c60a75ae]{display:none}.article-card[data-v-c60a75ae]{min-height:100px}.article-image[data-v-c60a75ae]{width:100px}.article-content[data-v-c60a75ae]{padding:8px 10px}.article-title[data-v-c60a75ae]{font-size:14px;margin-bottom:4px}.article-meta[data-v-c60a75ae]{font-size:11px;gap:8px}.brand-stats[data-v-c60a75ae]{grid-template-columns:1fr}.eco-brand-logos[data-v-c60a75ae]{grid-template-columns:repeat(2,1fr)}}.article-card:hover .article-title[data-v-c60a75ae]{color:var(--primary-color)}.article-card:hover .article-image[data-v-c60a75ae]{filter:brightness(1.02)}
