html, body { min-height: 100%; }
body.zz-igpfw-template { background: #f4f6fb; color: #182033; padding-top: 76px; font-family: "Open Sans", "Microsoft YaHei", sans-serif; }
.zz-igpfw-template .navbar-white { min-height: 66px; background: rgba(255,255,255,.96); border: 0; box-shadow: 0 10px 30px rgba(24,49,83,.08); }
.zz-igpfw-template .navbar-brand { height: 66px; padding: 12px 15px; }
.zz-igpfw-template .navbar-brand img { height: 42px; width: auto; display: block; }
.zz-igpfw-template .navbar-nav > li > a { padding-top: 23px; padding-bottom: 23px; color: #182033; font-weight: 700; }
.zz-igpfw-template .navbar-nav > li > a:hover { color: #d98700; background: transparent; }
.zz-igpfw-template .content.container { min-height: calc(100vh - 210px); padding-top: 26px; padding-bottom: 36px; }
.zz-igpfw-template .shadow { border-radius: .9rem !important; box-shadow: #000 .28rem .28rem 0 !important; border: 1.5px solid #222 !important; background: #fff; }
.zz-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 28px; padding: 34px; background: linear-gradient(135deg,#fff7df,#fff 52%,#eaf4ff); }
.zz-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #183153; font-weight: 900; letter-spacing: .12em; font-size: 12px; text-transform: uppercase; }
.zz-hero h1, .zz-panel h1, .zz-product-info h1 { margin: 0 0 16px; font-size: clamp(32px, 5vw, 58px); line-height: 1.02; font-weight: 900; color: #101827; letter-spacing: -1.4px; }
.zz-hero p, .zz-panel p, .zz-product-info p { color: #5b6475; font-size: 16px; line-height: 1.8; }
.zz-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.goods-tag { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid #183153; padding: 6px 12px; font-size: 12px; line-height: 1; font-weight: 800; background: #fff; color: #183153; }
.goods-tag.text-success { background: #eaffd9; color: #186a3b; }
.goods-tag.text-info { background: #eaf4ff; color: #155eef; }
.goods-tag.text-warning { background: #fff2c2; color: #9a6400; }
.goods-tag.text-danger { background: #ffe8e8; color: #c72f2f; }
.goods-tag.text-qty { background: #f5f7fb; color: #333; }
.zz-search-panel { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 22px; border-radius: 18px; background: rgba(255,255,255,.72); border: 1px dashed rgba(24,49,83,.32); }
.zz-search-panel label, .zz-order-form label { color: #182033; font-weight: 900; margin: 0; }
.zz-search-row, .zz-qty-row, .zz-query-form { display: flex; gap: 10px; align-items: center; }
.zz-search-row .form-control, .zz-query-form .form-control { height: 44px; border: 1.5px solid #183153; border-radius: 12px; box-shadow: none; }
.zz-hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.zz-hero-stats span { border-radius: 14px; background: #fff; border: 1px solid #e6e8ef; padding: 12px; color: #5b6475; font-size: 12px; }
.zz-hero-stats b { display: block; color: #101827; font-size: 22px; line-height: 1; }.zz-section { margin-top: 28px; }
.zz-section-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.zz-section-title h2 { margin: 0; color: #101827; font-weight: 900; font-size: 28px; }
.zz-section-title a, .zz-back { color: #183153; font-weight: 900; text-decoration: none; }
.zz-category-row { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.category-btn { display: inline-flex; color: #010101; border: 1.5px solid #183153; border-radius: 2rem; padding: 11px 28px; font-weight: 900; background: #fff; text-decoration: none; transition: all .18s ease; }
.category-btn.active, .category-btn:hover { background: #fdb853; color: #222; box-shadow: #000 .28rem .28rem 0; text-decoration: none; }
.zz-product-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.tb-recommend-content-item.table-goods { width: auto !important; margin: 0 !important; padding: 0; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.tb-recommend-content-item.table-goods:hover { transform: translate(-2px,-2px); box-shadow: #000 .42rem .42rem 0 !important; }
.tb-recommend-content-item .item-link { display: grid; grid-template-columns: 72px minmax(0, 1fr) 170px 130px; gap: 14px; align-items: center; padding: 17px; color: inherit; text-decoration: none; }.img-wrapper img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 1px solid #222; box-shadow: #000 .2rem .2rem 0; background: #fff; }
.info-wrapper { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.info-wrapper .title { color: #101827; font-size: 15px; line-height: 1.45; font-weight: 900; overflow: hidden; }
.info-wrapper .desc { color: #6b7280; font-size: 12px; line-height: 1.45; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tag-wrapper { display: flex; flex-wrap: wrap; gap: 7px; }
.price-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.price-wrapper strong, .zz-price-line { color: #e8590c; font-weight: 900; font-size: 20px; }
.price-wrapper em { color: #183153; font-style: normal; font-size: 12px; font-weight: 900; }
.zz-empty, .zz-panel { padding: 28px; color: #5b6475; }
.zz-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.zz-article-card { display: flex; flex-direction: column; gap: 12px; padding: 22px; color: inherit; text-decoration: none; min-height: 190px; transition: transform .18s ease, box-shadow .18s ease; }
.zz-article-card:hover { transform: translate(-2px,-2px); box-shadow: #000 .42rem .42rem 0 !important; text-decoration: none; }
.zz-article-card span { color: #d98700; font-size: 12px; font-weight: 900; }
.zz-article-card h3 { margin: 0; color: #101827; font-size: 18px; line-height: 1.45; font-weight: 900; }
.zz-article-card p { color: #697386; line-height: 1.75; margin: 0; }
.zz-article-card em { margin-top: auto; color: #98a2b3; font-style: normal; }
.zz-product-detail { display: grid; grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr); gap: 30px; padding: 28px; }
.zz-product-cover { min-height: 420px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: #f8fafc; border: 1px solid #e6e8ef; overflow: hidden; }
.zz-product-cover img { max-width: 86%; max-height: 360px; object-fit: contain; }
.zz-product-info { display: flex; flex-direction: column; gap: 14px; }
.zz-product-meta { display: flex; gap: 9px; flex-wrap: wrap; }
.zz-order-form { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; padding: 18px; border-radius: 16px; background: #fff9e9; border: 1px dashed #d99a21; }
.zz-order-form .form-control { height: 44px; border: 1.5px solid #183153; border-radius: 12px; }
.zz-order-message { min-height: 22px; color: #5b6475; font-weight: 800; }
.zz-order-message.success { color: #168a45; }
.zz-order-message.error { color: #c72f2f; }
.zz-detail-list { margin: 14px 0 0; padding-left: 18px; color: #4b5563; line-height: 1.9; }
.zz-article-detail h1 { margin: 8px 0 18px; color: #101827; font-size: clamp(30px, 5vw, 54px); line-height: 1.08; font-weight: 900; }
.zz-summary { color: #667085; border-left: 5px solid #fdb853; padding-left: 14px; }
.zz-prose { color: #374151; font-size: 16px; line-height: 1.95; }
.zz-prose h2, .zz-prose h3 { color: #101827; font-weight: 900; margin-top: 1.8em; }
.zz-prose p { margin: 0 0 1.2em; }
.zz-related-title { margin-top: 28px; }
.zz-order-page { max-width: 920px; margin-left: auto; margin-right: auto; }
.zz-query-form { margin-top: 18px; }
.zz-order-result h1 { color: #101827; font-weight: 900; margin: 14px 0 8px; }
.zz-order-result h2 { color: #182033; font-weight: 900; line-height: 1.45; }
.zz-order-result dl { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 12px; margin-top: 18px; }
.zz-order-result dt { color: #667085; }
.zz-order-result dd { color: #101827; font-weight: 800; margin: 0; word-break: break-all; }
.zz-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.main-footer-section { background: #111827; color: #e5e7eb; padding: 24px 0; margin-top: 28px; }
.zz-footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.zz-footer-inner img { height: 38px; width: auto; background: #fff; border-radius: 8px; padding: 6px; }
.zz-footer-inner p { margin: 8px 0 0; color: #9ca3af; }
.main-footer-section__midline-links { display: flex; gap: 16px; }
.main-footer-section__midline-links a { color: #e5e7eb; font-weight: 800; }
@media (max-width: 1199px) { .zz-hero, .zz-product-detail { grid-template-columns: 1fr; } .zz-product-list { grid-template-columns: 1fr; } .tb-recommend-content-item .item-link { grid-template-columns: 62px minmax(0,1fr); } .tag-wrapper, .price-wrapper { grid-column: 2; align-items: flex-start; } .zz-article-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { body.zz-igpfw-template { padding-top: 66px; } .zz-hero { padding: 22px; } .zz-search-row, .zz-qty-row, .zz-query-form { flex-direction: column; align-items: stretch; } .zz-hero-stats { grid-template-columns: 1fr; } .zz-footer-inner { flex-direction: column; align-items: flex-start; } }