{"id":368,"date":"2022-06-10T09:44:00","date_gmt":"2022-06-10T01:44:00","guid":{"rendered":"http:\/\/117.72.73.133\/?p=368"},"modified":"2026-04-01T11:42:10","modified_gmt":"2026-04-01T03:42:10","slug":"%e7%94%a8%e9%95%9c%e5%a4%b4%e5%ae%9a%e6%a0%bc%e6%82%a8%e7%9a%84%e7%88%b1%e6%83%85%e7%94%b5%e5%bd%b1","status":"publish","type":"post","link":"https:\/\/jiyiyingshi.xyz\/?p=368","title":{"rendered":"\u6781\u827a\u5f71\u89c6\u4ef7\u683c\u8868"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u6781\u827a\u5f71\u89c6 &#8211; \u670d\u52a1\u4ef7\u683c\u8868<\/title>\n    <style>\n        :root {\n            --accent-gold: #c5a059;\n            --deep-black: #1a1a1a;\n            --soft-gray: #f8f9fa;\n            --text-main: #333333;\n            --text-muted: #888888;\n        }\n\n        body {\n            margin: 0;\n            background-color: #fff;\n            font-family: \"HarmonyOS Sans SC\", \"PingFang SC\", \"Helvetica Neue\", sans-serif;\n            color: var(--text-main);\n            line-height: 1.6;\n        }\n\n        \/* \u9876\u90e8\u901a\u680f\u8bbe\u8ba1 *\/\n        .hero-section {\n            height: 40vh;\n            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), \n                        url('https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&q=80&w=2070') center\/cover;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            color: white;\n            text-align: center;\n        }\n\n        .hero-section h1 {\n            font-size: 3.5rem;\n            letter-spacing: 8px;\n            margin: 0;\n            font-weight: 300;\n            color: #ffffff;\n        }\n\n        .hero-section p {\n            font-size: 0.9rem;\n            letter-spacing: 4px;\n            opacity: 0.8;\n            margin-top: 10px;\n            text-transform: uppercase;\n        }\n\n        \/* \u5bb9\u5668 *\/\n        .container {\n            max-width: 1100px;\n            margin: -60px auto 100px;\n            background: white;\n            padding: 60px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.05);\n            border-radius: 4px;\n        }\n\n        \/* \u6838\u5fc3\u7406\u5ff5\u533a *\/\n        .philosophy {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .section-title {\n            font-size: 1.8rem;\n            color: var(--deep-black);\n            margin-bottom: 40px;\n            position: relative;\n            display: inline-block;\n        }\n\n        .section-title::after {\n            content: \"\";\n            width: 30px;\n            height: 2px;\n            background: var(--accent-gold);\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .grid-info {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            text-align: left;\n            margin-top: 40px;\n        }\n\n        .info-item h3 {\n            font-size: 1.1rem;\n            color: var(--accent-gold);\n            margin-bottom: 10px;\n            border-left: 3px solid var(--accent-gold);\n            padding-left: 15px;\n        }\n\n        \/* \u4ef7\u683c\u5361\u7247\u533a *\/\n        .pricing-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n            margin-top: 50px;\n        }\n\n        .price-card {\n            border: 1px solid #eee;\n            padding: 40px 30px;\n            transition: all 0.4s ease;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .price-card:hover {\n            border-color: var(--accent-gold);\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(197, 160, 89, 0.1);\n        }\n\n        .plan-name {\n            font-size: 1.2rem;\n            letter-spacing: 2px;\n            font-weight: 600;\n            margin-bottom: 20px;\n        }\n\n        .plan-price {\n            font-size: 2rem;\n            color: var(--accent-gold);\n            margin-bottom: 30px;\n        }\n\n        .plan-price span { font-size: 1rem; color: var(--text-muted); }\n\n        .plan-details {\n            list-style: none;\n            padding: 0;\n            text-align: center;\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            margin-bottom: 30px;\n        }\n\n        .plan-details li { margin: 12px 0; }\n\n        \/* \u5e95\u90e8\u627f\u8bfa *\/\n        .footer-promise {\n            margin-top: 80px;\n            padding-top: 40px;\n            border-top: 1px dashed #ddd;\n            font-size: 0.85rem;\n            color: #666;\n        }\n\n        \/* --- \u624b\u673a\u7aef\u4e13\u5c5e\u9002\u914d\u4f18\u5316 --- *\/\n        @media (max-width: 768px) {\n            .pricing-grid, .grid-info { grid-template-columns: 1fr; }\n            \n            \/* \u51cf\u5c0f\u624b\u673a\u7aef\u4e24\u4fa7\u7684\u7559\u767d\uff08\u4ece 30px \u7f29\u5c0f\u5230 15px\uff09\uff0c\u4e3a\u6587\u5b57\u817e\u51fa\u66f4\u591a\u7a7a\u95f4 *\/\n            .container { padding: 30px 15px; margin-top: -30px; } \n            \n            \/* \u7f29\u5c0f\u624b\u673a\u7aef\u7684\u526f\u6807\u9898\u5b57\u53f7\uff0c\u9632\u6b62\u6389\u5b57\u65ad\u884c *\/\n            .section-title { font-size: 1.4rem; } \n            \n            \/* \u540c\u6b65\u4f18\u5316\u9876\u90e8\u4e3b\u6807\u9898\u5728\u624b\u673a\u7aef\u7684\u6bd4\u4f8b\uff0c\u907f\u514d\u8fc7\u5927 *\/\n            .hero-section h1 { font-size: 2.5rem; letter-spacing: 5px; } \n            .hero-section p { font-size: 0.8rem; letter-spacing: 2px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header class=\"hero-section\">\n        <h1>\u6781\u827a\u5f71\u89c6<\/h1>\n        <p>Service Pricing &#038; Portfolio<\/p>\n    <\/header>\n\n    <div class=\"container\">\n        <section class=\"philosophy\">\n            <h2 class=\"section-title\">\u7528\u7535\u5f71\u611f\u8bb0\u5f55\u60a8\u7684\u7231\u60c5<\/h2>\n            <div class=\"grid-info\">\n                <div class=\"info-item\">\n                    <h3>\u6838\u5fc3\u7406\u5ff5\uff1a\u62d2\u7edd\u5e73\u5eb8<\/h3>\n                    <p>\u62d2\u7edd\u6d41\u6c34\u7ebf\uff0c\u6355\u6349\u81ea\u7136\u6d41\u9732\u7684\u60c5\u611f\u77ac\u95f4\uff0c\u8ba9\u6bcf\u4e00\u5e27\u90fd\u5177\u5907\u7535\u5f71\u8d28\u611f\u3002<\/p>\n                <\/div>\n                <div class=\"info-item\">\n                    <h3>\u6280\u672f\u4fdd\u969c\uff1a\u4e13\u4e1a\u7ec6\u8282<\/h3>\n                    <p>\u91c7\u7528 Sony 4K\/8K \u7535\u5f71\u7ea7\u753b\u8d28\uff0c\u4e13\u4e1a\u65e0\u7ebf\u6536\u97f3\u7cfb\u7edf\uff0c\u53ea\u4e3a\u8fd8\u539f\u6700\u771f\u5b9e\u7684\u6bcf\u4e00\u58f0\u544a\u767d\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <h2 class=\"section-title\" style=\"display: block; text-align: center;\">\u5957\u9910\u8ba1\u5212<\/h2>\n        <div class=\"pricing-grid\">\n            <div class=\"price-card\">\n                <div class=\"plan-name\">ESSENTIAL<\/div>\n                <div class=\"plan-price\">\u00a51,899 <span>\/ \u8d77<\/span><\/div>\n                <ul class=\"plan-details\">\n                    <li>\u5355\u673a\u4f4d\u6444\u50cf\u5e08<\/li>\n                    <li>8\u5c0f\u65f6\u670d\u52a1\u65f6\u957f<\/li>\n                    <li>\u7cbe\u526aMV + \u4eea\u5f0f\u7eaa\u5f55\u7247<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"price-card\" style=\"border-color: var(--accent-gold);\">\n                <div class=\"plan-name\" style=\"color: var(--accent-gold);\">PRO<\/div>\n                <div class=\"plan-price\">\u00a53,488 <span>\/ \u8d77<\/span><\/div>\n                <ul class=\"plan-details\">\n                    <li>\u53cc\u673a\u4f4d\uff08\u4e3b\u7406+\u8f85\u673a\uff09<\/li>\n                    <li>10\u5c0f\u65f6\u670d\u52a1\u65f6\u957f<\/li>\n                    <li>\u4e13\u4e1a\u5f71\u89c6\u706f\u5149<\/li>\n                    <li>\u5a5a\u793c\u9884\u544a + \u7cbe\u526aMV + \u7535\u5f71\u611f\u5168\u7eaa\u5f55<\/li> \n                <\/ul>\n            <\/div>\n\n            <div class=\"price-card\">\n                <div class=\"plan-name\">PREMIUM<\/div>\n                <div class=\"plan-price\">\u00a55,800 <span>\/ \u8d77<\/span><\/div>\n                <ul class=\"plan-details\">\n                    <li>\u4e09\u673a\u4f4d\uff08\u5b9a\u5236\u7ec4\uff09<\/li>\n                    <li>\u5168\u5929\u5019 12H \u62cd\u6444<\/li>\n                    <li>\u4e13\u4e1a\u5f71\u89c6\u706f\u5149<\/li>\n                    <li>\u7535\u5f71\u8d28\u611f\u8c03\u8272<\/li>\n                    <li>\u822a\u62cd\u5168\u666f\u89c6\u89d2<\/li>\n                    <li>\u5a5a\u793c\u9884\u544a + \u7cbe\u526aMV + \u7535\u5f71\u611f\u5168\u7eaa\u5f55<\/li>                     \n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-promise\">\n            <p>\u25cf <b>\u4ea4\u4ed8\u627f\u8bfa\uff1a<\/b> \u9884\u544a\u7247\u5f53\u65e5\u6781\u901f\u76f4\u51fa\uff1b\u7cbe\u4fee\u5168\u7247 60 \u4e2a\u5de5\u4f5c\u65e5\u5185\u4e91\u7aef\u65e0\u635f\u4ea4\u4ed8\u3002<\/p>\n            <p>\u25cf <b>\u4fee\u6539\u4fdd\u969c\uff1a<\/b> \u503e\u542c\u60a8\u7684\u771f\u5b9e\u53cd\u9988\uff0c\u6210\u7247\u4ea4\u4ed8\u540e\u63d0\u4f9b 1 \u6b21\u514d\u8d39\u7ec6\u8282\u5fae\u8c03\u7279\u6743\u3002<\/p>\n            <p>\u25cf <b>\u900f\u660e\u62a5\u4ef7\uff1a<\/b> \u62a5\u4ef7\u5373\u5e95\u4ef7\uff0c\u62d2\u7edd\u9690\u5f62\u8d26\u5355\u3002\u5916\u5730\u62cd\u6444\u5dee\u65c5\u8d39\u7528\u63d0\u524d\u786e\u8ba4\uff0c\u5b9e\u62a5\u5b9e\u9500\u3002<\/p>\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6781\u827a\u5f71\u89c6 &#8211; \u670d\u52a1\u4ef7\u683c\u8868 \u6781\u827a\u5f71\u89c6 S &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-368","post","type-post","status-publish","format-standard","hentry","category-qita"],"_links":{"self":[{"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=\/wp\/v2\/posts\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=368"}],"version-history":[{"count":34,"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=\/wp\/v2\/posts\/368\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=\/wp\/v2\/posts\/368\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jiyiyingshi.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}