refactor(component): 重构组件模板与样式结构

将公共样式提取至public.css，优化组件模板结构
添加图片资源与组件模板同步脚本
调整组件样式与布局，统一风格

component/item-summary/item-summary.txt

@@ -0,0 +1,36 @@
+<div class="item-box item-summary">
+    <item-head></item-head>
+    <div class="title" v-if="item.title">{{ item.title }}</div>
+    <div class="message one-line-display" v-if="item.content">{{ item.content }}</div>
+    <div class="total flexacenter">
+        <div>共</div>
+        <div class="num">{{ item.data.offercount }}</div>
+        <div>个Offer</div>
+    </div>
+    <div class="list flexacenter" scroll-x>
+        <div class="item flexflex" v-for="(it,i) in item.data.offerlist" :key="i">
+            <div class="item-content flexflex">
+                <div class="school flexacenter">
+                    <img class="icon" :src="it.schoollogo" mode="heightFix"></image>
+                    <div class="name one-line-display flex1">{{ it.schoolname }}</div>
+                </div>
+                <div class="major one-line-display" v-if="it.professional">{{ it.professional }}</div>
+                <div class="info flexacenter">
+                    {{ it.semester || '25Fall' }}
+                    <div class="line"></div>
+                    {{ it.degree || 'MSc' }}
+                    <div class="line"></div>
+                    <div class="results" :class="['r' + it.apply_results]">{{ it.apply_results_text || 'Offer' }}</div>
+                </div>
+            </div>
+
+        </div>
+        <div v-if="item.data.offercount > 3" class="item more flexcenter">
+            <div class="item-content flexcenter">
+                <div class="">查看更多</div>
+                <img class="icon" src="/img/arrows-circle-dark-blue.svg" mode="heightFix"></image>
+            </div>
+        </div>
+    </div>
+    <item-bottom></item-bottom>
+</div>