@charset "UTF-8";.app-header[data-v-c1df3115]{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a;z-index:1000}.app-header .header-container[data-v-c1df3115]{height:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.app-header .header-brand[data-v-c1df3115]{display:flex;align-items:center;cursor:pointer;transition:opacity .3s ease}.app-header .header-brand[data-v-c1df3115]:hover{opacity:.8}.app-header .header-brand .logo[data-v-c1df3115]{width:40px;height:40px;margin-right:12px}.app-header .header-brand .brand-text .brand-title[data-v-c1df3115]{font-size:18px;font-weight:600;color:#1f2937;margin:0;line-height:1.2;white-space:nowrap}.app-header .nav-menu[data-v-c1df3115]{flex:1;display:flex;justify-content:center}.app-header .nav-menu .main-menu[data-v-c1df3115]{border-bottom:none}.app-header .nav-menu .main-menu[data-v-c1df3115] .el-menu-item{margin:0 8px;border-radius:6px}.app-header .nav-menu .main-menu[data-v-c1df3115] .el-menu-item.is-active{background-color:#f0f9ff;color:#1890ff}.app-header .nav-menu .main-menu[data-v-c1df3115] .el-menu-item:hover{background-color:#f8fafc}.app-header .nav-menu .main-menu[data-v-c1df3115] .el-sub-menu .el-sub-menu__title{margin:0 8px;border-radius:6px}.app-header .nav-menu .main-menu[data-v-c1df3115] .el-sub-menu .el-sub-menu__title:hover{background-color:#f8fafc}.app-header .user-actions[data-v-c1df3115]{display:flex;align-items:center;gap:12px}.app-header .user-actions .user-info[data-v-c1df3115]{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.app-header .user-actions .user-info[data-v-c1df3115]:hover{background-color:#f8fafc}.app-header .user-actions .user-info .username[data-v-c1df3115]{font-size:14px;color:#374151;font-weight:500}.app-header .user-actions .user-info .dropdown-icon[data-v-c1df3115]{font-size:12px;color:#9ca3af;transition:transform .3s ease}.app-header .user-actions .mobile-menu-btn[data-v-c1df3115]{display:none}.dark .app-header[data-v-c1df3115]{background:#1f2937;border-bottom-color:#374151}.dark .app-header .header-brand .brand-title[data-v-c1df3115]{color:#f9fafb}.dark .app-header .header-brand .brand-subtitle[data-v-c1df3115]{color:#9ca3af}.dark .app-header .nav-menu[data-v-c1df3115] .el-menu-item{color:#d1d5db}.dark .app-header .nav-menu[data-v-c1df3115] .el-menu-item.is-active{background-color:#1e40af;color:#fff}.dark .app-header .nav-menu[data-v-c1df3115] .el-menu-item:hover{background-color:#374151;color:#f9fafb}.dark .app-header .nav-menu[data-v-c1df3115] .el-sub-menu .el-sub-menu__title{color:#d1d5db}.dark .app-header .nav-menu[data-v-c1df3115] .el-sub-menu .el-sub-menu__title:hover{background-color:#374151;color:#f9fafb}.dark .app-header .user-actions .user-info[data-v-c1df3115]:hover{background-color:#374151}.dark .app-header .user-actions .user-info .username[data-v-c1df3115]{color:#f9fafb}@media (max-width: 768px){.app-header[data-v-c1df3115]{height:50px}.app-header .header-container[data-v-c1df3115]{padding:0 16px}.app-header .header-brand .brand-text .brand-title[data-v-c1df3115]{font-size:16px}.app-header .header-brand .brand-text .brand-subtitle[data-v-c1df3115],.app-header .nav-menu[data-v-c1df3115]{display:none}.app-header .user-actions .mobile-menu-btn[data-v-c1df3115]{display:block}.app-header .user-actions .user-info .username[data-v-c1df3115]{display:none}}@media (max-width: 480px){.app-header .header-brand .logo[data-v-c1df3115]{width:32px;height:32px;margin-right:8px}.app-header .header-brand .brand-text .brand-title[data-v-c1df3115]{font-size:14px}}.app-footer[data-v-ed0a929e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:auto}.app-footer .footer-container[data-v-ed0a929e]{max-width:1200px;margin:0 auto;padding:40px 20px 20px}.app-footer .footer-content[data-v-ed0a929e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.app-footer .footer-content .footer-section .section-title[data-v-ed0a929e]{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.app-footer .footer-content .footer-section .section-text[data-v-ed0a929e]{font-size:14px;line-height:1.6;color:#fffc;margin-bottom:20px}.app-footer .footer-content .footer-section .contact-info p[data-v-ed0a929e]{font-size:14px;color:#fffc;margin:8px 0}.app-footer .footer-content .footer-section .contact-info p .icon-phone[data-v-ed0a929e]:before{content:"📞";margin-right:8px}.app-footer .footer-content .footer-section .contact-info p .icon-email[data-v-ed0a929e]:before{content:"📧";margin-right:8px}.app-footer .footer-content .footer-section .contact-info p .icon-location[data-v-ed0a929e]:before{content:"📍";margin-right:8px}.app-footer .footer-content .footer-section .footer-links[data-v-ed0a929e]{list-style:none;padding:0;margin:0}.app-footer .footer-content .footer-section .footer-links li[data-v-ed0a929e]{margin:8px 0}.app-footer .footer-content .footer-section .footer-links li a[data-v-ed0a929e]{color:#fffc;text-decoration:none;font-size:14px;transition:color .3s ease}.app-footer .footer-content .footer-section .footer-links li a[data-v-ed0a929e]:hover{color:#fff}.app-footer .footer-content .footer-section .footer-links li .category-dot[data-v-ed0a929e]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.app-footer .footer-content .footer-section .footer-links li .category-dot.upstream[data-v-ed0a929e]{background-color:#1890ff}.app-footer .footer-content .footer-section .footer-links li .category-dot.midstream[data-v-ed0a929e]{background-color:#52c41a}.app-footer .footer-content .footer-section .footer-links li .category-dot.downstream[data-v-ed0a929e]{background-color:#fa8c16}.app-footer .footer-content .footer-section .industry-stats[data-v-ed0a929e]{display:flex;gap:20px;margin-top:16px}.app-footer .footer-content .footer-section .industry-stats .stat-item[data-v-ed0a929e]{text-align:center}.app-footer .footer-content .footer-section .industry-stats .stat-item .stat-number[data-v-ed0a929e]{display:block;font-size:24px;font-weight:600;color:#fff;line-height:1.2}.app-footer .footer-content .footer-section .industry-stats .stat-item .stat-label[data-v-ed0a929e]{display:block;font-size:12px;color:#ffffffb3;margin-top:4px}.app-footer .footer-content .footer-section .qr-codes[data-v-ed0a929e]{display:flex;gap:20px}.app-footer .footer-content .footer-section .qr-codes .qr-item[data-v-ed0a929e]{text-align:center}.app-footer .footer-content .footer-section .qr-codes .qr-item .qr-placeholder[data-v-ed0a929e]{width:80px;height:80px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px dashed rgba(255,255,255,.3);color:#fff9}.app-footer .footer-content .footer-section .qr-codes .qr-item .qr-label[data-v-ed0a929e]{font-size:12px;color:#fffc;margin:0}.app-footer .footer-divider[data-v-ed0a929e]{height:1px;background:#fff3;margin:20px 0}.app-footer .footer-bottom[data-v-ed0a929e]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.app-footer .footer-bottom .copyright p[data-v-ed0a929e]{margin:0;font-size:14px;color:#fffc;line-height:1.5}.app-footer .footer-bottom .copyright p.sub-text[data-v-ed0a929e]{font-size:12px;color:#fff9;margin-top:4px}.app-footer .footer-bottom .copyright p.sub-text .separator[data-v-ed0a929e]{margin:0 8px}.app-footer .footer-bottom .footer-links[data-v-ed0a929e]{display:flex;align-items:center;gap:8px}.app-footer .footer-bottom .footer-links a[data-v-ed0a929e]{color:#fffc;text-decoration:none;font-size:14px;transition:color .3s ease}.app-footer .footer-bottom .footer-links a[data-v-ed0a929e]:hover{color:#fff}.app-footer .footer-bottom .footer-links .separator[data-v-ed0a929e]{color:#fff6}.app-footer .friendly-links[data-v-ed0a929e]{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;align-items:center;gap:16px}.app-footer .friendly-links .links-title[data-v-ed0a929e]{font-size:14px;color:#fffc;font-weight:500}.app-footer .friendly-links .links-list[data-v-ed0a929e]{display:flex;flex-wrap:wrap;gap:16px}.app-footer .friendly-links .links-list a[data-v-ed0a929e]{color:#ffffffb3;text-decoration:none;font-size:14px;transition:color .3s ease}.app-footer .friendly-links .links-list a[data-v-ed0a929e]:hover{color:#fff}@media (max-width: 768px){.app-footer .footer-container[data-v-ed0a929e]{padding:30px 16px 20px}.app-footer .footer-content[data-v-ed0a929e]{grid-template-columns:1fr;gap:30px}.app-footer .footer-content .footer-section .industry-stats[data-v-ed0a929e],.app-footer .footer-content .footer-section .qr-codes[data-v-ed0a929e]{justify-content:center}.app-footer .footer-bottom[data-v-ed0a929e],.app-footer .friendly-links[data-v-ed0a929e]{flex-direction:column;text-align:center;gap:12px}.app-footer .friendly-links .links-list[data-v-ed0a929e]{justify-content:center}}.app-container[data-v-58558c55]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-58558c55]{flex:1;padding-top:60px}@media (max-width: 768px){.main-content[data-v-58558c55]{padding-top:50px}}html,body{margin:0;padding:0;font-family:Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei,sans-serif;background-color:#f5f7fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-card{border-radius:8px;box-shadow:0 2px 12px #0000001a}.el-button,.el-input__inner{border-radius:6px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(100%)}.slide-leave-to{transform:translate(-100%)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-1{flex:1}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.p-4{padding:16px}.rounded{border-radius:8px}.shadow{box-shadow:0 2px 12px #0000001a}