@font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiLight.woff2') format('woff2');
            font-weight: 100; /* 细体/轻体 */
            font-style: thin;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiLight.woff2') format('woff2');
            font-weight: 200; /* 细体/轻体 */
            font-style: thin;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiLight.woff2') format('woff2');
            font-weight: 300; /* 细体/轻体 */
            font-style: thin;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiRegular.woff2') format('woff2');
            font-weight: 400; /* 细体/轻体 */
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiRegular.woff2') format('woff2');
            font-weight: 500; /* 细体/轻体 */
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiRegular.woff2') format('woff2');
            font-weight: 600; /* 细体/轻体 */
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiBold.woff2') format('woff2');
            font-weight: 700; /* 细体/轻体 */
            font-style: bolder;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiBold.woff2') format('woff2');
            font-weight: 800; /* 细体/轻体 */
            font-style: bolder;
            font-display: swap;
        }
        @font-face {
            font-family: 'Taipei';
            src: url('../dnt/Taibei/TaipeiBold.woff2') format('woff2');
            font-weight: 900; /* 细体/轻体 */
            font-style: bolder;
            font-display: swap;
        }
        
        /* 阿里妈妈数黑体 */
        @font-face {
            font-family: 'Alishuhe';
            src: url('../dnt/Alishuhe/Alishuhe.woff2') format('woff2');
            font-weight: 900; /* 细体/轻体 */
            font-style: normal;
            font-display: swap;
        }
		
        .Taipei-font {
            font-family: 'Taipei';
        }
        .alimama-font {
            font-family: 'Alishuhe';
        }
		
		/* 基础光标设置 - 覆盖所有元素 */
html, body, * {
    cursor: url('../dco/default.cur'), auto;
}

/* 链接和可点击元素 */
a, button, [onclick], [href], [role="button"], 
summary, label[for], .clickable, [tabindex]:not([tabindex="-1"]) {
    cursor: url('../dco/pointer.cur'), pointer;
}

/* 文本相关元素 */
input, textarea, select, [contenteditable="true"], 
[contenteditable=""], pre, code, .editable {
    cursor: url('../dco/text.cur'), text;
}

/* 可拖动元素 */
.draggable, [draggable="true"], .moveable, 
[style*="cursor:move"], [style*="cursor: grab"] {
    cursor: url('../dco/move.cur'), move;
}

/* 等待状态 */
.wait, .loading, [aria-busy="true"], 
progress, meter, [type="range"]:active {
    cursor: url('../dco/wait.cur'), wait;
}

/* 帮助状态 */
.help, [title]:hover, [aria-describedby], 
[data-tooltip]:hover, abbr[title]:hover {
    cursor: url('../dco/help.cur'), help;
}

/* 精确选择 */
.crosshair, .precision, canvas, .ruler, 
.measure, [data-action="select"] {
    cursor: url('../dco/crosshair.cur'), crosshair;
}

/* 禁用状态 */
.disabled, :disabled, [aria-disabled="true"], 
[readonly], .readonly, [aria-readonly="true"] {
    cursor: url('../dco/not-allowed.cur'), not-allowed;
}

/* 进度状态 */
.progress, [aria-valuenow], [role="progressbar"], 
.loading-bar, .spinner {
    cursor: url('../dco/progress.cur'), progress;
}

/* 滚动条相关 - Webkit浏览器 */
::-webkit-scrollbar, 
::-webkit-scrollbar-thumb, 
::-webkit-scrollbar-track, 
::-webkit-scrollbar-button, 
::-webkit-scrollbar-corner {
    cursor: url('../dco/default.cur'), auto;
}

/* 滚动条可拖动部分 */
::-webkit-scrollbar-thumb:hover {
    cursor: url('../dco/pointer.cur'), pointer;
}

/* 选择文本时的光标 */
::selection {
    cursor: url('../dco/text.cur'), text;
}

/* 表单元素特殊处理 */
input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    cursor: url('../dco/pointer.cur'), pointer;
}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="search"], 
input[type="url"], 
input[type="tel"], 
input[type="number"] {
    cursor: url('../dco/text.cur'), text;
}

/* 图片和媒体元素 */
img, video, audio, picture, source {
    cursor: url('../dco/default.cur'), auto;
}

/* 表格元素 */
table, th, td, tr {
    cursor: url('../dco/default.cur'), auto;
}

/* 列表元素 */
ul, ol, li, dl, dt, dd {
    cursor: url('../dco/default.cur'), auto;
}

/* 标题和段落 */
h1, h2, h3, h4, h5, h6, p, div, span {
    cursor: url('../dco/default.cur'), auto;
}

/* 特殊交互状态 */
a:hover, button:hover, 
[onclick]:hover, [href]:hover {
    cursor: url('../dco/pointer.cur'), pointer;
}

a:active, button:active, 
[onclick]:active, [href]:active {
    cursor: url('../dco/pointer.cur'), pointer;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: url('../dco/default.cur'), auto;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
    cursor: url('../dco/default.cur'), auto;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    transition: background 0.3s ease;
    cursor: url('../dco/default.cur'), auto;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
    cursor: url('../dco/default.cur'), auto;
}

::-webkit-scrollbar-thumb:active {
    background: #888888;
    cursor: url('../dco/default.cur'), auto;
}

::-webkit-scrollbar-corner {
    background: #f1f1f1;
    cursor: url('../dco/default.cur'), auto;
}

/* Firefox 滚动条样式 */
* {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
    cursor: url('../dco/default.cur'), auto;
}

/* 产品信息区域滚动条特殊样式 */
.product-info::-webkit-scrollbar {
    width: 6px;
    cursor: url('../dco/default.cur'), auto;
}

.product-info::-webkit-scrollbar-thumb {
    background: #888888;
    cursor: url('../dco/default.cur'), auto;
}

.product-info::-webkit-scrollbar-thumb:hover {
    background: #666666;
    cursor: url('../dco/default.cur'), auto;
}

/* 移动端更细的滚动条 */
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 4px;
    cursor: url('../dco/default.cur'), auto;
    }
    
    .product-info::-webkit-scrollbar {
        width: 3px;
    cursor: url('../dco/default.cur'), auto;
    }
}
		
        /* 全局样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Taipei';
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
    cursor: url('../dco/default.cur'), auto;
        }
		
		.top-allbox{
			position:fixed;
			top:0px;
			left:0px;
			width:100%;
			z-index:999;
			line-height:1.6;
		}
		/* 顶部导航 - 移动端优化 */
        #top-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 100;
            background: rgba(255, 255, 255, 0.98);
            border-bottom: 2px solid #000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        #main-logo {
            font-size: 1.5rem;
            font-weight: 800;
            letter-spacing: -1px;
        }

        #main-logo::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
		
		#main-logo img{
			width:150px;
		}
        #nav-links {
            display: none; /* 移动端默认隐藏导航链接 */
        }

        /* 电脑端导航菜单 */
        .desktop-nav {
            display: none;
        }

        /* 移动端汉堡菜单 */
        #mobile-menu-toggle {
            display: block;
            width: 30px;
            height: 30px;
            position: relative;
            cursor: url(../dco/pointer.cur), pointer;
        }

        #mobile-menu-toggle span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            background: #000;
            border-radius: 3px;
            opacity: 1;
            left: 0;
            transform: rotate(0deg);
            transition: .25s ease-in-out;
        }

        #mobile-menu-toggle span:nth-child(1) {
            top: 6px;
        }

        #mobile-menu-toggle span:nth-child(2) {
            top: 13px;
        }

        #mobile-menu-toggle span:nth-child(3) {
            top: 20px;
        }

        /* 移动端菜单展开状态 */
        #mobile-menu-toggle.active span:nth-child(1) {
            top: 13px;
            transform: rotate(135deg);
        }

        #mobile-menu-toggle.active span:nth-child(2) {
            opacity: 0;
            left: -30px;
        }

        #mobile-menu-toggle.active span:nth-child(3) {
            top: 13px;
            transform: rotate(-135deg);
        }

        /* 移动端菜单 */
        #mobile-menu {
            position: fixed;
            top: 68.5px;
            left: 0;
            width: 100%;
            background: #fff;
            border-bottom: 2px solid #000;
            display: none;
            flex-direction: column;
            z-index: 99;
            padding:0px;
            box-shadow: 0 5px 10px rgba(0,0,0,0.1);
            max-height: 80vh;
            overflow-y: auto;
        }

        #mobile-menu.active {
            display: flex;
        }

        .mobile-menu-item {
            position: relative;
        }

        .mobile-menu-item > a {
            display: block;
            padding: 15px 20px;
            text-decoration: none;
            color: #000;
            font-weight: 800;
			font-size:17px;
            border-bottom: 1px solid #eee;
            position: relative;
        }

        .mobile-menu-item.has-submenu > a::after {
            content: '▶';
            position: absolute;
            right: 20px;
            transform: rotate(90deg);
            transition: transform 0.3s ease;
        }

        .mobile-menu-item.has-submenu.active > a::after {
            transform: rotate(-90deg);
        }

        .mobile-submenu {
            display: none;
            background: #f9f9f9;
            border-left: 3px solid #000;
        }

        .mobile-submenu.active {
            display: block;
        }

        .mobile-submenu-item {
            position: relative;
        }

        .mobile-submenu-item > a {
            display: block;
            padding: 12px 20px 12px 30px;
            text-decoration: none;
            color: #000;
            font-weight: 500;
			font-size:15px;
            border-bottom: 1px solid #eee;
        }

        .mobile-submenu-item.has-submenu > a::after {
            content: '▶';
            position: absolute;
            right: 20px;
            transform: rotate(90deg);
            transition: transform 0.3s ease;
        }

        .mobile-submenu-item.has-submenu.active > a::after {
            transform: rotate(-90deg);
        }

        .mobile-subsubmenu {
            display: none;
            background: #f0f0f0;
            border-left: 3px solid #666;
        }

        .mobile-subsubmenu.active {
            display: block;
        }

        .mobile-subsubmenu a {
            display: block;
            padding: 10px 20px 10px 40px;
            text-decoration: none;
            color: #000;
            font-weight: 400;
			font-size:14px;
            border-bottom: 1px solid #ddd;
        }
		
		
        /* 响应式调整 - 平板和桌面 */
        @media (min-width: 768px) {
            
            #top-nav {
                padding: 20px 40px;
            }
            
            #main-logo {
                font-size: 1.8rem;
            }
            
		#main-logo img{
			width:180px;
		}
            
            #mobile-menu-toggle, #mobile-menu {
                display: none;
            }
            
            .desktop-nav {
                display: flex;
                align-items: center;
            }
            
            .desktop-menu {
                display: flex;
                list-style: none;
            }
            
            .desktop-menu-item {
                position: relative;
                margin: 0 15px;
            }
            
            .desktop-menu-item > a {
                color: #000;
                text-decoration: none;
                font-weight: 900;
				font-size:20px;
                padding: 0px;
                display: block;
                position: relative;
                transition: color 0.3s ease;
            }
            
            .desktop-menu-item > a:hover {
                color: #333;
            }
            
            .desktop-menu-item > a::after {
                content: '';
                position: absolute;
                bottom: -5px;
                left: 0;
                width: 0;
                height: 3px;
                background: #000;
                transition: width 0.3s ease;
            }

.desktop-menu-item > a:hover::after {
    width: 100%;
}
            
            .desktop-submenu {
                position: fixed;
				top: 86px;
				width: 100vw;
				left: 0px;
                background: #fff;
                border-top: 2px solid #000;
                box-shadow: 0 5px 15px rgba(0,0,0,0.1);
                display: none;
                z-index: 99;
                padding: 20px 0;
            }
            
            .desktop-menu-item:hover .desktop-submenu {
                display: block;
            }
            
            .desktop-submenu-container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 40px;
                display: flex;
                justify-content: space-between;
            }
            
            .desktop-submenu-column {
                flex: 1;
                min-width: 200px;
            }
            
            .desktop-submenu-title {
                font-weight: 600;
                margin-bottom: 10px;
                padding-bottom: 5px;
				font-size:18px;
                border-bottom: 1px solid #eee;
                font-size: 1rem;
            }
            
            .desktop-submenu-list {
                list-style: none;
            }
            
            .desktop-submenu-list li {
                margin-bottom: 8px;
            }
            
            .desktop-submenu-list a {
                color: #000;
                text-decoration: none;
                font-size: 0.9rem;
                transition: color 0.3s ease;
            }
            
            .desktop-submenu-list a:hover {
                color: #666;
            }
            
        }