{"id":500,"date":"2026-07-17T09:32:36","date_gmt":"2026-07-17T01:32:36","guid":{"rendered":"https:\/\/vip.jianshangyun.com\/index.php\/styles\/"},"modified":"2026-07-17T09:32:36","modified_gmt":"2026-07-17T01:32:36","slug":"styles","status":"publish","type":"page","link":"https:\/\/vip.jianshangyun.com\/index.php\/styles\/","title":{"rendered":"\u6b3e\u5f0f\u6536\u85cf\u518c"},"content":{"rendered":"    <div class=\"vff-sb-wrap\">\n        <div class=\"vff-sb-head\">\n            <div class=\"vff-sb-title\">\ud83d\udcd6 \u6b3e\u5f0f\u6536\u85cf\u518c<\/div>\n            <div class=\"vff-sb-sub\">\u5168\u7f51\u6bcf\u6b3e\u4ec5\u6709\u4e00\u4f4d<b>\u9996\u53d1\u8005<\/b>\u00b7\u9996\u4e2a\u4e0a\u4f20\u5b9e\u62cd\u7684\u5b9d\u5b9d\u53ef\u62ff <b>200 \u798f\u6c14\u503c<\/b><\/div>\n        <\/div>\n\n        <div class=\"vff-sb-summary\" id=\"vff-sb-summary\">\n            <span class=\"vff-sb-sum-item\">\u5171 <b id=\"vff-sb-total\">-<\/b> \u6b3e<\/span>\n            <span class=\"vff-sb-sum-sep\">\u00b7<\/span>\n            <span class=\"vff-sb-sum-item\">\u5df2\u9996\u53d1 <b class=\"vff-sb-c-gold\" id=\"vff-sb-has\">-<\/b><\/span>\n            <span class=\"vff-sb-sum-sep\">\u00b7<\/span>\n            <span class=\"vff-sb-sum-item\">\ud83c\udf31 \u5f85\u9996\u53d1 <b class=\"vff-sb-c-red\" id=\"vff-sb-empty\">-<\/b><\/span>\n                    <\/div>\n\n        <div class=\"vff-sb-tabs\" id=\"vff-sb-tabs\">\n            <button type=\"button\" class=\"vff-sb-tab on\" data-series=\"all\">\ud83c\udf08 \u5168\u90e8<\/button>\n            <button type=\"button\" class=\"vff-sb-tab\" data-series=\"SXY-QK26\">\ud83c\udf41 \u79cb 2026<\/button>\n            <button type=\"button\" class=\"vff-sb-tab\" data-series=\"SXY-XK26\">\u2600\ufe0f \u590f 2026<\/button>\n            <button type=\"button\" class=\"vff-sb-tab\" data-series=\"SXY-CK26\">\ud83c\udf38 \u6625 2026<\/button>\n            <button type=\"button\" class=\"vff-sb-tab\" data-series=\"SXY-DK25\">\u2744\ufe0f \u5e38\u9752\u51ac<\/button>\n            <button type=\"button\" class=\"vff-sb-tab\" data-series=\"SXY-JXK\">\ud83c\udf3f \u5e38\u9752\u590f<\/button>\n        <\/div>\n\n        <div class=\"vff-sb-grid\" id=\"vff-sb-grid\">\n            <div class=\"vff-sb-loading\">\u52a0\u8f7d\u4e2d\u2026<\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n    .vff-sb-wrap{max-width:1080px;margin:20px auto;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;color:#1f4a35}\n    .vff-sb-head{text-align:center;margin-bottom:14px}\n    .vff-sb-title{font-size:26px;font-weight:700;color:#1f4a35;margin-bottom:6px}\n    .vff-sb-sub{font-size:13px;color:#6b8378}\n    .vff-sb-sub b{color:#b8500e}\n    .vff-sb-summary{text-align:center;font-size:13px;color:#6b8378;margin-bottom:14px;padding:10px 14px;background:#faf7ec;border-radius:10px;border:1px solid #e8d9a0}\n    .vff-sb-summary b{color:#4a3520;font-size:15px;margin:0 2px}\n    .vff-sb-summary .vff-sb-c-gold{color:#a5691f}\n    .vff-sb-summary .vff-sb-c-red{color:#c8322e}\n    .vff-sb-summary .vff-sb-c-my{color:#b8500e}\n    .vff-sb-sum-sep{margin:0 6px;color:#ccc}\n    .vff-sb-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}\n    .vff-sb-tabs::-webkit-scrollbar{display:none}\n    .vff-sb-tab{flex:0 0 auto;padding:8px 18px;background:#fff;color:#6b8378;border:1px solid #dcedd6;border-radius:22px;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s}\n    .vff-sb-tab:hover{background:#eef7ea;color:#2f6a4f}\n    .vff-sb-tab.on{background:#2f6a4f;color:#fff;border-color:#2f6a4f;font-weight:600}\n    .vff-sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}\n    .vff-sb-loading{grid-column:1\/-1;text-align:center;padding:40px 0;color:#6b8378}\n    .vff-sb-empty{grid-column:1\/-1;text-align:center;padding:60px 20px;color:#6b8378;background:#f9fdf7;border-radius:18px;border:1px dashed #b8d9b8}\n    .vff-sb-card{position:relative;background:#fff;border:1px solid #e8e2d0;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column}\n    .vff-sb-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}\n    .vff-sb-img{width:100%;aspect-ratio:1\/1;background:#f5f5f5 center\/cover no-repeat;position:relative}\n    .vff-sb-img-empty{display:flex;align-items:center;justify-content:center;color:#bbb;font-size:12px;background:#f5f5f5;width:100%;height:100%}\n    .vff-sb-badge{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;line-height:1.2;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n    .vff-sb-badge-empty{background:linear-gradient(135deg,#ff6b6b,#c8322e);color:#fff;box-shadow:0 2px 8px rgba(200,50,46,.35);animation:vff-sb-pulse 2s ease-in-out infinite}\n    .vff-sb-badge-taken{background:linear-gradient(135deg,#fff3d1,#ffe4a8);color:#8a5a1a;border:1px solid #e5c268}\n    .vff-sb-badge-mine{background:linear-gradient(135deg,#ffd35a,#e8a520);color:#4a2f00;border:1px solid #b8790a;font-weight:700;box-shadow:0 2px 10px rgba(232,165,32,.45)}\n    @keyframes vff-sb-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.92}}\n    .vff-sb-info{padding:10px 12px 12px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:6px}\n    .vff-sb-name{font-size:13px;color:#333;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}\n    .vff-sb-sku{font-size:11px;color:#999;font-family:monospace}\n    .vff-sb-foot{font-size:11px;color:#6b8378;display:flex;align-items:center;gap:4px;margin-top:2px}\n    .vff-sb-foot-empty{color:#c8322e;font-weight:600}\n    @media (max-width:640px){\n        .vff-sb-grid{grid-template-columns:repeat(2,1fr);gap:10px}\n        .vff-sb-name{font-size:12px;min-height:30px}\n        .vff-sb-badge{font-size:10px;padding:3px 8px}\n        .vff-sb-title{font-size:22px}\n    }\n    <\/style>\n\n    <script>\n    (function(){\n        if (window.vffSBInited) return;\n        window.vffSBInited = true;\n        var REST = \"https:\\\/\\\/vip.jianshangyun.com\\\/index.php\\\/wp-json\\\/vff\\\/v1\";\n        var NONCE = \"5f35101b47\";\n        var IS_LOGGED = \"0\";\n        var LOGIN_URL = \"https:\\\/\\\/vip.jianshangyun.com\\\/login\\\/?redirect_to=https%3A%2F%2Fvip.jianshangyun.com%2Findex.php%2Fwp-json%2Fwp%2Fv2%2Fpages%2F500\";\n        var currentSeries = 'all';\n\n        function esc(s){var d=document.createElement('div');d.textContent=String(s||'');return d.innerHTML;}\n\n        function renderCard(it){\n            var badge = '';\n            if (it.my_first) {\n                badge = '<div class=\"vff-sb-badge vff-sb-badge-mine\">\ud83c\udf89 \u6211\u662f\u9996\u53d1<\/div>';\n            } else if (it.first) {\n                badge = '<div class=\"vff-sb-badge vff-sb-badge-taken\">\ud83c\udf89 ' + esc(it.first.nick) + ' \u00b7 \u9996\u53d1<\/div>';\n            } else {\n                badge = '<div class=\"vff-sb-badge vff-sb-badge-empty\">\u2b50 \u9996\u53d1\u699c\u7a7a\u7f3a<\/div>';\n            }\n\n            var img = it.image\n                ? '<div class=\"vff-sb-img\" style=\"background-image:url(\\''+it.image+'\\')\"><\/div>'\n                : '<div class=\"vff-sb-img\"><div class=\"vff-sb-img-empty\">\u6682\u65e0\u56fe<\/div><\/div>';\n\n            var foot = '';\n            if (it.first) {\n                foot = '<div class=\"vff-sb-foot\">\u9996\u53d1\u4e8e ' + esc(it.first.at) + '<\/div>';\n            } else {\n                foot = '<div class=\"vff-sb-foot vff-sb-foot-empty\">\ud83d\ude80 \u62a2\u9996\u53d1 +200 \u798f\u6c14\u503c<\/div>';\n            }\n\n            var href = it.permalink || '#';\n            return '<a class=\"vff-sb-card\" href=\"'+esc(href)+'\" target=\"_blank\" rel=\"noopener\">'\n                 + '<div style=\"position:relative\">' + img + badge + '<\/div>'\n                 + '<div class=\"vff-sb-info\">'\n                 +   '<div class=\"vff-sb-name\">' + esc(it.title) + '<\/div>'\n                 +   '<div class=\"vff-sb-sku\">' + esc(it.sku || '-') + '<\/div>'\n                 +   foot\n                 + '<\/div><\/a>';\n        }\n\n        function load(series){\n            var grid = document.getElementById('vff-sb-grid');\n            grid.innerHTML = '<div class=\"vff-sb-loading\">\u52a0\u8f7d\u4e2d\u2026<\/div>';\n            fetch(REST + '\/public\/style_book?series=' + encodeURIComponent(series), {\n                credentials: 'same-origin',\n                headers: {'X-WP-Nonce': NONCE}\n            })\n            .then(function(r){return r.json();})\n            .then(function(d){\n                if (!d || !d.ok) throw new Error('load failed');\n                document.getElementById('vff-sb-total').textContent = d.stats.total;\n                document.getElementById('vff-sb-has').textContent = d.stats.has_first;\n                document.getElementById('vff-sb-empty').textContent = d.stats.empty_first;\n                var myEl = document.getElementById('vff-sb-my');\n                if (myEl) myEl.textContent = d.stats.my_first;\n\n                if (!d.items || d.items.length === 0) {\n                    grid.innerHTML = '<div class=\"vff-sb-empty\">\u8be5\u7cfb\u5217\u6682\u65e0\u6b3e\u5f0f<\/div>';\n                    return;\n                }\n                grid.innerHTML = d.items.map(renderCard).join('');\n            })\n            .catch(function(e){\n                grid.innerHTML = '<div class=\"vff-sb-empty\">\u52a0\u8f7d\u5931\u8d25\uff1a' + esc(e.message) + '<\/div>';\n            });\n        }\n\n        document.querySelectorAll('#vff-sb-tabs .vff-sb-tab').forEach(function(btn){\n            btn.addEventListener('click', function(){\n                document.querySelectorAll('#vff-sb-tabs .vff-sb-tab').forEach(function(b){b.classList.remove('on');});\n                btn.classList.add('on');\n                currentSeries = btn.dataset.series;\n                load(currentSeries);\n            });\n        });\n\n        load('all');\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-500","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vip.jianshangyun.com\/index.php\/wp-json\/wp\/v2\/pages\/500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vip.jianshangyun.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vip.jianshangyun.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vip.jianshangyun.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vip.jianshangyun.com\/index.php\/wp-json\/wp\/v2\/comments?post=500"}],"version-history":[{"count":0,"href":"https:\/\/vip.jianshangyun.com\/index.php\/wp-json\/wp\/v2\/pages\/500\/revisions"}],"wp:attachment":[{"href":"https:\/\/vip.jianshangyun.com\/index.php\/wp-json\/wp\/v2\/media?parent=500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}