:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{width:100%;height:100%;margin:0;padding:0}.login-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{background:linear-gradient(#0a0a0f 0%,#1a1a2e 50%,#0f1724 100%);position:absolute;inset:0}.bg-grid{opacity:.6;background-image:linear-gradient(#64b5f60a 1px,#0000 1px),linear-gradient(90deg,#64b5f60a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.bg-gradient{opacity:.8;background:radial-gradient(circle at 20% 30%,#64b5f626 0%,#0000 45%),radial-gradient(circle at 80% 70%,#42a5f51f 0%,#0000 50%),radial-gradient(circle,#87cefa14 0%,#0000 60%);width:200%;height:200%;animation:25s ease-in-out infinite gradientRotate;position:absolute;top:-50%;left:-50%}@keyframes gradientRotate{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}}.bg-metallic{background:linear-gradient(135deg,#0000 0%,#64b5f608 25%,#0000 50%,#64b5f608 75%,#0000 100%) 0 0/200% 200%;animation:8s linear infinite metallicScan;position:absolute;inset:0}@keyframes metallicScan{0%{background-position:0%}to{background-position:200%}}.bg-particles{position:absolute;inset:0}.particle{background:#64b5f699;border-radius:50%;width:3px;height:3px;animation:linear infinite float;position:absolute;box-shadow:0 0 15px #64b5f6cc}@keyframes float{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1;transform:translateY(80vh)scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)scale(.5)}}.geometric-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{border:1px solid;transition:all .5s;position:absolute}.shape-1{border-color:#64b5f626;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:400px;height:400px;animation:15s ease-in-out infinite morphShape1;top:-150px;right:-150px}@keyframes morphShape1{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.shape-2{border-color:#42a5f51f;width:250px;height:250px;animation:20s linear infinite rotateShape2;bottom:-80px;left:-80px;transform:rotate(45deg)}@keyframes rotateShape2{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.shape-3{border-color:#87cefa1a;border-radius:24px;width:180px;height:180px;animation:10s ease-in-out infinite pulseShape3;top:40%;left:15%;transform:rotate(15deg)}@keyframes pulseShape3{0%,to{opacity:.8;transform:rotate(15deg)scale(1)}50%{opacity:1;transform:rotate(15deg)scale(1.1)}}.shape-4{background:linear-gradient(#0000,#64b5f64d,#0000);border:none;width:1px;height:300px;animation:6s ease-in-out infinite lineGlow;top:20%;left:25%}@keyframes lineGlow{0%,to{opacity:.3}50%{opacity:.8}}.lang-switch-btn{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;top:24px;right:24px;box-shadow:0 4px 12px #0003;color:#64b5f6!important;background:#ffffff14!important;border:1px solid #64b5f64d!important;border-radius:20px!important;height:40px!important;padding:0 20px!important;font-size:14px!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.lang-switch-btn:hover{box-shadow:0 6px 20px #64b5f64d;background:#64b5f626!important;border-color:#64b5f6!important;transform:translateY(-2px)!important}.login-wrapper{z-index:10;flex-direction:column;align-items:center;gap:56px;animation:.8s ease-out fadeInUp;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-section{text-align:center;color:#fff}.brand-logo{margin-bottom:28px}.logo-icon{filter:drop-shadow(0 0 30px #64b5f680);width:96px;height:96px;margin:0 auto;animation:4s ease-in-out infinite logoFloat}@keyframes logoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}.brand-title{background:linear-gradient(135deg,#fff 0%,#93c5fd 50%,#64b5f6 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;text-shadow:0 0 40px #64b5f64d;-webkit-background-clip:text;background-clip:text;font-weight:800;margin:0 0 12px!important;font-size:52px!important}.brand-subtitle{letter-spacing:4px;text-transform:uppercase;font-weight:400;color:#93c5fdcc!important;font-size:15px!important}.brand-line{background:linear-gradient(90deg,#0000,#64b5f6,#0000);border-radius:2px;width:80px;height:3px;margin:24px auto 0;animation:3s ease-in-out infinite linePulse;box-shadow:0 0 20px #64b5f699}@keyframes linePulse{0%,to{opacity:.6;width:80px}50%{opacity:1;width:100px}}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1px solid #64b5f633;border-radius:28px;width:460px;animation:.9s ease-out .2s both cardEntrance;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #0009,inset 0 0 0 1px #64b5f61a,0 0 40px #64b5f626}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#64b5f614,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.card-header{text-align:center;z-index:1;margin-bottom:36px;padding-top:12px;position:relative}.card-title{letter-spacing:-.5px;color:#fff!important;margin:0 0 10px!important;font-size:30px!important;font-weight:700!important}.card-subtitle{color:#64748b!important;font-size:15px!important}.form-item{margin-bottom:24px!important}.custom-input{color:#1e293b!important;background:#f8fafc!important;border:2px solid #e2e8f0!important;border-radius:14px!important;font-size:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.custom-input:hover{background:#fff!important;border-color:#cbd5e1!important}.custom-input:focus{transform:translateY(-1px);box-shadow:0 0 0 4px #64b5f61f,0 4px 12px #64b5f633;background:#fff!important;border-color:#64b5f6!important}.input-icon{color:#94a3b8;font-size:18px;transition:color .3s}.custom-input:focus .input-icon{color:#64b5f6}.form-options{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.ant-checkbox-wrapper{font-weight:500;color:#64748b!important;font-size:14px!important}.ant-checkbox-inner{transition:all .2s;border:2px solid #cbd5e1!important;border-radius:5px!important}.ant-checkbox-checked .ant-checkbox-inner{box-shadow:0 0 0 3px #64b5f633;background-color:#64b5f6!important;border-color:#64b5f6!important}.forgot-link{color:#64b5f6;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.forgot-link:after{content:"";background:#64b5f6;width:0;height:1px;transition:width .2s;position:absolute;bottom:-2px;left:0}.forgot-link:hover{color:#42a5f5}.forgot-link:hover:after{width:100%}.submit-item{margin-bottom:0!important}.submit-btn{letter-spacing:.5px;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #64b5f666,inset 0 0 0 1px #fff3;color:#fff!important;background:linear-gradient(135deg,#64b5f6 0%,#42a5f5 50%,#2196f3 100%)!important;border:none!important;border-radius:14px!important;width:100%!important;height:60px!important;font-size:18px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.form-footer{text-align:center;border-top:1px solid #64b5f61a;margin-top:24px;padding-top:20px}.footer-text{color:#64748b;margin:0;font-size:14px}.register-link{color:#64b5f6;margin-left:8px;font-weight:600;text-decoration:none;transition:all .2s}.register-link:hover{color:#42a5f5;text-decoration:underline}.login-footer-info{text-align:center;color:#93c5fd99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #64b5f61a;border-radius:16px;margin-top:32px;padding:20px;font-size:14px}.footer-divider{background:linear-gradient(90deg,#0000,#64b5f64d,#0000);width:60px;height:1px;margin:16px auto}.copyright{color:#93c5fd80;margin:0;font-size:13px}@media (width<=768px){.login-card{width:90%;max-width:420px}.brand-title{font-size:42px!important}.geometric-shapes{opacity:.5}}@media (width<=480px){.login-card{width:95%;padding:16px!important}.brand-title{font-size:36px!important}.shape-1,.shape-2,.shape-3{display:none}.login-wrapper{padding:20px}}.platform-header{z-index:100;position:sticky;top:0;background:linear-gradient(#fff 0%,#fafbfc 100%)!important;border-bottom:1px solid #f0f0f0!important;height:64px!important;padding:0!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important}.header-container{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.header-logo{cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.header-logo:hover{background:#1677ff0a;transform:translate(-2px)}.logo-icon{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.logo-text{flex-direction:column;gap:2px;display:flex}.logo-title{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;line-height:1.2}.logo-subtitle{color:#8c8c8c;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:500}.header-menu{flex:1;margin:0 48px;background:0 0!important;border:none!important}.header-menu .ant-menu-item{border-radius:8px;align-items:center;gap:6px;margin:0 4px;display:flex;position:relative;color:#595959!important;height:auto!important;padding:10px 18px!important;font-size:14px!important;font-weight:500!important;line-height:1!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.header-menu .ant-menu-item:before{content:"";background:linear-gradient(90deg,#1677ff,#4096ff);border-radius:2px 2px 0 0;width:100%;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.header-menu .ant-menu-item:hover{color:#1677ff!important;background:#1677ff0f!important}.header-menu .ant-menu-item:hover:before{transform:translate(-50%)scaleX(.6)}.header-menu .ant-menu-item-selected{color:#1677ff!important;background:#1677ff14!important;font-weight:600!important}.header-menu .ant-menu-item-selected:before{transform:translate(-50%)scaleX(1)}.header-menu .ant-menu-item .anticon{transition:transform .25s cubic-bezier(.4,0,.2,1);margin:0!important;font-size:16px!important}.header-menu .ant-menu-item:hover .anticon{transform:translateY(-2px)}.header-search{transition:all .25s cubic-bezier(.4,0,.2,1);background:#fafafa!important;border:1px solid #e8e8e8!important;border-radius:20px!important;width:320px!important}.header-search .ant-input{background:0 0!important;font-size:13px!important}.header-search:hover{box-shadow:0 2px 8px #1677ff1f;background:#fff!important;border-color:#4096ff!important}.header-search:focus-within{box-shadow:0 0 0 2px #1677ff26;background:#fff!important;border-color:#1677ff!important}.search-icon{transition:color .25s;color:#bfbfbf!important}.header-search:hover .search-icon,.header-search:focus-within .search-icon{color:#1677ff!important}.lang-btn{transition:all .25s cubic-bezier(.4,0,.2,1);color:#595959!important;background:#fff!important;border:1px solid #e8e8e8!important;border-radius:6px!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important}.lang-btn:hover{transform:translateY(-1px);color:#1677ff!important;background:#1677ff0a!important;border-color:#1677ff!important}.action-btn{justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);color:#595959!important;background:#fff!important;border:1px solid #e8e8e8!important;border-radius:8px!important;width:36px!important;height:36px!important;display:flex!important}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1677ff26;color:#1677ff!important;background:#1677ff0a!important;border-color:#1677ff!important}.user-avatar{cursor:pointer;border-radius:8px;padding:4px;transition:all .25s cubic-bezier(.4,0,.2,1)}.user-avatar:hover{background:#1677ff14;transform:scale(1.05)}.user-avatar .ant-avatar{border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.ant-badge-count{box-shadow:0 2px 6px #ff4d4f4d;background:linear-gradient(135deg,#ff4d4f 0%,#ff7875 100%)!important;font-weight:600!important}@media (width<=1200px){.header-menu{margin:0 24px}.header-search{width:240px!important}}@media (width<=768px){.header-menu{display:none}.header-search{width:180px!important}.logo-subtitle{display:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-menu .ant-menu-item{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideIn}.header-menu .ant-menu-item:first-child{animation-delay:50ms}.header-menu .ant-menu-item:nth-child(2){animation-delay:.1s}.header-menu .ant-menu-item:nth-child(3){animation-delay:.15s}.header-menu .ant-menu-item:nth-child(4){animation-delay:.2s}.header-menu .ant-menu-item:nth-child(5){animation-delay:.25s}.header-menu .ant-menu-item:nth-child(6){animation-delay:.3s}.header-menu .ant-menu-item:nth-child(7){animation-delay:.35s}.header-menu .ant-menu-item:nth-child(8){animation-delay:.4s}.header-actions{align-items:center;gap:16px;display:flex}.header-search{border:1.5px solid #e5e7eb!important;border-radius:8px!important;width:280px!important}.header-search:focus-within{border-color:#0000!important;box-shadow:0 0 0 2px #1890ff!important}.lang-btn{color:#6b7280!important;background:0 0!important;border:1px solid #e5e7eb!important;transition:all .3s!important}.lang-btn:hover{color:#1890ff!important;border-color:#1890ff!important}.action-btn{color:#6b7280!important;background:0 0!important;border:none!important;font-size:18px!important;transition:all .3s!important}.action-btn:hover{color:#1890ff!important;background:#1890ff1a!important}.user-avatar{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.user-avatar:hover{background:#64b5f614}.user-avatar .ant-avatar{border-radius:50%;width:36px;height:36px}.header-actions .ant-dropdown{vertical-align:middle;display:inline-block}@media (width<=1200px){.header-menu{margin:0 24px}.header-search{width:200px!important}}@media (width<=992px){.header-menu{display:none}.header-search{width:160px!important}.user-name{display:none}}@media (width<=768px){.platform-header{height:64px!important;padding:0 16px!important}.logo-text,.header-search{display:none}}.ant-dropdown-menu{border:1px solid #0000000f!important;border-radius:12px!important;box-shadow:0 8px 32px #0000001f!important}.ant-badge-count{background:#ef4444!important;min-width:18px!important;height:18px!important;font-size:11px!important;line-height:18px!important}.dashboard-layout{background:#fafafa;width:100%;min-height:100vh}.dashboard-content{background:#fafafa;min-height:calc(100vh - 72px);padding:0}.content-wrapper{max-width:1440px;margin:0 auto;padding:32px 24px}.hero-section{background:linear-gradient(135deg,#0c0c0e 0%,#1a1a2e 50%,#16213e 100%);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:48px;padding:64px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#1890ff1a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero-content{z-index:1;position:relative}.hero-badge{color:#40a9ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1890ff26;border:1px solid #1890ff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge svg{font-size:16px}.hero-title{letter-spacing:-2px;line-height:1.1;color:#fff!important;margin:0 0 16px!important;font-size:56px!important;font-weight:800!important}.hero-subtitle{line-height:1.8;display:block;color:#ffffffb3!important;margin-bottom:32px!important;font-size:18px!important}.hero-actions{gap:16px;display:flex}.hero-btn{background:linear-gradient(135deg,#1890ff 0%,#40a9ff 100%)!important;border:none!important;border-radius:12px!important;height:56px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 24px #1890ff66!important}.hero-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #1890ff80!important}.hero-btn svg{margin-left:8px}.hero-btn-secondary{color:#fff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:12px!important;height:56px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important}.hero-btn-secondary:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.hero-visual{z-index:1;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px 24px;transition:all .3s}.hero-stat:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.hero-stat-value{color:#fff;letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:700}.hero-stat-label{color:#fff9;font-size:14px;font-weight:500}.policy-section{margin-bottom:64px}.policy-card{flex-direction:column;height:100%;display:flex;overflow:hidden;border:1px solid #0000000a!important;border-radius:20px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #0000000f!important}.policy-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 48px #0000001f!important}.policy-banner{flex-direction:column;justify-content:space-between;height:160px;padding:24px;display:flex;position:relative;overflow:hidden}.policy-banner:after{content:"";background:linear-gradient(#0000 0%,#00000026 100%);position:absolute;inset:0}.policy-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1;background:#ffffff40;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px}.policy-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:all .4s;display:flex;position:absolute;bottom:-30px;right:-30px;transform:rotate(-15deg)}.policy-card:hover .policy-icon-wrapper{bottom:-20px;right:-20px;transform:rotate(0)scale(1.1)}.policy-icon{filter:drop-shadow(0 4px 12px #0003);font-size:56px}.policy-discount{color:#fff;text-shadow:0 4px 12px #0003;letter-spacing:-2px;z-index:1;font-size:42px;font-weight:800}.policy-body{background:#fff;flex-direction:column;flex:1;padding:24px;display:flex}.policy-title{color:#1f2937;letter-spacing:-.5px;margin:0 0 4px;font-size:20px;font-weight:700}.policy-subtitle{color:#6b7280;margin:0 0 12px;font-size:13px;font-weight:500}.policy-description{color:#4b5563;flex:1;margin:0 0 20px;font-size:14px;line-height:1.6}.policy-footer{border-top:1px solid #f3f4f6;padding-top:16px}.apply-btn{background:linear-gradient(135deg,#1890ff 0%,#40a9ff 100%)!important;border:none!important;border-radius:12px!important;width:100%!important;height:44px!important;font-size:15px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 16px #1890ff4d!important}.apply-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #1890ff66!important}.category-section{margin-top:64px}.section-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-title{letter-spacing:-1px;color:#1f2937!important;margin:0 0 8px!important;font-size:32px!important;font-weight:700!important}.section-subtitle{display:block;color:#6b7280!important;font-size:16px!important}.view-all-btn{color:#1890ff!important;font-size:15px!important;font-weight:600!important;transition:all .3s!important}.view-all-btn:hover{color:#40a9ff!important;transform:translate(4px)!important}.category-card{flex-direction:column;height:100%;display:flex;overflow:hidden;border:1px solid #0000000a!important;border-radius:20px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #0000000a!important}.category-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 48px #0000001f!important}.category-banner{height:140px;position:relative;overflow:hidden}.category-banner:after{content:"";background:linear-gradient(#0000 0%,#0000001a 100%);position:absolute;inset:0}.category-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:all .4s;display:flex;position:absolute;bottom:-20px;right:-20px;transform:rotate(-15deg)}.category-card:hover .category-icon-wrapper{bottom:-10px;right:-10px;transform:rotate(0)scale(1.1)}.category-icon{color:#fff;filter:drop-shadow(0 4px 12px #0003);font-size:48px}.category-body{flex-direction:column;flex:1;padding:24px;display:flex}.category-title{color:#1f2937;letter-spacing:-.5px;margin:0 0 4px;font-size:20px;font-weight:700}.category-subtitle{color:#6b7280;margin:0 0 20px;font-size:13px;font-weight:500}.category-items{flex-wrap:wrap;flex:1;gap:8px;margin-bottom:20px;display:flex}.category-badge{color:#4b5563!important;background:#f9fafb!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;transition:all .3s!important;display:block!important}.category-badge:hover{background:#f3f4f6!important;transform:translateY(-2px)!important}.category-badge .ant-badge-status-dot{display:none!important}.category-footer{border-top:1px solid #f3f4f6;padding-top:16px}.explore-btn{color:#1890ff!important;padding:0!important;font-size:14px!important;font-weight:600!important;transition:all .3s!important}.explore-btn:hover{color:#40a9ff!important;transform:translate(4px)!important}@media (width<=1200px){.hero-section{grid-template-columns:1fr;gap:40px;padding:48px}.hero-title{font-size:42px!important}.hero-visual{grid-template-columns:repeat(3,1fr)}.section-header{flex-direction:column;align-items:flex-start}}@media (width<=992px){.hero-section{padding:40px}.hero-title{font-size:36px!important}.hero-subtitle{font-size:16px!important}.hero-actions{flex-direction:column}.hero-btn,.hero-btn-secondary{width:100%}.hero-visual{grid-template-columns:repeat(3,1fr);gap:16px}.hero-stat{padding:24px 16px}.hero-stat-value{font-size:28px}.category-banner{height:120px}}@media (width<=768px){.content-wrapper{padding:20px 16px}.hero-section{border-radius:16px;padding:32px 24px}.hero-title{font-size:28px!important}.hero-subtitle{font-size:14px!important}.hero-visual{grid-template-columns:1fr}.section-title{font-size:24px!important}.stats-row{margin-bottom:32px}.stat-icon-wrapper{width:64px;height:64px}.stat-icon{font-size:28px}.stat-value{font-size:26px}.category-banner{height:100px}.category-icon-wrapper{width:80px;height:80px;bottom:-15px;right:-15px}.category-icon{font-size:40px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.hero-section{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.policy-section{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) .2s forwards fadeInUp}.category-section{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) .4s forwards fadeInUp}.policy-card,.category-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.ant-card-body{padding:0!important}.ant-badge-status-text{color:#4b5563!important;font-size:12px!important;font-weight:500!important}.ant-btn-link{font-weight:600!important}.workbench-layout{min-height:100vh}.workbench-sider{background:linear-gradient(#0a0a0f 0%,#1a1a2e 100%);border-right:1px solid #64b5f61a;flex-direction:column;display:flex}.logo-section{border-bottom:1px solid #64b5f61a;flex-direction:column;justify-content:center;align-items:center;height:80px;padding:16px;display:flex}.logo-section .logo-title{letter-spacing:1px;font-weight:600;color:#fff!important;margin:12px 0 0!important;font-size:18px!important}.workbench-sider .ant-menu{background:0 0;border:none;flex:1;padding-top:16px}.workbench-sider .ant-menu-item{transition:all .3s;border-radius:8px!important;height:48px!important;margin:4px 12px!important;line-height:48px!important}.workbench-sider .ant-menu-item:hover{background:#64b5f61a!important}.workbench-sider .ant-menu-item-selected{color:#64b5f6!important;background:linear-gradient(135deg,#64b5f633,#42a5f533)!important}.workbench-sider .ant-menu-item-selected .anticon{color:#64b5f6!important}.sider-footer{border-top:1px solid #64b5f61a;flex-direction:column;gap:8px;padding:16px;display:flex}.nav-btn{transition:all .3s;color:#ffffffa6!important;text-align:center!important;justify-content:center!important;height:40px!important}.nav-btn:hover{color:#fff!important;background:#ffffff0d!important}.workbench-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000000d}.header-left{align-items:center;display:flex}.header-title{color:#1e293b!important;margin:0!important;font-weight:600!important}.header-right{align-items:center;gap:24px;display:flex}.enterprise-info{border-right:1px solid #e2e8f0;flex-direction:column;align-items:flex-end;padding-right:20px;display:flex}.enterprise-name{color:#1e293b!important;font-size:15px!important}.enterprise-type{margin-top:2px!important;font-size:12px!important}.user-info{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#64b5f6,#42a5f5);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;line-height:36px;display:flex}.user-name{color:#64748b;font-size:14px}.workbench-content{background:#f1f5f9;padding:24px}.dashboard-section{flex-direction:column;gap:24px;display:flex}.stat-card{border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;box-shadow:0 2px 8px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-card .ant-statistic-title{color:#64748b;font-size:14px}.stat-card .ant-statistic-content{font-size:28px;font-weight:600}.products-card{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a}.products-card .ant-card-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0!important}.products-card .ant-card-head-title{color:#1e293b;font-weight:600}.products-section{flex-direction:column;gap:24px;display:flex}.ant-table{font-size:14px}.ant-table-thead>tr>th{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600}.ant-table-tbody>tr:hover>td{background:#f1f5f9}.ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9;padding:14px 16px}@media (width<=768px){.workbench-sider{z-index:100;transition:left .3s;position:fixed;left:-260px}.workbench-header{padding:0 16px}.header-title{font-size:16px!important}.enterprise-info{display:none}.workbench-content{padding:16px}}.ant-btn-primary{background:linear-gradient(135deg,#64b5f6,#42a5f5);border:none;border-radius:8px;height:40px;padding:0 20px;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #64b5f64d}.ant-btn-primary:hover{background:linear-gradient(135deg,#42a5f5,#2196f3);transform:translateY(-2px);box-shadow:0 6px 16px #64b5f666}.ant-tag{border-radius:6px;padding:2px 10px;font-size:12px;font-weight:500}:root{--primary:#1890ff;--primary-dark:#096dd9;--primary-light:#40a9ff;--primary-bg:#1890ff14;--accent:#fa8c16;--success:#52c41a;--error:#ff4d4f;--warning:#faad14;--bg-body:#f5f7fa;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f8f9fa;--border:#e8ecef;--border-light:#f0f0f0;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.product-form-page{min-height:100vh;padding:48px 24px;position:relative}.form-header-card{background:var(--bg-card);border:1px solid var(--border);max-width:1200px;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);margin:0 auto 40px;animation:.6s ease-out slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-header-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light), var(--accent));height:4px;position:absolute;top:0;left:0;right:0}.form-header{align-items:center;gap:20px;padding:28px 40px;display:flex}.back-btn{color:var(--text-secondary);border-radius:var(--radius-md);background:var(--bg-hover);border:1px solid var(--border);height:42px;transition:var(--transition);padding:0 18px;font-size:14px}.back-btn:hover{color:var(--primary);background:var(--primary-bg);border-color:var(--primary);transform:translate(-4px)}.form-title{letter-spacing:-.5px;flex:1;color:var(--text-primary)!important;margin:0!important;font-size:28px!important;font-weight:700!important}.form-card{background:var(--bg-card);border:1px solid var(--border);max-width:1200px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);margin:0 auto;animation:.8s ease-out .2s both fadeIn;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-card .ant-card-body{padding:56px 64px}.form-section{border-bottom:1px solid var(--border-light);margin-bottom:56px;padding:20px;position:relative}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{letter-spacing:-.3px;align-items:center;gap:12px;display:flex;color:var(--text-primary)!important;margin-bottom:32px!important;font-size:18px!important;font-weight:600!important}.section-title:after{content:"";background:linear-gradient(90deg, var(--border-light), transparent);flex:1;height:1px;margin-left:16px}.ant-form-item-label>label{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:8px;font-size:14px;font-weight:500}.ant-input,.ant-select-selector,.ant-input-number{border-radius:var(--radius-md)!important;border:1.5px solid var(--border)!important;background:var(--bg-input)!important;transition:var(--transition)!important;color:var(--text-primary)!important;height:48px!important;font-size:15px!important}.ant-input:hover,.ant-select-selector:hover,.ant-input-number:hover{border-color:var(--primary-light)!important;background:var(--bg-hover)!important}.ant-input:focus,.ant-select-selector:focus-within,.ant-input-number:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-bg)!important;background:var(--bg-input)!important}.ant-input::placeholder{color:var(--text-muted)}.ant-input-affix-wrapper{border-radius:var(--radius-md)!important}.ant-input-textarea{border-radius:var(--radius-md)!important;border:1.5px solid var(--border)!important}.ant-input-textarea textarea{padding:14px 16px;font-size:15px}.ant-input-textarea-show-count:after{color:var(--text-muted);margin-top:8px;font-size:12px}.ant-input-number{width:100%}.ant-input-number-handler-wrap{background:var(--bg-hover);border-left:1px solid var(--border)}.ant-input-number-handler:hover .ant-input-number-handler-up-inner,.ant-input-number-handler:hover .ant-input-number-handler-down-inner{color:var(--primary)}.ant-select{width:100%}.ant-select-arrow{color:var(--text-muted)}.ant-select-dropdown{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}.ant-select-item-option{color:var(--text-primary);padding:12px 16px}.ant-select-item-option-selected{background:var(--primary-bg);color:var(--primary)}.ant-select-item-option-active{background:var(--bg-hover)}.form-row{gap:32px;display:flex}.form-row .ant-form-item{flex:1;margin-bottom:0}.upload-trigger{border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-hover);width:128px;height:128px;transition:var(--transition);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-trigger:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px);box-shadow:0 8px 24px #1890ff26}.upload-text{color:var(--text-secondary);margin-top:10px;font-size:13px;font-weight:500}.ant-upload-list-picture-card .ant-upload-list-item{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-card);transition:var(--transition)}.ant-upload-list-picture-card .ant-upload-list-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #1890ff33}.ant-upload-list-picture-card .ant-upload-list-item-info{background:0 0}.form-actions{border-top:1px solid var(--border-light);justify-content:center;gap:20px;margin-top:64px;padding-top:48px;display:flex}.submit-btn{letter-spacing:-.3px;min-width:200px;position:relative;overflow:hidden;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%)!important;border-radius:var(--radius-md)!important;height:52px!important;transition:var(--transition)!important;border:none!important;font-size:16px!important;font-weight:600!important;box-shadow:0 4px 16px #1890ff4d!important}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%)!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px #1890ff66!important}.submit-btn:active{transform:translateY(-1px)!important}.form-actions .ant-btn{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-card);min-width:120px;height:52px;color:var(--text-secondary);transition:var(--transition);padding:0 32px;font-size:15px;font-weight:500}.form-actions .ant-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-hover);transform:translateY(-2px)}.ant-form-item-required:before{color:var(--error);font-size:16px}.ant-form-item-explain-error{color:var(--error);margin-top:8px;font-size:12px}@media (width<=768px){.product-form-page{padding:32px 20px}.form-card .ant-card-body{padding:40px 24px}.form-row{flex-direction:column;gap:0}.form-row .ant-form-item{margin-bottom:24px}.form-actions{flex-direction:column;gap:12px}.submit-btn,.form-actions .ant-btn{width:100%}.form-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 28px}.form-title{font-size:24px!important}}.ant-btn:not(.ant-btn-primary){border-radius:var(--radius-md);border:1.5px solid var(--border);height:52px;transition:var(--transition);padding:0 32px;font-weight:500}.submit-btn .anticon.anticon-loading{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.products-layout{background:linear-gradient(#f8f9fa 0%,#fff 100%);min-height:100vh}.products-content{padding:0}.filter-bar{background:linear-gradient(135deg,#f5f7fa 0%,#fff 100%);border:1px solid #e8e8e8;border-radius:10px;max-width:1400px;margin:24px auto;padding:16px 24px;box-shadow:0 2px 8px #00000014}.filter-section{flex-wrap:nowrap;justify-content:center;align-items:center;gap:16px;display:flex}.filter-label{color:#333;white-space:nowrap;font-size:13px;font-weight:600}.filter-bar .ant-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;min-width:120px;height:36px;transition:all .2s}.filter-bar .ant-select:hover{border-color:#4096ff}.filter-bar .ant-select-focused{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff26}.filter-bar .ant-select-selector{font-size:13px;font-weight:500;color:#333!important;padding:6px 12px!important}.filter-bar .ant-select-arrow{color:#8c8c8c}.filter-bar .price-filter{align-items:center;gap:8px;display:flex}.filter-bar .ant-slider{width:120px;margin:0}.filter-bar .ant-slider-track{background:#1677ff}.filter-bar .ant-slider-handle{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1f}.filter-bar .price-text{color:#666;text-align:center;min-width:70px;font-size:12px}.search-wrapper{flex:1;max-width:320px;position:relative}.search-input .ant-input{color:#333;background:#fff;border:1px solid #d9d9d9;border-radius:6px;height:36px;padding:6px 12px 6px 32px;font-size:13px;transition:all .2s}.search-input .ant-input:hover{border-color:#4096ff}.search-input .ant-input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff26}.search-input .ant-input::placeholder{color:#bfbfbf}.search-icon{color:#bfbfbf;font-size:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sort-btn{color:#333;background:#fff;border:1px solid #d9d9d9;border-radius:6px;align-items:center;gap:6px;height:36px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sort-btn:hover{color:#1677ff;background:#f0f5ff;border-color:#1677ff}.sort-btn .anticon{font-size:12px}.filter-divider{background:#e8e8e8;width:1px;height:20px;margin:0 4px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;max-width:1600px;margin:0 auto;padding:48px;display:grid}.product-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-card:before{content:"";opacity:0;background:linear-gradient(90deg,#e94560,#0000);height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.product-card:hover{border-color:#e945604d;transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.product-card:hover:before{opacity:1}.product-cover{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);height:240px;position:relative;overflow:hidden}.product-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-cover img{transform:scale(1.08)}.no-image{color:#adb5bd;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:500;display:flex}.stock-badge{letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #00000026}.product-title{text-align:center;justify-content:center;align-items:center;min-height:68px;padding:20px 20px 8px;display:flex}.title-text{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.product-card:hover .title-text{color:#e94560}.product-brand{text-align:left;align-items:center;gap:8px;padding:0 20px 12px;display:flex}.brand-text{color:#6c757d;font-size:13px;font-weight:500}.brand-separator{color:#dee2e6;font-size:12px}.model-text{color:#495057;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;font-weight:500}.product-price{text-align:left;justify-content:flex-start;align-items:baseline;gap:8px;padding:12px 20px 0;display:flex}.price{color:#e94560;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:24px;font-weight:700}.moq{text-align:left;padding:8px 20px 0}.moq-text{color:#6c757d;font-size:12px}.moq-text strong{color:#1a1a2e;font-weight:600}.price-main{align-items:baseline;display:flex}.price-value{background:linear-gradient(135deg,#e94560 0%,#ff6b6b 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:28px;font-weight:700}.price-unit{color:#6c757d;margin-left:4px;font-size:14px;font-weight:500}.category-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a1a2e;text-align:left;background:#fffffff2;border:1px solid #1a1a2e1a;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s;position:absolute;bottom:16px;left:16px;box-shadow:0 2px 8px #0000001a}.product-card:hover .category-tag{color:#fff;background:#e94560;border-color:#e94560}.product-card .ant-card-actions{background:#fff;border-top:1px solid #f0f0f0;padding:12px 16px}.product-card .ant-card-actions li{justify-content:center;display:flex}.product-card .ant-btn{background:linear-gradient(135deg,#e94560 0%,#ff6b6b 100%);border:none;border-radius:8px;width:calc(100% - 32px);height:40px;margin:0 16px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #e9456040}.product-card .ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e9456059}.product-card .ant-btn:active{transform:translateY(0)}.product-card .ant-btn:disabled{box-shadow:none;color:#adb5bd;background:#e9ecef}.pagination-wrapper{background:#fff;border-top:1px solid #f0f0f0;justify-content:center;padding:48px 24px;display:flex}@media (width<=1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:32px}}@media (width<=768px){.filter-bar{margin:16px;padding:24px}.filter-section{gap:16px}.products-grid{grid-template-columns:1fr;gap:20px;padding:20px}.product-cover{height:200px}.price-value{font-size:24px}}.products-content::-webkit-scrollbar{width:8px}.products-content::-webkit-scrollbar-track{background:#f8f9fa}.products-content::-webkit-scrollbar-thumb{background:linear-gradient(#e94560,#ff6b6b);border-radius:4px}.products-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d63d56,#ff5252)}.product-card{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.product-card:first-child{animation-delay:50ms}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:nth-child(7){animation-delay:.35s}.product-card:nth-child(8){animation-delay:.4s}.product-card:nth-child(9){animation-delay:.45s}.product-card:nth-child(10){animation-delay:.5s}.product-card:nth-child(11){animation-delay:.55s}.product-card:nth-child(12){animation-delay:.6s}:root{--primary:#1890ff;--primary-dark:#096dd9;--primary-light:#40a9ff;--primary-bg:#1890ff0f;--accent:#fa8c16;--success:#52c41a;--error:#ff4d4f;--error-soft:#ff7875;--warning:#faad14;--bg-body:#f8fafc;--bg-card:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.detail-layout{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh}.detail-content{max-width:1200px;margin:0 auto;padding:40px 24px}.detail-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding:40px}.back-btn{color:var(--text-secondary);border-radius:var(--radius-md);height:38px;transition:var(--transition);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.back-btn:hover{color:var(--primary);background:var(--primary-bg);transform:translate(-4px)}.image-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;overflow:hidden}.image-card .ant-card-body{padding:0}.main-image{object-fit:cover;background:linear-gradient(135deg,#f8fafc,#f1f5f9);width:100%;height:420px}.no-image{width:100%;height:420px;color:var(--text-muted);background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.thumbnail-list{background:var(--bg-body);border-top:1px solid var(--border-light);gap:12px;padding:16px;display:flex;overflow-x:auto}.thumbnail{object-fit:cover;border-radius:var(--radius-md);cursor:pointer;width:76px;height:76px;transition:var(--transition);box-shadow:var(--shadow-sm);border:2px solid #0000;flex-shrink:0}.thumbnail:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-header{margin-bottom:20px}.product-title{letter-spacing:-.3px;line-height:1.4;color:var(--text-primary)!important;margin:0 0 12px!important;font-size:26px!important;font-weight:600!important}.product-meta{flex-wrap:wrap;gap:8px;display:flex}.product-meta .meta-item{color:var(--text-secondary);background:var(--bg-body);transition:var(--transition);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.product-meta .meta-item:hover{background:var(--primary-bg);color:var(--primary)}.product-meta .meta-item .anticon{font-size:14px}.price-section{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff1f0,#fff);border:1px solid #ffe6e6;margin:20px 0;padding:20px 24px}.price-main{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.price{color:#ff4d4f;letter-spacing:-.5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:32px;font-weight:700}.price-range{color:var(--text-muted);font-size:18px;font-weight:600}.price-unit{color:var(--text-muted);font-size:14px;font-weight:500}.stock-status{background:var(--bg-body);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.stock-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.in-stock .stock-dot{background:var(--success);box-shadow:0 0 8px #52c41a66}.in-stock{color:var(--success)}.out-of-stock .stock-dot{background:var(--text-muted)}.out-of-stock{color:var(--text-muted)}.info-section{margin:24px 0}.info-grid{background:var(--bg-body);border-radius:var(--radius-lg);border:1px solid var(--border-light);grid-template-columns:repeat(2,1fr);gap:16px;padding:20px;display:grid}.info-item{flex-direction:column;gap:6px;display:flex}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.info-value{color:var(--text-primary);font-size:15px;font-weight:600}.section{margin:28px 0}.section-title{letter-spacing:-.3px;align-items:center;gap:10px;display:flex;color:var(--text-primary)!important;margin:0 0 12px!important;font-size:16px!important;font-weight:600!important}.section-title:before{content:"";background:linear-gradient(180deg, var(--primary), var(--primary-dark));border-radius:2px;width:4px;height:18px}.specification,.description{color:var(--text-secondary);background:var(--bg-body);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:18px 20px;font-size:14px;line-height:1.8}.action-buttons{border-top:1px solid var(--border);gap:14px;margin-top:32px;padding-top:32px;display:flex}.cart-btn{letter-spacing:-.3px;min-width:170px;background:linear-gradient(135deg, var(--primary), var(--primary-dark))!important;border-radius:var(--radius-md)!important;height:48px!important;transition:var(--transition)!important;border:none!important;font-size:15px!important;font-weight:600!important;box-shadow:0 4px 16px #1890ff40!important}.cart-btn:hover{background:linear-gradient(135deg, var(--primary-light), var(--primary))!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #1890ff59!important}.cart-btn:disabled{box-shadow:none!important;background:#d9d9d9!important}.inquiry-btn{min-width:130px;transition:var(--transition);border:1.5px solid var(--border)!important;border-radius:var(--radius-md)!important;height:48px!important;color:var(--text-primary)!important;background:#fff!important;font-size:15px!important;font-weight:600!important}.inquiry-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-bg)!important;transform:translateY(-2px)!important}@media (width<=768px){.detail-content{padding:24px 18px}.detail-container{padding:24px 20px}.product-title{font-size:22px!important}.main-image{height:280px}.price{font-size:26px}.info-grid{grid-template-columns:1fr;gap:12px}.action-buttons{flex-direction:column}.cart-btn,.inquiry-btn{width:100%}.thumbnail-list{padding:12px}.thumbnail{width:64px;height:64px}}.ant-divider{border-color:var(--border);margin:0}.ant-image-preview-mask{background:#000000d9}.ant-typography{margin-bottom:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.cart-layout{background:#f5f7fa;min-height:100vh}.cart-content{padding:24px}.cart-container{max-width:1200px;margin:0 auto}.page-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000001a}.header-icon{color:#1890ff;font-size:28px}.page-title{color:#1f1f1f;margin:0;font-size:24px;font-weight:600}.loading-container{background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:400px;display:flex}.cart-table-card{border-radius:8px;margin-bottom:16px;overflow:hidden}.cart-table .ant-table{font-size:14px}.cart-table .ant-table-thead>tr>th{background:#fafafa;padding:16px;font-weight:600}.cart-table .ant-table-tbody>tr>td{vertical-align:middle;padding:16px}.product-info{align-items:center;gap:16px;display:flex}.product-image{background:#f5f5f5;border-radius:6px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-image .no-image{color:#999;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.product-name{color:#1f1f1f;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.quantity-input{width:100px}.cart-footer{border-radius:8px;box-shadow:0 2px 8px #0000001a}.footer-content{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.footer-left{align-items:center;gap:16px;display:flex}.selected-count{color:#666;font-size:14px}.footer-right{align-items:center;gap:32px;display:flex}.total-section{text-align:right}.total-label{color:#666;margin-right:8px;font-size:14px}.total-amount{color:#ff4d4f;font-size:28px;font-weight:600}.action-buttons{gap:16px;display:flex}.action-buttons .ant-btn{height:auto;padding:8px 32px;font-size:16px}@media (width<=768px){.cart-content{padding:12px}.page-header,.footer-content{flex-direction:column;align-items:flex-start;gap:16px}.footer-right{flex-direction:column;align-items:flex-end;gap:16px;width:100%}.action-buttons{width:100%}.action-buttons .ant-btn{flex:1}}.inquiry-layout{background:#0a0a0f;min-height:100vh;position:relative;overflow:hidden}.inquiry-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.inquiry-bg-grid{opacity:.6;background-image:linear-gradient(#64b5f608 1px,#0000 1px),linear-gradient(90deg,#64b5f608 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 40%,#0000 85%);mask-image:radial-gradient(at 50% 0,#000 40%,#0000 85%)}.inquiry-bg-glow{background:radial-gradient(circle at 30% 20%,#64b5f60f 0%,#0000 50%),radial-gradient(circle at 70% 60%,#42a5f50a 0%,#0000 45%);width:160%;height:160%;animation:30s ease-in-out infinite inquiryGlowRotate;position:absolute;top:-30%;left:-30%}@keyframes inquiryGlowRotate{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}.inquiry-content{z-index:1;padding:24px;position:relative}.inquiry-main-container{max-width:960px;margin:0 auto;animation:.6s ease-out inquiryFadeIn}@keyframes inquiryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inquiry-page-header{border-bottom:1px solid #64b5f61a;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.inquiry-back-btn{color:#64b5f6cc!important;border-radius:10px!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.inquiry-back-btn:hover{color:#64b5f6!important;background:#64b5f614!important}.page-title-group{flex-direction:column;gap:4px;display:flex}.page-subtitle{color:#93c5fd99;font-size:14px;font-weight:400}.inquiry-steps-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #64b5f61a;border-radius:20px;margin-bottom:32px;padding:28px 40px;position:relative;overflow:hidden}.steps-decoration-line{background:linear-gradient(90deg,#0000 0%,#64b5f64d 20% 80%,#0000 100%);height:1px;position:absolute;top:50%;left:0;right:0}.inquiry-steps-bar{z-index:1;position:relative}.inquiry-steps-bar .ant-steps-item-finish .ant-steps-item-icon{background:linear-gradient(135deg,#64b5f6,#42a5f5)!important;border-color:#64b5f6!important}.inquiry-steps-bar .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon{color:#fff!important}.inquiry-steps-bar .ant-steps-item-process .ant-steps-item-icon{box-shadow:0 0 16px #64b5f666;background:#64b5f626!important;border:2px solid #64b5f6!important}.inquiry-steps-bar .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:#64b5f6!important}.inquiry-steps-bar .ant-steps-item-wait .ant-steps-item-icon{background:#ffffff0d!important;border:2px solid #64b5f626!important}.inquiry-steps-bar .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon{color:#64b5f64d!important}.inquiry-steps-bar .ant-steps-item-title{color:#ffffffd9!important;font-size:14px!important;font-weight:500!important}.inquiry-steps-bar .ant-steps-item-wait .ant-steps-item-title{color:#ffffff59!important}.inquiry-steps-bar .ant-steps-item-finish .ant-steps-item-tail:after{background:linear-gradient(90deg,#64b5f6,#64b5f633)!important}.supplier-hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#64b5f614 0%,#42a5f50a 50%,#64b5f605 100%);border:1px solid #64b5f626;border-radius:20px;margin-bottom:24px;padding:24px 28px;animation:.5s ease-out .1s both cardSlideIn;position:relative;overflow:hidden}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.supplier-hero-accent{background:linear-gradient(#64b5f6,#42a5f5,#64b5f6);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.supplier-hero-inner{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.supplier-hero-icon{color:#64b5f6;background:#64b5f61f;border:1px solid #64b5f640;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.supplier-hero-text{flex-direction:column;gap:4px;display:flex}.supplier-hero-name{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:700}.supplier-hero-desc{color:#93c5fda6;font-size:13px;font-weight:400}.inquiry-section{margin-bottom:24px;animation:.5s ease-out .2s both cardSlideIn}.inquiry-section:nth-child(5){animation-delay:.3s}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.section-header-left{align-items:center;gap:10px;display:flex}.section-header-left h3{color:#fff;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:600}.section-icon{color:#64b5f6;font-size:18px}.section-badge{color:#64b5f6;background:#64b5f61a;border:1px solid #64b5f633;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:500}.section-badge.optional{color:#ffffff73;background:#ffffff0d;border-color:#ffffff1a}.inquiry-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #64b5f60d;background:#ffffff0a!important;border:1px solid #64b5f61a!important;border-radius:20px!important}.inquiry-card .ant-card-head{background:0 0!important;border-bottom:1px solid #64b5f614!important;min-height:52px!important}.inquiry-card .ant-card-head-title{color:#fff!important;font-size:15px!important;font-weight:600!important}.inquiry-card .ant-card-body{padding:0!important}.inquiry-items-table{margin:0}.inquiry-items-table .ant-table{background:0 0!important;font-size:14px!important}.inquiry-items-table .ant-table-thead>tr>th{text-transform:uppercase;letter-spacing:.5px;color:#93c5fdcc!important;background:#64b5f60f!important;border-bottom:1px solid #64b5f61a!important;padding:14px 16px!important;font-size:13px!important;font-weight:600!important}.inquiry-items-table .ant-table-tbody>tr>td{transition:background .2s;color:#e2e8f0!important;background:0 0!important;border-bottom:1px solid #64b5f60d!important;padding:16px!important}.inquiry-items-table .ant-table-tbody>tr:hover>td{background:#64b5f60a!important}.inquiry-items-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.product-info-cell{flex-direction:column;gap:6px;display:flex}.product-name-text{color:#fff;font-size:14px;font-weight:600;line-height:1.4}.product-meta-text{color:#93c5fd99;gap:8px;font-size:12px;display:flex}.meta-divider{color:#64b5f633}.inquiry-quantity-input{text-align:center!important;color:#fff!important;background:#ffffff0d!important;border:1px solid #64b5f626!important;border-radius:10px!important;width:90px!important;font-size:14px!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.inquiry-quantity-input:hover{border-color:#64b5f64d!important}.inquiry-quantity-input:focus{background:#ffffff14!important;border-color:#64b5f6!important;box-shadow:0 0 0 3px #64b5f626!important}.price-cell{color:#93c5fdcc;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.subtotal-cell{color:#64b5f6;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.inquiry-summary-bar{background:linear-gradient(#64b5f608 0%,#64b5f603 100%);border-top:1px solid #64b5f61a;padding:0}.summary-bar-inner{flex-wrap:wrap;align-items:center;gap:0;padding:20px 24px;display:flex}.summary-stat{align-items:center;gap:12px;display:flex}.summary-label{color:#93c5fd99;font-size:13px;font-weight:500}.summary-value{color:#fff;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.summary-value.highlight{background:linear-gradient(135deg,#64b5f6,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.summary-divider-vertical{background:#64b5f61f;width:1px;height:32px;margin:0 28px}.summary-note{color:#ffffff4d;margin-left:auto;font-size:12px;font-style:italic}.form-card-wrapper .ant-card-body{padding:28px 28px 0!important}.inquiry-form-body{max-width:100%}.form-label-text{color:#ffffffd9!important;font-size:14px!important;font-weight:600!important}.inquiry-remark-input{color:#fff!important;resize:none!important;background:#ffffff0a!important;border:1px solid #64b5f61f!important;border-radius:14px!important;font-size:14px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.inquiry-remark-input:hover{border-color:#64b5f640!important}.inquiry-remark-input:focus{background:#ffffff0f!important;border-color:#64b5f6!important;box-shadow:0 0 0 4px #64b5f61f!important}.inquiry-remark-input::placeholder{color:#fff3!important}.inquiry-remark-input+.ant-input-data-count{color:#ffffff4d!important}.form-actions-wrapper{margin-bottom:0!important}.form-actions-row{border-top:1px solid #64b5f614;justify-content:flex-end;gap:16px;padding-top:24px;display:flex}.inquiry-cancel-btn{color:#ffffffb3!important;background:#ffffff0d!important;border:1px solid #64b5f61f!important;border-radius:14px!important;height:48px!important;padding:0 32px!important;font-size:15px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.inquiry-cancel-btn:hover{color:#fff!important;background:#ffffff14!important;border-color:#64b5f640!important}.inquiry-submit-btn{box-shadow:0 8px 24px #64b5f659,inset 0 0 0 1px #ffffff26;color:#fff!important;background:linear-gradient(135deg,#64b5f6 0%,#42a5f5 50%,#2196f3 100%)!important;border:none!important;border-radius:14px!important;align-items:center!important;gap:8px!important;height:48px!important;padding:0 36px!important;font-size:15px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;overflow:hidden!important}.inquiry-submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.inquiry-submit-btn:hover:before{left:100%}.inquiry-submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #64b5f673,inset 0 0 0 1px #fff3!important}.inquiry-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:60px 24px;display:flex}.empty-icon-wrapper{background:#64b5f614;border:1px solid #64b5f626;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-icon{color:#64b5f6;font-size:36px}.inquiry-empty-state h2{color:#fff;margin:0 0 8px;font-size:22px;font-weight:700}.inquiry-empty-state p{color:#93c5fd80;margin:0 0 28px;font-size:15px}.inquiry-primary-btn{box-shadow:0 6px 20px #64b5f64d;background:linear-gradient(135deg,#64b5f6 0%,#42a5f5 100%)!important;border:none!important;border-radius:14px!important;height:48px!important;padding:0 32px!important;font-size:15px!important;font-weight:600!important}.inquiry-primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px #64b5f666}@media (width<=768px){.inquiry-content{padding:12px}.inquiry-page-header{flex-direction:column;align-items:flex-start;gap:12px}.inquiry-steps-wrapper{padding:20px 24px}.supplier-hero-inner{gap:16px}.supplier-hero-icon{border-radius:14px;width:42px;height:42px;font-size:20px}.supplier-hero-name{font-size:16px}.form-card-wrapper .ant-card-body{padding:20px 16px 0!important}.form-actions-row{flex-direction:column-reverse;gap:12px}.inquiry-cancel-btn,.inquiry-submit-btn{justify-content:center!important;width:100%!important}.summary-bar-inner{flex-direction:column;align-items:flex-start;gap:12px}.summary-divider-vertical{display:none}.summary-note{margin-left:0}}@media (width<=480px){.page-title{font-size:22px}.inquiry-steps-wrapper{border-radius:14px;padding:16px 12px}.inquiry-card{border-radius:14px!important}.summary-value.highlight{font-size:20px}}.success-layout{background:#f5f7fa;min-height:100vh}.success-content{padding:24px}.success-container{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.success-card{border-radius:8px}.result-subtitle{text-align:center}.result-subtitle p{color:#666;margin:8px 0}.inquiry-no{font-weight:500;font-size:16px!important}.inquiry-no span{color:#1890ff;font-family:monospace;font-size:18px}.tip{color:#999!important;font-size:14px!important}.tips-card{border-radius:8px}.tips-list{flex-direction:column;gap:20px;display:flex}.tip-item{align-items:flex-start;gap:16px;display:flex}.tip-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.tip-content h4{color:#1f1f1f;margin:0 0 4px;font-size:16px}.tip-content p{color:#666;margin:0;font-size:14px;line-height:1.5}@media (width<=768px){.success-content{padding:12px}}.inquiry-list-layout{background:linear-gradient(#f5f7fa 0%,#fff 100%);min-height:100vh}.inquiry-list-content{padding:24px}.inquiry-list-container{max-width:1400px;margin:0 auto}.header-icon{color:#1677ff;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.inquiry-table-card{border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.inquiry-table .ant-table{font-size:14px}.inquiry-table .ant-table-thead>tr>th{color:#1a1a2e;background:linear-gradient(#fafbfc 0%,#f5f7fa 100%);border-bottom:2px solid #e8e8e8;padding:16px;font-weight:600}.inquiry-table .ant-table-tbody>tr>td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:16px}.inquiry-table .ant-table-tbody>tr:hover{background:#fafbfc}.inquiry-no{color:#1677ff;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;font-weight:600}.ant-tag{letter-spacing:.3px;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.inquiry-detail-drawer .ant-drawer-body{background:#fafbfc;padding:0}.inquiry-detail-drawer .ant-drawer-header{color:#1a1a2e;background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border-bottom:2px solid #e8e8e8;padding:24px 32px;font-size:20px;font-weight:700}.inquiry-detail-drawer .ant-descriptions-header{background:#fff;border-bottom:1px solid #f0f0f0;margin:0;padding:24px 32px 16px}.inquiry-detail-drawer .ant-descriptions-body{background:#fff;padding:0 32px 24px}.inquiry-detail-drawer .ant-descriptions-item-label{color:#595959;background:#fafbfc;border-radius:6px;padding:12px 16px;font-size:13px;font-weight:600}.inquiry-detail-drawer .ant-descriptions-item-content{color:#1a1a2e;padding:12px 16px;font-size:14px;font-weight:500}.inquiry-detail-drawer .ant-divider{background:#e8e8e8;margin:0}.inquiry-detail-drawer .ant-table{background:#fff;font-size:13px}.inquiry-detail-drawer .ant-table-thead>tr>th{color:#1a1a2e;background:linear-gradient(#fafbfc 0%,#f5f7fa 100%);border-bottom:2px solid #e8e8e8;padding:14px 16px;font-weight:600}.inquiry-detail-drawer .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:14px 16px}.inquiry-detail-drawer .ant-table-tbody>tr:last-child>td{border-bottom:none}.remark-text{color:#595959;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);border:1px solid #e8e8e8;border-radius:8px;margin:0;padding:16px 20px;font-size:14px;line-height:1.8;position:relative}.remark-text:before{content:"\"";color:#d9d9d9;font-family:Georgia,serif;font-size:24px;line-height:1;position:absolute;top:8px;left:12px}.drawer-actions{background:#fff;border-top:1px solid #f0f0f0;padding:20px 32px 32px}.drawer-actions .ant-btn{border-radius:8px;height:44px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.drawer-actions .ant-btn-danger{background:linear-gradient(135deg,#ff4d4f 0%,#ff7875 100%);border:none;box-shadow:0 4px 12px #ff4d4f33}.drawer-actions .ant-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff4d4f4d}.inquiry-detail-drawer .ant-tag{border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;box-shadow:0 2px 6px #00000014}.inquiry-detail-drawer .ant-drawer-body::-webkit-scrollbar{width:6px}.inquiry-detail-drawer .ant-drawer-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.inquiry-detail-drawer .ant-drawer-body::-webkit-scrollbar-thumb{background:linear-gradient(#1677ff,#4096ff);border-radius:3px}.inquiry-detail-drawer .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0958d9,#1677ff)}@media (width<=768px){.inquiry-list-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.inquiry-detail-drawer .ant-drawer-header,.inquiry-detail-drawer .ant-descriptions-header,.inquiry-detail-drawer .ant-descriptions-body,.drawer-actions{padding-left:20px;padding-right:20px}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.inquiry-detail-drawer .ant-descriptions{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInRight}.inquiry-detail-drawer .ant-table{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) .1s forwards slideInRight}.inquiry-table-card:hover{transition:box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000014}.chat-layout{background:#0a0a0f;min-height:100vh;position:relative}.chat-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.chat-bg-grid{background-image:linear-gradient(#64b5f605 1px,#0000 1px),linear-gradient(90deg,#64b5f605 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 15%,#0000 80%);mask-image:radial-gradient(#000 15%,#0000 80%)}.chat-bg-glow{background:radial-gradient(circle at 60% 30%,#64b5f60a 0%,#0000 40%),radial-gradient(circle at 40% 70%,#42a5f508 0%,#0000 45%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.chat-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.chat-content{z-index:1;padding:16px;position:relative}.chat-main-container{flex-direction:column;gap:12px;max-width:1200px;height:calc(100vh - 120px);margin:0 auto;display:flex}.chat-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #64b5f61a;border-radius:16px;flex-shrink:0;align-items:center;gap:16px;padding:14px 20px;display:flex}.chat-back-btn{color:#64b5f6b3!important;font-size:14px!important}.chat-back-btn:hover{color:#64b5f6!important}.chat-topbar-info{flex:1;align-items:center;gap:12px;display:flex}.chat-inquiry-icon{color:#64b5f6;font-size:22px}.chat-inquiry-no{color:#fff;font-size:16px;font-weight:700;line-height:1.3}.chat-supplier-name{color:#93c5fd99;font-size:12px}.ws-indicator{border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:flex}.ws-indicator.connected{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033}.ws-indicator.disconnected{color:#ffffff4d;background:#ffffff0d;border:1px solid #ffffff0f}.ws-dot{border-radius:50%;width:6px;height:6px}.ws-indicator.connected .ws-dot{background:#4ade80;animation:2s ease-in-out infinite wsPulse;box-shadow:0 0 6px #4ade8099}.ws-indicator.disconnected .ws-dot{background:#ffffff4d}@keyframes wsPulse{0%,to{opacity:1}50%{opacity:.4}}.chat-body{flex:1;gap:12px;min-height:0;display:flex}.chat-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:340px;display:flex;overflow-y:auto}.chat-info-card{background:#ffffff08!important;border:1px solid #64b5f614!important;border-radius:14px!important}.chat-info-card .ant-card-head{background:0 0!important;border-bottom:1px solid #64b5f60f!important;min-height:40px!important;padding:10px 16px!important}.chat-info-card .ant-card-head-title{color:#ffffffb3!important;font-size:13px!important;font-weight:600!important}.chat-info-card .ant-card-body{padding:8px 16px 12px!important}.chat-items-table .ant-table{background:0 0!important;font-size:12px!important}.chat-items-table .ant-table-thead>tr>th{color:#93c5fd80!important;background:#64b5f60a!important;border-bottom:1px solid #64b5f60f!important;padding:6px 10px!important;font-size:11px!important}.chat-items-table .ant-table-tbody>tr>td{color:#e2e8f0!important;background:0 0!important;border-bottom:1px solid #64b5f60a!important;padding:8px 10px!important}.item-name{font-weight:500}.item-price{color:#64b5f6;font-weight:600}.remark-text{color:#93c5fd80;margin:0;font-size:13px;line-height:1.6}.chat-main{background:#ffffff08;border:1px solid #64b5f614;border-radius:14px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-messages-container{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-empty-hint{color:#fff3;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-hint-icon{color:#64b5f6;background:#64b5f60f;border:1px solid #64b5f61a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.chat-empty-hint p{color:#ffffff4d;margin:0;font-size:14px}.chat-message-row{gap:10px;max-width:80%;animation:.3s ease-out msgSlideIn;display:flex}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message-row.mine{flex-direction:row-reverse;align-self:flex-end}.chat-message-row.other{align-self:flex-start}.chat-avatar{color:#64b5f6;background:#64b5f61a;border:1px solid #64b5f626;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.chat-message-row.mine .chat-avatar{background:#42a5f526;border-color:#42a5f540}.chat-message-bubble-wrapper{flex-direction:column;gap:4px;display:flex}.chat-message-row.mine .chat-message-bubble-wrapper{align-items:flex-end}.chat-message-header{align-items:center;gap:6px;padding:0 4px;display:flex}.chat-sender-name{color:#ffffffb3;font-size:12px;font-weight:600}.chat-role-tag{color:#64b5f6b3;background:#64b5f61a;border:1px solid #64b5f633;border-radius:10px;padding:1px 6px;font-size:10px}.chat-message-bubble{word-break:break-word;white-space:pre-wrap;border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.6}.chat-message-row.mine .chat-message-bubble{color:#fff;background:linear-gradient(135deg,#64b5f640,#42a5f526);border:1px solid #64b5f633;border-bottom-right-radius:4px}.chat-message-row.other .chat-message-bubble{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff0f;border-bottom-left-radius:4px}.chat-message-time{color:#ffffff40;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:flex}.chat-input-area{background:#0003;border-top:1px solid #64b5f60f;gap:10px;padding:12px 16px;display:flex}.chat-input-field{flex:1;color:#fff!important;resize:none!important;background:#ffffff0a!important;border:1px solid #64b5f61a!important;border-radius:12px!important;padding:10px 14px!important;font-size:14px!important}.chat-input-field:focus{border-color:#64b5f6!important;box-shadow:0 0 0 3px #64b5f614!important}.chat-input-field::placeholder{color:#fff3!important}.chat-send-btn{box-shadow:0 4px 16px #64b5f64d;background:linear-gradient(135deg,#64b5f6,#42a5f5)!important;border:none!important;border-radius:12px!important;min-width:70px!important;height:46px!important;font-weight:600!important}.chat-send-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #64b5f666}@media (width<=768px){.chat-body{flex-direction:column}.chat-sidebar{flex-shrink:1;width:100%;max-height:200px}.chat-main-container{height:calc(100vh - 100px)}.chat-message-row{max-width:90%}}.suppliers-layout{background:linear-gradient(#f5f7fa 0%,#fff 100%);min-height:100vh}.suppliers-content{padding:24px}.suppliers-container{max-width:1600px;margin:0 auto}.header-icon{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:initial;background:linear-gradient(135deg,#e6f4ff 0%,#bae7ff 100%);border-radius:12px;padding:12px;font-size:40px}.page-subtitle{color:#8c8c8c;margin:0;font-size:14px;font-weight:400}.header-stats{gap:24px;display:flex}.stat-item{background:linear-gradient(135deg,#f0f5ff 0%,#e6f4ff 100%);border:1px solid #d6e4ff;border-radius:12px;flex-direction:column;align-items:center;padding:12px 24px;display:flex}.stat-value{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;line-height:1}.stat-label{color:#595959;margin-top:4px;font-size:13px}.search-bar{max-width:600px;margin-bottom:32px}.supplier-search{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.supplier-search .ant-input{border-radius:12px;padding:14px 20px;font-size:15px}.supplier-search .ant-input:focus{box-shadow:0 0 0 2px #1677ff26}.supplier-search .ant-btn{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border:none;border-radius:12px;height:56px;font-weight:600;box-shadow:0 4px 12px #1677ff40}.supplier-search .ant-btn:hover{background:linear-gradient(135deg,#4096ff 0%,#69b1ff 100%)}.supplier-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.supplier-card:before{content:"";opacity:0;background:linear-gradient(90deg,#1677ff 0%,#4096ff 50%,#1677ff 100%);height:4px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.supplier-card:hover{border-color:#bae7ff;transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.supplier-card:hover:before{opacity:1}.supplier-header{align-items:center;gap:16px;padding:24px 20px 16px;display:flex}.supplier-avatar{border:3px solid #fff;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.supplier-info{flex:1;min-width:0}.supplier-name{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.supplier-rating{align-items:center;gap:8px;display:flex}.rating-text{color:#faad14;font-size:14px;font-weight:600}.supplier-details{flex-direction:column;gap:10px;padding:0 20px 16px;display:flex}.detail-item{align-items:center;gap:8px;display:flex}.detail-icon{color:#8c8c8c;flex-shrink:0;font-size:14px}.detail-text{color:#595959;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.supplier-products{border-top:1px solid #f0f0f0;margin-top:8px;padding:0 20px 16px}.products-label{color:#8c8c8c;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.products-text{color:#1a1a2e;font-size:13px;line-height:1.6}.supplier-tags{flex-wrap:wrap;gap:8px;padding:0 20px 16px;display:flex}.tag-item{border-radius:6px;margin:0;padding:4px 10px;font-size:12px;font-weight:500}.supplier-badges{flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;right:16px}.quality-badge,.verified-badge{color:#fff;border:none;padding:4px 8px;font-size:11px;font-weight:600;box-shadow:0 2px 6px #faad144d}.supplier-card{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.supplier-card:first-child{animation-delay:50ms}.supplier-card:nth-child(2){animation-delay:.1s}.supplier-card:nth-child(3){animation-delay:.15s}.supplier-card:nth-child(4){animation-delay:.2s}.supplier-card:nth-child(5){animation-delay:.25s}.supplier-card:nth-child(6){animation-delay:.3s}@media (width<=1200px){.page-header{flex-direction:column;align-items:flex-start;gap:20px}.header-stats{justify-content:flex-start;width:100%}}@media (width<=768px){.suppliers-content{padding:16px}.page-header{padding:24px}.page-title{font-size:24px}.supplier-header{padding:20px 16px 12px}.supplier-details,.supplier-products,.supplier-tags{padding-left:16px;padding-right:16px}}.suppliers-content::-webkit-scrollbar{width:8px}.suppliers-content::-webkit-scrollbar-track{background:#f5f7fa}.suppliers-content::-webkit-scrollbar-thumb{background:linear-gradient(#1677ff,#4096ff);border-radius:4px}.suppliers-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0958d9,#1677ff)}.supplier-detail-layout{background:linear-gradient(#f5f7fa 0%,#fff 100%);min-height:100vh}.supplier-detail-content{padding:24px}.supplier-detail-container{max-width:1400px;margin:0 auto}.supplier-header-card{border:1px solid #f0f0f0;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.header-content{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);align-items:center;gap:24px;padding:32px;display:flex}.supplier-avatar-large{border:4px solid #fff;flex-shrink:0;box-shadow:0 8px 24px #1677ff33}.supplier-header-info{flex:1;min-width:0}.supplier-title{color:#1a1a2e;letter-spacing:-.3px;margin:0 0 12px;font-size:28px;font-weight:700}.supplier-meta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.meta-item{color:#595959;align-items:center;gap:6px;font-size:14px;display:flex}.rating-text{color:#faad14;margin-left:8px;font-weight:600}.header-actions{flex-shrink:0;gap:12px;display:flex}.tabs-wrapper{margin-bottom:24px}.custom-tabs{background:#fff;border:1px solid #f0f0f0;border-radius:12px;gap:8px;padding:8px;display:flex;box-shadow:0 2px 8px #0000000a}.tab-btn{color:#595959;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn:hover{color:#1677ff;background:#f0f5ff}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);box-shadow:0 4px 12px #1677ff40}.tab-btn .anticon{font-size:16px}.tab-content{animation:.4s cubic-bezier(.4,0,.2,1) fadeIn}.info-card{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a}.info-card .ant-card-head{color:#1a1a2e;background:linear-gradient(#fafbfc 0%,#fff 100%);border-bottom:2px solid #e8e8e8;font-size:16px;font-weight:600}.info-card .ant-descriptions-item-label{color:#595959;background:#fafbfc;border-radius:6px;margin:4px;font-weight:600}.info-card .ant-descriptions-item-content{color:#1a1a2e;font-weight:500}.company-description{color:#595959;margin:0;font-size:14px;line-height:2}.stats-card{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a}.stats-card .ant-card-head{color:#1a1a2e;background:linear-gradient(#fafbfc 0%,#fff 100%);border-bottom:2px solid #e8e8e8;font-size:16px;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:8px;display:grid}.stat-box{background:linear-gradient(135deg,#f0f5ff 0%,#e6f4ff 100%);border:1px solid #d6e4ff;border-radius:12px;flex-direction:column;align-items:center;padding:20px;transition:all .3s;display:flex}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 16px #1677ff26}.stat-value{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#595959;font-size:13px}.contact-card{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a}.contact-card .ant-card-head{color:#1a1a2e;background:linear-gradient(#fafbfc 0%,#fff 100%);border-bottom:2px solid #e8e8e8;font-size:16px;font-weight:600}.contact-list{flex-direction:column;gap:16px;display:flex}.contact-item{background:#fafbfc;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.contact-item:hover{background:#f0f5ff}.contact-icon{color:#1677ff;flex-shrink:0;font-size:20px}.contact-label{color:#8c8c8c;margin-bottom:4px;font-size:12px;display:block}.contact-value{color:#1a1a2e;font-size:14px;font-weight:500}.product-card{cursor:pointer;border-radius:12px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f}.product-image{background:linear-gradient(135deg,#f5f7fa 0%,#e8e8e8 100%);height:180px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.08)}.no-image{color:#bfbfbf;background:linear-gradient(135deg,#f5f7fa 0%,#e8e8e8 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.product-info{padding:16px}.product-name{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-price{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.price{background:linear-gradient(135deg,#ff4d4f 0%,#ff7875 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:22px;font-weight:700}.unit{color:#8c8c8c;font-size:13px}.product-stock{color:#8c8c8c;font-size:12px}@media (width<=992px){.header-content{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%}.header-actions .ant-btn{flex:1}}@media (width<=768px){.supplier-detail-content{padding:16px}.supplier-title{font-size:22px}.stats-grid{grid-template-columns:1fr}.custom-tabs{flex-direction:column}.tab-btn{height:44px}}.messages-layout{background:linear-gradient(#f5f7fa 0%,#fff 100%);min-height:100vh}.messages-content{padding:24px}.messages-container{max-width:1200px;margin:0 auto}.header-icon{color:#1677ff;background:linear-gradient(135deg,#e6f4ff 0%,#bae7ff 100%);border-radius:12px;padding:12px;font-size:32px}.page-title{color:#1a1a2e;letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.messages-card{border:1px solid #f0f0f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.messages-card .ant-tabs-nav{background:linear-gradient(#fafbfc 0%,#fff 100%);border-bottom:2px solid #e8e8e8;margin:0;padding:0 24px}.messages-card .ant-tabs-tab{color:#595959;padding:16px 24px;font-size:15px;font-weight:500;transition:all .3s}.messages-card .ant-tabs-tab-active{color:#1677ff;font-weight:600}.messages-card .ant-tabs-ink-bar{background:linear-gradient(90deg,#1677ff,#4096ff);border-radius:3px 3px 0 0;height:3px}.message-list{background:#fff;padding:24px}.message-list .ant-list-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:20px 24px;transition:all .3s}.message-list .ant-list-item:hover{background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%)}.message-list .ant-list-item:last-child{border-bottom:none}.message-list .ant-list-item-action{gap:8px;margin-left:0;display:flex}.message-list .ant-list-item-action>li{padding:0 8px}.message-item.unread{background:linear-gradient(135deg,#f0f5ff 0%,#e6f4ff 100%);border-left:4px solid #1677ff}.message-item.unread:hover{background:linear-gradient(135deg,#e6f4ff 0%,#d6e4ff 100%)}.message-avatar{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 4px 12px #1677ff33}.message-title{align-items:center;gap:12px;margin-bottom:8px;display:flex}.message-title .ant-typography{color:#1a1a2e;font-size:16px;font-weight:600}.message-title .ant-tag{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.message-description{margin-top:8px}.message-content{color:#595959;margin:0 0 8px;font-size:14px;line-height:1.8}.message-meta{align-items:center;gap:12px;display:flex}.message-time{font-size:12px}.unread-tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.ant-empty{padding:80px 24px}.message-list .ant-pagination{background:#fafbfc;border-top:1px solid #f0f0f0;padding:24px}.message-list .ant-pagination-item{border-radius:8px;transition:all .3s}.message-list .ant-pagination-item:hover{border-color:#1677ff;transform:translateY(-2px)}.message-list .ant-pagination-item-active{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border-color:#0000;box-shadow:0 4px 12px #1677ff40}.message-list .ant-pagination-item-active a{color:#fff}@media (width<=768px){.messages-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.message-list .ant-list-item{padding:16px}.message-avatar{width:40px;height:40px;font-size:18px}.message-title .ant-typography{font-size:15px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-list .ant-list-item{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInUp}.message-list .ant-list-item:first-child{animation-delay:50ms}.message-list .ant-list-item:nth-child(2){animation-delay:.1s}.message-list .ant-list-item:nth-child(3){animation-delay:.15s}.message-list .ant-list-item:nth-child(4){animation-delay:.2s}.message-list .ant-list-item:nth-child(5){animation-delay:.25s}.messages-content::-webkit-scrollbar{width:8px}.messages-content::-webkit-scrollbar-track{background:#f5f7fa}.messages-content::-webkit-scrollbar-thumb{background:linear-gradient(#1677ff,#4096ff);border-radius:4px}.messages-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0958d9,#1677ff)}.message-detail-layout{background:linear-gradient(#f5f7fa 0%,#fff 100%);min-height:100vh}.message-detail-content{padding:24px}.message-detail-container{max-width:900px;margin:0 auto}.back-btn{color:#1677ff;margin-bottom:20px;padding-left:0;font-size:14px}.back-btn:hover{color:#4096ff}.message-card{border:1px solid #f0f0f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.message-header{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);justify-content:space-between;align-items:flex-start;padding:24px 32px;display:flex}.message-type-icon{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex;box-shadow:0 8px 24px #1677ff40}.header-info{flex:1;min-width:0}.message-title{color:#1a1a2e;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.4}.message-meta{flex-wrap:wrap;gap:8px;display:flex}.message-meta .ant-tag{border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.header-actions .ant-btn{border-radius:8px;height:40px;padding:0 24px;font-weight:600}.sender-info{background:#fff;gap:16px;padding:24px 32px;display:flex}.sender-avatar{border:3px solid #fff;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.sender-details{flex-direction:column;flex:1;gap:8px;display:flex}.sender-name{color:#1a1a2e;font-size:16px}.sender-meta{align-items:center;gap:6px;font-size:13px;display:flex}.meta-icon{color:#8c8c8c;font-size:14px}.message-content-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);padding:24px 32px}.message-content{color:#595959;white-space:pre-wrap;margin:0;font-size:15px;line-height:2}.message-actions{background:#fff;border-top:1px solid #f0f0f0;gap:12px;padding:24px 32px;display:flex}.message-actions .ant-btn{border-radius:8px;height:44px;padding:0 32px;font-size:15px;font-weight:600}.loading-container .ant-spin{color:#1677ff;font-size:16px}@media (width<=768px){.message-detail-content{padding:16px}.message-header{flex-direction:column;gap:16px;padding:20px}.header-left{width:100%}.message-type-icon{width:56px;height:56px;font-size:24px}.message-title{font-size:20px}.sender-info,.message-content-wrapper{padding:20px}.message-actions{flex-direction:column;padding:20px}.message-actions .ant-btn{width:100%}}.message-card{animation:.4s cubic-bezier(.4,0,.2,1) fadeIn}.purchase-layout{background:#f8f9fa;min-height:100vh}.purchase-content{padding:24px}.purchase-container{max-width:1400px;margin:0 auto}.page-subtitle{color:#8c8c8c;margin:0;font-size:14px}.page-header .ant-btn{background:#262626;border:none;border-radius:8px;height:44px;padding:0 28px;font-size:15px;font-weight:500;transition:all .2s}.page-header .ant-btn:hover{background:#404040;transform:translateY(-1px)}.stats-row{margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px;transition:all .25s;box-shadow:0 1px 3px #0000000a}.stat-card:hover{border-color:#d9d9d9;box-shadow:0 4px 12px #00000014}.stat-card .ant-statistic-title{color:#595959;margin-bottom:12px;font-size:14px;font-weight:500}.stat-card .ant-statistic-content{color:#262626;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:600}.stat-trend{color:#52c41a;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:500;display:inline-flex}.stat-card .ant-progress{margin-top:16px}.stat-card .ant-progress-inner{background:#f5f5f5;border-radius:4px}.modules-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000000a}.modules-title{color:#262626;margin:0 0 20px;font-size:16px;font-weight:600}.module-card{cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:10px;height:100%;transition:all .25s}.module-card:hover{border-color:#262626;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.module-icon{color:#262626;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;font-size:20px;display:flex}.module-card .ant-card-body{padding:18px}.module-card .module-title{color:#262626;margin:0 0 6px;font-size:15px;font-weight:600}.module-desc{color:#8c8c8c;margin-bottom:12px;font-size:13px;line-height:1.5;display:block}.module-stats{border-top:1px solid #f0f0f0;padding-top:12px}.module-stats .ant-badge{color:#595959;font-size:12px}.quick-actions-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000000a}.quick-actions-title{color:#262626;margin:0 0 28px;font-size:18px;font-weight:600}.quick-actions-card .ant-btn{border-radius:8px;height:44px;padding:0 28px;font-size:15px;font-weight:500}.quick-actions-card .ant-btn-primary{background:#262626;border:none}.quick-actions-card .ant-btn-primary:hover{background:#404040}@media (width<=992px){.page-header{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=768px){.purchase-content{padding:16px}.page-header{padding:24px}.header-icon{width:48px;height:48px;font-size:24px}.page-title{font-size:20px}.modules-card,.quick-actions-card{padding:24px}.module-icon{width:48px;height:48px;font-size:22px}.quick-actions-card .ant-btn{width:100%}}.purchase-content::-webkit-scrollbar{width:8px}.purchase-content::-webkit-scrollbar-track{background:#f5f5f5}.purchase-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.purchase-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}:root{--color-primary:#1677ff;--color-success:#52c41a;--color-warning:#fa8c16;--color-error:#ff4d4f;--color-text-primary:#1f1f1f;--color-text-secondary:#595959;--color-text-tertiary:#8c8c8c;--color-border:#e5e5e5;--color-bg-container:#fff;--color-bg-layout:#f5f5f5;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f}.orders-layout{background:var(--color-bg-layout);min-height:100vh}.orders-content{padding:var(--spacing-lg)}.orders-container{max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-container);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.header-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-primary);background:linear-gradient(135deg,#e6f4ff 0%,#bae7ff 100%);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.orders-table-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:var(--color-bg-container);overflow:hidden}.orders-table .ant-table-thead>tr>th{color:var(--color-text-primary);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border);background:#fafafa;font-weight:600}.orders-table .ant-table-tbody>tr>td{padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.ant-tag{border:1px solid #0000;border-radius:4px;padding:2px 10px;font-size:12px;font-weight:500}.ant-tag[style*=orange]{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.ant-tag[style*=blue]{color:#1677ff;background:#e6f4ff;border-color:#91caff}.ant-tag[style*=purple]{color:#722ed1;background:#f9f0ff;border-color:#d3adf7}.ant-tag[style*=cyan]{color:#13c2c2;background:#e6fffb;border-color:#87e8de}.ant-tag[style*=green]{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.ant-tag[style*=red]{color:#ff4d4f;background:#fff1f0;border-color:#ffccc7}.loading-container{background:var(--color-bg-container);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:400px;display:flex}.ant-empty{padding:calc(var(--spacing-xl) * 2) var(--spacing-lg);background:var(--color-bg-container);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.ant-empty-description{color:var(--color-text-tertiary);font-size:14px}.order-detail-drawer .ant-drawer-header{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-container);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:18px;font-weight:600}.order-detail-drawer .ant-descriptions-header{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-md);background:var(--color-bg-container);border-bottom:1px solid var(--color-border);margin:0}.order-detail-drawer .ant-descriptions-item-label{color:var(--color-text-secondary);background:#fafafa;font-size:13px;font-weight:500}.order-detail-drawer .ant-descriptions-item-content{color:var(--color-text-primary);font-size:14px;font-weight:500}.order-detail-drawer .ant-table-thead>tr>th{color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);background:#fafafa;font-weight:600}.order-detail-drawer .ant-table-tbody>tr>td{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary)}.order-detail-drawer .ant-table-footer{color:var(--color-text-primary);padding:var(--spacing-md);background:#fafafa;font-weight:600}.remark-text{padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);border:1px solid var(--color-border);background:#fafafa;margin:0;font-size:13px;line-height:1.8}.drawer-actions{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-container);border-top:1px solid var(--color-border);gap:var(--spacing-sm);justify-content:flex-end;display:flex}.drawer-actions .ant-btn{height:40px;padding:0 var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;transition:all .2s}.ant-btn:focus-visible,.ant-table-tbody>tr:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ant-table-tbody>tr{cursor:pointer}.ant-descriptions-item-label,.ant-table-thead>tr>th{color:var(--color-text-primary)}@media (width<=768px){.orders-content{padding:var(--spacing-sm)}.page-header{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;align-items:flex-start}.order-detail-drawer .ant-drawer-header,.order-detail-drawer .ant-descriptions-header,.order-detail-drawer .ant-descriptions-body,.drawer-actions{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.drawer-actions{flex-direction:column}.drawer-actions .ant-btn{width:100%}}.orders-table-card{animation:.3s fadeIn}.ant-tag{animation:.2s fadeIn}.seller-orders-layout{background:#f8f9fa;min-height:100vh}.seller-orders-content{padding:24px}.seller-orders-container{max-width:1400px;margin:0 auto}.page-header{background:#fff;border:1px solid #e8e8e8;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px 36px;display:flex;box-shadow:0 1px 3px #0000000f}.header-left{align-items:center;gap:20px;display:flex}.header-icon{color:#262626;background:#f5f5f5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.page-title{color:#262626;margin:0 0 6px;font-size:24px;font-weight:600;line-height:1.3}.orders-table-card{border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.orders-table .ant-table{font-size:14px}.orders-table .ant-table-thead>tr>th{background:#fafafa;padding:16px;font-weight:600}.orders-table .ant-table-tbody>tr>td{vertical-align:middle;padding:16px}.orders-table .ant-table-tbody>tr:hover{background:#fafafa}.order-no{color:#1677ff;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;font-weight:600}.loading-container{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.ant-empty{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:80px 24px}.order-detail-drawer .ant-drawer-body{background:#fafafa;padding:16px}.order-detail-drawer .ant-drawer-header{color:#262626;background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 32px;font-size:20px;font-weight:600}.order-detail-drawer .ant-descriptions-header{background:#fff;border-bottom:1px solid #e8e8e8;margin:0;padding:24px 32px 16px}.order-detail-drawer .ant-descriptions-body{background:#fff;padding:0 32px 24px}.order-detail-drawer .ant-descriptions-item-label{color:#595959;background:#fafafa;font-weight:500}.order-detail-drawer .ant-divider{background:#e8e8e8;margin:0}.order-detail-drawer .ant-table{background:#fff;font-size:13px}.order-detail-drawer .ant-table-thead>tr>th{background:#fafafa;padding:14px 16px;font-weight:600}.order-detail-drawer .ant-table-tbody>tr>td{padding:14px 16px}.remark-text{color:#595959;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;margin:0;padding:16px 20px;font-size:14px;line-height:1.8}@media (width<=768px){.seller-orders-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.order-detail-drawer .ant-drawer-header,.order-detail-drawer .ant-descriptions-header,.order-detail-drawer .ant-descriptions-body{padding-left:20px;padding-right:20px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}