{"id":9014,"date":"2026-08-07T10:26:35","date_gmt":"2026-08-07T10:26:35","guid":{"rendered":"https:\/\/bjfzxyxb.cn\/?page_id=9014"},"modified":"2026-08-24T11:20:52","modified_gmt":"2026-08-24T11:20:52","slug":"editorial-board","status":"publish","type":"page","link":"https:\/\/bjfzxyxb.cn\/index.php\/editorial-board\/","title":{"rendered":"Editorial Board"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Editorial Board \u00b7 Journal of Beijing Institute of Fashion Technology<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;display=swap\" rel=\"stylesheet\" \/>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #f0f4fc;\n            font-family: 'Inter', Arial, Helvetica, sans-serif;\n            padding: 30px 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            color: #1e293b;\n        }\n\n        .board-wrapper {\n            max-width: 1100px;\n            width: 100%;\n            margin: 0 auto;\n            background: #ffffff;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 25px 60px -12px rgba(16, 42, 102, 0.12);\n            border: 1px solid #e5eaf2;\n        }\n\n        \/* ====== HERO HEADER \u2014 BLUE & ORANGE GRADIENT ====== *\/\n        .hero-header {\n            background: linear-gradient(135deg, #102B66 0%, #1a3d7a 60%, #F28C28 100%);\n            padding: 40px 50px 36px;\n            position: relative;\n            overflow: hidden;\n            border-bottom: 4px solid #F28C28;\n        }\n\n        .hero-header::before {\n            content: '';\n            position: absolute;\n            top: -80px;\n            right: -80px;\n            width: 300px;\n            height: 300px;\n            border-radius: 50%;\n            background: rgba(242, 140, 40, 0.06);\n        }\n\n        .hero-header::after {\n            content: '';\n            position: absolute;\n            bottom: -60px;\n            left: -60px;\n            width: 200px;\n            height: 200px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.02);\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .hero-header .pre-title {\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            color: rgba(255, 255, 255, 0.4);\n            font-weight: 600;\n            margin-bottom: 4px;\n        }\n\n        .hero-header h1 {\n            font-family: 'Playfair Display', Georgia, serif;\n            color: #ffffff;\n            font-size: 40px;\n            font-weight: 700;\n            margin: 0;\n            line-height: 1.1;\n            letter-spacing: -0.5px;\n        }\n\n        .hero-header h1 .accent {\n            color: #F28C28;\n        }\n\n        .hero-header .sub {\n            font-size: 16px;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.6);\n            margin-top: 6px;\n            letter-spacing: 0.3px;\n        }\n\n        .hero-header .stats {\n            display: flex;\n            gap: 30px;\n            margin-top: 18px;\n            flex-wrap: wrap;\n        }\n\n        .hero-header .stats .stat-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            color: rgba(255, 255, 255, 0.6);\n            font-size: 13px;\n        }\n\n        .hero-header .stats .stat-item .num {\n            font-weight: 700;\n            color: #F28C28;\n            font-size: 20px;\n        }\n\n        .hero-header .stats .stat-item .divider {\n            width: 1px;\n            height: 20px;\n            background: rgba(255, 255, 255, 0.08);\n        }\n\n        \/* ====== CONTENT ====== *\/\n        .board-content {\n            padding: 36px 44px 40px 44px;\n            background: #ffffff;\n        }\n\n        \/* ====== EDITOR-IN-CHIEF \u2014 FEATURED CARD ====== *\/\n        .editor-chief {\n            background: linear-gradient(135deg, #f8faff 0%, #f0f4fc 100%);\n            border-radius: 16px;\n            padding: 24px 32px;\n            margin-bottom: 32px;\n            border: 1px solid #e5eaf2;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 16px 24px;\n            transition: all 0.2s ease;\n        }\n\n        .editor-chief:hover {\n            border-color: #F28C28;\n            box-shadow: 0 8px 24px rgba(242, 140, 40, 0.06);\n        }\n\n        .editor-chief .left {\n            display: flex;\n            align-items: center;\n            gap: 18px;\n            flex-wrap: wrap;\n        }\n\n        .editor-chief .avatar {\n            width: 64px;\n            height: 64px;\n            border-radius: 50%;\n            background: #102B66;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #F28C28;\n            font-size: 28px;\n            font-weight: 700;\n            font-family: 'Playfair Display', serif;\n            flex-shrink: 0;\n        }\n\n        .editor-chief .info .role-tag {\n            font-size: 10px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: #F28C28;\n            background: rgba(242, 140, 40, 0.06);\n            padding: 2px 14px;\n            border-radius: 30px;\n            border: 1px solid rgba(242, 140, 40, 0.06);\n            display: inline-block;\n            margin-bottom: 4px;\n        }\n\n        .editor-chief .info .name {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-size: 24px;\n            font-weight: 700;\n            color: #102B66;\n        }\n\n        .editor-chief .info .affiliation {\n            font-size: 14px;\n            color: #64748b;\n        }\n\n        .editor-chief .badge-icon {\n            background: #F28C28;\n            color: #ffffff;\n            padding: 8px 20px;\n            border-radius: 40px;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 0.5px;\n            white-space: nowrap;\n        }\n\n        \/* ====== SECTION LABEL ====== *\/\n        .section-label {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 20px;\n        }\n\n        .section-label .line {\n            flex: 1;\n            height: 1px;\n            background: #e5eaf2;\n        }\n\n        .section-label .text {\n            font-size: 13px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: #F28C28;\n            white-space: nowrap;\n        }\n\n        .section-label .text span {\n            background: rgba(242, 140, 40, 0.06);\n            padding: 2px 16px;\n            border-radius: 30px;\n            border: 1px solid rgba(242, 140, 40, 0.06);\n        }\n\n        \/* ====== BOARD MEMBERS \u2014 CARD GRID ====== *\/\n        .board-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 14px;\n        }\n\n        .board-member {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            padding: 14px 20px;\n            background: #fafcff;\n            border-radius: 12px;\n            border: 1px solid #e5eaf2;\n            transition: all 0.2s ease;\n        }\n\n        .board-member:hover {\n            border-color: #F28C28;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px -8px rgba(242, 140, 40, 0.08);\n            background: #ffffff;\n        }\n\n        .board-member .title-badge {\n            font-size: 10px;\n            font-weight: 700;\n            color: #F28C28;\n            background: rgba(242, 140, 40, 0.06);\n            padding: 2px 12px;\n            border-radius: 30px;\n            border: 1px solid rgba(242, 140, 40, 0.06);\n            min-width: 48px;\n            text-align: center;\n            flex-shrink: 0;\n        }\n\n        .board-member .member-info {\n            flex: 1;\n        }\n\n        .board-member .member-info .name {\n            font-weight: 600;\n            font-size: 14px;\n            color: #102B66;\n        }\n\n        .board-member .member-info .affiliation {\n            font-size: 12.5px;\n            color: #64748b;\n            font-weight: 400;\n        }\n\n        .board-member .member-arrow {\n            color: #F28C28;\n            font-size: 14px;\n            opacity: 0;\n            transform: translateX(-6px);\n            transition: all 0.2s ease;\n        }\n\n        .board-member:hover .member-arrow {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        \/* ====== RESPONSIVE ====== *\/\n        @media (max-width: 850px) {\n            .hero-header {\n                padding: 30px 28px 24px;\n            }\n            .hero-header h1 {\n                font-size: 32px;\n            }\n            .board-content {\n                padding: 24px 24px 30px 24px;\n            }\n            .board-grid {\n                grid-template-columns: 1fr;\n                gap: 10px;\n            }\n            .editor-chief {\n                padding: 18px 22px;\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .editor-chief .badge-icon {\n                align-self: flex-start;\n            }\n            .editor-chief .info .name {\n                font-size: 20px;\n            }\n            .hero-header .stats {\n                gap: 16px;\n            }\n        }\n\n        @media (max-width: 550px) {\n            .hero-header h1 {\n                font-size: 26px;\n            }\n            .hero-header .sub {\n                font-size: 13px;\n            }\n            .hero-header .stats .stat-item {\n                font-size: 12px;\n            }\n            .hero-header .stats .stat-item .num {\n                font-size: 17px;\n            }\n            .board-content {\n                padding: 16px 14px 22px 14px;\n            }\n            .editor-chief .left {\n                gap: 12px;\n            }\n            .editor-chief .avatar {\n                width: 50px;\n                height: 50px;\n                font-size: 22px;\n            }\n            .editor-chief .info .name {\n                font-size: 17px;\n            }\n            .editor-chief .info .affiliation {\n                font-size: 13px;\n            }\n            .editor-chief .badge-icon {\n                font-size: 11px;\n                padding: 6px 16px;\n            }\n            .board-member {\n                padding: 12px 14px;\n                flex-wrap: wrap;\n                gap: 8px;\n            }\n            .board-member .title-badge {\n                min-width: 40px;\n                font-size: 9px;\n                padding: 1px 10px;\n            }\n            .board-member .member-info .name {\n                font-size: 13px;\n            }\n            .board-member .member-info .affiliation {\n                font-size: 11.5px;\n            }\n            .board-member .member-arrow {\n                display: none;\n            }\n            .section-label .text span {\n                font-size: 11px;\n                padding: 1px 12px;\n            }\n        }\n\n        @media (max-width: 400px) {\n            .board-member {\n                flex-direction: column;\n                align-items: flex-start;\n                text-align: left;\n            }\n            .board-member .title-badge {\n                align-self: flex-start;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"board-wrapper\">\n\n        <!-- ====== HERO HEADER ====== -->\n        <div class=\"hero-header\">\n            <div class=\"hero-content\">\n                <div class=\"pre-title\">\u2726 SCHOLARLY EXCELLENCE<\/div>\n                <h1>Editorial <span class=\"accent\">Board<\/span><\/h1>\n                <div class=\"sub\">Journal of Beijing Institute of Fashion Technology \u00b7 Natural Science Edition<\/div>\n                <div class=\"stats\">\n                    <span class=\"stat-item\">\n                        <span class=\"num\">01<\/span> Editor-in-Chief\n                    <\/span>\n                    <span class=\"stat-item\">\n                        <span class=\"divider\"><\/span>\n                    <\/span>\n                    <span class=\"stat-item\">\n                        <span class=\"num\">10<\/span> Board Members\n                    <\/span>\n                    <span class=\"stat-item\">\n                        <span class=\"divider\"><\/span>\n                    <\/span>\n                    <span class=\"stat-item\">\n                        <span class=\"num\">08<\/span> Countries\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ====== CONTENT ====== -->\n        <div class=\"board-content\">\n\n            <!-- EDITOR-IN-CHIEF \u2014 FEATURED -->\n            <div class=\"editor-chief\">\n                <div class=\"left\">\n                    <div class=\"avatar\">FL<\/div>\n                    <div class=\"info\">\n                        <div class=\"role-tag\">\u2726 Editor-in-Chief<\/div>\n                        <div class=\"name\">Feng K. Lin<\/div>\n                        <div class=\"affiliation\">Journal of Beijing Institute of Fashion Technology<\/div>\n                    <\/div>\n                <\/div>\n                <span class=\"badge-icon\">Lead Editor<\/span>\n            <\/div>\n\n            <!-- SECTION LABEL -->\n            <div class=\"section-label\">\n                <span class=\"line\"><\/span>\n                <span class=\"text\"><span>\u2726 Editorial Board Members<\/span><\/span>\n                <span class=\"line\"><\/span>\n            <\/div>\n\n            <!-- EDITORIAL BOARD GRID -->\n            <div class=\"board-grid\">\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Nicola Lovecchio<\/div>\n                        <div class=\"affiliation\">University of Bergamo, Italy<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Enrique Ortega-Toro<\/div>\n                        <div class=\"affiliation\">University of Murcia, Spain<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Ratko Pavlovi\u0107<\/div>\n                        <div class=\"affiliation\">University of East Sarajevo, Bosnia<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Dr.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Babak Daneshvar Rouyendegh<\/div>\n                        <div class=\"affiliation\">Atilim University, T\u00fcrkiye<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Morteza Seddighin<\/div>\n                        <div class=\"affiliation\">Indiana University East, USA<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Dr.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Marco Spadini<\/div>\n                        <div class=\"affiliation\">University of Florence, Italy<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Satyan M. Rajbhandari<\/div>\n                        <div class=\"affiliation\">Lancashire Teaching Hospital, UK<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Dario C. Ramirez<\/div>\n                        <div class=\"affiliation\">Universidad Nacional de San Luis, Argentina<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Eduard Ruiz Castane<\/div>\n                        <div class=\"affiliation\">Fundaci\u00f3 Puigvert, Spain<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n                <div class=\"board-member\">\n                    <span class=\"title-badge\">Prof.<\/span>\n                    <div class=\"member-info\">\n                        <div class=\"name\">Edson da Silva<\/div>\n                        <div class=\"affiliation\">Federal University of Jequitinhonha, Brazil<\/div>\n                    <\/div>\n                    <span class=\"member-arrow\">\u2192<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Editorial Board \u00b7 Journal of Beijing Institute of Fashion Technology \u2726 SCHOLARLY EXCELLENCE Editorial Board Journal of Beijing Institute of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9014","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/pages\/9014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/comments?post=9014"}],"version-history":[{"count":4,"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/pages\/9014\/revisions"}],"predecessor-version":[{"id":9165,"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/pages\/9014\/revisions\/9165"}],"wp:attachment":[{"href":"https:\/\/bjfzxyxb.cn\/index.php\/wp-json\/wp\/v2\/media?parent=9014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}