/* 汇之禾商城 PC 主题：自然生活版。仅覆盖桌面端，不影响已优化的移动端。 */
@media (min-width: 769px) {
    :root {
        --brand: #1d6048;
        --brand-dark: #124735;
        --brand-soft: #edf6f0;
        --hzh-leaf: #7fa36a;
        --hzh-warm: #c88745;
        --hzh-paper: #f6f2e9;
        --hzh-card: #fffdf8;
        --hzh-ink: #24332c;
        --hzh-shadow: 0 12px 32px rgba(35, 67, 49, .09);
    }

    html, body { background: var(--hzh-paper) !important; color: var(--hzh-ink); }
    .design-topbar {
        position:relative;
        color:#5a4937 !important;
        border-bottom:1px solid rgba(132,103,70,.16);
        background:
            radial-gradient(circle at 12% -100%, rgba(255,255,255,.90) 0 84px, transparent 86px),
            linear-gradient(105deg,#f7efe1 0%,#ead8bd 48%,#e4eddf 100%) !important;
        box-shadow:0 3px 14px rgba(70,55,37,.08);
    }
    .design-topbar::after {
        content:""; position:absolute; inset:0; pointer-events:none; opacity:.32;
        background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(255,255,255,.28) 39px,transparent 40px);
    }
    .design-topbar .design-shell { position:relative; z-index:1; }
    .design-topbar nav { display:flex; align-items:center; gap:4px; }
    .design-topbar a {
        padding:2px 11px; color:#65513b !important; border-radius:14px;
        transition:color .2s ease,background .2s ease,transform .2s ease;
    }
    .design-topbar a + a { border-left:0 !important; }
    .design-topbar a:hover { color:#174c39 !important; background:rgba(255,255,255,.68); transform:translateY(-1px); }

    body .oct-header {
        height: 116px !important;
        padding-top: 38px !important;
        background:
            radial-gradient(circle at 9% 10%,rgba(200,135,69,.08),transparent 22%),
            linear-gradient(92deg,#fffdf8 0%,#fbf5e9 54%,#f0f6ed 100%) !important;
    }
    .pc-logo { top: 27px !important; display:flex !important; align-items:center; gap:12px; line-height:normal !important; }
    .pc-logo-mark {
        width: 58px !important; height: 58px !important; flex: 0 0 58px;
        overflow:hidden; color:transparent !important; font-size:0 !important;
        border-radius: 18px 18px 18px 5px !important;
        background: #1d6048 url('../../Imgs/HuiZhiHeLogo.svg') center/43px 43px no-repeat !important;
        box-shadow: 0 8px 20px rgba(29,96,72,.24);
    }
    .pc-brand-word { display:flex !important; flex-direction:column; gap:6px; }
    .pc-brand-word b { color:#173f31 !important; font-size:27px !important; letter-spacing:2px; }
    .pc-brand-word small { color:#809087 !important; font-size:12px !important; letter-spacing:4px; }
    .oct-header .goods-search {
        border-color:#1d6048 !important; background:#fbfdfb !important;
        box-shadow:0 7px 20px rgba(29,96,72,.10) !important;
    }
    .oct-header .goods-search::after { background:linear-gradient(135deg,#276e54,#174c39) !important; }
    .pc-cart { border-color:#cfdcd4 !important; color:#1d6048 !important; background:#fffdf9 !important; }

    body .oct-header-sub {
        border-bottom:1px solid rgba(29,96,72,.10) !important;
        background:linear-gradient(90deg,#fffaf0,#f7f2e8 48%,#eef5ec) !important;
        box-shadow:0 7px 20px rgba(45,72,57,.08);
    }
    .pc-category-trigger {
        border-radius:18px 18px 0 0 !important;
        background:linear-gradient(135deg,#34775b,#174c39) !important;
    }
    .design-main-nav a { color:#2e453a !important; font-weight:600; }
    .design-main-nav a:hover { color:#1d6048 !important; }
    .design-main-nav em { background:#c88745 !important; }

    body .oct-content { background:
        radial-gradient(circle at 8% 4%, rgba(127,163,106,.13), transparent 20%),
        radial-gradient(circle at 92% 22%, rgba(200,135,69,.09), transparent 24%),
        var(--hzh-paper) !important;
    }
    #mescroll {
        grid-template-columns: 208px minmax(0, 1fr) 224px !important;
        gap:20px 18px !important; padding-top:24px !important;
    }
    .nav-list {
        height:344px !important; padding:15px 10px !important;
        border:1px solid #dfe9e2 !important; border-radius:4px 22px 22px 22px !important;
        background:linear-gradient(180deg,#f9fcf8,#edf5ed) !important; box-shadow:var(--hzh-shadow) !important;
    }
    .nav-list .sliderMainContent { height:314px !important; }
    .nav-item { color:#344a3f !important; border-radius:12px !important; }
    .nav-item:hover { color:#174c39 !important; background:#dfeee3 !important; }
    .nav-item img { filter:saturate(.82) hue-rotate(48deg); }

    .oct-slider { height:344px !important; }
    .oct-slider .sliderMainContent, .oct-slider .content-slider li,
    .oct-slider .img-slider, .oct-slider .img-slider img {
        height:344px !important; border-radius:22px 6px 22px 22px !important;
    }
    .oct-slider .img-slider img { object-fit:cover !important; }
    .oct-slider { box-shadow:var(--hzh-shadow); border-radius:22px 6px 22px 22px; }

    .pc-user-card {
        height:344px !important; padding:15px !important; text-align:left !important;
        border:1px solid #eadfce !important; border-radius:22px 22px 4px 22px !important;
        background:linear-gradient(150deg,#fffdf8 0%,#f5eee2 100%) !important;
        box-shadow:var(--hzh-shadow) !important;
    }
    .design-login-box { border-radius:16px !important; background:rgba(255,255,255,.72) !important; }
    .design-avatar { background:#dbe8df !important; color:#1d6048 !important; }
    .pc-user-actions { gap:7px !important; }
    .pc-user-actions a { border-color:#e2e7e1 !important; background:rgba(255,255,255,.74) !important; }
    .pc-user-actions a:first-child { background:#1d6048 !important; border-color:#1d6048 !important; }
    .design-notice, .design-coupons { border-color:#e5dfd5 !important; background:rgba(255,255,255,.62) !important; }

    .design-trust {
        padding:16px 8px !important; border:1px solid #e0e9e2 !important; border-radius:18px !important;
        background:#fffdf8 !important; box-shadow:0 6px 20px rgba(35,67,49,.06) !important;
    }
    .design-trust b { color:#1d6048 !important; border-color:#7fa36a !important; }

    #SectionContent, .design-brand-shops, .design-category-floor, .design-recommend,
    .design-help-articles, .goods-item {
        --brand:#1d6048;
    }
    .second-kill, .gg-bar, .design-brand-shops, .design-category-floor,
    .design-recommend, .design-help-articles {
        border:1px solid #e5e7dc !important; border-radius:20px 6px 20px 20px !important;
        background:#fffdf8 !important; box-shadow:0 7px 22px rgba(35,67,49,.06) !important;
    }
    .design-brand-shops h2::before, .design-category-floor h2::before,
    .design-recommend h2::before { background:#1d6048 !important; }
    .brand-shop-list > *, .category-goods-grid > *, .recommend-goods-grid > * { border-radius:14px !important; }

    .goods-list { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px !important; }
    .goods-list::before { content:'汇聚好物 · 悦享生活' !important; color:#173f31 !important; }
    .goods-item {
        border-color:#ebe9df !important; border-radius:18px 6px 18px 18px !important;
        background:#fffdf8 !important; box-shadow:0 5px 18px rgba(35,67,49,.05) !important;
    }
    .goods-item:hover { border-color:#9fbaa8 !important; box-shadow:0 14px 30px rgba(35,67,49,.13) !important; }
    .goods-item a, .goods-item img { height:258px !important; }
    .goods-price-left b, .goods-price b { color:#b45e26 !important; }
    .goods-item .goods-item-badge { background:#1d6048 !important; }
    .btn-more-goods:hover { color:#1d6048 !important; border-color:#1d6048 !important; }

    .pc-site-footer { background:#183f31 !important; color:rgba(255,255,255,.72) !important; border-top:0 !important; }
    .pc-site-footer a, .pc-footer-col h4, .pc-service-item { color:rgba(255,255,255,.82) !important; }
    .pc-service-strip, .pc-copyright { border-color:rgba(255,255,255,.10) !important; }
    .pc-copyright { background:#123327 !important; color:rgba(255,255,255,.60) !important; }
    .pc-service-item b { border-color:#a9c69c !important; color:#d8e7d2 !important; }
    .pc-footer-brand strong { color:#d8e7d2 !important; }

    /* 右侧悬浮导航：统一线性图标与玻璃卡片视觉 */
    .design-float-tools {
        position:fixed !important; right:18px !important; top:50% !important; bottom:auto !important;
        width:66px !important; padding:8px 6px !important; box-sizing:border-box;
        border:1px solid rgba(29,96,72,.16) !important; border-radius:20px !important;
        background:rgba(255,253,248,.91) !important;
        box-shadow:0 16px 42px rgba(34,65,49,.16) !important;
        backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
        transform:translateY(-44%) !important; overflow:visible !important; z-index:80 !important;
    }
    .design-float-tools::before {
        content:"快捷服务"; display:block; margin:1px 0 7px; color:#8b7962;
        text-align:center; font-size:10px; letter-spacing:1px;
    }
    .design-float-tools a {
        position:relative; display:flex !important; width:52px !important; height:58px !important;
        margin:0 0 4px !important; padding:7px 2px 5px !important; box-sizing:border-box;
        align-items:center; justify-content:center; flex-direction:column; gap:4px;
        border:0 !important; border-radius:14px !important; color:#4d6257 !important;
        font-size:0 !important; line-height:1 !important; text-decoration:none !important;
        background:transparent !important;
        transition:transform .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease !important;
    }
    .design-float-tools a:last-child { margin-bottom:0 !important; }
    .design-float-tools a::before {
        content:""; width:23px; height:23px; flex:0 0 23px; background:#356b55;
        -webkit-mask-position:center; mask-position:center;
        -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
        -webkit-mask-size:contain; mask-size:contain;
        transition:background .22s ease,transform .22s ease;
    }
    .design-float-tools a span { display:block !important; color:inherit !important; font-size:11px !important; line-height:14px !important; white-space:nowrap; }
    .design-float-tools a:nth-child(1)::before {
        -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 14v-2a8 8 0 0 1 16 0v2M4 14a2 2 0 0 0 2 2h1v-5H6a2 2 0 0 0-2 2v1Zm16 0a2 2 0 0 1-2 2h-1v-5h1a2 2 0 0 1 2 2v1Zm-3 2c0 3-2 4-5 4h-1'/%3E%3C/svg%3E");
        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 14v-2a8 8 0 0 1 16 0v2M4 14a2 2 0 0 0 2 2h1v-5H6a2 2 0 0 0-2 2v1Zm16 0a2 2 0 0 1-2 2h-1v-5h1a2 2 0 0 1 2 2v1Zm-3 2c0 3-2 4-5 4h-1'/%3E%3C/svg%3E");
    }
    .design-float-tools a:nth-child(2)::before {
        -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M10 5h4M11 18.5h2' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M10 5h4M11 18.5h2' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    }
    .design-float-tools a:nth-child(3)::before {
        -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 7.5V12l3 2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 7.5V12l3 2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .design-float-tools a:nth-child(4)::before {
        -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .design-float-tools a:nth-child(5)::before {
        -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 11 6-6 6 6M12 5v14' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 11 6-6 6 6M12 5v14' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .design-float-tools a:hover {
        color:#fff !important; background:linear-gradient(145deg,#3b7a5d,#174c39) !important;
        box-shadow:0 8px 18px rgba(29,96,72,.24); transform:translateX(-4px);
    }
    .design-float-tools a:hover::before { background:#fff !important; transform:scale(1.06); }
}

@media (min-width:769px) and (max-width:1380px) {
    .design-float-tools { right:8px !important; width:52px !important; padding:7px 5px !important; }
    .design-float-tools::before { content:""; height:3px; margin:0 0 3px; }
    .design-float-tools a { width:40px !important; height:46px !important; padding:5px !important; }
    .design-float-tools a span { display:none !important; }
    .design-float-tools a::before { width:22px; height:22px; flex-basis:22px; }
}