*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;background-color:#f8f9fa}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-layout .app-header{box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;padding:0 24px;height:64px;line-height:64px;position:sticky;top:0;z-index:100}.app-layout .app-header .logo{display:flex;align-items:center;margin-right:24px}.app-layout .app-header .header-actions{margin-left:auto}@media (max-width: 768px){.app-layout .app-header{padding:0 16px}.app-layout .app-header .header-actions{display:none}}.app-layout .app-content{padding:24px;flex:1}@media (max-width: 768px){.app-layout .app-content{padding:16px}}.app-layout .app-footer{background:#001529;color:#fff;padding:48px 24px 24px}@media (max-width: 768px){.app-layout .app-footer{padding:24px 16px;text-align:center}}.home-page{max-width:1200px;margin:0 auto}.home-page .banner-carousel{border-radius:8px;overflow:hidden;margin-bottom:40px}.home-page .banner-carousel .banner{height:400px;display:flex;align-items:center;justify-content:center;position:relative}.home-page .banner-carousel .banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.home-page .banner-carousel .banner .banner-content{z-index:1;text-align:center;padding:0 20px}@media (max-width: 768px){.home-page .banner-carousel .banner{height:300px}}.home-page .quick-access{margin-bottom:40px}.home-page .quick-access .category-card{text-align:center;transition:transform .3s}.home-page .quick-access .category-card:hover{transform:translateY(-5px)}.home-page .certifications .cert-card{text-align:center;position:relative;padding-top:40px}.home-page .certifications .cert-card .cert-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.products-page{max-width:1200px;margin:0 auto}.products-page .filter-card{margin-bottom:24px}.products-page .selected-product{border:2px solid #1E90FF}.detail-page{max-width:1200px;margin:0 auto}.customer-service{max-width:800px;margin:0 auto}.customer-service .chat-container{height:400px;overflow-y:auto;padding:16px;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.customer-service .chat-container .chat-message{padding:8px 12px;margin-bottom:12px;border-radius:18px;max-width:80%}.customer-service .chat-container .chat-message.user{background:#1e90ff;color:#fff;margin-left:auto}.customer-service .chat-container .chat-message.assistant{background:#e6f7ff;margin-right:auto}.about-page{padding:24px}.about-card,.history-card,.honor-card,.contact-card{margin-bottom:24px;border-radius:8px}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:0;background:#e8e8e8}.timeline-item{position:relative;padding-bottom:24px}.timeline-dot{position:absolute;left:-34px;top:0;width:20px;height:20px;border-radius:50%;background:#1890ff;border:2px solid #fff;box-shadow:0 0 0 2px #1890ff33}.timeline-line{position:absolute;left:-25px;top:20px;width:2px;height:calc(100% - 20px);background:#e8e8e8}.timeline-content{position:relative;padding:16px;background:#f7f7f7;border-radius:6px;transition:all .3s}.timeline-item:hover .timeline-content{background:#f0f7ff;transform:translate(5px)}.timeline-year{font-weight:700;color:#1890ff;margin-bottom:8px;font-size:16px}.timeline-event{color:#000000d9}.honor-item{text-align:center;padding:24px;background:#f7f7f7;border-radius:8px;transition:all .3s}.honor-item:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000014}.contact-card .ant-row{margin-bottom:16px}@media (max-width: 768px){.about-page{padding:16px}.timeline-content{padding:12px}.honor-item{padding:16px}}.ant-btn:focus-visible,.ant-input:focus-visible,.ant-select-selector:focus-visible,.ant-menu-item:focus-visible{outline:2px solid #1E90FF;outline-offset:2px}.app-footer .ant-typography,.app-header .ant-typography,.app-footer .ant-btn,.app-header .ant-btn,.app-footer .ant-input,.app-header .ant-input,.app-footer .ant-select-selector,.app-header .ant-select-selector,.app-footer .ant-menu-item,.app-header .ant-menu-item{color:#fff!important}.app-footer .ant-input::placeholder,.app-header .ant-input::placeholder{color:#ffffff80!important}@media (max-width: 768px){.products-page .ant-col-md-6,.detail-page .ant-col-md-12{margin-bottom:24px}}
