diff --git a/src/renderer/assets/icons/document-organization.svg b/src/renderer/assets/icons/document-organization.svg
new file mode 100644
index 0000000..68c52e0
--- /dev/null
+++ b/src/renderer/assets/icons/document-organization.svg
@@ -0,0 +1,64 @@
+<svg width="65" height="62" viewBox="0 0 65 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_2042_338)">
+<path d="M12 18C12 14.6863 14.6863 12 18 12H20.8336C21.7651 12 22.6837 12.2169 23.5169 12.6334L26.3779 14.0639C27.211 14.4805 28.1297 14.6974 29.0611 14.6974H47C50.3137 14.6974 53 17.3837 53 20.6974V43.7632C53 47.0769 50.3137 49.7632 47 49.7632H18C14.6863 49.7632 12 47.0769 12 43.7632V18Z" fill="url(#paint0_linear_2042_338)"/>
+<g filter="url(#filter1_d_2042_338)">
+<rect x="29.2632" y="20.6316" width="20.5" height="20.5" rx="3" fill="white"/>
+</g>
+<g filter="url(#filter2_d_2042_338)">
+<rect x="15.6741" y="20.2372" width="20.5" height="20.5" rx="3" transform="rotate(-3.70895 15.6741 20.2372)" fill="white"/>
+</g>
+<g filter="url(#filter3_i_2042_338)">
+<rect x="12" y="24.9474" width="41" height="24.8158" rx="5" fill="url(#paint1_linear_2042_338)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_2042_338" x="-1" y="-2" width="66" height="66" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.870588 0 0 0 0 0.878431 0 0 0 0 0.894118 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_338"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_338" result="shape"/>
+</filter>
+<filter id="filter1_d_2042_338" x="21.2632" y="14.6316" width="36.5" height="36.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0205971 0 0 0 0 0.215922 0 0 0 0 0.589337 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_338"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_338" result="shape"/>
+</filter>
+<filter id="filter2_d_2042_338" x="7.86179" y="13.0987" width="37.4078" height="37.4078" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_338"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_338" result="shape"/>
+</filter>
+<filter id="filter3_i_2042_338" x="12" y="24.9474" width="41" height="25.8158" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.64902 0 0 0 0 0.847983 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2042_338"/>
+</filter>
+<linearGradient id="paint0_linear_2042_338" x1="15.2368" y1="12" x2="49.7632" y2="49.7632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#387CFF"/>
+<stop offset="1" stop-color="#0751DF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2042_338" x1="26.5658" y1="24.9474" x2="38.9737" y2="49.7631" gradientUnits="userSpaceOnUse">
+<stop stop-color="#80C8FF"/>
+<stop offset="1" stop-color="#52B4FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/renderer/assets/icons/official-document.svg b/src/renderer/assets/icons/official-document.svg
new file mode 100644
index 0000000..3f3613f
--- /dev/null
+++ b/src/renderer/assets/icons/official-document.svg
@@ -0,0 +1,85 @@
+<svg width="66" height="75" viewBox="0 0 66 75" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_2042_81)">
+<path d="M44.1604 26.9325C43.8016 27.9772 44.3577 29.1149 45.4024 29.4736L53.8256 32.3661L45.8055 55.7222C44.9221 58.2947 42.1206 59.664 39.5481 58.7806L15.3268 50.4634C12.7543 49.58 11.3849 46.7785 12.2683 44.206L22.185 15.3268C23.0684 12.7543 25.8699 11.3849 28.4424 12.2683L47.0069 18.643L44.1604 26.9325Z" fill="#DEE0E4"/>
+<g opacity="0.56" filter="url(#filter1_d_2042_81)">
+<path d="M44.2052 27.022L47.0745 18.6661L53.8032 32.4324L45.4473 29.5631C44.4026 29.2044 43.8465 28.0667 44.2052 27.022Z" fill="#8A9097"/>
+</g>
+<rect x="24.6594" y="17.2181" width="15.7597" height="1.96996" rx="0.984981" transform="rotate(18.9517 24.6594 17.2181)" fill="#DEE0E4"/>
+<rect x="16.9825" y="39.5762" width="27.5795" height="1.96996" rx="0.984981" transform="rotate(18.9517 16.9825 39.5762)" fill="#DEE0E4"/>
+<rect x="23.0601" y="21.876" width="9.84981" height="1.96996" rx="0.984981" transform="rotate(18.9517 23.0601 21.876)" fill="#DEE0E4"/>
+<rect x="15.3832" y="44.2341" width="9.84981" height="1.96996" rx="0.984981" transform="rotate(18.9517 15.3832 44.2341)" fill="#DEE0E4"/>
+<rect x="21.4608" y="26.5339" width="27.5795" height="11.8198" rx="2" transform="rotate(18.9517 21.4608 26.5339)" fill="#F5F6F7"/>
+<path d="M39.0387 25.4412C39.0387 26.5458 39.9342 27.4412 41.0387 27.4412H49.3008V50.678C49.3008 53.2374 47.2261 55.3121 44.6667 55.3121H20.5691C18.0098 55.3121 15.935 53.2374 15.935 50.678V21.9463C15.935 19.3869 18.0098 17.3121 20.5691 17.3121H39.0387V25.4412Z" fill="white"/>
+<g filter="url(#filter2_d_2042_81)">
+<path d="M39.1057 25.5073V17.3121L49.3008 27.5073H41.1057C40.0011 27.5073 39.1057 26.6118 39.1057 25.5073Z" fill="white"/>
+</g>
+<rect x="18.7155" y="22.8731" width="14.8293" height="1.85366" rx="0.926829" fill="#DEE0E4"/>
+<rect x="18.7155" y="45.117" width="25.9512" height="1.85366" rx="0.926829" fill="#DEE0E4"/>
+<rect x="18.7155" y="27.5073" width="9.26829" height="1.85366" rx="0.926829" fill="#DEE0E4"/>
+<rect x="18.7155" y="49.7512" width="9.26829" height="1.85366" rx="0.926829" fill="#DEE0E4"/>
+<rect x="18.7155" y="32.1414" width="25.9512" height="11.122" rx="2" fill="#F5F6F7"/>
+<path d="M41.3438 53.8844C42.5231 52.5414 42.3921 50.5076 41.0497 49.3255L41.0496 49.3245C39.708 48.145 37.6722 48.2721 36.4887 49.6177L30.9782 55.8856C30.2349 56.7317 30.313 58.0187 31.1613 58.7645L31.1623 58.7645C31.3628 58.9419 31.5963 59.0787 31.8496 59.1655C32.1036 59.2526 32.3732 59.2887 32.6412 59.2712C32.909 59.2537 33.1713 59.1834 33.4117 59.0641C33.6521 58.9449 33.8669 58.7789 34.0429 58.5763L39.5478 52.3128L39.5524 52.3076C39.6926 52.1381 39.7615 51.9195 39.7443 51.7003C39.7268 51.4811 39.6242 51.2767 39.4591 51.1314C39.2939 50.9864 39.0782 50.9117 38.8586 50.9225C38.6389 50.9334 38.4318 51.0288 38.2817 51.1895L38.2772 51.1957L32.7694 57.4595L32.7667 57.4635C32.7374 57.498 32.7008 57.5263 32.6605 57.5467C32.6201 57.567 32.5758 57.5794 32.5307 57.5824C32.4856 57.5855 32.4401 57.5793 32.3974 57.5646C32.3762 57.5573 32.3551 57.5475 32.3359 57.5363L32.2804 57.4958L32.2784 57.494C32.1352 57.3681 32.1205 57.1499 32.2497 57.0026L34.6098 54.3203L34.6108 54.3202L37.7613 50.7357L37.7622 50.7346C37.8951 50.5828 38.0569 50.4586 38.2378 50.3694C38.419 50.28 38.6164 50.2276 38.8179 50.2146C39.0193 50.2017 39.2212 50.2286 39.4121 50.2939C39.6031 50.3593 39.7803 50.4615 39.9316 50.5951L39.9326 50.5961C40.0846 50.729 40.2085 50.8915 40.2979 51.0726C40.3872 51.2537 40.4407 51.4511 40.4536 51.6527C40.4665 51.8542 40.4389 52.0569 40.3735 52.2479C40.308 52.4387 40.2058 52.6152 40.0721 52.7664L40.0712 52.7674L37.7789 55.3769L37.7769 55.377L34.557 59.0394C34.0787 59.5832 33.4034 59.9151 32.6807 59.9615C31.958 60.0078 31.2465 59.7644 30.7026 59.2863C30.1589 58.8081 29.8272 58.1334 29.7806 57.4109C29.7342 56.6881 29.9766 55.9758 30.4548 55.4319L30.5606 55.3126L28.5242 55.3124C28.1959 55.9928 28.0423 56.7515 28.0916 57.5185C28.1671 58.6891 28.7046 59.7823 29.5856 60.5568C30.4666 61.3313 31.6195 61.7246 32.7902 61.6494C33.961 61.5741 35.0548 61.0364 35.8295 60.1554L41.3438 53.8844Z" fill="#F5900B"/>
+<g filter="url(#filter3_d_2042_81)">
+<circle cx="32.935" cy="36.3121" r="10" fill="url(#paint0_linear_2042_81)"/>
+</g>
+<g filter="url(#filter4_d_2042_81)">
+<path d="M28.1422 40.6687L28.0215 40.5487C27.9827 40.5099 27.9555 40.4612 27.9429 40.4078C27.9303 40.3545 27.9328 40.2987 27.9502 40.2468L29.622 35.2071C29.7133 34.9302 29.9041 34.6977 30.1575 34.5533L32.4538 33.3745C32.51 33.3424 32.5753 33.3296 32.6395 33.3382C32.7037 33.3468 32.7633 33.3762 32.8092 33.422L35.8205 36.4309C35.9144 36.5247 35.9344 36.6697 35.8687 36.7853L34.6912 39.0823C34.5473 39.3348 34.3145 39.5261 34.038 39.618L29.0025 41.2968C28.9504 41.3143 28.8945 41.3169 28.841 41.3043C28.7875 41.2917 28.7386 41.2644 28.6997 41.2256L28.5696 41.0956L31.5497 38.1179C31.6501 38.1466 31.7563 38.148 31.8575 38.1221C31.9587 38.0962 32.0511 38.0438 32.1253 37.9704C32.1802 37.9143 32.2235 37.848 32.2528 37.7753C32.282 37.7025 32.2966 37.6247 32.2958 37.5462C32.2949 37.4678 32.2785 37.3903 32.2477 37.3182C32.2168 37.2461 32.172 37.1808 32.1159 37.126C32.0611 37.0698 31.9957 37.025 31.9235 36.9942C31.8514 36.9633 31.7738 36.9469 31.6953 36.946C31.6168 36.9451 31.5389 36.9596 31.466 36.9888C31.3932 37.0179 31.3268 37.0611 31.2706 37.116C31.197 37.19 31.1445 37.2823 31.1184 37.3834C31.0923 37.4845 31.0937 37.5906 31.1223 37.691L28.1422 40.6687ZM35.2255 31.5038L37.7426 34.0177C37.9991 34.2739 37.9991 34.6889 37.7426 34.9452L36.7447 35.9421C36.7172 35.9696 36.6846 35.9914 36.6488 36.0062C36.6129 36.0211 36.5745 36.0287 36.5357 36.0287C36.4969 36.0287 36.4584 36.0211 36.4226 36.0062C36.3867 35.9914 36.3541 35.9696 36.3267 35.9421L33.2997 32.9182C33.2722 32.8908 33.2504 32.8583 33.2356 32.8225C33.2207 32.7866 33.213 32.7482 33.213 32.7095C33.213 32.6707 33.2207 32.6323 33.2356 32.5965C33.2504 32.5606 33.2722 32.5281 33.2997 32.5007L34.2976 31.5038C34.4208 31.381 34.5876 31.3121 34.7616 31.3121C34.9355 31.3121 35.1024 31.381 35.2255 31.5038Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_2042_81" x="-0.0650024" y="0" width="66" height="74.9535" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.870588 0 0 0 0 0.878431 0 0 0 0 0.894118 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_81"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_81" result="shape"/>
+</filter>
+<filter id="filter1_d_2042_81" x="38.0963" y="14.6661" width="21.7069" height="25.7663" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_81"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_81" result="shape"/>
+</filter>
+<filter id="filter2_d_2042_81" x="33.1057" y="13.3121" width="22.1951" height="22.1951" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_81"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_81" result="shape"/>
+</filter>
+<filter id="filter3_d_2042_81" x="18.935" y="22.3121" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_81"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_81" result="shape"/>
+</filter>
+<filter id="filter4_d_2042_81" x="23.935" y="29.3121" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00838089 0 0 0 0 0.186991 0 0 0 0 0.531269 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_81"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_81" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_2042_81" x1="29.81" y1="26.9371" x2="39.185" y2="43.8121" gradientUnits="userSpaceOnUse">
+<stop stop-color="#78A6FF"/>
+<stop offset="1" stop-color="#316BDC"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/renderer/assets/icons/pdf.svg b/src/renderer/assets/icons/pdf.svg
new file mode 100644
index 0000000..8647b48
--- /dev/null
+++ b/src/renderer/assets/icons/pdf.svg
@@ -0,0 +1,32 @@
+<svg width="63" height="65" viewBox="0 0 63 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_2042_361)">
+<path d="M39.9277 20.9287C39.9277 22.0333 40.8232 22.9287 41.9277 22.9287H51V48C51 50.7614 48.7614 53 46 53H20C17.2386 53 15 50.7614 15 48V17C15 14.2386 17.2386 12 20 12H39.9277V20.9287Z" fill="white"/>
+<g filter="url(#filter1_d_2042_361)">
+<path d="M40 21V12L51 23H42C40.8954 23 40 22.1046 40 21Z" fill="white"/>
+</g>
+<rect x="12" y="30" width="22" height="18" rx="3" fill="#EF4444"/>
+<path d="M19.98 34.004H24.124C26.532 34.004 27.75 35.026 27.75 37.07C27.75 39.128 26.532 40.164 24.096 40.164H21.618V44H19.98V34.004ZM21.618 35.404V38.764H23.998C24.726 38.764 25.258 38.624 25.594 38.372C25.93 38.106 26.098 37.672 26.098 37.07C26.098 36.468 25.916 36.048 25.58 35.796C25.244 35.53 24.712 35.404 23.998 35.404H21.618Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_2042_361" x="0" y="0" width="66" height="66" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.870588 0 0 0 0 0.878431 0 0 0 0 0.894118 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_361"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_361" result="shape"/>
+</filter>
+<filter id="filter1_d_2042_361" x="34" y="8" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2042_361"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2042_361" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/renderer/assets/logo.png b/src/renderer/assets/logo.png
new file mode 100644
index 0000000..a71567e
Binary files /dev/null and b/src/renderer/assets/logo.png differ
diff --git a/src/renderer/views/home/HomeView.vue b/src/renderer/views/home/HomeView.vue
index af1becc..09a922a 100644
--- a/src/renderer/views/home/HomeView.vue
+++ b/src/renderer/views/home/HomeView.vue
@@ -17,21 +17,21 @@
       <div class="card-section flex gap-8 items-center">
         <div class="feature-card">
           <div class="card-icon">
-            <el-icon :size="42"><Document /></el-icon>
+            <img src="@/assets/icons/document-organization.svg" width="42" height="42" />
           </div>
           <div class="card-title">智能文档处理</div>
           <div class="card-desc">支持多种格式文档的智能解析与处理</div>
         </div>
         <div class="feature-card">
           <div class="card-icon">
-            <el-icon :size="42"><Document /></el-icon>
+            <img src="@/assets/icons/official-document.svg" width="42" height="42" />
           </div>
           <div class="card-title">智能文档处理</div>
           <div class="card-desc">支持多种格式文档的智能解析与处理</div>
         </div>
         <div class="feature-card">
           <div class="card-icon">
-            <el-icon :size="42"><Document /></el-icon>
+            <img src="@/assets/icons/pdf.svg" width="42" height="42" />
           </div>
           <div class="card-title">智能文档处理</div>
           <div class="card-desc">支持多种格式文档的智能解析与处理</div>
@@ -194,7 +194,7 @@ function handleKeydown(e) {
   border-radius: 8px;
   display: flex;
   flex-direction: column;
-  padding: 25px 16px;
+  padding: 16px;
   gap: 8px;
   background: #ffffff;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
@@ -203,26 +203,31 @@ function handleKeydown(e) {
 .card-icon {
   width: 42px;
   height: 42px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #409eff;
+  margin-top: 9px;
   margin-bottom: 4px;
 }
 
+.card-icon img {
+  transition: transform 0.3s ease;
+}
+
+.card-icon img:hover {
+  transform: rotate(-15deg);
+}
+
 .card-title {
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.55px;
-  color: #303133;
+  color: #1a1a1a;
 }
 
 .card-desc {
   font-weight: 400;
   font-size: 12px;
   line-height: 16px;
-  color: #909399;
+  color: #8a9097;
 }
 
 /* 底部：输入框 */