/* ==========================================
   浙江大市场 - 公共样式 (common.css)
   多页面共享：变量、重置、顶栏、Header、搜索栏
   ========================================== */

 :root {
     --orange: #FF6A00;
     --orange-deep: #FF5000;
     --orange-soft: #FFF3EB;
     --orange-line: #FFD9BF;
     --text: #222;
     --text-sub: #666;
     --text-mute: #9a9a9a;
     --bg: #f4f5f7;
     --border: #ededed;
     --blue: #3d6fd1;
     --shadow: 0 2px 14px rgba(0, 0, 0, .06);
     --shadow-hover: 0 8px 26px rgba(255, 80, 0, .16);
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 html {
     scroll-behavior: smooth;
     overflow-x: auto;
 }

 body {
     font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", -apple-system, sans-serif;
     background: var(--bg);
     color: var(--text);
     font-size: 14px;
     line-height: 1.5;
     -webkit-font-smoothing: antialiased;
     min-width: 1200px;
     overflow-x: hidden;
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 ul {
     list-style: none;
 }

 .container {
     width: 1400px;
     margin: 0 auto;
 }

 :is(svg, img) {
     display: block;
 }
/* ::selection {
     background: var(--orange-line);
     color: var(--orange-deep);
 } */

 :focus-visible {
     outline: 2px solid var(--orange-deep);
     outline-offset: 2px;
 }

 /* ========== 顶部条 ========== */
 .site-topbar {
     background: #fafafa;
     border-bottom: 1px solid var(--border);
     font-size: 13px;
     color: var(--text-sub);
 }

 .site-topbar .container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 46px;
 }

 .site-topbar .site-topbar_logo a {
     margin-left: 14px;
     color: var(--orange-deep);
     transition: .2s;
 }

 .site-topbar .site-topbar_logo a:hover {
     opacity: .75;
 }

 .site-topbar .site-topbar_links a {
     display: flex;
     align-items: center;
     gap: 4px;
     transition: color .2s;
 }

 .site-topbar .site-topbar_links a:hover {
     /* color: var(--orange); */
 }

 .site-topbar .site-topbar_links {
     margin-left: auto;
     align-items: center;
     display: flex;
     gap: 10px;
 }

 .site-topbar .site-topbar_links>a,
 .site-topbar .nav-dropdown>a {
     height: 36px;
     padding: 0 4px;
     color: #787878;
     font-size: 13px;
 }

 .site-topbar .site-topbar_links>a:hover,
 .site-topbar .nav-dropdown:hover>a {
     color: var(--orange-deep);
 }

 /* 当前页对应的头部导航高亮：点击进入对应页面后，该导航项保持高亮 */
 .site-topbar .site-topbar_links .is-current,
 .site-topbar .nav-dropdown>a.is-current,
 .site-topbar .nav-dropdown_links [aria-current="page"] {
     color: var(--orange-deep);
     font-weight: 600;
 }

 .site-topbar_auth {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-left: 2px;
 }

 .site-topbar_auth-login,
 .site-topbar_auth-register {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 30px;
     min-width: 52px;
     padding: 0 14px;
     border-radius: 15px;
     font-size: 13px;
     font-weight: 700;
     line-height: 1;
     transition: background .2s, color .2s, filter .2s, transform .2s;
 }

 .site-topbar_auth-register {
     min-width: 72px;
     color: #fff;
     background: linear-gradient(90deg, var(--orange), var(--orange-deep));
 }

 .site-topbar_auth-register:hover {
     color: #fff;
     filter: brightness(1.06);
     transform: translateY(-1px);
 }

 .site-topbar_auth-login {
     width: 38px;
     height: 38px;
     min-width: 38px;
     padding: 0;
     border-radius: 50%;
     color: #999999;
     background: #f1f1f1;
     font-size: 12px;
     font-weight: 400;
 }

 .site-topbar_auth-login:hover {
     color: #777777;
     background: #FFFAF5;
 }

 .icon-caret {
     width: 16px;
     height: 16px;
     color: #cfcfcf;
 }

 /* ========== Header ========== */
 .header {
     /* position: sticky;
     top: 0;
     z-index: 80; */
     transition: box-shadow .3s;
     margin-top: 12px;
 }

 .header.is-stuck {
     box-shadow: 0 4px 16px rgba(0, 0, 0, .07);
 }

 .header .container {
     display: flex;
     align-items: center;
     gap: 48px;
     height: 60px;
 }

 .site-logo {
     display: flex;
     align-items: flex-end;
     gap: 10px;
     flex-shrink: 0;
 }

 .site-logo .site-logo_mark {
     width: 42px;
     height: 42px;
     border-radius: 10px;
     background: linear-gradient(135deg, var(--orange), var(--orange-deep));
     color: #fff;
     font-weight: 800;
     font-size: 25px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 6px 14px rgba(255, 80, 0, .3);
 }

 .site-logo .site-logo_name {
     font-size: 30px;
     font-weight: 800;
     color: var(--orange-deep);
     letter-spacing: 2px;
     line-height: 1;
 }

 .site-logo .site-logo_domain {
     font-size: 12px;
     color: var(--orange);
     letter-spacing: 3px;
     display: block;
     margin-top: 3px;
     font-weight: 600;
 }

 .site-nav {
     display: flex;
     gap: 44px;
     flex: 1;
     justify-content: center;
 }

 .site-nav a {
     position: relative;
     font-size: 22px;
     color: var(--text);
     padding: 6px 0;
     font-weight: 500;
     transition: color .2s;
 }

 .site-nav a.is-active {
     color: var(--orange-deep);
     font-weight: 700;
 }

 .site-nav a::after {
     content: "";
     position: absolute;
     left: 50%;
     transform: translateX(-50%) scaleX(0);
     bottom: -4px;
     width: 34px;
     height: 3px;
     border-radius: 2px;
     background: var(--orange-deep);
     transition: transform .25s;
 }

 .site-nav a.is-active::after,
 .site-nav a:hover::after {
     transform: translateX(-50%) scaleX(1);
 }

 .site-nav a:hover {
     color: var(--orange);
 }

 /* ===== 顶栏导航下拉面板 ===== */
 .nav-dropdown {
     position: relative;
     display: flex;
     align-items: center;
 }

 .nav-dropdown>a {
     display: flex;
     align-items: center;
     gap: 4px;
 }

 .nav-dropdown>a .icon-caret {
     transition: transform .2s, color .2s;
 }

 .nav-dropdown:hover>a {
     color: var(--orange-deep);
 }

 .nav-dropdown:hover>a .icon-caret {
     transform: rotate(180deg);
     color: var(--orange-deep);
 }

 .nav-dropdown_panel {
     position: absolute;
     top: 100%;
     right: 0;
     margin-top: 8px;
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 10px;
     /* box-shadow: 0 14px 36px rgba(0, 0, 0, .14); */
     padding: 20px 26px 14px;
     width: 480px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(8px);
     transition: .2s;
     z-index: 130;
     cursor: default;
 }

 /* 透明缓冲区，防止移入面板时丢失 hover */
 .nav-dropdown_panel::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: -10px;
     height: 10px;
 }

 .nav-dropdown:hover .nav-dropdown_panel {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .nav-dropdown_group {
     margin-bottom: 14px;
 }

 .nav-dropdown_group h5 {
     font-size: 14px;
     font-weight: 700;
     color: var(--text);
     margin-bottom: 11px;
 }

 .nav-dropdown_links {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 11px 14px;
 }

 .nav-dropdown_links a {
     font-size: 13px;
     color: var(--text-sub);
     transition: color .15s;
     white-space: nowrap;
 }

 .nav-dropdown_links a:hover {
     color: var(--orange-deep);
 }

 .nav-dropdown_links a.is-hot {
     color: var(--orange-deep);
 }

 /* 手机版下载交互效果 */
 .mobile-download {
     position: relative;
     cursor: pointer;
     padding: 8px 0;
     color: var(--text-sub);
     font-size: 14px;
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .mobile-download:hover {
     color: var(--orange-deep);
 }

 .qr-dropdown {
     position: absolute;
     top: 100%;
     right: 0;
     background: #fff;
     border: 1px solid var(--border);
     padding: 14px;
     border-radius: 8px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
     opacity: 0;
     visibility: hidden;
     transform: translateY(8px);
     transition: .22s;
     text-align: center;
     z-index: 110;
 }

 .mobile-download:hover .qr-dropdown {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .qr-dropdown :is(svg, img) {
     width: 90px;
     height: 90px;
     border: 1px solid var(--border);
     padding: 4px;
     background: #fff;
     border-radius: 4px;
 }

 .qr-dropdown p {
     font-size: 12px;
     color: var(--text-sub);
     margin-top: 6px;
     white-space: nowrap;
 }

 /* 首页顶部条布局：logo + 账户按钮 / 右侧主入口 */
 .site-topbar {
     /* background: #fff;
    box-shadow: 0 1px 10px rgba(20, 24, 32, .05); */
 }

 .site-topbar .container {
     height: 50px;
     gap: 18px;
 }

 .site-topbar_logo {
     align-items: center;
     height: 100%;
 }

 .site-logo_image {
     width: 138px;
     height: auto;
     display: block;
 }


 .site-topbar .nav-dropdown_panel {
     left: 50%;
     right: auto;
     margin-top: 5px;
     width: auto;
     min-width: 340px;
     padding: 18px 24px 20px;
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(82px, max-content);
     column-gap: 42px;
     align-items: start;
     border-radius: 6px;
     /* box-shadow: 0 12px 30px rgba(20, 24, 32, .12); */
     transform: translate(-50%, 8px);
 }

 .site-topbar .nav-dropdown:hover .nav-dropdown_panel {
     transform: translate(-50%, 0);
 }

 .site-topbar .nav-dropdown_group {
     margin-bottom: 0;
     min-width: 82px;
 }

 .site-topbar .nav-dropdown_group h5 {
     margin-bottom: 14px;
     font-size: 14px;
     line-height: 1.2;
     color: #1f2630;
     font-weight: 600;
     white-space: nowrap;
 }

 .site-topbar .nav-dropdown_links {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .site-topbar .nav-dropdown_links a {
     display: block;
     padding: 0;
     color: #888888;
     font-size: 12px;
     line-height: 1.2;
     white-space: nowrap;
 }

 .site-topbar .nav-dropdown_links a:hover {
     color: var(--orange-deep);
 }

 /* “我的大市场”使用紧凑的分组菜单，其他顶栏下拉保持原布局。 */
 .site-topbar .market-dropdown .nav-dropdown_panel {
     left: 50%;
     width: 220px;
     min-width: 220px;
     padding: 16px 16px;
     display: block;
     border: 1px solid #e8e8e8;
     border-radius: 0;
     /* box-shadow: 0 5px 14px rgba(0, 0, 0, .12); */
 }

 .site-topbar .market-dropdown_group {
     min-width: 0;
     margin: 0;
     padding: 0 0 7px;
     border-bottom: 1px dotted #d8d8d8;
 }

 .site-topbar .market-dropdown_group+.market-dropdown_group {
     padding-top: 7px;
 }

 .site-topbar .market-dropdown_group:last-child {
     padding-bottom: 0;
     border-bottom: 0;
 }

 .site-topbar .market-dropdown_group h5 {
     margin: 0 0 5px;
     color: #000000;
     font-size: 13px;
     line-height: 1.25;
     font-weight: 500;
 }

 .site-topbar .market-dropdown_links {
     display: grid;
     /* grid-template-columns: repeat(2, max-content); */
     justify-content: space-between;
     gap: 5px 20px;
 }



 .site-topbar .market-dropdown_group--tools .market-dropdown_links {
     grid-template-columns: repeat(3, max-content);
     column-gap: 12px;
     row-gap: 0px;
 }

 .site-topbar .market-dropdown_links a {
     color: #4e5964;
     font-size: 12px;
     line-height: 1.3;
 }

 /* 客服中心：按截图使用窄幅单列菜单。 */
 .site-topbar .service-dropdown .nav-dropdown_panel {
     left: 50%;
     width: 82px;
     min-width: 82px;
     padding: 8px 10px;
     display: block;
     border: 1px solid #eeeeee;
     border-radius: 0;
     /* box-shadow: 0 5px 14px rgba(0, 0, 0, .1); */
 }

 .site-topbar .service-dropdown .nav-dropdown_group {
     min-width: 0;
     margin: 0;
 }

 .site-topbar .service-dropdown_links {
     display: flex;
     flex-direction: column;
     gap: 7px;
 }

 .site-topbar .service-dropdown_links a {
     color: #4e5964;
     font-size: 12px;
     line-height: 1.25;
 }

 /* 网站导航：行业、生活服务和手机端三栏大面板。 */
 .site-topbar .site-map-dropdown .nav-dropdown_panel {
     left: auto;
     right: -50px;
     width: 780px;
     min-width: 780px;
     padding: 11px 0 12px;
     display: grid;
     grid-template-columns: 308px 312px 160px;
     column-gap: 0;
     border: 1px solid #eeeeee;
     border-radius: 0;
     /* box-shadow: 0 5px 16px rgba(0, 0, 0, .1); */
     transform: translateY(8px);
 }

 .site-topbar .site-map-dropdown:hover .nav-dropdown_panel {
     transform: translateY(0);
 }

 .site-map-dropdown_section {
     min-height: 170px;
     padding: 2px 22px 0;
     border-right: 1px solid #eeeeee;
 }

 .site-map-dropdown_section h5,
 .site-map-dropdown_qr h5 {
     margin: 0 0 16px;
     color: #555;
     font-size: 14px;
     line-height: 1.2;
     font-weight: 700;
 }

 .site-map-dropdown_qr p {

     margin-top: 12px;
     color: #b7b7b7;
     font-size: 12px;
 }

 .site-map-dropdown_rows {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .site-map-dropdown_rows>div {
     display: flex;
     align-items: center;
     gap: 22px;
 }

 .site-map-dropdown_rows a {
     display: block;
     padding: 0;
     color: #4e5964;
     font-size: 13px;
     line-height: 1.2;
     white-space: nowrap;
 }

 .site-map-dropdown_rows a:hover {
     color: var(--orange-deep);
 }

 .site-map-dropdown_qr {
     min-height: 170px;
     padding: 2px 22px 0;
 }

 .site-map-dropdown_qr img {
     display: block;
     width: 100px;
     height: 100px;
     object-fit: contain;
 }

 /* 三个首页头部下拉菜单的统一轻商务视觉层。 */
 .site-topbar :is(.market-dropdown, .service-dropdown, .site-map-dropdown) .nav-dropdown_panel {
     overflow: hidden;
     background: rgba(255, 255, 255, 1);
     border-color: #eceef2;
     border-radius: 5px;
     /* box-shadow:
         0 18px 45px rgba(30, 38, 52, .16),
         0 3px 10px rgba(255, 80, 0, .05); */
     transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
 }

 .site-topbar :is(.market-dropdown, .service-dropdown, .site-map-dropdown) .nav-dropdown_panel::after {
     content: "";
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     right: 0;
     height: 3px;
     /* background: linear-gradient(90deg, #ff8a3d, var(--orange-deep)); */
 }

 .site-topbar :is(.market-dropdown, .service-dropdown, .site-map-dropdown) .nav-dropdown_panel::before {
     top: -12px;
     height: 12px;
 }

 .site-topbar .market-dropdown_group {
     border-bottom-color: #e8eaee;
 }

 /* .site-topbar .market-dropdown_group h5,
 .site-topbar .site-map-dropdown_section h5,
 .site-topbar .site-map-dropdown_qr h5 {
     color: #4c4c4c;
     font-weight: 500;
     letter-spacing: .1px;
 } */

 .site-topbar .site-map-dropdown_section {
     border-right-color: #eceef2;
 }

 .site-topbar :is(.market-dropdown_links, .service-dropdown_links, .site-map-dropdown_rows) a {
     margin: 0 -5px;
     padding: 4px 5px;
     border-radius: 6px;
     color: #888888;
     transition: color .18s ease, background .18s ease, transform .18s ease;
 }

 .site-topbar :is(.market-dropdown_links, .service-dropdown_links, .site-map-dropdown_rows) a:hover {
     color: var(--orange-deep);
     /* background: var(--orange-soft); */
     transform: translateX(2px);
 }

 .site-topbar .site-map-dropdown_qr img {
     width: 100px;
     height: 100px;
     padding: 6px;
     background: #fff;
     border: 1px solid #edf0f3;
     border-radius: 8px;
     /* box-shadow: 0 5px 15px rgba(30, 38, 52, .07); */
 }

 /*  底部 Footer 优化 */
 .site-footer {
     position: relative;
     overflow: hidden;
     /* margin-top: 34px; */
     padding: 54px 0 0;
     background-color: #333;
     /* background:
         radial-gradient(circle at 10% 0, rgba(255, 106, 0, .18), transparent 30%),
         linear-gradient(135deg, #242833 0%, #171b22 56%, #11141a 100%); */
     color: #c6ccd6;
 }

 .site-footer::before {
     content: "";
     position: absolute;
     inset: 0;
     pointer-events: none;
     background:
         linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
         linear-gradient(180deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
     background-size: 44px 44px;
     opacity: .2;
 }

 .site-footer .container {
     position: relative;
     z-index: 1;
 }

 .site-footer_grid {
     grid-template-columns: 1.7fr 1fr 1fr 1.35fr;
     gap: 52px;
     padding-bottom: 42px;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
 }

 .site-footer_brand {
     gap: 12px;
     margin-bottom: 18px;
 }

 .site-footer_logo {
     width: 190px;
     height: auto;
     display: block;
     filter: drop-shadow(0 10px 20px rgba(255, 80, 0, .18));
 }

 .site-footer_brand .site-logo_mark {
     width: 46px;
     height: 46px;
     border-radius: 12px;
     box-shadow: 0 12px 24px rgba(255, 80, 0, .24);
 }

 .site-footer_brand .site-logo_name {
     font-size: 24px;
     letter-spacing: 1.5px;
 }

 .site-footer_about {
     max-width: 390px;
     color: #aeb7c5;
     font-size: 14px;
     line-height: 1.9;
 }

 .site-footer_socials {
     gap: 10px;
 }

 .site-footer_socials a {
     width: 38px;
     height: 38px;
     border-radius: 10px;
     background: rgba(255, 255, 255, .08);
     color: #d9dee8;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09);
 }

 .site-footer_socials a:hover {
     background: var(--orange-deep);
     box-shadow: 0 10px 20px rgba(255, 80, 0, .25);
     transform: translateY(-2px);
 }

 .site-footer_column-title {
     font-size: 15px;
     font-weight: 700;
     color: #999;
     margin-bottom: 16px;
     position: relative;
 }

 /* .site-footer_column-title::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 28px;
     height: 3px;
     border-radius: 2px;
     background: var(--orange-deep);
 } */

 .site-footer_links {
     gap: 12px;
 }

 .site-footer_links a,
 .site-footer_contact {
     color: #aeb7c5;
     font-size: 14px;
 }



 /* .site-footer_links a::before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: rgba(255, 106, 0, .7);
     transform: translateY(-50%);
     transition: width .2s, border-radius .2s;
 } */

 .site-footer_links a:hover {
     color: #fff;
 }

 .site-footer_links a:hover::before {
     width: 8px;
     border-radius: 4px;
 }

 .site-footer_contact {
     gap: 10px;
     line-height: 1.65;
 }

 .site-footer_contact :is(svg, img) {
     width: 15px;
     height: 15px;
     margin-top: 4px;
     color: #ff8a3d;
 }

 .site-footer_bottom {
     min-height: 64px;
     padding: 18px 0;
     color: #8f98a8;
 }

 .site-footer_bottom-links {
     gap: 10px;
 }

 .site-footer_bottom-links a {
     padding: 5px 10px;
     border-radius: 14px;
     color: #9da6b6;
 }

 .site-footer_bottom-links a:hover {
     color: #c1c1c1;
     /* background: rgba(255, 255, 255, .08); */
 }

 /* 公共页脚：从各页面内联/重复样式抽离，供首页、列表页和详情页复用。 */
 .site-footer_grid {
     display: grid;
     grid-template-columns: 2fr 1fr 1fr 1.3fr;
     gap: 40px;
     padding-bottom: 36px;
     border-bottom: 1px solid #3a3a3a;
 }

 .site-footer_brand {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 16px;
 }

 .site-footer_brand .site-logo_mark {
     width: 40px;
     height: 40px;
     border-radius: 8px;
     background: linear-gradient(135deg, var(--orange), var(--orange-deep));
     color: #fff;
     font-weight: 800;
     font-size: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .site-footer_brand .site-logo_name {
     font-size: 22px;
     font-weight: 700;
     color: #fff;
     letter-spacing: 1px;
 }

 .site-footer_about {
     font-size: 13px;
     line-height: 1.8;
     margin-bottom: 16px;
     color: #999;
 }

 .site-footer_socials {
     display: flex;
     gap: 12px;
 }

 .site-footer_socials a {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background: #3a3a3a;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #bbb;
     transition: all .2s;
 }

 .site-footer_socials a:hover {
     background: var(--orange-deep);
     color: #fff;
 }


 .site-footer_links {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .site-footer_links a {
     font-size: 13px;
     color: #999;
     transition: color .2s;
 }

 .site-footer_links a:hover {
     color: #fff;
 }

 .site-footer_contact {
     font-size: 13px;
     color: #999;
     display: flex;
     align-items: flex-start;
     gap: 8px;
     margin-bottom: 10px;
 }

 .site-footer_des {
     color: #999;
     font-size: 13px;
 }

.site-footer_contact :is(svg, img) {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--orange);
}

/* The footer QR code is content, not a 15px contact glyph.  Keep it square
   so the shared contact-icon rule above cannot compress the QR image. */
.site-footer_contact > img[src*="二维码.png"] {
    width: 80px;
    height: 80px;
    margin-top: 0;
    object-fit: contain;
}

.site-footer_bottom {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 12px;
     padding: 20px 0;
     font-size: 12px;
     color: #777;
 }

 .site-footer_bottom-links {
     display: flex;
     gap: 12px;
 }

 .site-footer_bottom-links a {
     color: #777;
     transition: color .2s;
 }


 /* ========== 搜索栏 ========== */
 .search-section {
     padding: 22px 24px 24px 24px;
 }

 .search-section .container {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .search-section .container .search-form {
     max-width: 900px;
     width: 100%;
 }

 .search-form {
     flex: 1;
     display: flex;
     align-items: center;
     height: 48px;
     background: #fff;
     border: 2px solid var(--orange-deep);
     border-radius: 25px;
     overflow: hidden;
     transition: box-shadow .2s;
 }

 .search-form:focus-within {
     /* box-shadow: 0 0 0 4px rgba(255, 80, 0, .15); */
     border-color: #e04500;
     border: 2px solid var(--orange-deep);
 }

 .search-form .search-form_icon {
     padding: 0 14px;
     color: var(--text-mute);
     display: flex;
 }

 .search-form input {
     flex: 1;
     height: 100%;
     border: 0;
     outline: 0;
     font-size: 15px;
     color: var(--text);
     background: transparent;
 }

 .search-form_tags {
     display: flex;
     gap: 8px;
     padding: 0 14px;
 }

 .search-form_tags span {
     font-size: 12px;
     color: var(--text-sub);
     background: #f2f3f5;
     border-radius: 12px;
     padding: 5px 13px;
     cursor: pointer;
     transition: .2s;
 }

 .search-form_tags span:hover {
     color: #fff;
     background: var(--orange-deep);
 }

 .search-form_button {
     height: 100%;
     padding: 0 42px;
     border: 0;
     cursor: pointer;
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 2px;
     background: linear-gradient(90deg, var(--orange), var(--orange-deep));
     transition: filter .2s;
 }

 .search-form_button:hover {
     filter: brightness(1.06);
 }

 .search-form_button:active {
     transform: scale(.97);
 }

 /* 轻量级按钮 */
 .btn-light {
     display: inline-block;
     padding: 9px 22px;
     border-radius: 6px;
     background: linear-gradient(90deg, var(--orange), var(--orange-deep));
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     transition: filter .2s, transform .2s;
     border: 0;
     cursor: pointer;
     font-family: inherit;
 }

 .btn-light:hover {
     filter: brightness(1.06);
 }

 .btn-light:active {
     transform: scale(.97);
 }

 /* ========== 响应式 ========== */
 @media(max-width:1420px) {
     .container {
         width: 100%;
         padding: 0 16px;
     }
 }

 /* 低于 1200px 的断点已移除 —— body min-width:1200px 保证页面最小宽度，横向滚动条处理溢出 */

 /* ========== 滚动后紧凑吸顶条 ========== */
 .sticky-search {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 200;
     background: #fff;
     box-shadow: 0 2px 14px rgba(0, 0, 0, .09);
     transform: translateY(-100%);
     transition: transform .32s cubic-bezier(.4, 0, .2, 1);
 }

 .sticky-search.is-visible {
     transform: translateY(0);
 }

 .sticky-search .container {
     display: flex;
     align-items: center;
     gap: 26px;
     height: 64px;
 }

 /* 左侧分类下拉 */
 .sticky-search_category {
     position: relative;
     flex-shrink: 0;
 }

 .sticky-search_current {
     display: flex;
     align-items: center;
     gap: 6px;
     cursor: pointer;
     font-size: 16px;
     font-weight: 600;
     color: var(--text);
     padding: 8px 4px;
     transition: color .18s;
 }

 .sticky-search_current .icon-caret {
     width: 12px;
     height: 12px;
     color: var(--text-mute);
     transition: transform .2s, color .2s;
 }

 .sticky-search_category:hover .sticky-search_current,
 .sticky-search_category:hover .sticky-search_current .icon-caret {
     color: var(--orange-deep);
 }

 .sticky-search_category:hover .sticky-search_current .icon-caret {
     transform: rotate(180deg);
 }

 .sticky-search_menu {
     position: absolute;
     top: calc(100% + 6px);
     left: -12px;
     min-width: 128px;
     background: #fff;
     border: 1px solid var(--border);
     border-radius: 8px;
     box-shadow: 0 10px 26px rgba(0, 0, 0, .12);
     padding: 6px 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(4px);
     transition: opacity .16s ease, transform .16s ease, visibility .16s;
     z-index: 5;
     }

     /* 触发文字与菜单之间的空隙用透明桥接，鼠标移过去时菜单不会闪进闪出 */
     .sticky-search_menu::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: -10px;
     height: 10px;
     }

     .sticky-search_category:hover .sticky-search_menu {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     }

 .sticky-search_menu a {
     display: block;
     padding: 9px 22px;
     font-size: 14px;
     color: var(--text-sub);
     transition: .15s;
 }

 .sticky-search_menu a:hover,
 .sticky-search_menu a.is-active {
     background: var(--orange-soft);
     color: var(--orange-deep);
 }

 .sticky-search_menu a.is-active {
     font-weight: 700;
 }

 /* 吸顶条内搜索框（复用 .search-form，调矮） */
 .sticky-search_form {
     flex: 1;
     height: 44px;
     max-width: none;
 }

 .sticky-search_form .search-form_button {
     padding: 0 34px;
     font-size: 16px;
 }

 /* 右侧图标链接 */
 .sticky-search_links {
     display: flex;
     align-items: center;
     gap: 24px;
     flex-shrink: 0;
 }

 .sticky-search_link {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 4px;
     font-size: 12px;
     color: var(--text-sub);
     line-height: 1;
     transition: color .18s;
 }

 .sticky-search_link :is(svg, img) {
     width: 22px;
     height: 22px;
 }

 .sticky-search_link:hover {
     color: var(--orange-deep);
 }

 .sticky-search_login {
     margin-left: 4px;
     font-size: 14px;
     color: var(--text-sub);
     padding: 8px 5px;
     transition: color .18s;
     background-color: #f1f1f1;
     border-radius: 50%;
 }

 .sticky-search_login:hover {
     color: var(--orange-deep);
 }

 /* 低于 1200px 的断点已移除 */

 /* 样式重构补充：公共图片、状态与内联样式迁移，避免 HTML 中继续写 style 属性。 */
 .site-logo_image {
     width: 120px;
     display: block;
 }

 .is-hidden {
     display: none !important;
 }

 .buyer-card_welcome-muted {
     color: #989898;
     margin-right: 3px;
 }

 .buyer-card_welcome-accent {
     color: #f84e00;
 }

 .category-sidebar_link-spaced {
     margin-right: 5px;
 }


 /* 低于 1200px 的断点已移除 */


 /* 样式重构：替代原页面内联分页与列表间距。 */
 .pagination_ellipsis {
     color: #aaa;
     padding: 0 4px;
 }

 .pagination_button-next {
     min-width: auto;
     padding: 0 14px;
 }

 .list-recommend-section {
     margin-bottom: 20px;
 }
/* ==========================================================
   客服中心 / 帮助中心 · 顶部页签（新手入门 / 联系客服 / 常见问题）
   供 service.css / guide.css / faq.css 等橙色 Hero 页面共用
   ========================================================== */
.help-hero_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    text-align: left;
    margin-bottom: 18px;
}

.help-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.help-tabs a {
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, .92);
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .28);
    transition: background .2s, color .2s, transform .2s;
}

.help-tabs a:hover {
    background: rgba(255, 255, 255, .28);
    color: #fff;
    transform: translateY(-2px);
}

.help-tabs a.is-active {
    background: #fff;
    color: var(--orange-deep);
    border-color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
}

@media (max-width: 640px) {
    .help-hero_top {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .help-tabs {
        order: -1;
    }
}
/* 低于 1200px 的断点已移除 */

/* ----- 友情链接 Section ----- */
.friend-link-section {
    padding: 0px 0px 36px 0px;
    /* background: #fff;
            border-bottom: 1px solid var(--border); */
}

.friend-link-section_header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.friend-link-section_title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    position: relative;
    padding-left: 14px;
}

    .friend-link-section_title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        bottom: 4px;
        width: 4px;
        border-radius: 2px;
        background: var(--orange-deep);
    }

.friend-link-list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
}

.friend-link-list_item {
    width: calc(9% - 12px);
    /* margin: 6px;
            min-height: 30px; */
    padding: 6px 6px;
    text-align: center;
    font-size: 14px;
    color: var(--text-sub);
    border-radius: 4px;
    transition: color .2s, background .2s, transform .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .friend-link-list_item:hover {
        color: var(--orange-deep);
        /* background: var(--orange-soft); */
        transform: translateY(-1px);
    }

    .friend-link-list_item img {
        max-width: 100%;
        max-height: 38px;
        object-fit: contain;
        display: block;
    }

    .friend-link-list_item .friend-link-list_text {
        font-size: 14px;
        color: var(--text-sub);
        white-space: nowrap;
    }

    .friend-link-list_item:hover .friend-link-list_text {
        color: var(--orange-deep);
    }

@media (max-width: 1420px) {
    .friend-link-list_item {
        width: calc(12.5% - 12px);
    }
}

/* 低于 1200px 的断点已移除 */