:root{--primary-color: #ff5722;--primary-color-light: #ff7e47;--primary-color-dark: #e64a19;--accent-color: #ff9800;--accent-color-light: #ffb74d;--accent-color-dark: #f57c00;--complementary-color: #ff3d00;--complementary-color-light: #ff6e40;--complementary-color-dark: #dd2c00;--gradient-primary: linear-gradient(135deg, #ff5722 0%, #e64a19 100%);--gradient-accent: linear-gradient(135deg, #ff9800 0%, #ff5722 100%);--gradient-complementary: linear-gradient(135deg, #ff5722 0%, #ff3d00 100%);--text-primary: #212121;--text-secondary: #424242;--text-tertiary: #757575;--border-color: #e0e0e0;--divider-color: #eeeeee;--background-light: #fafafa;--background-dark: #f5f5f5;--header-height: 64px;--container-width: 1200px;--content-max-width: 1440px;--card-border-radius: 12px;--button-border-radius: 6px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px}.card{background:#fff;border-radius:var(--card-border-radius);box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color);border-radius:var(--button-border-radius);box-shadow:0 2px 8px #e64a194d}.ant-btn-primary:hover{background:var(--primary-color-light);border-color:var(--primary-color-light);box-shadow:0 4px 12px #e64a1966}.section-title h2{font-size:32px;margin-bottom:12px;position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:3px}.section-title p{font-size:16px;color:var(--text-secondary)}.page-banner{padding-top:var(--header-height);padding-bottom:80px;background-size:cover;background-position:center;position:relative;color:#fff;text-align:center}.page-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.6));z-index:0}.page-banner .container{position:relative;z-index:1}.page-banner h1{font-size:48px;font-weight:700;margin-bottom:20px;color:#fff}.page-banner p{font-size:18px;max-width:600px;margin:0 auto}@media (max-width: 576px){.section{padding:40px 0}.section-title h2{font-size:26px}.page-banner h1{font-size:36px}.page-banner p{font-size:16px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:#fff}a{text-decoration:none;color:inherit}ul{list-style:none}.app-layout{min-height:100vh}.container{width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;max-width:var(--container-width)}@media (max-width: 1200px){.container{max-width:100%;padding-right:20px;padding-left:20px}}.app-header{position:fixed;width:100%;z-index:1000;padding:0;height:var(--header-height);background:rgba(33,33,33,.95);box-shadow:0 2px 8px #00000026}.header-container{display:flex;justify-content:flex-start;align-items:center;height:100%}.logo{height:100%;display:flex;align-items:center;margin-right:40px}@media (max-width: 768px){.logo{flex:1;margin-right:0}}.logo-text{font-size:24px;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.desktop-nav{display:flex;align-items:center;flex:1}@media (max-width: 768px){.desktop-nav{display:none}}.menu-wrapper{flex:1}.main-menu{background:transparent;border-bottom:none;line-height:var(--header-height)}.main-menu :deep(.ant-menu-horizontal){background:transparent;border-bottom:none;color:#fff}.main-menu :deep(.ant-menu-item){padding:0 20px;color:#fff}.main-menu :deep(.ant-menu-item):first-child{padding-left:0}.main-menu :deep(.ant-menu-item):hover,.main-menu :deep(.ant-menu-item).ant-menu-item-selected{color:var(--accent-color-light);border-bottom:2px solid var(--accent-color)}.main-menu :deep(.ant-menu-item) a{display:flex;align-items:center;gap:8px;color:inherit}.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.header-actions .ant-btn,.header-actions .ant-avatar{color:#fff;background-color:#ffffff1a;border-color:transparent}.header-actions .ant-btn:hover,.header-actions .ant-avatar:hover{background-color:#ff572233}.header-actions .user-dropdown-link{display:flex;align-items:center;gap:8px;cursor:pointer;padding:0 4px;border-radius:4px}.header-actions .user-dropdown-link:hover{background-color:#ff572226}.header-actions .user-dropdown-link .user-text{color:#fff;font-size:14px}.cart-btn{position:relative}.cart-btn .cart-count{position:absolute;top:-5px;right:-5px;background:var(--complementary-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;justify-content:center;align-items:center}.mobile-nav-toggle{display:none}@media (max-width: 768px){.mobile-nav-toggle{display:block}}.mobile-menu-drawer :deep(.ant-drawer-body){padding:0}.mobile-menu-drawer .mobile-menu-header{padding:20px 16px;border-bottom:1px solid var(--border-color);background-color:#212121}.mobile-menu-drawer .mobile-menu{border-right:none;background-color:#212121}.mobile-menu-drawer .mobile-menu :deep(.ant-menu-item){margin:0;padding:0 16px;color:#fff}.mobile-menu-drawer .mobile-menu :deep(.ant-menu-item) a{display:flex;align-items:center;padding:12px 0;gap:12px;color:inherit}.mobile-menu-drawer .mobile-menu :deep(.ant-menu-item).ant-menu-item-selected{color:var(--accent-color-light);background-color:#ff572226}.mobile-menu-drawer .mobile-menu :deep(.ant-menu-item):hover{color:var(--accent-color-light)}.app-content{min-height:calc(100vh - var(--header-height) - 280px);padding-top:0}.app-footer{background-color:#212121;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}}.footer-section h3{font-size:18px;font-weight:700;margin-bottom:20px;position:relative}.footer-section h3:after{content:"";position:absolute;left:0;bottom:-8px;width:30px;height:2px;background:var(--gradient-accent)}.footer-section ul li{margin-bottom:10px}.footer-section ul li a:hover{color:var(--accent-color-light)}.footer-section p{margin-bottom:10px;opacity:.8}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;opacity:.7}@media (max-width: 992px){.user-text{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:#000000d9;background-color:#f5f5f5}:root{--primary-color: #e64a19;--secondary-color: #faad14;--error-color: #ff4d4f;--success-color: #52c41a;--warning-color: #faad14;--info-color: #1890ff;--header-height: 64px}.container{max-width:1200px;padding:0 15px;margin:0 auto}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:32px;margin-bottom:15px;color:var(--primary-color)}.section-title p{font-size:16px;color:#000000a6;max-width:600px;margin:0 auto}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s}.card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-5px)}
