From a7df62c4fd326a907cefd53f2e992b175ab79bb2 Mon Sep 17 00:00:00 2001 From: deploy Date: Tue, 3 Nov 2026 13:46:12 +0000 Subject: [PATCH] =?UTF-8?q?v26110259=20=E9=A2=84=E8=A7=88=EF=BC=9A?= =?UTF-8?q?=E6=AD=A4=E5=88=BB=E6=94=B9=E4=B8=BA=E3=80=8C=E5=AD=95=E6=9C=9F?= =?UTF-8?q?=E7=99=BE=E5=AE=9D=E7=AE=B1=E3=80=8D=E4=B8=89=E5=85=A5=E5=8F=A3?= =?UTF-8?q?=EF=BC=88=E8=B6=A3=E5=91=B3=E5=B0=8F=E6=B5=8B=E8=AF=95=20/=20?= =?UTF-8?q?=E5=AD=95=E6=9C=9F=E7=99=BE=E9=97=AE=20/=20=E5=AD=95=E6=9C=9F?= =?UTF-8?q?=E8=AE=A1=E7=AE=97=E5=99=A8=EF=BC=89=E8=BF=9B=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E9=A1=B5=EF=BC=9B=E6=96=B0=E5=A2=9E=E8=AE=A1=E7=AE=97=E5=99=A8?= =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=A1=B5=20topic/jisuan?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- assets/img/kit/ceshi.webp | Bin 0 -> 3522 bytes guangchang/ceshi/index.html | 4 +- guangchang/index.html | 10 ++-- guangchang/mine/index.html | 2 +- index.html | 16 ++--- js/app.js | 4 +- js/coach.js | 4 +- js/gch/v4.js | 2 +- js/gch/v6.js | 4 +- js/kit.css | 56 +++++++---------- js/kit.js | 110 ++++++++++------------------------ topic/_shared/tools.js | 4 +- topic/jisuan/index.html | 116 ++++++++++++++++++++++++++++++++++++ 13 files changed, 195 insertions(+), 137 deletions(-) create mode 100644 assets/img/kit/ceshi.webp create mode 100644 topic/jisuan/index.html diff --git a/assets/img/kit/ceshi.webp b/assets/img/kit/ceshi.webp new file mode 100644 index 0000000000000000000000000000000000000000..87f30314ae82fd2f059ee3a82dfcf389b7751de1 GIT binary patch literal 3522 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 wHa@
- - + + - - - + + + + + - + diff --git a/js/app.js b/js/app.js index b2e81b2..ea47236 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ - var VER = '26110258'; + var VER = '26110259'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -5650,6 +5650,8 @@ } (function () { const all = $('#msAll'); if (all) all.addEventListener('click', () => loadQA().then(() => openQA())); /* 11-02 合并版里原模块可能没渲染过，先确保问题库到手 */ + /* 11-03 首页「孕期百问」入口（js/kit.js）打开同一个全部问题页，标题换成「孕期百问」 */ + window.__mbOpenQA = t => loadQA().then(() => { openQA(); if (t) $('#qaTitle').textContent = t; }); const tp = $('#qaTips'); if (tp) tp.addEventListener('click', () => openTips()); })(); /* 首页四个入口 → 详情页，滚到对应那张卡并闪一下 */ diff --git a/js/coach.js b/js/coach.js index 0621996..09520ab 100644 --- a/js/coach.js +++ b/js/coach.js @@ -39,8 +39,8 @@ const STEPS = [ { sel: '.hero-pane', t: '这是你的孕周', d: '孕几周、离见面还有几天、宝宝现在有多大，每天打开都会更新。' }, { sel: '.tool-dock', t: '常用孕育工具', d: '数胎动、孕检日历、体重这些常用工具都在这里，点卡片直接进。' }, - /* 11-03「此刻」换成测一测 · 科普 · 计算器（js/kit.js）；?kit=0 时 #kit 不显示，自动跳过 */ - { sel: '#kit', t: '测一测 · 科普 · 计算器', d: '按你的孕周，每天推荐一个小测试、一篇科普和实用计算器。' }, + /* 11-03「此刻」换成孕期百宝箱（测试 / 百问 / 计算器）（js/kit.js）；?kit=0 时 #kit 不显示，自动跳过 */ + { sel: '#kit', t: '孕期百宝箱', d: '趣味小测试、孕期百问、孕期计算器，都在这里。' }, { sel: '.tab-fab', t: '记一下', d: '想记点什么、找更多工具，点中间这颗按钮。' }, { sel: '.tabbar [data-tab="me"]', t: '我的', d: '孕期档案、头像、兜豆和兑换记录都在这里。' } ]; diff --git a/js/gch/v4.js b/js/gch/v4.js index 7af072e..eaaf93c 100644 --- a/js/gch/v4.js +++ b/js/gch/v4.js @@ -236,5 +236,5 @@ } /* feed.js 首页默认不加载（index.html 只引了 topics.js），这里按需拉一次 */ if (window.GC_FEED) init(); - else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110258'; fs.onload = fs.onerror = init; document.body.appendChild(fs); } + else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110259'; fs.onload = fs.onerror = init; document.body.appendChild(fs); } })(); diff --git a/js/gch/v6.js b/js/gch/v6.js index b3d3a02..3d02d5b 100644 --- a/js/gch/v6.js +++ b/js/gch/v6.js @@ -6,9 +6,9 @@ (function () { var sec = document.getElementById('gcHome'); if (!sec) return; - var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110258'; + var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110259'; document.head.appendChild(l); - var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110258'; + var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110259'; s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */ document.body.appendChild(s); diff --git a/js/kit.css b/js/kit.css index f4abd04..75c74f0 100644 --- a/js/kit.css +++ b/js/kit.css @@ -1,40 +1,24 @@ -/* 11-03 测一测 · 科普 · 计算器（替代「此刻」，见 js/kit.js） */ +/* 11-03 孕期百宝箱：趣味小测试 · 孕期百问 · 孕期计算器（替代「此刻」，见 js/kit.js） */ html.has-kit #pulse{display:none!important} .kit{margin:16px 0 0;padding:14px 0 2px;border-top:1px dashed rgba(220,160,140,.45)} .kit.hide{display:none} -.kit-hd{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px} -.kit-hd b{font-size:16px;font-weight:900;color:#2A1E1E;letter-spacing:.3px} -.kit-hd b em{font-style:normal;color:#F4593C} -.kit-sw{display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 10px;border:0;border-radius:99px;background:#FFF1EA;color:#D9583B;font:inherit;font-size:12px;font-weight:700;cursor:pointer} -.kit-sw svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} -.kit-sw:active svg{transform:rotate(180deg);transition:transform .3s} -.kit-g{display:grid;grid-template-columns:1fr 1.18fr;gap:10px} -.kit-g.flip>*{animation:kitIn .42s cubic-bezier(.3,1.3,.5,1) both} -.kit-g.flip>.kit-col{animation-delay:.06s} -@keyframes kitIn{from{opacity:0;transform:translateY(8px) scale(.97)}} -.kit-k{display:inline-block;height:18px;padding:0 7px;border-radius:6px;font-size:10.5px;font-weight:800;line-height:18px;letter-spacing:.5px;color:#fff} -.kit-qz{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:178px;padding:12px 12px 12px;border-radius:18px;overflow:hidden;text-decoration:none; - background:linear-gradient(160deg,#F1ECFF,#E4DBFF);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)} -.kit-qz .kit-k{background:#7C5CFC} -.kit-qt{position:relative;z-index:1;margin-top:8px;font-size:14.5px;font-weight:900;line-height:1.35;color:#2A1E1E;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} -.kit-qz small{position:relative;z-index:1;margin-top:5px;font-size:11px;font-weight:700;color:#7C5CFC} -.kit-go{position:relative;z-index:1;margin-top:auto;height:26px;padding:0 11px;border-radius:99px;display:inline-flex;align-items:center;background:#7C5CFC;color:#fff;font-size:12px;font-weight:800;box-shadow:0 4px 10px -4px rgba(124,92,252,.7)} -.kit-go::after{content:"›";margin-left:3px;font-size:14px} -.kit-qz img{position:absolute;right:-10px;bottom:-8px;width:84px;height:84px;object-fit:cover;border-radius:50%;opacity:.95;box-shadow:0 0 0 4px rgba(255,255,255,.55)} -.kit-col{display:flex;flex-direction:column;gap:10px;min-width:0} -.kit-r{flex:1;display:flex;align-items:center;gap:9px;min-height:84px;padding:10px 10px 10px 8px;border-radius:16px;text-decoration:none;min-width:0} -.kit-r.kp{background:linear-gradient(150deg,#E6F6F0,#D8F0EA)} -.kit-r.js{background:linear-gradient(150deg,#FFF1E6,#FDE8D4)} -.kit-r img{flex:none;width:52px;height:52px;border-radius:14px;object-fit:cover} -.kit-rt{display:flex;flex-direction:column;align-items:flex-start;min-width:0} -.kit-r.kp .kit-k{background:#2E9B78} -.kit-r.js .kit-k{background:#F07A2E} -.kit-rt b{margin-top:4px;font-size:13px;font-weight:800;line-height:1.35;color:#2A1E1E;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} -.kit-rt small{margin-top:2px;font-size:10.5px;font-weight:700;color:#A3958D} -.kit a:active{transform:scale(.97);transition:transform .12s} +.kit-hd{display:flex;align-items:baseline;gap:8px;margin:0 0 11px} +.kit-hd b{font-size:17px;font-weight:900;color:#2A1E1E;letter-spacing:.3px} +.kit-hd span{font-size:12px;color:#A3958D;letter-spacing:.3px} +.kit-g{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} +.kit-e{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:10px 10px 11px;border:0;border-radius:18px;text-align:left;font-family:inherit;cursor:pointer;overflow:hidden; + background:linear-gradient(165deg,var(--b1),var(--b2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);transition:transform .14s} +.kit-e:active{transform:scale(.96)} +.kit-e img{width:58px;height:58px;margin:0 0 6px -2px;border-radius:16px;object-fit:cover;mix-blend-mode:multiply} +.kit-e b{font-size:14.5px;font-weight:900;color:#2A1E1E;white-space:nowrap;letter-spacing:.2px} +.kit-e span{margin-top:3px;min-height:32px;font-size:11px;line-height:1.45;color:#7C6E68;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} +.kit-e em{margin-top:8px;display:inline-flex;align-items:center;gap:2px;height:22px;padding:0 8px;border-radius:99px;background:var(--c);color:#fff;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap} +.kit-e em i{font-style:normal;font-size:13px;line-height:1} +.kit-e.e-qz{--b1:#F3EEFF;--b2:#E6DDFD;--c:#7C5CFC} +.kit-e.e-qa{--b1:#EAF8F3;--b2:#D8F0EA;--c:#2E9B78} +.kit-e.e-js{--b1:#FFF3EA;--b2:#FDE8D4;--c:#F07A2E} html.night .kit{border-color:rgba(255,255,255,.1)} -html.night .kit-hd b,html.night .kit-qt,html.night .kit-rt b{color:#F1E6EE} -html.night .kit-qz{background:linear-gradient(160deg,#3A3150,#2F2842)} -html.night .kit-r.kp{background:linear-gradient(150deg,#22392F,#1E332B)} -html.night .kit-r.js{background:linear-gradient(150deg,#3E2E22,#36281E)} -html.night .kit-sw{background:rgba(255,255,255,.08);color:#F2A08A} +html.night .kit-hd b,html.night .kit-e b{color:#F1E6EE} +html.night .kit-e span{color:#B9A9B2} +html.night .kit-e{background:rgba(255,255,255,.06);box-shadow:none} +html.night .kit-e img{mix-blend-mode:normal} diff --git a/js/kit.js b/js/kit.js index 06d4174..5a0de01 100644 --- a/js/kit.js +++ b/js/kit.js @@ -1,90 +1,46 @@ -/* 11-03 用户：「把此刻那个板块改成测一测、科普、还有计算器，你看一下怎么设计替代此刻的模块」（先在预览改） - → 位置不变（「我的孕期工具」卡底部，原 #pulse 处），版式：左边一张大的「测一测」+ 右边上下两条「科普」「计算器」，内容按孕周换： - · 测一测：广场测一测 30 个里挑孕期能测的，按孕周段分池，每天轮换一个（北京日期）； - · 科普：问题库 hot.json 按孕周段（同「其他孕妈也在搜」qaPick），跳过下面列表已经露出的前 6 条和测试 / 计算器题； - · 计算器：生娃计算器（topic/huafei）、产假天数计算器（topic/zhichang），孕 29 周起产假排前面。 - 右上「换一换」三格一起换下一组。人数同首页口径：测一测 = 测一测页的 gcTested；科普 / 计算器 = 「此刻」总人数 × heat（模拟数，AGENTS.md 12b）。 +/* 11-03 用户：「把此刻那个板块改成测一测、科普、还有计算器」（先在预览改） + 二改（同日）：「不是进去测一个，而是进去之后是列表页……名字改改，要不大家也不知道测一测是啥」 + → 位置不变（「我的孕期工具」卡底部，原 #pulse 处），叫「孕期百宝箱」，一排三个入口，各进各的列表页： + · 趣味小测试 → 孕妈广场「测一测」列表（guangchang/?c=ceshi，30 个测试） + · 孕期百问 → 首页全部问题页（app.js openQA，标题换成「孕期百问」，按孕周排） + · 孕期计算器 → topic/jisuan/（新做的列表页：生娃花费、产假天数、胎儿体重、孕期增重） 原「此刻」#pulse 只是藏起来（kit.css），JS 照跑（别的地方要用它的总人数）；地址带 ?kit=0 可看回旧版对比。 */ (function () { if (/[?&]kit=0(?:&|$)/.test(location.search)) return; var box = document.getElementById('kit'); if (!box) return; - var V = '26110258'; + var V = '26110259'; var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/kit.css?v=' + V; document.head.appendChild(l); document.documentElement.classList.add('has-kit'); - function esc(t) { return String(t == null ? '' : t).replace(/[&<>"]/g, function (c) { return { '&': '&', '<': '<', '>': '>', '"': '"' }[c]; }); } - function href(h) { return h + location.search + location.hash; } - function testURL(id) { var q = new URLSearchParams(location.search); q.set('id', id); return 'guangchang/ceshi/?' + q.toString() + location.hash; } - function wan(n) { return n >= 1e4 ? (Math.round(n / 1e3) / 10) + '万' : String(Math.round(n)); } - function total() { var p = window.__mbPulse; return (p && p.total && +p.total.value) || 1510000; } - var day = Math.floor((Date.now() + 288e5) / 864e5), shift = 0; - - /* 测一测：按孕周段分池（段同 qaBand：1 ≤8 / 2 ≤13 / 3 ≤20 / 4 ≤28 / 5 ≤36 / 6 37+；0 = 没孕周 / 产后） */ - var QZ_POOL = { - 0: ['t11', 't14', 't13', 't16', 't18', 't23', 't03', 't22'], - 1: ['t17', 't01', 't25', 't24', 't02', 't11'], - 2: ['t17', 't01', 't25', 't24', 't02', 't11'], - 3: ['t24', 't25', 't01', 't17', 't21', 't02'], - 4: ['t24', 't21', 't25', 't01', 't02', 't17'], - 5: ['t05', 't21', 't02', 't24', 't03', 't25'], - 6: ['t05', 't03', 't02', 't06', 't21', 't25'] - }; - var CALC = [ - { t: '生娃要花多少钱？一键算清', s: '产检 · 分娩 · 月子 · 第一年', h: 'topic/huafei/', heat: .118 }, - { t: '产假能休多少天？算一算', s: '按地区和生产情况算', h: 'topic/zhichang/', heat: .062 } + function cleanQ(extra) { + var q = new URLSearchParams(location.search); + ['t', 'n', 'c', 'id', 'mine', 'write', 'fav', 'kit'].forEach(function (k) { q.delete(k); }); + if (extra) Object.keys(extra).forEach(function (k) { q.set(k, extra[k]); }); + var s = q.toString(); return (s ? '?' + s : '') + location.hash; + } + var E = [ + { k: 'qz', n: '趣味小测试', d: '1 分钟出结果，测测你是哪种孕妈', c: '30 个测试', img: 'ceshi' }, + { k: 'qa', n: '孕期百问', d: '孕妈最常问的问题，一次看明白', c: '100 个问题', img: 'kepu' }, + { k: 'js', n: '孕期计算器', d: '花多少钱、休几天产假，算一算', c: '4 个计算器', img: 'jisuan' } ]; - var QA = null; - fetch('assets/data/qa/hot.json?v=' + V).then(function (r) { return r.ok ? r.json() : []; }).catch(function () { return []; }) - .then(function (a) { QA = Array.isArray(a) ? a : []; render(); }); - if (!window.GC_TESTS_META) { - var s = document.createElement('script'); s.src = 'guangchang/ceshi/meta.js?v=' + V; s.onload = s.onerror = render; document.body.appendChild(s); - } + box.innerHTML = '
孕期百宝箱测一测 · 查一查 · 算一算
' + + E.map(function (x) { + return ''; + }).join('') + '
'; + box.classList.remove('hide'); + /* 个数跟着真实数据走（测试表 / 问题库加载到了就换真数） */ + function setCnt(k, t) { var e = box.querySelector('.e-' + k + ' em'); if (e) e.firstChild.nodeValue = t; } + if (window.GC_TESTS_META) setCnt('qz', window.GC_TESTS_META.length + ' 个测试'); + fetch('assets/data/qa/hot.json?v=' + V).then(function (r) { return r.ok ? r.json() : []; }).then(function (a) { if (a && a.length) setCnt('qa', a.length + ' 个问题'); }).catch(function () {}); - function band() { - var p = window.__mbPreg || {}; - if (p.postpartum || !p.week) return 0; - return window.__mbQaBand ? window.__mbQaBand(p.week) : 0; - } - function pickQz(b) { - var meta = window.GC_TESTS_META || [], pool = (QZ_POOL[b] || QZ_POOL[0]).map(function (id) { return meta.filter(function (x) { return x.id === id; })[0]; }).filter(Boolean); - return pool.length ? pool[(day + shift) % pool.length] : null; - } - function pickKp(b) { - if (!QA || !QA.length) return null; - var w = (window.__mbPreg || {}).week, skip = ['topic/huafei/', 'topic/ceshi/', 'topic/duiyou/', 'topic/zhichang/']; - var shown = window.__mbQaPick ? window.__mbQaPick(QA, b ? w : 0, 6) : []; - var all = window.__mbQaPick ? window.__mbQaPick(QA, b ? w : 0, 30) : QA; - var l = all.filter(function (x) { return x.href && skip.indexOf(x.href) < 0 && shown.indexOf(x) < 0; }); - return l.length ? l[shift % l.length] : null; - } - function render() { - var b = band(), qz = pickQz(b), kp = pickKp(b); - var cl = b >= 5 ? [CALC[1], CALC[0]] : CALC, ca = cl[shift % cl.length]; - var p = window.__mbPreg || {}, wk = p.week && !p.postpartum ? '孕 ' + p.week + ' 周' : ''; - var h = '
' + (wk ? '' + wk + ' · ' : '') + '今天看点什么' + - '
'; - h += '
'; - if (qz) { - var n = window.gcTestedText ? window.gcTestedText(qz.id) : ''; - h += '测一测' + esc(qz.title) + '' + - '' + esc(n || (qz.n + ' 道题')) + '去测一测' + - ''; - } - h += '
'; - if (kp) h += '科普' + esc(kp.q) + '' + - '' + wan(total() * (+kp.heat || .03)) + '人看过'; - h += '计算器' + esc(ca.t) + '' + - '' + wan(total() * ca.heat) + '人算过'; - h += '
'; - box.innerHTML = h; - box.classList.remove('hide'); - } box.addEventListener('click', function (e) { - if (!e.target.closest('.kit-sw')) return; - shift++; render(); - var g = box.querySelector('.kit-g'); if (g) { g.classList.remove('flip'); void g.offsetWidth; g.classList.add('flip'); } + var b = e.target.closest('.kit-e'); if (!b) return; + try { navigator.vibrate && navigator.vibrate(8); } catch (x) {} + var k = b.dataset.k; + if (k === 'qz') location.href = 'guangchang/' + cleanQ({ c: 'ceshi' }); + else if (k === 'js') location.href = 'topic/jisuan/' + cleanQ(); + else if (window.__mbOpenQA) window.__mbOpenQA('孕期百问'); }); - window.addEventListener('mb-preg', render); - render(); })(); diff --git a/topic/_shared/tools.js b/topic/_shared/tools.js index 7356367..47fe323 100644 --- a/topic/_shared/tools.js +++ b/topic/_shared/tools.js @@ -68,7 +68,7 @@ function getJSON(u) { return fetch(u, { cache: 'no-cache' }).then(function (r) { if (!r.ok) throw r.status; return r.json(); }); } function related(box) { - getJSON('../_shared/idx.json?v=26110258').then(function (idx) { + getJSON('../_shared/idx.json?v=26110259').then(function (idx) { var me = null; idx.forEach(function (x) { if (x[0] === SLUG) me = x; }); var tag = me ? me[2] : '', h = 0; for (var i = 0; i < SLUG.length; i++) h = (h * 31 + SLUG.charCodeAt(i)) >>> 0; var rest = idx.filter(function (x) { return x[0] !== SLUG; }); @@ -175,7 +175,7 @@ } fetch(API + '/comments?kind=topic&target=' + encodeURIComponent(SLUG) + (OID ? '&openid=' + encodeURIComponent(OID) : '')) .then(function (r) { return r.json(); }).then(function (j) { if (j && j.code === 200) { RC = j.result; paint(); } }).catch(function () {}); - getJSON('../_shared/cm/' + SLUG + '.json?v=26110258').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); }); + getJSON('../_shared/cm/' + SLUG + '.json?v=26110259').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); }); } function extras(el) { diff --git a/topic/jisuan/index.html b/topic/jisuan/index.html new file mode 100644 index 0000000..8dbc55c --- /dev/null +++ b/topic/jisuan/index.html @@ -0,0 +1,116 @@ + + + + + + +孕期计算器 + + + + +
+
+ + 孕期计算器 +
+
+ + 算一算 +

孕期计算器

+

花多少钱、休几天产假、宝宝多重，算明白心里才有底

+
+
+
更多计算器陆续上线中
+
+
+ + +