{"id":34,"date":"2026-05-08T19:56:40","date_gmt":"2026-05-08T16:26:40","guid":{"rendered":"https:\/\/poolinjust.ir\/?page_id=34"},"modified":"2026-05-12T20:56:39","modified_gmt":"2026-05-12T17:26:39","slug":"34-2","status":"publish","type":"page","link":"https:\/\/poolinjust.ir\/","title":{"rendered":""},"content":{"rendered":"\r\n \r\n \r\n \r\n \r\n \r\n \u0645\u0634\u0627\u0648\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* --- General Styles & Reset --- *\/\r\n :root {\r\n --primary-color: #4A90E2;\r\n --secondary-color: #50E3C2;\r\n --background-color: #F4F6F9;\r\n --card-background: #FFFFFF;\r\n --text-color: #333333;\r\n --text-light-color: #777777;\r\n --border-color: #EAEAEA;\r\n --font-family: 'Vazirmatn', sans-serif;\r\n }\r\n\r\n #pia-container *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n #pia-container {\r\n font-family: var(--font-family);\r\n background-color: var(--background-color);\r\n color: var(--text-color);\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n min-height: 100vh;\r\n padding: 2rem 1rem;\r\n }\r\n \r\n \/* --- Main Layout: 2-Column Grid --- *\/\r\n .pia-main-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 380px; \/* Results on the left, inputs on the right *\/\r\n gap: 2rem;\r\n width: 100%;\r\n max-width: 1300px;\r\n }\r\n\r\n .pia-results-panel {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .pia-input-panel {\r\n background-color: var(--card-background);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);\r\n position: sticky;\r\n top: 2rem;\r\n }\r\n \r\n \/* --- Input Panel Components --- *\/\r\n .pia-input-panel h2 {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .pia-form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .pia-form-group label {\r\n display: block;\r\n font-weight: 700;\r\n margin-bottom: 0.75rem;\r\n }\r\n \r\n .pia-input-wrapper {\r\n position: relative;\r\n }\r\n\r\n .pia-input-wrapper input {\r\n width: 100%;\r\n padding: 0.8rem 1rem;\r\n border: 1px solid var(--border-color);\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-family: var(--font-family);\r\n transition: border-color 0.3s, box-shadow 0.3s;\r\n }\r\n \r\n .pia-input-wrapper input:focus {\r\n outline: none;\r\n border-color: var(--primary-color);\r\n box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);\r\n }\r\n\r\n .pia-input-wrapper .pia-unit {\r\n position: absolute;\r\n left: 1rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--text-light-color);\r\n }\r\n\r\n \/* Risk Slider *\/\r\n .pia-risk-slider {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n height: 8px;\r\n background: var(--border-color);\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n transition: opacity .2s;\r\n }\r\n \r\n .pia-risk-slider:hover {\r\n opacity: 1;\r\n }\r\n\r\n .pia-risk-slider::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 20px;\r\n height: 20px;\r\n background: var(--primary-color);\r\n cursor: pointer;\r\n border-radius: 50%;\r\n }\r\n\r\n .pia-risk-slider::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n background: var(--primary-color);\r\n cursor: pointer;\r\n border-radius: 50%;\r\n }\r\n \r\n .pia-risk-labels {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 0.85rem;\r\n color: var(--text-light-color);\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .pia-submit-button {\r\n width: 100%;\r\n background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\r\n color: white;\r\n border: none;\r\n padding: 1rem;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n }\r\n \r\n .pia-submit-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(74, 144, 226, 0.3);\r\n }\r\n\r\n \/* --- Chart Panel --- *\/\r\n .pia-chart-card {\r\n background-color: var(--card-background);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .pia-chart-card svg {\r\n width: 100%;\r\n height: auto;\r\n }\r\n \r\n \/* --- Suggestions Panel --- *\/\r\n .pia-suggestions-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .pia-suggestions-header h3 {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n }\r\n \r\n .pia-sort-options a {\r\n color: var(--text-light-color);\r\n text-decoration: none;\r\n margin-right: 1rem;\r\n font-weight: 500;\r\n transition: color 0.2s;\r\n }\r\n \r\n .pia-sort-options a.active, .pia-sort-options a:hover {\r\n color: var(--primary-color);\r\n font-weight: 700;\r\n }\r\n\r\n .pia-suggestions-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n \r\n \/* Suggestion Card *\/\r\n .pia-suggestion-card {\r\n background-color: var(--card-background);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .pia-suggestion-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .pia-card-header {\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n \r\n .pia-card-header h4 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n }\r\n \r\n .pia-card-body {\r\n padding: 1.5rem;\r\n flex-grow: 1;\r\n }\r\n \r\n .pia-card-stat {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .pia-card-stat:last-child {\r\n margin-bottom: 0;\r\n }\r\n \r\n .pia-stat-label {\r\n font-weight: 500;\r\n color: var(--text-light-color);\r\n }\r\n \r\n .pia-stat-value {\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .pia-stat-value.positive {\r\n color: #2ECC71;\r\n }\r\n \r\n .pia-card-footer {\r\n padding: 1rem 1.5rem;\r\n background-color: #FAFAFA;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n \r\n .pia-details-button {\r\n display: block;\r\n width: 100%;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: var(--primary-color);\r\n color: white;\r\n padding: 0.75rem;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n transition: background-color 0.2s;\r\n }\r\n\r\n .pia-details-button:hover {\r\n background-color: #3a7bc8;\r\n }\r\n\r\n \/* --- Responsive: For tablets and smaller devices --- *\/\r\n @media (max-width: 1024px) {\r\n .pia-main-layout {\r\n grid-template-columns: 1fr; \/* Stack columns *\/\r\n }\r\n .pia-input-panel {\r\n position: static; \/* Remove sticky positioning *\/\r\n }\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div id=\"pia-container\">\r\n <main class=\"pia-main-layout\">\r\n <!-- Left Panel: Results -->\r\n <div class=\"pia-results-panel\">\r\n <!-- Chart Card -->\r\n <section class=\"pia-chart-card\">\r\n <!-- Placeholder for SVG Chart -->\r\n <svg viewBox=\"0 0 400 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"400\" height=\"200\" fill=\"#f0f0f0\" \/>\r\n <text x=\"200\" y=\"100\" font-family=\"Vazirmatn\" font-size=\"16\" text-anchor=\"middle\" fill=\"#888\">\u0646\u0645\u0648\u062f\u0627\u0631 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f<\/text>\r\n <\/svg>\r\n <\/section>\r\n\r\n <!-- Suggestions Grid -->\r\n <section class=\"pia-suggestions-panel\">\r\n <div class=\"pia-suggestions-header\">\r\n <h3>\u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0647\u0627\u06cc \u0645\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627<\/h3>\r\n <div class=\"pia-sort-options\">\r\n <a href=\"#\" class=\"active\">\u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u0633\u0648\u062f<\/a>\r\n <a href=\"#\">\u06a9\u0645\u062a\u0631\u06cc\u0646 \u0631\u06cc\u0633\u06a9<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pia-suggestions-grid\">\r\n <!-- Sample Card 1 -->\r\n <div class=\"pia-suggestion-card\">\r\n <div class=\"pia-card-header\"><h4>\u0635\u0646\u062f\u0648\u0642 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0627\u0644\u0641<\/h4><\/div>\r\n <div class=\"pia-card-body\">\r\n <div class=\"pia-card-stat\"><span class=\"pia-stat-label\">\u0646\u0648\u0639 \u0635\u0646\u062f\u0648\u0642<\/span><span class=\"pia-stat-value\">\u0633\u0647\u0627\u0645\u06cc<\/span><\/div>\r\n <div class=\"pia-card-stat\"><span class=\"pia-stat-label\">\u0628\u0627\u0632\u062f\u0647\u06cc \u0633\u0627\u0644\u0627\u0646\u0647<\/span><span class=\"pia-stat-value positive\">+\u06f3\u06f5\u066a<\/span><\/div>\r\n <div class=\"pia-card-stat\"><span class=\"pia-stat-label\">\u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u0633\u0648\u062f \u0634\u0645\u0627<\/span><span class=\"pia-stat-value\">\u06f1\u06f7,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span><\/div>\r\n <\/div>\r\n <div class=\"pia-card-footer\"><a href=\"#\" class=\"pia-details-button\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/a><\/div>\r\n <\/div>\r\n <!-- Sample Card 2 -->\r\n <div class=\"pia-suggestion-card\">\r\n <div class=\"pia-card-header\"><h4>\u0627\u0648\u0631\u0627\u0642 \u0645\u0634\u0627\u0631\u06a9\u062a \u062f\u0648\u0644\u062a\u06cc<\/h4><\/div>\r\n <div class=\"pia-card-body\">\r\n <div class=\"pia-card-stat\"><span class=\"pia-stat-label\">\u0646\u0648\u0639 \u0635\u0646\u062f\u0648\u0642<\/span><span class=\"pia-stat-value\">\u062f\u0631\u0622\u0645\u062f \u062b\u0627\u0628\u062a<\/span><\/div>\r\n <div class=\"pia-card-stat\"><span class=\"pia-stat-label\">\u0628\u0627\u0632\u062f\u0647\u06cc \u0633\u0627\u0644\u0627\u0646\u0647<\/span><span class=\"pia-stat-value positive\">+\u06f2\u06f5\u066a<\/span><\/div>\r\n <div class=\"pia-card-stat\"><span class=\"pia-stat-label\">\u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u0633\u0648\u062f \u0634\u0645\u0627<\/span><span class=\"pia-stat-value\">\u06f1\u06f2,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span><\/div>\r\n <\/div>\r\n <div class=\"pia-card-footer\"><a href=\"#\" class=\"pia-details-button\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/a><\/div>\r\n <\/div>\r\n <!-- Add more cards as needed -->\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Right Panel: Inputs -->\r\n <aside class=\"pia-input-panel\">\r\n <h2>\u0645\u0634\u0627\u0648\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/h2>\r\n <form>\r\n <div class=\"pia-form-group\">\r\n <label for=\"investment-amount\">\u0645\u0628\u0644\u063a \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/label>\r\n <div class=\"pia-input-wrapper\">\r\n <input type=\"text\" id=\"investment-amount\" placeholder=\"\u0645\u062b\u0644\u0627 \u06f5\u06f0,\u06f0\u06f0\u06f0,\u06f0\u06f0\u06f0\">\r\n <span class=\"pia-unit\">\u062a\u0648\u0645\u0627\u0646<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pia-form-group\">\r\n <label for=\"investment-period\">\u0645\u062f\u062a \u0632\u0645\u0627\u0646 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/label>\r\n <div class=\"pia-input-wrapper\">\r\n <input type=\"text\" id=\"investment-period\" placeholder=\"\u0645\u062b\u0644\u0627 \u06f1\u06f2\">\r\n <span class=\"pia-unit\">\u0645\u0627\u0647<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pia-form-group\">\r\n <label for=\"risk-tolerance\">\u0645\u06cc\u0632\u0627\u0646 \u0631\u06cc\u0633\u06a9\u200c\u067e\u0630\u06cc\u0631\u06cc<\/label>\r\n <input type=\"range\" min=\"1\" max=\"5\" value=\"3\" class=\"pia-risk-slider\" id=\"risk-tolerance\">\r\n <div class=\"pia-risk-labels\">\r\n <span>\u062e\u06cc\u0644\u06cc \u06a9\u0645<\/span>\r\n <span>\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <span>\u062e\u06cc\u0644\u06cc \u0632\u06cc\u0627\u062f<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"submit\" class=\"pia-submit-button\">\u062f\u0631\u06cc\u0627\u0641\u062a \u067e\u06cc\u0634\u0646\u0647\u0627\u062f<\/button>\r\n <\/form>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n <\/body>\r\n <\/html>\r\n\r\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":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/poolinjust.ir\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poolinjust.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poolinjust.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poolinjust.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poolinjust.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":6,"href":"https:\/\/poolinjust.ir\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/poolinjust.ir\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/poolinjust.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}