/* ===== 自托管字体（2026-09-19）：标题 Manrope · 正文/数字/按钮 Inter ===== */ /* 来源 Google Fonts，latin + latin-ext（土耳其语 ı ş ğ İ 需要 latin-ext）*/ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/manrope-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/manrope-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/manrope-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/manrope-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/manrope-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/manrope-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/manrope-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/manrope-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/manrope-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/manrope-800-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/inter-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/inter-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/inter-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/inter-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/inter-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/inter-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/inter-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/inter-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Theme Name: Gofirsat Child Template: generatepress Version: 1.0.0 Description: Gofirsat 子主题 — 四频道本地生活内容站（移动优先）。父主题 GeneratePress。 Author: John (OpenClaw) Text Domain: gofirsat */ /* 设计令牌 (design tokens from premium_spec) */ :root{ --gf-bg:#FBF7F2; --gf-surface:#FFFFFF; --gf-primary:#1C6FC4; /* 蔚蓝 信任 */ --gf-accent:#F2994A; /* 暖橙 CTA */ --gf-text:#2B3440; --gf-muted:#8A93A0; --gf-success:#2E9E6B; /* 返现/省钱 绿 */ --gf-line:#E5E0D8; --gf-radius:16px; --gf-shadow:0 4px 14px rgba(43,52,64,.08); } body{ font-family:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; background:var(--gf-bg); color:var(--gf-text); } /* 首页容器：防横向溢出（移动端跑版的兜底） */ #gf-home, .gf-wrap{max-width:100%;overflow-x:hidden;} @media (min-width:769px){ #gf-home, .gf-wrap{max-width:1000px;} } /* 语言切换定位（header flex 内右侧，与 logo 并排） */ .gf-lang-top{display:flex !important;align-items:center;margin-left:auto;z-index:9999;order:99;} .gf-lang-top .gf-lang{flex-direction:row;} /* 品牌 logo：隐藏 GP 默认文字标题，显示正式 wordmark */ .site-branding .main-title{display:none;} .gf-brand .gf-logo{display:block;height:auto;width:auto;max-height:34px;max-width:min(170px,52vw);} @media (max-width:768px){ .gf-brand .gf-logo{max-height:28px;max-width:min(140px,48vw);} .inside-header{position:relative;} .gf-lang-top{position:absolute;top:50%;right:14px;transform:translateY(-50%);margin-left:0;} } /* 首页区块 */ .gf-hero{background:var(--gf-surface);border-radius:var(--gf-radius);padding:24px;box-shadow:var(--gf-shadow);} .gf-hero h1{font-size:1.8rem;line-height:1.2;margin:0 0 8px;overflow-wrap:break-word;word-break:break-word;} .gf-hero p{color:var(--gf-muted);margin:0 0 16px;} .gf-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));} /* 频道大图卡：移动端横向滚动（flex，固定卡宽，不撑破容器） */ .gf-channels{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:4px;} .gf-channels .gf-chan-card{flex:0 0 150px;scroll-snap-align:start;} .gf-chan-card{position:relative;} .gf-chan-ic{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--gf-bg);margin-bottom:8px;color:var(--gf-primary);} /* 首页 v2 新组件：hero 次级按钮 / 频道副题 / 主锚徽标 / 看更多 / 全宽 WA 区 */ .gf-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;} .gf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 20px;font-weight:600;font-size:.95rem;text-decoration:none;transition:opacity .15s;} .gf-btn:hover{opacity:.88;} .gf-btn-ghost{background:var(--gf-surface);color:var(--gf-primary);border:1.5px solid var(--gf-primary);} .gf-see-all{margin-top:14px;font-size:.9rem;padding:10px 18px;} .gf-chan-tag{display:block;font-size:.78rem;color:var(--gf-muted);margin-top:4px;line-height:1.35;} .gf-badge{position:absolute;top:10px;right:10px;background:var(--gf-accent);color:#fff;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(242,153,74,.4);z-index:2;} .gf-cta-wa{margin-top:28px;border-radius:var(--gf-radius);padding:28px 22px;text-align:center;background:linear-gradient(135deg,var(--gf-accent) 0%,#E88330 100%);color:#fff;box-shadow:var(--gf-shadow);} .gf-cta-wa h3{font-size:1.3rem;margin:0 0 8px;color:#fff;} .gf-cta-wa p{margin:0 0 16px;font-size:.92rem;opacity:.95;} .gf-cta-wa .gf-wa{padding:14px 28px;font-size:1rem;} .gf-cta-wa .gf-wa{background:#fff;color:var(--gf-accent);border:none;} /* 频道页 v2 组件：分类 tabs / TOP N 横条 */ .gf-cats{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 22px;padding-bottom:4px;} .gf-cat-tab{flex:0 0 auto;padding:8px 16px;border-radius:999px;background:var(--gf-surface);border:1px solid var(--gf-line);color:var(--gf-muted);font-size:.82rem;white-space:nowrap;} .gf-cat-tab.is-active{background:var(--gf-primary);border-color:var(--gf-primary);color:#fff;font-weight:600;} .gf-toplist-row{display:flex;flex-direction:column;gap:10px;} .gf-top-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--gf-surface);border-radius:var(--gf-radius);box-shadow:var(--gf-shadow);text-decoration:none;color:inherit;} .gf-top-card img{width:56px;height:56px;object-fit:cover;border-radius:10px;flex:0 0 auto;} .gf-rank{flex:0 0 auto;width:28px;font-size:1.15rem;font-weight:800;color:var(--gf-primary);text-align:center;} .gf-top-title{font-size:.92rem;font-weight:600;line-height:1.3;} .gf-section{padding:24px 0;} .gf-section h2{font-size:1.25rem;margin:0 0 16px;} /* 卡片 */ .gf-card{background:var(--gf-surface);border:1px solid var(--gf-line);border-radius:var(--gf-radius);box-shadow:0 6px 20px rgba(43,52,64,.12);overflow:hidden;display:flex;flex-direction:column;} .gf-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;} .gf-card-body{padding:14px;} .gf-card h3{margin:0 0 6px;font-size:1.05rem;} .gf-card .gf-muted{font-size:.85rem;} /* 优惠卡 价格 */ .gf-price{display:flex;align-items:baseline;gap:8px;margin:8px 0;} .gf-price .now{font-size:1.3rem;font-weight:700;color:var(--gf-success);} .gf-price .was{color:var(--gf-muted);text-decoration:line-through;} .gf-price .save{background:#e6f4ec;color:var(--gf-success);font-weight:700;border-radius:8px;padding:2px 8px;font-size:.8rem;} /* 买频道 卡片（对齐示意图：绿角标 + 顶部品牌行 + 价格行右按钮） */ .gf-card-media{display:block;position:relative;line-height:0;} .gf-card-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;} .gf-ucuz{position:absolute;top:10px;left:10px;z-index:2;background:var(--gf-green,#2E9E6B);color:#fff;font-size:.8rem;font-weight:700;padding:8px 16px;border-radius:999px;line-height:1.2;box-shadow:0 2px 6px rgba(0,0,0,.18);} .gf-card-buy .gf-brand{font-size:.82rem;color:var(--gf-muted);font-weight:600;margin:0 0 2px;} .gf-card-buy .gf-card-body{padding-top:12px;} .gf-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px dashed var(--gf-line,#E5E0D8);} .gf-price-col{display:flex;flex-direction:column;gap:2px;min-width:0;} .gf-price-col .gf-price{margin:0;} .gf-price-col .gf-price .now{font-size:1.25rem;font-weight:800;} .gf-cashback{font-size:.8rem;color:var(--gf-success);font-weight:600;} .gf-btn-cmp{flex:0 0 auto;background:var(--gf-accent,#F2994A);color:#fff;font-size:.78rem;font-weight:700;padding:7px 13px;border-radius:10px;text-decoration:none;white-space:nowrap;} .gf-btn-cmp:hover{background:#E88330;color:#fff;} /* 频道徽章 */ .gf-channel{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600;} .gf-channel.c-eat{background:#fef0dc;color:#b45b08;} .gf-channel.c-play{background:#e6f0fa;color:var(--gf-primary);} .gf-channel.c-buy{background:#fbece9;color:#b0301b;} .gf-channel.c-deal{background:#e6f4ec;color:var(--gf-success);} /* WhatsApp CTA（主 CTA = 暖橙，设计稿 07） */ .gf-wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border:none;border-radius:999px;background:var(--gf-accent);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;transition:background .15s ease;} .gf-wa:hover{background:#EA8C3A;color:#fff;} .gf-wa svg{width:20px;height:20px;fill:#fff;} /* 信任带 */ .gf-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;-webkit-text-size-adjust:100%;text-size-adjust:100%;} .gf-trust span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--gf-surface);border-radius:14px;padding:14px 6px;font-size:.95rem;font-weight:600;color:var(--gf-primary);box-shadow:var(--gf-shadow);white-space:nowrap;line-height:1.25;} .gf-trust span b{color:var(--gf-primary);} /* 语言切换（右上角，与 logo 并排，全站；具体定位见上方基础规则+移动端媒体查询） */ .gf-lang{display:flex;gap:6px;align-items:center;} .gf-lang a{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;padding:4px 8px;border-radius:8px;text-decoration:none;color:var(--gf-primary);} .gf-lang a:hover{background:var(--gf-line);} .gf-lang a.is-active{background:var(--gf-primary);color:#fff;} .gf-lang .gf-ic{display:inline-flex;} /* 频道归档页 */ .gf-toplist ol{counter-reset:li;} .gf-toplist li{list-style:none;background:var(--gf-surface);border-radius:12px;padding:12px;margin-bottom:10px;box-shadow:var(--gf-shadow);display:flex;gap:12px;align-items:center;} .gf-toplist .rank{font-size:1.5rem;font-weight:800;color:var(--gf-accent);min-width:36px;} /* 落地页 */ .gf-landing{max-width:560px;margin:0 auto;text-align:center;padding:24px;} .gf-landing h1{font-size:1.7rem;} /* ===== 移动端底部导航栏 ===== */ #gf-bottomnav{ position:fixed;left:0;right:0;bottom:0;z-index:9990; display:flex;align-items:center;justify-content:space-around; background:#fff;border-top:1px solid var(--gf-line); padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px rgba(43,52,64,.08); } #gf-bottomnav .gf-tab{ flex:1;display:flex;flex-direction:column;align-items:center;gap:2px; padding:6px 2px;font-size:.62rem;color:var(--gf-muted);text-decoration:none;min-width:0; } #gf-bottomnav .gf-tab .gf-tab-icon{font-size:1.1rem;line-height:1;display:flex;} #gf-bottomnav .gf-tab .gf-tab-icon .gf-ic{display:inline-flex;} #gf-bottomnav .gf-tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} #gf-bottomnav .gf-tab.is-active{color:var(--gf-primary);font-weight:700;} #gf-bottomnav .gf-lang{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-left:1px solid var(--gf-line);} #gf-bottomnav .gf-lang a{font-size:.7rem;padding:2px 6px;border-radius:6px;text-decoration:none;} #gf-bottomnav .gf-lang a.is-active{background:var(--gf-primary);color:#fff;} /* ===== 吸底 WhatsApp 悬浮按钮（暖橙圆形，减少遮挡） ===== */ #gf-wa-fab{ position:fixed;z-index:9995;right:16px;bottom:84px; width:54px;height:54px;padding:0;border-radius:50%; justify-content:center;font-size:0;line-height:0; box-shadow:0 6px 18px rgba(242,153,74,.5); } #gf-wa-fab svg{width:26px;height:26px;} /* 移动端：仅隐藏顶部导航菜单，保留 logo(标题)作为首页入口；为主内容留出底部空间 */ @media (max-width:768px){ #site-navigation, .main-navigation{ display:none !important; } .site-header{ position:static; } body{ padding-bottom:80px; } } @media (min-width:769px){ #gf-bottomnav{ display:none; } #site-navigation, .main-navigation{ display:none !important; } } /* ---- 页脚补全：四频道 + 语言切换 ---- */ .gf-footer{ display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; justify-content:space-between; margin:0 0 10px; } .gf-copyright{ width:100%; text-align:center; font-size:13px; opacity:.8; margin-top:4px; } .gf-footer-channels{ display:flex; flex-wrap:wrap; gap:6px 12px; } .gf-footer-channels a{ color:inherit; text-decoration:none; opacity:.85; font-size:14px; } .gf-footer-channels a:hover{ text-decoration:underline; opacity:1; } .gf-footer-lang .gf-lang{ gap:8px; } /* 频道页防横向跑版(grid blowout)：移动端限制容器不超视口，修复 /play /eat 等被内联 max-width:1000px + 子内容撑宽 */ #gf-channel{ min-width:0; max-width:100% !important; overflow-x:hidden; } @media (min-width:769px){ #gf-channel{ max-width:1000px !important; overflow-x:visible; } } /* 频道 hero 实景图卡（设计 asset chan-*-hero） */ .gf-hero-img{position:relative;overflow:hidden;padding:0;min-height:220px;display:flex;align-items:center;justify-content:center;} .gf-hero-img .gf-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .gf-hero-img .gf-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,52,64,.32),rgba(43,52,64,.35) 50%,rgba(43,52,64,.6));} .gf-hero-img .gf-hero-content{position:relative;z-index:1;padding:40px 20px;color:#fff;text-align:center;width:100%;box-sizing:border-box;} /* hero-img 文字卡底：半透明深色圆角底，保证花背景也可读 */ .gf-hero-img .gf-hero-content{position:relative;z-index:1;} /* hero 文字区：无卡底，直接浮在实景图上（靠字重800+阴影保障可读） */ .gf-hero-text{position:relative;display:block;padding:0;margin-bottom:16px;} .gf-hero-img h1{color:#fff;font-weight:800;font-size:2rem;letter-spacing:-.5px;text-shadow:0 2px 12px rgba(43,52,64,.55);} .gf-hero-img p{color:rgba(255,255,255,.96);font-weight:500;font-size:1.05rem;letter-spacing:.2px;text-shadow:0 1px 8px rgba(43,52,64,.5);} /* 右下角 WhatsApp FAB 官方绿色（品牌 #25D366→#128C7E），白图标；其余橙色 CTA 不变 */ #gf-wa-fab{ background:linear-gradient(135deg,#25D366 0%,#128C7E 100%); box-shadow:0 6px 18px rgba(37,211,102,.45); } #gf-wa-fab:hover{ background:linear-gradient(135deg,#1EBE5D 0%,#0F7056 100%); color:#fff; } /* FAB 图标水平居中：隐藏开启字span（font-size:0 但仍占位挤偏图标） */ #gf-wa-fab > span:not(.gf-ic){ display:none; } /* 页脚页面链接：关于/联系/隐私 */ .gf-footer-pages{ display:flex; flex-wrap:wrap; gap:6px 14px; justify-content:center; width:100%; order:1; margin-top:2px; } .gf-footer-pages a{ color:inherit; text-decoration:none; opacity:.85; font-size:13px; } .gf-footer-pages a:hover{ text-decoration:underline; opacity:1; } /* 页眉留白收紧：GeneratePress 默认 .inside-header padding 20px 上下过大 */ .inside-header{ padding-top:10px; padding-bottom:10px; } /* 页眉水平留白收紧：移动端 16px / PC 24px（GP 默认 .inside-header 左右 40px 过宽） */ @media (max-width:768px){ .inside-header{ padding-left:16px; padding-right:16px; } } @media (min-width:769px){ .inside-header{ padding-left:24px; padding-right:24px; } } /* Kanallar 频道卡图标双重容器垂直居中（修复 svg 受行基线影响偏上 ~4px） */ .gf-chan-ic .gf-ic{ display:flex; align-items:center; justify-content:center; } /* hero 按钮组：WA 主按钮(实心暖橙) 与 ghost 次级(描边) 同骨架统一 */ .gf-btn-wa{ background:var(--gf-accent); color:#fff; border:1.5px solid var(--gf-accent); } .gf-btn-wa:hover{ background:#E88330; border-color:#E88330; } .gf-btn-wa svg{ flex:0 0 auto; } /* hero 按钮组移动端：等宽胶囊居中堆叠（取较长者宽度，紧凑不齐整） */ @media (max-width:768px){ .gf-hero-actions{ flex-direction:column; align-items:center; width:100%; } .gf-hero-actions .gf-btn{ justify-content:center; min-width:230px; } } /* ===== 详情页新组件（详情页改造 v20260809）===== */ /* 评分/信息行 */ .gf-meta-row{display:flex;flex-wrap:wrap;gap:6px 10px;margin:8px 0;} .gf-meta{font-size:.82rem;color:var(--gf-muted);background:var(--gf-bg);border-radius:8px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;} .gf-meta.gf-rating{color:#B7791F;font-weight:600;} /* 五颗星评分（支持小数部分填充） */ .gf-stars{display:inline-flex;align-items:center;gap:2px;} .gf-stars .gf-star{position:relative;font-size:1rem;line-height:1;color:#E7D9BE;} .gf-stars .gf-star::before{content:'★';} .gf-stars .gf-star.filled{color:#F5A623;} .gf-stars .gf-star.part::after{content:'★';position:absolute;left:0;top:0;overflow:hidden;color:#F5A623;width:var(--p,50%);} .gf-stars .gf-star-val{font-weight:600;color:#B7791F;margin-left:6px;font-size:.9rem;line-height:1;} /* 置顶标签 */ .gf-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;} .gf-tag{font-size:.8rem;font-weight:600;color:var(--gf-success);background:#E6F4EC;border-radius:999px;padding:4px 12px;} /* 下半段 */ .gf-detail-half{margin-top:22px;padding-top:16px;border-top:1px solid var(--gf-line);} .gf-half-title{font-size:1rem;margin:16px 0 6px;color:var(--gf-primary);} .gf-half-text{font-size:.92rem;color:var(--gf-text);line-height:1.7;margin:0;} .gf-highlights{list-style:none;margin:6px 0 0;padding:0;} .gf-highlights li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gf-line);} .gf-hl-name{font-weight:600;} .gf-hl-price{color:var(--gf-success);font-weight:600;} /* 相关推荐 */ .gf-related{margin-top:24px;} /* 详情页顶部轮播（左右箭头切换，无圆点） */ .gf-carousel{position:relative;overflow:hidden;} .gf-carousel-track{display:flex;transition:transform .35s ease;} .gf-carousel-slide{flex:0 0 100%;width:100%;} .gf-carousel-slide img{width:100%;display:block;} .gf-car-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#FFFFFF;font-size:2.6rem;line-height:1;cursor:pointer;padding:0 10px;text-shadow:0 1px 4px rgba(0,0,0,.5);z-index:2;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none;appearance:none;-webkit-appearance:none;} .gf-car-prev{left:4px;} .gf-car-next{right:4px;} .gf-car-arrow:active{opacity:.6;background:none;} .gf-car-arrow:focus,.gf-car-arrow:hover,.gf-car-arrow:focus-visible{background:none;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;} /* 分店列表：每组 分店名+地图一行，电话下方 */ .gf-branches{margin-top:14px;} .gf-branch{padding:10px 0;border-bottom:1px solid var(--gf-line);} .gf-branch:last-child{border-bottom:none;} .gf-branch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;} .gf-branch-name{font-weight:600;font-size:1rem;} .gf-branch-map{color:var(--gf-primary);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;} .gf-branch-phone{margin-top:4px;font-size:.92rem;color:var(--gf-text);} .gf-related h3{font-size:1.05rem;margin:0 0 12px;} /* 优惠详情 */ .gf-deal-hero{position:relative;} .gf-pay-badge{position:absolute;top:12px;right:12px;background:var(--gf-accent);color:#fff;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(242,153,74,.4);z-index:2;} .gf-merchant-name{font-size:.9rem;color:var(--gf-muted);margin-top:4px;} .gf-price-lg{align-items:center;} .gf-price-lg .pct{font-size:1.8rem;margin:0;} .gf-price-lg .now{font-size:1.8rem;} .gf-price-lg .was{font-size:1rem;} .gf-code-row{display:flex;align-items:center;gap:8px;margin:12px 0 8px;} .gf-code{font-family:ui-monospace,monospace;background:var(--gf-bg);border:1px dashed var(--gf-line);padding:8px 12px;border-radius:8px;font-size:.95rem;font-weight:700;letter-spacing:.5px;} .gf-copy-btn{background:#fff;border:1.5px solid var(--gf-success);color:var(--gf-success);font-weight:600;font-size:.85rem;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background .15s;} .gf-copy-btn:hover{background:var(--gf-success);color:#fff;} .gf-deal-badges{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;} .gf-badge-ok{font-size:.78rem;font-weight:600;color:var(--gf-success);background:#E6F4EC;border-radius:999px;padding:3px 10px;} .gf-badge-time{font-size:.78rem;color:var(--gf-muted);background:var(--gf-bg);border-radius:999px;padding:3px 10px;} /* 详情页内容底部留白：避开吸底 WhatsApp FAB + 底部导航遮挡（详情页改造） */ #gf-merchant, #gf-article, #gf-toplist{ padding-bottom:110px; } @media (min-width:769px){ #gf-merchant, #gf-article, #gf-toplist{ padding-bottom:40px; } } /* 一句话说明(excerpt) */ .gf-excerpt{font-size:.95rem;color:var(--gf-text);line-height:1.6;margin:10px 0;padding:10px 14px;background:var(--gf-bg);border-radius:10px;border-left:3px solid var(--gf-primary);} /* ===== 吃频道筛选器 gf-filter ===== */ .gf-filter{background:#fff;border:1px solid #eee;border-radius:16px;padding:14px;margin-bottom:20px;margin-top:16px} .gf-filter .gf-fgroup{margin-bottom:12px} .gf-filter .gf-fgroup:last-child{margin-bottom:0} .gf-flabel{display:block;font-size:12px;font-weight:700;color:#6b7280;margin-bottom:8px;letter-spacing:.3px} .gf-fchips{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none} .gf-fchips::-webkit-scrollbar{display:none} .gf-fchip{flex:0 0 auto;padding:8px 16px;border-radius:999px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;text-decoration:none;line-height:1.2;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent} .gf-fchip.is-on{background:var(--gf-blue,#1C6FC4);border-color:var(--gf-blue,#1C6FC4);color:#fff} .gf-fclear{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--gf-blue,#1C6FC4);text-decoration:underline} @media(min-width:769px){.gf-filter .gf-fgroup{display:flex;align-items:baseline;gap:14px}.gf-flabel{min-width:90px;margin-bottom:0}} /* ===== 玩频道：类型/地区 chip ===== */ .gf-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--gf-bg,#F3F4F6);color:#374151;font-size:12px;font-weight:600;margin-right:6px} /* ===== 玩频道：攻略详情 地点目录 ===== */ .gf-dir{margin:18px 0} .gf-dir-list{list-style:none;margin:0;padding:0} .gf-dir-list li{margin:0 0 10px} .gf-dir-item{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)} .gf-dir-thumb{flex:0 0 auto} .gf-dir-info{min-width:0;display:flex;flex-direction:column;gap:2px} .gf-dir-name{font-weight:700;font-size:15px;color:var(--gf-text,#111);line-height:1.3} .gf-dir-num{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--gf-blue,#1C6FC4);color:#fff;font-size:11px;align-items:center;justify-content:center;margin-right:6px;vertical-align:1px} .gf-dir-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .gf-dir-reg{font-size:12px;color:#6b7280} .gf-dir-desc{font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .gf-guide-intro{font-size:.98rem;color:#4b5563;line-height:1.7} /* ===== 买频道：比价形态 ===== */ .gf-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px} .gf-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:12px;color:var(--muted,#6b7280);margin:4px 0 8px} .gf-card-meta .gf-stars{font-size:13px} .gf-card-meta .gf-meta{padding:2px 6px;font-size:11px;background:transparent;} .gf-price-box{background:#fff;border:1px solid var(--line,#eee);border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 2px 8px rgba(0,0,0,.05)} .gf-price-en{color:var(--gf-green,#2E9E6B);font-size:12px;font-weight:700;margin-bottom:2px} .gf-price-big{font-size:32px;font-weight:800;line-height:1.1} .gf-cmp{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin:8px 0 14px} .gf-cmp th{background:var(--gf-blue,#1C6FC4);color:#fff;padding:9px 7px;text-align:left;font-weight:700} .gf-cmp td{padding:10px 7px;border-bottom:1px solid var(--line,#eee);vertical-align:top} .gf-cmp tr:last-child td{border-bottom:none} .gf-cmp .go{color:var(--gf-blue,#1C6FC4);font-weight:700;white-space:nowrap} .gf-cmp-seller{color:var(--gf-blue,#1C6FC4);font-weight:600;text-decoration:none;border-bottom:1px dotted var(--gf-blue,#1C6FC4)} .gf-cmp-seller:hover{text-decoration:underline} .gf-cmp-seller-cell{display:flex;flex-direction:column;gap:2px} .gf-cmp-suba{font-size:11px;color:var(--muted,#6b7280);font-weight:400} .gf-cmp-fiyat{font-weight:700;white-space:nowrap} .gf-family{display:flex;gap:10px;margin:8px 0 14px} .gf-fam{flex:1;background:#fff;border:1px solid var(--line,#eee);border-radius:12px;padding:10px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.04)} .gf-fam-name{font-size:11px;color:var(--muted,#6b7280)} .gf-fam-price{font-size:15px;font-weight:800;margin-top:3px} .gf-footlink{text-align:center;color:var(--gf-blue,#1C6FC4);font-size:12px;font-weight:600;margin:14px 0 4px} @media(max-width:480px){.gf-cmp th,.gf-cmp td{padding:8px 5px;font-size:11px}} /* ===== 买频道定稿补充（评分行/图片不裁/规格纯文字/比价折叠） ===== */ .gf-card-buy img{aspect-ratio:1/1;object-fit:contain;background:#fff;padding:6px;} .gf-card-buy{display:flex;flex-direction:column;} .gf-card-buy .gf-card-body{display:flex;flex-direction:column;flex:1;padding-top:12px;} .gf-card-buy .gf-price{margin-top:auto;} .gf-cmp-x[hidden]{display:none} .gf-cmp-toggle{display:block;width:100%;margin:6px 0 4px;padding:9px;border:1px solid var(--gf-blue,#1C6FC4);border-radius:10px;background:#fff;color:var(--gf-blue,#1C6FC4);font-weight:700;cursor:pointer} .gf-specs,.gf-card-specs{font-size:13px;color:var(--muted,#6b7280);line-height:1.5;margin:2px 0 8px} @media(max-width:480px){.gf-cmp-toggle{font-size:13px}} /* —— 加载更多按钮（吃/玩频道） —— */ .gf-loadmore-wrap{text-align:center;margin:16px 0} .gf-load-more{display:inline-block;padding:11px 28px;border:1px solid var(--gf-green,#2E9E6B);border-radius:999px;background:#fff;color:var(--gf-green,#2E9E6B);font-weight:700;cursor:pointer;font-size:.95rem;transition:background .2s,color .2s} .gf-load-more:hover{background:var(--gf-green,#2E9E6B);color:#fff} /* —— 主页榜单卡简介：只显示一小部分(2行)，避免拉长卡片 —— */ .gf-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} /* —— 优惠频道券卡增强排版 —— */ .gf-dtop{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap} .gf-dbrand{font-size:.82rem;font-weight:800;color:var(--gf-green,#2E9E6B);text-transform:uppercase;letter-spacing:.02em} .gf-dvrf{font-size:.7rem;font-weight:700;color:#fff;background:var(--gf-green,#2E9E6B);border-radius:999px;padding:2px 9px} .gf-dprice{margin:2px 0 8px} .gf-dprice .now{font-size:1.5rem;font-weight:800;line-height:1.1} .gf-dprice .was{margin-left:6px} .gf-disc{display:inline-block;margin-left:8px;color:#d21;font-weight:800;font-size:.95rem} .gf-coupon{display:flex;align-items:center;gap:6px;background:var(--gf-green,#2E9E6B);color:#fff;border-radius:8px;padding:6px 11px;margin:8px 0 6px;font-weight:700} .gf-coupon .gf-coupon-lbl{font-size:.66rem;text-transform:uppercase;opacity:.85;letter-spacing:.03em} .gf-code{background:rgba(255,255,255,.2);padding:2px 7px;border-radius:4px;font-size:.9rem;letter-spacing:.04em} .gf-dmeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:.78rem} .gf-dmeta .gf-muted{margin:0} /* —— 优惠频道品牌卡（模仿 indirim.in：白底·圆角·边框；logo圈+名称+分隔线+计数行 🎫🏷️） —— */ .gf-brand-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden} .gf-brand-avatar{width:100%;height:132px;border-radius:0;background:#f6f7f9;border-bottom:1px solid #eceef1;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.6rem;font-weight:800;color:var(--gf-green,#2E9E6B)} .gf-brand-avatar img{width:100%;height:100%;object-fit:cover;display:block} .gf-brand-card h3{font-size:1.15rem;margin:12px 0 0;color:#111827;font-weight:800;letter-spacing:.01em} .gf-brand-lines{width:30px;height:3px;background:var(--gf-green,#2E9E6B);border-radius:2px;margin:6px auto} .gf-bcount{font-size:.88rem;color:#374151;font-weight:600} .gf-brand-stats{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:2px} /* 频道热门横滑区 */ .gf-feat{margin:16px 0 6px} .gf-feat-h{display:flex;align-items:center;gap:8px;padding:0 2px;margin-bottom:10px} .gf-feat-t{font-size:1rem;font-weight:800;color:var(--text,#1f2937)} .gf-feat-sub{font-size:.72rem;color:var(--muted,#6b7280);font-weight:600} .gf-hscroll{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:6px} .gf-hcard{flex:0 0 175px;scroll-snap-align:start;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.07)} .gf-hc-img{display:block;position:relative;width:100%;height:88px;overflow:hidden;background:#eef1f4} .gf-hc-img img{width:100%;height:100%;object-fit:cover;display:block} .gf-hc-img-fit{background:#fff} .gf-hc-img-fit img{object-fit:contain;padding:6px} .gf-hc-ph{background:linear-gradient(135deg,#f2ce8a,#d9a05b)} .gf-hc-badge{position:absolute;top:6px;left:6px;background:#f59e0b;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.2)} .gf-hc-badge-deal{background:#e4574a} .gf-hc-eyebrow{display:block;font-size:.62rem;color:#9aa1ab;font-weight:700;padding:7px 9px 0;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 2026-09-17 修：标题原来被 line-clamp:3 裁到第 4 行露半截（实测盒子 68px / 内容需 85px）。 改为完整显示；同排卡片高度由 .gf-hscroll 的 align-items:stretch 统一。 */ .gf-hc-name{display:block;font-size:.8rem;font-weight:800;color:var(--text,#1f2937);padding:2px 9px 10px;line-height:1.3;overflow-wrap:anywhere} .gf-hc-emoji{font-size:30px;color:#fff;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.25)} .gf-bdisc{margin-top:2px;font-size:.88rem;font-weight:800;color:#d21} .gf-brand-card .gf-card-body{padding:0 12px 16px;display:flex;flex-direction:column;align-items:center} /* —— 优惠频道品牌首字母 A–Z 筛选条 —— */ .gf-letterfilter{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px} .gf-letterfilter .gf-fchip{padding:6px 12px;font-size:.85rem;font-weight:700} /* 页头右上角：地球图标（装饰占位，不可点击）2026-09-15 */ .gf-lang-top--static{pointer-events:none;} .gf-lang-globe{display:inline-flex;align-items:center;justify-content:center;color:var(--gf-muted);} .gf-lang-globe .gf-ic{display:inline-flex;} /* ============================================================================ 排版优化层 v1 — 2026-09-16 仅调整样式：字号 / 行高 / 间距 / 圆角 / 阴影 / 对比度 / 点击热区。 不改动任何文字、链接、结构、URL 与模板 → SEO 无影响。 回滚：删除本文件末尾这一整块即可（或还原 style.css.bak.typography.* 备份）。 ============================================================================ */ /* ---- 1. 补齐设计中未定义的 token ------------------------------------------- 原代码里 var(--gf-blue,#1C6FC4) / var(--muted,#6b7280) / var(--line,#eee) 等 变量并不存在，全靠 fallback 兜底 → 同名语义出现 4 套灰色、3 套边框色。 这里把别名补齐，让它们指向同一套 design token。 ------------------------------------------------------------------------- */ :root{ --gf-blue: var(--gf-primary); --gf-green: var(--gf-success); --gf-red: #B3261E; --text: var(--gf-text); --muted: var(--gf-muted); --line: var(--gf-line); --gf-radius-sm: 10px; --gf-radius-xs: 8px; } /* ---- 2. 对比度达标 --------------------------------------------------------- 实测原值：中性灰 #8A93A0 在暖白底上 2.91:1、在白卡上 3.11:1（正文需 4.5:1） 改为 #5F6975 → 暖白底 5.23:1 / 白卡 5.58:1 ------------------------------------------------------------------------- */ :root{ --gf-muted:#5F6975; } .gf-copyright{ opacity:1; } /* 原 .8 又叠一层降对比 */ .gf-footer-channels a, .gf-footer-pages a{ opacity:1; } .gf-feat-sub, .gf-hc-eyebrow{ color:var(--gf-muted); } /* ---- 3. 字号下限：全站最小字号从 10px 提到 ≥12px --------------------------- */ #gf-bottomnav .gf-tab{ font-size:.72rem; } /* 10.0 → 11.5 */ #gf-bottomnav .gf-lang a{ font-size:.76rem; } .gf-hc-eyebrow{ font-size:.72rem; } /* 9.9 → 11.5 */ .gf-hc-badge{ font-size:11px; } .gf-feat-sub{ font-size:.8rem; } .gf-lang a{ font-size:.85rem; } /* 12.8 → 13.6 */ .gf-meta{ font-size:.85rem; } .gf-card-meta{ font-size:12.5px; } .gf-card-meta .gf-meta{ font-size:12px; } .gf-cmp-suba{ font-size:12px; } /* 11 → 12 */ .gf-fam-name{ font-size:12px; } .gf-dvrf{ font-size:.76rem; } .gf-coupon .gf-coupon-lbl{ font-size:.72rem; } .gf-card-buy .gf-brand, .gf-dbrand{ font-size:.84rem; } .gf-chan-tag{ font-size:.82rem; } .gf-channel{ font-size:.82rem; } .gf-dmeta{ font-size:.82rem; } .gf-bcount, .gf-bdisc{ font-size:.9rem; } .gf-dir-reg{ font-size:12.5px; } .gf-dir-desc{ font-size:13.5px; } .gf-specs, .gf-card-specs{ font-size:13.5px; } .gf-copyright, .gf-footer-pages a{ font-size:13.5px; } @media(max-width:480px){ .gf-cmp th, .gf-cmp td{ font-size:12px; padding:9px 6px; } } /* ---- 4. 行高与标题层级 ----------------------------------------------------- */ .gf-half-text, .gf-guide-intro{ line-height:1.72; } .gf-excerpt{ line-height:1.68; } .gf-dir-desc, .gf-card p{ line-height:1.55; } .gf-cmp th, .gf-cmp td{ line-height:1.45; } .gf-hero h1, .gf-hero-img h1{ font-size:clamp(1.6rem,5.4vw,2rem); line-height:1.22; } .gf-section h2{ font-size:1.35rem; line-height:1.3; } .gf-half-title{ font-size:1.05rem; } /* 内页 h1 由模板内联 font-size 控制，这里只补字重与行高（需 !important 覆盖内联） */ #gf-article h1, #gf-merchant h1, #gf-toplist h1, .gf-landing h1{ font-weight:700 !important; line-height:1.28 !important; } /* ---- 5. 点击热区：≥40px（原页脚链接 19.5px / chip 21px / 语言 27px）-------- */ .gf-footer-channels, .gf-footer-pages{ gap:0 14px; } .gf-footer-channels a, .gf-footer-pages a{ display:inline-flex; align-items:center; min-height:40px; padding:0 2px; } .gf-lang a{ min-height:34px; } #gf-bottomnav .gf-lang a{ min-height:30px; } .gf-fchip, .gf-cat-tab, .gf-fclear, .gf-copy-btn{ min-height:40px; } .gf-fchip, .gf-cat-tab, .gf-fclear{ display:inline-flex; align-items:center; } .gf-letterfilter .gf-fchip{ min-height:38px; } .gf-load-more, .gf-btn, .gf-wa{ min-height:46px; } .gf-load-more{ display:inline-flex; align-items:center; justify-content:center; } .gf-cmp-toggle{ min-height:44px; } /* ---- 6. 圆角与阴影统一（原 6 套圆角、7 套阴影混用）------------------------- */ .gf-card, .gf-hero, .gf-price-box, .gf-filter, .gf-dir-item, .gf-brand-card, .gf-top-card, .gf-fam, .gf-cta-wa, .gf-excerpt{ border-radius:var(--gf-radius); } .gf-card, .gf-price-box, .gf-filter, .gf-dir-item, .gf-brand-card, .gf-top-card, .gf-fam, .gf-excerpt{ box-shadow:var(--gf-shadow); } .gf-hcard{ border-radius:14px; box-shadow:0 2px 10px rgba(43,52,64,.07); } .gf-cmp, .gf-code, .gf-copy-btn, .gf-cmp-toggle, .gf-coupon{ border-radius:var(--gf-radius-sm); } .gf-btn, .gf-btn-cmp{ border-radius:13px; } /* ---- 7. 间距节奏：统一 8/16/24/32 四档 ------------------------------------- */ .gf-feat{ margin:24px 0 8px; } .gf-section{ margin-bottom:24px; } .gf-card-body{ padding:14px; } .gf-filter{ padding:16px; } .gf-trust{ margin:16px 0; } /* ---- 8. 彩色底上的小字对比度（实测值 → 方案值）---------------------------- 白字 on 品牌橙 #F2994A = 2.23:1 → 改深褐字 #3A2405 = 6.57:1（保留品牌橙） 白字 on 绿 #2E9E6B = 3.38:1 → 底色加深 #1F7A50 = 5.31:1 绿字 on 浅绿 #E6F4EC = 2.98:1 → 深绿字 #1F7A50 = 4.68:1 吃 pill #b45b08/#fef0dc = 4.21:1 → #8A4505 玩 pill #1C6FC4/#e6f0fa = 4.42:1 → #16568F ------------------------------------------------------------------------- */ .gf-badge, .gf-pay-badge{ color:#3A2405; text-shadow:none; } .gf-hc-badge{ color:#3A2405; } .gf-hc-badge-deal{ background:var(--gf-red); color:#fff; } .gf-ucuz, .gf-dvrf, .gf-coupon{ background:#1F7A50; } .gf-badge-ok{ color:#1F7A50; } .gf-channel.c-eat{ color:#8A4505; } .gf-channel.c-play{ color:#16568F; } .gf-channel.c-deal{ color:#1F7A50; } .gf-price-en, .gf-cashback, .gf-hl-price, .gf-tag{ color:#1F7A50; } .gf-cmp th{ background:var(--gf-primary); color:#fff; } .gf-meta.gf-rating, .gf-stars .gf-star-val{ color:#8A5A12; } /* ---- 9. 补足仍低于 12px 的徽章/标签（精确定位实测所得）-------------------- */ .gf-badge, .gf-pay-badge{ font-size:.75rem; } /* 10.88 → 12.0px */ .gf-hc-badge{ font-size:.75rem; } /* 11.0 → 12.0px */ .gf-hc-eyebrow{ font-size:.75rem; } /* 11.5 → 12.0px */ #gf-bottomnav .gf-tab-label{ font-size:.75rem; } /* 11.5 → 12.0px */ .gf-dir-num{ font-size:12px; } /* 11.0 → 12.0px */ .gf-dmeta, .gf-badge-time, .gf-badge-ok{ font-size:.8rem; } /* ============================================================================ 整改 v2 — P0 设计系统 + P1 首页专题化 目标：手机端优先（~390px 定稿），桌面端为放大后的加分项。 原则：只改样式与呈现，不改任何文字 / 链接 / URL / 数据库内容。 无特色图不出图片区；不以版式为由隐藏任何信息。 回滚：删除本文件末尾这一整块（定位标记「整改 v2 — P0 设计系统 + P1 首页专题化」） ============================================================================ */ /* --------------------------------------------------------------------------- P0-1 设计系统 token（补齐原先散落/未定义的值） 原先 --gf-blue / --muted / --line / --text 等变量并未定义，全靠 fallback 兜底， 导致同一语义出现多个色值；此处统一收敛。 --------------------------------------------------------------------------- */ :root{ /* 字体族：无衬线 = Inter（已加载）；衬线 = 系统 Georgia（与已上线的 Rehber 页一致，零额外下载） */ --gf-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --gf-serif: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; /* 2026-09-19 起标题改用 Manrope（自托管）*/ /* 字阶（手机端取小值，随视口放大） */ --fs-display: clamp(1.75rem, 7.2vw, 2.6rem); --fs-h1: clamp(1.5rem, 5.4vw, 2rem); --fs-h2: clamp(1.22rem, 4.6vw, 1.55rem); --fs-h3: 1.1rem; --fs-body: 1rem; --fs-sm: .875rem; --fs-xs: .8rem; /* 12.8px */ --fs-micro: .75rem; /* 12px 下限 */ /* 间距四档 */ --s1:8px; --s2:16px; --s3:24px; --s4:32px; /* 圆角三档 */ --r-sm:10px; --r-md:14px; --r-lg:18px; --r-pill:999px; /* 主色浅底（板块标题图标底） */ --gf-primary-soft: #e8f1fb; /* 阴影三档 */ --sh-1: 0 1px 3px rgba(43,52,64,.06); --sh-2: 0 2px 10px rgba(43,52,64,.07); --sh-3: 0 10px 30px rgba(43,52,64,.12); --gf-ink: #1F2733; } body, button, input, select, textarea{ font-family: var(--gf-sans); } /* --------------------------------------------------------------------------- P0-2 展示级标题统一走衬线（编辑风基调，与 Rehber 页一致） --------------------------------------------------------------------------- */ .gf-hero-img h1, .gf-feat-t, .gf-section h2, #gf-article h1, #gf-merchant h1, #gf-toplist h1, #gf-channel h1, .gf-landing h1{ font-family: var(--gf-serif); letter-spacing: -.01em; } /* --------------------------------------------------------------------------- P1-1 首屏 hero：手机端给足气势，标题用衬线大字号 --------------------------------------------------------------------------- */ /* 首屏尺寸：仅首页（P1）——注意必须限定 #gf-home， 否则会误伤频道页首屏（频道页共用 .gf-hero-img 类，曾被撑到 367px） */ #gf-home .gf-hero-img{ min-height: clamp(350px, 94vw, 470px); } #gf-home .gf-hero-img .gf-hero-content{ padding: 30px 20px 26px; } #gf-home .gf-hero-img h1{ font-size: var(--fs-display); font-weight: 700; line-height: 1.14; letter-spacing: -.015em; margin: 0 0 10px; } .gf-hero-img p{ font-size: clamp(.95rem, 3.6vw, 1.12rem); line-height: 1.5; margin: 0 0 18px; } .gf-hero-actions .gf-btn{ min-height: 48px; padding: 0 22px; font-size: .95rem; } /* 首屏可读性实测修正（2026-09-16）： 实测白字背后最亮处 L=0.48 → H1 对比 1.99、副标题 2.12，均不达标。 处理：只压暗文字所在的中段（上缘保留明亮），副标题放大到「大文本」级别（≥18.66px 粗体 → 3:1）， 并补两层阴影。 */ .gf-hero-img .gf-hero-overlay{ /* 实测：此处照片本身最亮像素 L≈0.29，遮罩只需 ~0.42 即可让白字达 5:1。 原先压到 0.88 属过度（H1 对比 9.18，白白丢掉照片细节）→ 放浅，把画面还给照片。 */ background: linear-gradient(180deg, rgba(20,26,34,.08) 0%, rgba(20,26,34,.18) 18%, rgba(20,26,34,.46) 34%, rgba(20,26,34,.52) 52%, rgba(20,26,34,.56) 100%); } /* 文字改为底部对齐：落在压暗带内（上部天空保留明亮），H1 实测对比才达标 */ .gf-hero-img{ align-items: flex-end; } .gf-hero-img .gf-hero-content{ padding: 30px 20px 26px; } .gf-hero-img h1{ text-shadow: 0 2px 6px rgba(10,14,20,.78), 0 8px 24px rgba(10,14,20,.45); } .gf-hero-img p{ color: #fff; font-size: clamp(1.08rem, 4vw, 1.22rem); font-weight: 700; text-shadow: 0 1px 4px rgba(10,14,20,.82), 0 5px 16px rgba(10,14,20,.5); } /* 专题主卡编号 01（与下方 02–08 连续） */ .gf-ed-hero-n{ position: absolute; top: 12px; left: 12px; z-index: 2; background: rgba(255,255,255,.94); color: var(--gf-ink); font-family: var(--gf-serif); font-size: .9rem; font-weight: 700; font-variant-numeric: tabular-nums; padding: 3px 10px; border-radius: var(--r-pill); box-shadow: 0 1px 4px rgba(0,0,0,.18); } /* --------------------------------------------------------------------------- P1-2 频道入口：手机端 2×2 网格（原先横滑，4 个频道只能看到 2 个） --------------------------------------------------------------------------- */ .gf-channels{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--s2) 12px; overflow: visible; padding-bottom: 0; } .gf-channels .gf-chan-card{ flex: none; min-width: 0; } .gf-channels .gf-chan-card > img{ width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; display: block; } .gf-channels .gf-chan-card .gf-card-body{ padding: 12px; } .gf-channels .gf-chan-card strong{ font-size: .98rem; line-height: 1.25; display: block; } .gf-channels .gf-chan-card .gf-chan-tag, .gf-channels .gf-chan-card .gf-badge{ font-size: var(--fs-micro); } @media (min-width: 760px){ .gf-channels{ grid-template-columns: repeat(4, minmax(0,1fr)); } } /* --------------------------------------------------------------------------- P1-3 板块标题（🔥 emoji → 频道 SVG 图标；结构类名与 v1 兼容） --------------------------------------------------------------------------- */ .gf-feat{ margin: var(--s3) 0 var(--s1); } .gf-feat-h{ display: flex; align-items: center; gap: 9px; padding: 0 2px; margin-bottom: 12px; } .gf-feat-ic{ flex: 0 0 30px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--gf-primary-soft, #e8f1fb); color: var(--gf-primary, #1C6FC4); } .gf-feat-ic .gf-ic{ display: inline-flex; line-height: 0; } .gf-feat-t{ font-size: var(--fs-h2); font-weight: 700; margin: 0; line-height: 1.2; min-width: 0; } .gf-feat-t a{ text-decoration: none; color: inherit; display: inline-flex; align-items: center; min-height: 40px; /* 板块入口热区 ≥40px */ } .gf-feat-sub{ margin-left: auto; flex: 0 0 auto; font-size: var(--fs-micro); font-weight: 700; color: var(--gf-muted); text-align: right; } /* --------------------------------------------------------------------------- P1-4 专题带（Keşfet）：1 张大图 + 7 条紧凑列表 → 手机 8/8 全可见 --------------------------------------------------------------------------- */ .gf-ed-hero{ display: block; position: relative; overflow: hidden; border-radius: var(--r-lg); background: var(--gf-surface, #fff); box-shadow: var(--sh-2); text-decoration: none; color: inherit; } .gf-ed-hero-img{ display: block; aspect-ratio: 16/10; background: #eef1f4; } .gf-ed-hero-img img{ width: 100%; height: 100%; object-fit: cover; display: block; } .gf-ed-hero-img--none{ display: none; } /* 无图 → 不出图区 */ .gf-ed-hero-body{ display: block; padding: 14px; } .gf-ed-hero-loc{ display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-xs); font-weight: 700; color: var(--gf-muted); margin-bottom: 6px; } .gf-ed-hero-loc .gf-ic{ display: inline-flex; line-height: 0; } .gf-ed-hero-t{ display: block; font-family: var(--gf-serif); font-size: clamp(1.18rem, 4.6vw, 1.45rem); font-weight: 700; line-height: 1.24; } .gf-ed-list{ list-style: none; margin: 12px 0 0; padding: 0; } .gf-ed-list li{ border-top: 1px solid var(--gf-line); } .gf-ed-list li:first-child{ border-top: 0; } .gf-ed-list a{ display: flex; align-items: center; gap: 11px; padding: 12px 2px; min-height: 54px; box-sizing: border-box; text-decoration: none; color: inherit; } .gf-ed-n{ flex: 0 0 24px; font-family: var(--gf-serif); font-size: .92rem; font-weight: 700; color: var(--gf-muted); font-variant-numeric: tabular-nums; } .gf-ed-body{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .gf-ed-t{ font-size: .95rem; font-weight: 700; line-height: 1.32; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .gf-ed-m{ font-size: var(--fs-xs); color: var(--gf-muted); line-height: 1.3; } .gf-ed-ar{ flex: 0 0 16px; color: var(--gf-muted); display: inline-flex; } .gf-ed-ar .gf-ic{ display: inline-flex; line-height: 0; } /* --------------------------------------------------------------------------- P1-5 价格先行列表（Fırsatlar）：品牌 + 标题 + 折扣 + 价格 → 手机 8/8 全可见 --------------------------------------------------------------------------- */ .gf-pl-list{ list-style: none; margin: 0; padding: 0; } .gf-pl-list li{ border-top: 1px solid var(--gf-line); } .gf-pl-list li:first-child{ border-top: 0; } .gf-pl-list a{ display: flex; align-items: center; gap: 11px; padding: 11px 2px; min-height: 68px; box-sizing: border-box; text-decoration: none; color: inherit; } .gf-pl-thumb{ flex: 0 0 52px; width: 52px; height: 52px; border-radius: var(--r-sm); overflow: hidden; background: #f4f6f8; display: flex; align-items: center; justify-content: center; } .gf-pl-thumb img{ width: 100%; height: 100%; object-fit: contain; display: block; } .gf-pl-thumb:empty{ display: none; } /* 无图 → 不出图区 */ .gf-pl-body{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; } .gf-pl-brand{ font-size: var(--fs-micro); font-weight: 700; color: var(--gf-muted); } .gf-pl-name{ font-size: .92rem; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .gf-pl-right{ flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; } .gf-pl-pct{ background: #B3261E; color: #fff; font-size: var(--fs-micro); font-weight: 800; padding: 2px 8px; border-radius: var(--r-pill, 999px); white-space: nowrap; } .gf-pl-price{ font-size: .96rem; font-weight: 800; color: var(--gf-ink); font-variant-numeric: tabular-nums; white-space: nowrap; } @media (min-width: 560px){ .gf-pl-name{ -webkit-line-clamp: 1; } } /* --------------------------------------------------------------------------- P1-6 2 列卡片网格（Lezzet 照片流 / Alışveriş 商品流） 手机 2 列 → 8 条全可见；卡片宽度比原横滑卡（175px）更大 --------------------------------------------------------------------------- */ .gf-gcards{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--s2) 12px; } .gf-gcard{ display: flex; flex-direction: column; min-width: 0; background: var(--gf-surface, #fff); border-radius: var(--r-md); overflow: hidden; box-shadow: var(--sh-2); text-decoration: none; color: inherit; } .gf-gc-img{ position: relative; display: block; width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #eef1f4; } .gf-feat--product .gf-gc-img{ aspect-ratio: 1/1; background: #fff; } .gf-gc-img img{ width: 100%; height: 100%; object-fit: cover; display: block; } .gf-gc-img--fit img{ object-fit: contain; padding: 8px; box-sizing: border-box; } .gf-gc-badge{ position: absolute; top: 6px; left: 6px; background: #f59e0b; color: #3A2405; font-size: var(--fs-micro); font-weight: 800; padding: 2px 7px; border-radius: var(--r-pill); box-shadow: 0 1px 3px rgba(0,0,0,.18); white-space: nowrap; } .gf-gc-badge.gf-hc-badge-deal{ background: #B3261E; color: #fff; } .gf-gc-body{ display: flex; flex-direction: column; gap: 3px; padding: 10px 11px 12px; flex: 1 1 auto; } .gf-gc-eyebrow{ font-size: var(--fs-micro); font-weight: 700; color: var(--gf-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gf-gc-name{ font-size: var(--fs-sm); font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* 无图卡片：不出图区，徽章改为行内小标签（信息不丢） */ .gf-hc-badge-inline{ display: inline-block; align-self: flex-start; margin-top: 2px; background: #f59e0b; color: #3A2405; font-size: var(--fs-micro); font-weight: 800; padding: 2px 8px; border-radius: var(--r-pill); } .gf-hc-badge-inline.gf-hc-badge-deal{ background: #B3261E; color: #fff; } @media (min-width: 760px){ .gf-gcards{ grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; } } /* --------------------------------------------------------------------------- P1-7 窄屏兜底（≤360px：极窄机型不再挤压） --------------------------------------------------------------------------- */ @media (max-width: 360px){ .gf-channels{ gap: var(--s2) 10px; } .gf-gcards{ gap: 12px 10px; } .gf-gc-body{ padding: 9px 9px 11px; } .gf-pl-thumb{ flex: 0 0 46px; width: 46px; height: 46px; } .gf-ed-list a{ min-height: 50px; } } /* --------------------------------------------------------------------------- P1-8 桌面端：横向空间利用（1100px 容器内不再单调拉伸） --------------------------------------------------------------------------- */ @media (min-width: 900px){ .gf-ed-hero{ display: grid; grid-template-columns: 1.35fr 1fr; align-items: stretch; } .gf-ed-hero-img{ aspect-ratio: auto; min-height: 260px; height: 100%; } .gf-ed-hero-body{ display: flex; flex-direction: column; justify-content: center; padding: 24px; } .gf-ed-list{ margin-top: 14px; } } /* ============================================================================ P2 — 频道页整改（四频道共用 taxonomy-channel.php，以 /eat/ 为样板） 只改样式；在「本频道页」上隐藏冗余的频道标签、把 5 星+数字精简为 1 星+数字 （同一信息的精简表达，数值保留，未删信息）。 ============================================================================ */ /* P2-0 修正 P1 误伤：频道页首屏恢复为「栏目头」规格（原 220px，曾被 P1 撑到 367px） */ #gf-channel .gf-hero{ box-shadow: var(--sh-2); } #gf-channel .gf-hero-img{ min-height: clamp(150px, 42vw, 210px); } #gf-channel .gf-hero-img .gf-hero-content{ padding: 20px 18px 16px; } #gf-channel .gf-hero-img h1{ font-size: clamp(1.35rem, 5.4vw, 1.8rem); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; margin: 0 0 4px; } #gf-channel .gf-hero-img p{ font-size: .92rem; margin: 0; } /* P2-1 筛选区：5 组纵向堆叠（262px）→ 标签左置 + 胶囊单行横滑，整块收紧 */ #gf-channel .gf-filter{ padding: 12px 14px; margin: 14px 0 16px; border: 1px solid var(--gf-line); border-radius: var(--r-md); box-shadow: none; /* 去掉阴影，降低卡片视觉重量 */ } #gf-channel .gf-filter .gf-fgroup{ display: flex; align-items: center; gap: 10px; margin-bottom: 9px; } #gf-channel .gf-filter .gf-fgroup:last-child{ margin-bottom: 0; } #gf-channel .gf-flabel{ flex: 0 0 66px; margin-bottom: 0; font-size: 11.5px; font-weight: 700; color: var(--gf-muted); letter-spacing: .02em; } #gf-channel .gf-fchips{ flex: 1 1 auto; min-width: 0; gap: 7px; -webkit-mask-image: linear-gradient(90deg, #000 78%, rgba(0,0,0,.15) 96%, transparent 100%); mask-image: linear-gradient(90deg, #000 78%, rgba(0,0,0,.15) 96%, transparent 100%); } #gf-channel .gf-fchip{ padding: 7px 13px; font-size: 12.5px; border: 1.5px solid var(--gf-line); color: var(--gf-ink); } /* 选中态：实心蓝 → 浅蓝填充 + 主色描边/文字。 原因：未筛选时三组的「Tümü」同时 is-on，三个实心蓝块视觉重复且抢眼； 浅填充仍能明确表达选中，且不喧宾夺主。 */ #gf-channel .gf-fchip.is-on{ background: #E8F1FB; border-color: #B9D4F2; color: var(--gf-primary); } #gf-channel .gf-fclear{ margin-top: 10px; font-size: 12.5px; } /* P2-2 列表：与首页卡片语言统一（2 列、轻阴影、无描边、标题 2 行截断） */ #gf-channel .gf-section h2{ font-size: var(--fs-h2); margin: 0 0 14px; } #gf-channel .gf-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px 12px; } #gf-channel .gf-card{ border: 0; border-radius: var(--r-md); box-shadow: var(--sh-2); } #gf-channel .gf-card img{ aspect-ratio: 4/3; } #gf-channel .gf-card .gf-card-body{ padding: 10px 11px 12px; } #gf-channel .gf-card h3{ font-size: .92rem; line-height: 1.32; font-weight: 700; margin: 0 0 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.64em; /* 固定两行高度：长标题不再把同排卡片拉得参差 */ } /* 本频道页上每张卡都挂当前频道名 → 纯冗余，不渲染 */ #gf-channel .gf-card .gf-channel{ display: none; } /* 评分：5 颗星 + 数字 → 1 颗星 + 数字（数值不变，与首页角标一致） */ #gf-channel .gf-card .gf-stars{ display: inline-flex; align-items: center; gap: 4px; background: #FFF6E5; border-radius: var(--r-pill, 999px); padding: 2px 9px; } #gf-channel .gf-card .gf-stars .gf-star{ display: none; } #gf-channel .gf-card .gf-stars .gf-star:first-child{ display: inline-block; color: #E8A33D; font-size: .9rem; } #gf-channel .gf-card .gf-stars .gf-star-val{ margin-left: 0; font-size: .8rem; font-weight: 700; color: #8A5A12; } #gf-channel .gf-card .gf-muted{ font-size: .8rem; } /* P2-3 窄屏兜底 */ @media (max-width: 360px){ #gf-channel .gf-flabel{ flex: 0 0 56px; font-size: 11px; } #gf-channel .gf-grid{ gap: 14px 10px; } } /* P2-4 宽屏：频道列表 4 列 */ @media (min-width: 760px){ #gf-channel .gf-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px 16px; } } /* P2-5 筛选胶囊：目标是当前 URL 的胶囊已去掉 href（见 inc/fchip-fix.php） ——保留选中样式，只是不再触发无意义的整页加载 */ .gf-fchip--noop{ cursor: default; } /* P2-6 橙色 CTA 区块：补回可用按钮 背景：全站 WhatsApp 按钮已按需求移除，但 CTA 文案与按钮位仍在， 导致「让你去 WhatsApp，却点不动」的死链。此处改用现有已定稿文案 （cat_deal_hero / cat_subtitle / toplist_cta 的原句），按钮指向 Fırsatlar 频道。 */ .gf-cta-wa .gf-btn{ background:#fff; color:var(--gf-accent); padding:14px 28px; font-size:1rem; font-weight:700; border-radius:var(--r-pill); min-height:48px; } .gf-cta-wa .gf-btn:hover{ background:#fff; color:#E88330; opacity:.92; } /* --------------------------------------------------------------------------- P2-7 A1：频道页热门区 —— 横滑 → 2 列网格（手机 8/8 全可见），桌面 4 列 .gf-hscroll 现仅被频道页这 4 处使用（首页已改为 .gf-gcards），改动范围可控 --------------------------------------------------------------------------- */ #gf-channel .gf-feat .gf-hscroll{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px 12px; overflow: visible; padding-bottom: 0; } #gf-channel .gf-feat .gf-hcard{ flex: none; width: auto; min-width: 0; border-radius: var(--r-md); box-shadow: var(--sh-2); } #gf-channel .gf-feat .gf-hc-img{ height: auto; aspect-ratio: 4/3; } #gf-channel .gf-feat .gf-hc-img-fit{ background: #fff; } #gf-channel .gf-feat .gf-hc-img-fit img{ object-fit: contain; padding: 8px; box-sizing: border-box; } #gf-channel .gf-feat .gf-hc-eyebrow{ padding: 9px 11px 0; font-size: var(--fs-micro); } #gf-channel .gf-feat .gf-hc-name{ /* 2026-09-17 修：这里原来把标题裁到 3 行（优先级高于基础规则），第 4 行露半截。 改为完整显示。 */ padding: 3px 11px 12px; font-size: var(--fs-sm); display: block; overflow-wrap: anywhere; } /* 无特色图 → 不出图区（与首页/频道列表规则一致） */ #gf-channel .gf-feat .gf-hc-img.gf-hc-ph{ display: none; } @media (min-width: 760px){ #gf-channel .gf-feat .gf-hscroll{ grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px 16px; } } /* --------------------------------------------------------------------------- A2 行内 SVG 图标对齐（emoji 换成 gofirsat_icon 后需要基线微调） --------------------------------------------------------------------------- */ .gf-bcount .gf-ic, .gf-chip .gf-ic, .gf-meta .gf-ic, .gf-hc-eyebrow .gf-ic, .gf-muted .gf-ic, .gf-branch-map .gf-ic{ display: inline-flex; vertical-align: -3px; } .gf-feat-ic .gf-ic{ display: inline-flex; line-height: 0; } /* --------------------------------------------------------------------------- P3 A3：详情页（商品 / 场所 / 榜单）视觉统一 衬线展示标题沿用全站系统；此处只处理图片比例、价格块与信息节奏 --------------------------------------------------------------------------- */ /* 商品页主图：购物类原为整宽 1:1（约 380px），手机端标题/价格被推到较下 → 限高 */ #gf-article .gf-deal-hero{ overflow: hidden; } #gf-article .gf-deal-hero img{ max-height: 300px; } @media (min-width: 760px){ #gf-article .gf-deal-hero img{ max-height: 420px; } } /* 价格块：与全站卡片同规格 */ .gf-price-box{ border: 1px solid var(--gf-line); border-radius: var(--r-md); box-shadow: var(--sh-1); padding: 15px; margin: 12px 0; } .gf-price-big{ font-size: 30px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; } .gf-price-en{ font-size: var(--fs-micro); font-weight: 700; color: var(--gf-primary); } /* 详情页正文节奏 */ #gf-article .gf-card-body, #gf-merchant .gf-card-body, #gf-toplist .gf-card-body{ padding: 15px; } #gf-article .gf-meta, #gf-merchant .gf-meta, #gf-toplist .gf-meta{ font-size: var(--fs-xs); } /* 详情页的展示标题（衬线，与首页/频道页一致） */ #gf-article .gf-card-body > h1, #gf-merchant .gf-card-body > h1, #gf-toplist .gf-card-body > h1{ font-family: var(--gf-serif); font-weight: 700; line-height: 1.22; letter-spacing: -.01em; } /* —— 卡片必须有图：无图的不出卡片（2026-09-17 用户要求，视觉优先）—— */ .gf-card-noimg,.gf-hcard:has(.gf-hc-ph){display:none!important} /* ============================================================ 旅游文章正文：手机端优先排版（2026-09-17） 源站 HTML 是为桌面端做的（固定宽表格 / 内联 style / 桌面字号 / 800px 图）， 这里统一收编。选择器带 #gf-article 提升优先级，压过 .gf-card img 的卡片规则。 ============================================================ */ #gf-article .gf-guide-body{ font-size:17px;line-height:1.8;color:var(--text,#1f2937); overflow-wrap:break-word;word-break:break-word; } #gf-article .gf-guide-body img{ max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:fill!important; display:block;margin:14px auto;border-radius:10px;background:none;padding:0; } #gf-article .gf-guide-body h2{font-size:1.28rem;line-height:1.35;margin:1.6em 0 .6em;font-weight:800} #gf-article .gf-guide-body h3{font-size:1.12rem;line-height:1.4;margin:1.35em 0 .5em;font-weight:700} #gf-article .gf-guide-body h4{font-size:1rem;margin:1.2em 0 .4em;font-weight:700} #gf-article .gf-guide-body p{margin:0 0 1.05em} #gf-article .gf-guide-body ul,#gf-article .gf-guide-body ol{margin:0 0 1.1em;padding-left:1.3em} #gf-article .gf-guide-body li{margin:0 0 .45em} #gf-article .gf-guide-body blockquote{ margin:1.2em 0;padding:10px 14px;border-left:3px solid var(--gf-line,#e5e7eb); background:#f8fafc;border-radius:0 8px 8px 0;color:#475569; } #gf-article .gf-guide-body a{color:#b45309;text-decoration:underline;text-underline-offset:2px} #gf-article .gf-guide-body strong{font-weight:700} /* —— 表格 → 每行一张卡片（2026-09-17 v2）—— 源表是 4-6 列的对比表、单元格文本长达 100 字，横向滑动在 390px 上也读不了。 改为：一行一张卡，列名（表头，已写进 data-label）作为字段标签，第一列作卡片标题。 信息一条不丢，全部用满行宽阅读。 */ #gf-article .gf-guide-body .gf-tbl{overflow:visible;border:0;background:none;border-radius:0;margin:16px 0} #gf-article .gf-guide-body table.gf-mtbl{ display:block;border:0;border-collapse:separate;font-size:15px;margin:0;width:auto; } #gf-article .gf-guide-body table.gf-mtbl thead{display:none} #gf-article .gf-guide-body table.gf-mtbl tbody{display:block} #gf-article .gf-guide-body table.gf-mtbl tr{ display:block;border:1px solid var(--gf-line,#e5e7eb);border-radius:12px;background:#fff; padding:13px 15px;margin:0 0 12px;box-shadow:0 1px 3px rgba(43,52,64,.06); } /* 纯表头行（全 th）不显示，避免多出一张空卡 */ #gf-article .gf-guide-body table.gf-mtbl tr:has(th){display:none} #gf-article .gf-guide-body table.gf-mtbl th{display:none} #gf-article .gf-guide-body table.gf-mtbl td{display:block;border:0;padding:0 0 9px;line-height:1.62;width:auto} #gf-article .gf-guide-body table.gf-mtbl td:last-child{padding-bottom:0} #gf-article .gf-guide-body table.gf-mtbl td::before{ content:attr(data-label);display:block;font-size:11.5px;font-weight:700; color:#9aa1ab;letter-spacing:.2px;line-height:1.3;margin:0 0 3px; } #gf-article .gf-guide-body table.gf-mtbl td:not([data-label])::before{display:none} /* 第一列 = 卡片标题 */ #gf-article .gf-guide-body table.gf-mtbl td:first-child{ font-size:17px;font-weight:800;color:var(--text,#1f2937); padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid var(--gf-line,#e5e7eb); } #gf-article .gf-guide-body table.gf-mtbl td:first-child::before{display:none} /* 更窄的屏再收一档 */ @media (max-width:420px){ #gf-article .gf-guide-body{font-size:16.5px;line-height:1.75} #gf-article .gf-guide-body table.gf-mtbl{font-size:14.5px} #gf-article .gf-guide-body table.gf-mtbl tr{padding:12px 13px} #gf-article .gf-guide-body table.gf-mtbl td:first-child{font-size:16.5px} #gf-article .gf-guide-body h2{font-size:1.2rem} } /* === 灵动岛/状态栏协调 + 页眉高度（2026-09-16）=== */ /* iOS letterbox 那条露的是 html 底色，设成与页眉同色即无缝 */ html{background-color:#ffffff;} /* 页眉内边距：原来 10px 太薄，页眉只剩 48/54px 像一条白带 */ .inside-header{padding-top:17px;padding-bottom:17px;} @media (max-width:768px){.inside-header{padding-top:15px;padding-bottom:15px;}} /* 顶部安全区（仅在有 viewport-fit=cover 的设备生效；否则为 0，无副作用）*/ .site-header{padding-top:env(safe-area-inset-top);} /* === 页眉：顶到灵动岛一片白 + 底部悬浮（2026-09-16）=== */ /* 白底一直铺到最顶（含灵动岛/刘海安全区），底部圆角 + 阴影 → 像一张浮下来的白纸 */ .site-header{ background:#ffffff !important; padding:env(safe-area-inset-top) 0 0 !important; border-radius:0 !important; /* 直角（用户要求，不要圆角）*/ box-shadow:0 6px 16px -3px rgba(17,24,39,.20), 0 2px 5px -1px rgba(17,24,39,.08); position:relative; z-index:20; } /* 内层不再单独做卡片（避免双层背景）*/ .site-header .inside-header{ background:transparent; border-radius:0; box-shadow:none; padding:12px 16px !important; } /* === 页眉白向上延伸（2026-09-16）=== */ /* 画布与整页底改白：灵动岛/刘海外面露的就是它 → 页眉的白等于一直延伸到最顶 */ html, body{background-color:#ffffff !important;} /* 内容区维持设计里的奶油色（原来 body 身上那个米白）*/ body > #page, body > .site-footer{background-color:#FBF7F2;} /* ===== 首页 v3 样式（2026-09-19 从 front-page.php 内联搬到此处： 从场所页经 PJAX 返回首页时，内联