Files
AIclinicalresearch/docs/03-业务模块/DC-数据清洗整理/03-UI设计/UIUX 视觉优化建议书.md
HaHafeng 1b53ab9d52 feat(aia): Complete AIA V2.0 with universal streaming capabilities
Major Changes:
- Add StreamingService with OpenAI Compatible format
- Upgrade Chat component V2 with Ant Design X integration
- Implement AIA module with 12 intelligent agents
- Update API routes to unified /api/v1 prefix
- Update system documentation

Backend (~1300 lines):
- common/streaming: OpenAI Compatible adapter
- modules/aia: 12 agents, conversation service, streaming integration
- Update route versions (RVW, PKB to v1)

Frontend (~3500 lines):
- modules/aia: AgentHub + ChatWorkspace (100% prototype restoration)
- shared/Chat: AIStreamChat, ThinkingBlock, useAIStream Hook
- Update API endpoints to v1

Documentation:
- AIA module status guide
- Universal capabilities catalog
- System overview updates
- All module documentation sync

Tested: Stream response verified, authentication working
Status: AIA V2.0 core completed (85%)
2026-01-14 19:15:01 +08:00

105 lines
7.9 KiB
Markdown
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# **UI/UX 隗<>ァ我シ伜喧蟒コ隶ョ荵ヲ<E88DB5>哂I 荳エ蠎顔<E8A08E>皮ゥカ蟷ウ蜿ー \- 謨ー謐ョ貂<EFBDAE>エ鈴。?*
## **0\. 譬ク蠢<EFBDB8>李轤ケ諤サ扈<EFBDBB> (Executive Summary)**
* **郛コ荵丞アよャ。諢?(Visual Hierarchy)<29>?* 鬘オ髱「蜈<EFBDA2><EFBFBD><EFBFBD>コ取堰蟷ウ<E89FB7>碁㍾轤ケ荳咲ェ∝<EFBDAA><E2889D>瑚ァ<E7919A>ァ画オ∫コソ豺キ荵ア縲?
* **濶イ蠖ゥ譚ゆケア (Color Consistency)<29>?* 蜩∫煙濶イ<E6BFB6>育エ?闢晢シ我ク主粥閭ス濶イ<E6BFB6>育サソ縲∫コ「<EFBDBA>画政驟咲函遑ャ<E98191>檎シコ荵冗サ滉ク€蠎ヲ縲ょー、蜈カ譏ッ陦ィ譬シ蜀<EFBDBC>噪謚・髞呵牡霑<E789A1>コ主絢逵シ縲?
* **遨コ髣エ蛻ゥ逕ィ邇<EFBDA8><EFBFBD> (Spacing & Layout)<29>?* 鬘カ驛ィ蟾・蜈キ譬丞頃逕ィ霑<EFBDA8>、夂コオ蜷醍ゥコ髣エ<E9ABA3>悟ッシ閾エ譬ク蠢<EFBDB8>焚謐ョ蛹コ蝓滂シ郁。ィ譬シ<E8ADAC>牙ア慕、コ荳榊<E88DB3>縲?
* **扈<>鰍邊礼ウ<E7A4BC> (Craftsmanship)<29>?* 霎ケ譯<EFBDB9>€∝怕隗偵€<E581B5>亢蠖ア螟<EFBDB1>炊逕溽。ャ<EFBDA1>悟ュ嶺ス捺賜迚育シコ荵城涎蠕九€?
## **1\. 蜈ィ螻€譬キ蠑丞サコ隶ョ (Global Styles)**
### **1.1 蟄嶺ス<E5B6BA> (Typography)**
* **邇ー迥カ<E8BFA5>?* 逵玖オキ譚・菴ソ逕ィ莠<EFBDA8>ウサ扈滄サ倩ョ、逧<EFBDA4>ョ倶ス捺<EFBDBD><EFBFBD>陦ャ郤ソ菴難シ悟ュ鈴㍾蜊穂ク€<EFBDB8>悟ッシ閾エ逡碁擇譏セ蠕鈴刪譌ァ荳秘<E88DB3>隸サ邏ッ縲?
* **蟒コ隶ョ<E99AB6>?*
* **荳ュ譁<EFBDAD>ュ嶺ス難シ?* 莨伜<E88EA8>菴ソ逕ィ PingFang SC (Mac) / Microsoft YaHei UI (Windows) / Noto Sans SC縲?
* **闍ア譁<EFBDB1>ュ嶺ス<E5B6BA>/謨ー蟄暦シ?* 蟆、蜈カ譏ッ蝨ィ**陦ィ譬シ**蜥?*莉」遐<EFBDA3>**蛹コ蝓滂シ悟ソ<E6829F>。サ菴ソ逕ィ遲牙ョス蟄嶺ス捺<EFBDBD>邇ー莉」譌<EFBDA3>陦ャ郤ソ菴難シ亥ヲ<E4BAA5> Inter, Roboto, JetBrains Mono<6E>会シ檎。ョ菫晄焚蟄怜ッケ鮨千セ手ァゅ€?
* **蟄鈴㍾<E988B4>?* 蟒コ遶句アらコァ縲?
*€郤ァ譬<EFBDA7>「假シ亥ヲる。オ髱「蟾ヲ荳願ァ<E9A198> Logo 譌<>シ会シ哺edium/Bold, 16px-18px縲?
* 豁」譁<EFBDA3>シ啌egular, 14px縲?
*<>勧譁<E58BA7>ュ暦シ亥ヲよ慮髣エ縲∵ャ。隕∵<E99A95><E288B5>ュセ<EFBDAD>会シ啌egular, 12px, 鬚懆牡蜿俶オ<E4BFB6>€?
### **1.2 濶イ蠖ゥ菴鍋ウサ (Color Palette)**
* **邇ー迥カ<E8BFA5>?* \* 荳サ濶イ隹<EFBDB2>弍邏ォ闢晁牡<E69981>御ス?Excel 蝗セ譬<EFBDBE>弍扈ソ濶イ<E6BFB6><EFBDB2>"蟇シ蜃コ扈捺棡"譏ッ豺ア濶イ<E6BFB6><EFBDB2>"霑占。御サ」遐<EFBDA3>"蜿域弍蜿ヲ荳€遘咲サソ縲?
* 陦ィ譬シ蜀<EFBDBC>噪郤「濶イ閭梧勹<E6A2A7>育シコ螟ア蛟シ<E89B9F>蛾・ア蜥悟コヲ霑<EFBDA6>ォ假シ悟ワ譏ッ蝨ィ窶懈冠髞吮€晢シ御シ夊ョゥ逕ィ謌キ諢溷芦辟ヲ陌代€?
* **蟒コ隶ョ<E99AB6>?*
* **扈滉ク€荳サ濶イ<E6BFB6>?* 譌「辟カ Logo 譏ッ闢晉エォ濶イ<E6BFB6>碁。オ髱「荳顔噪荳サ謖蛾聴<E89BBE>亥ヲや€懷ッシ蜃コ扈捺棡窶晢シ牙コ比ク主<EFBDB8>蜻シ蠎費シ梧<EFBDBC><EFBFBD>スソ逕ィ荳ュ諤ァ逧<EFBDA7>キア遨コ轣?鮟代€?
* **髯榊飭<E6A68A>?* 蜴サ髯、荳榊ソ<E6A68A>ヲ∫噪閭梧勹濶イ縲る。カ驛ィ逧<EFBDA8>桃菴懈潔髓ョ<E9AB93>育函謌先眠蜿倬㍼遲会シ臥岼蜑肴怏豬<E6808F>牡閭梧勹<E6A2A7>梧仞蠕怜セ郁э縲ょサコ隶ョ謾ケ荳?*騾乗<E9A8BE>閭梧勹 \+ 謔ャ蛛懷セョ莠、莠?*縲?
* **隴ヲ蜻願牡莨伜喧<E4BC9C><E596A7>** \* 陦ィ譬シ荳ュ逧<EFBDAD>シコ螟ア蛟シ<E89B9F>育コ「濶イ閭梧勹蛹コ蝓滂シ芽ッキ謾ケ荳コ**豬<>イ芽牡閭梧<E996AD>?(\#FEF2F2)** 驟?**郤「濶イ譁<EFBDB2><EFBFBD> (\#EF4444)**<2A><EFBFBD><EFBFBD>ケイ閼<EFBDB2>宵謚頑枚蟄玲<E89F84><E78EB2>コ「<EFBDBA>悟悉謗芽レ譎ッ縲ら鴫蝨ィ逧<EFBDA8>牡蝮怜、ェ驥堺コ<E5A0BA>€?
### **1.3 髦エ蠖ア荳取キア蠎?(Shadows & Elevation)**
* **邇ー迥カ<E8BFA5>?* 蜃<>荵主<E88DB5>蟷ウ<E89FB7>檎シコ荵乗ぎ豬ョ諢滂シ悟ッシ閾?AI 蜉ゥ謇倶セァ霎ケ譬丞柱荳サ蜀<EFBDBB>ョケ逧<EFBDB9>阜髯蝉ク肴ク<E882B4>匆縲?
* **蟒コ隶ョ<E99AB6>?*
* 扈?*AI 蜉ゥ謇倶セァ霎ケ譬?*蠅槫刈蟾ヲ萓ァ髦エ蠖ア<E8A096><EFBDB1>ox-shadow: \-4px 0 20px rgba(0,0,0,0.05)<29>会シ瑚ョゥ螳<EFBDA9>オョ蝨ィ蜀<EFBDA8>ョケ荵倶ク奇シ梧<EFBDBC><EFBFBD>畑荳€譬ケ譫∫サ<E288AB>噪蛻<E599AA>牡郤ソ<E983A4><EFBDBF>#E5E7EB<EFBFBD>€?
* 鬘カ驛ィ逧<EFBDA8>桃菴懷今迚<E4BB8A>悉謗芽セケ譯<EFBDB9>シ梧隼荳コ霓サ蠕ョ逧<EFBDAE>ぎ豬ョ髦エ蠖ア縲?
## **2\. 鬘カ驛ィ蟇シ闊ェ譬?(Global Header)**
* **Logo 蛹コ蝓滂シ?* 窶廣I荳エ蠎顔<E8A08E>皮ゥカ蟷ウ蜿ー窶晏ュ嶺ス灘刈邊暦シ碁「懆牡蜉<E789A1>豺ア縲?
* **闖懷黒鬘ケ<E9AC98><EFBDB9>** \* 蠖灘燕逧<E78795>€懈匱閭ス謨ー謐ョ貂<EFBDAE>エ冷€€我クュ諤∵弍荳€荳ェ豺ア濶イ蝨<EFBDB2>ァ堤洸蠖「<E8A096>梧仞蠕怜セ育ャィ驥阪€?
* **菫ョ謾ケ蟒コ隶ョ<E99AB6>?* 蜴サ謗芽レ譎ッ濶イ<E6BFB6>梧隼荳コ譁<EFBDBA>ュ怜刈邊<E58888> \+ 蠎暮Κ<CE9A>€譚?2px 逧<>刀迚瑚牡讓ェ譚。<E8AD9A><EFBDA1>nderline style<6C>会シ梧<EFBDBC><EFBFBD>枚蟄鈴「懆牡蜿倅コョ縲りソ呎<EFBDBF>キ譖エ邇ー莉」縲?
* **蜿ウ萓ァ逕ィ謌キ菫。諱ッ<E8ABB1>?* 螟エ蜒丞、ェ蟆擾シ梧枚蟄玲賜迚域凶謖、縲ょ「槫刈螟エ蜒丞ーコ蟇ク<E89F87><EFBFBD>?32px 謌?36px<70>会シ瑚ョゥ蜷榊ュ怜柱隗定牡荳贋ク区賜蛻玲<E89BBB>蠅槫刈髣エ霍昴€?
## **3\. 莠檎コァ蟾・蜈キ譬?(Secondary Toolbar)**
霑呎弍髣ョ鬚俶怙螟ァ逧<EFBFBD>玄蝓滉ケ倶ク€縲?
### **3.1 蟾ヲ萓ァ<E89093>夊ソ泌屓荳取枚莉カ菫。諱ッ**
* **霑泌屓蟾・菴懷床<E687B7><E5BA8A>** 謖蛾聴螟ェ螟ァ縲∝、ェ謚「逵シ縲ょョ<E38287>弍荳€荳ェ谺。隕∵桃菴懊€?
* **菫ョ謾ケ<E8ACBE>?* 謾ケ荳コ郤ッ譁<EFBDAF>悽體セ謗?\< 霑泌屓蟾・菴懷<E88FB4>?謌冶€<E586B6>€荳ェ譫∫ョ€<C280>崟譬<E5B49F>潔髓ョ<E9AB93>梧叛蝨ィ譛€蟾ヲ萓ァ縲?
* **譁<>サカ蜷搾シ<E690BE>** 逶ョ蜑肴<E89C91>?G 鮠楢<E9AEA0>遨ソ蟄疲焚謐ョ-test.xlsx縲?
* **蟒コ隶ョ<E99AB6>?* 蟄嶺ス灘刈螟ァ蜉<EFBDA7>邊暦シ?8px<70>会シ御ス應クコ蠖灘燕鬘オ髱「逧<EFBDA2><E980A7>ク蠢<EFBDB8><E8A0A2><EFBFBD>「倥€よ浴霎ケ逧<EFBDB9>€懃ァ醍<EFBDA7>疲焚謐ョ郛冶セ大勣 Pro窶晄<E7AAB6><E69984>ュセ蜿ッ莉・郛ゥ蟆擾シ悟★謌千イセ蛻カ逧?Tag<61>郁Ω蝗頑<E89D97>キ蠑擾シ峨€?
### **3.2 荳ュ髣エ<E9ABA3>壽桃菴懈潔髓ョ扈<EFBDAE> (逕滓<E98095>譁ー蜿倬㍼縲∵慮髣エ蟾ョ...)**
* **邇ー迥カ<E8BFA5>?* 蜈ュ荳ェ蟾ィ螟ァ逧<EFBDA7>婿蠖「謖蛾聴<E89BBE>悟崟譬<E5B49F>セ亥ー擾シ梧枚蟄怜セ亥、ァ<EFBDA4>御ク比ク矩擇譛我ク€螟ァ迚<EFBDA7>ゥコ逋ス縲りソ咏ァ榊ク<E6A68A>€譫∝コヲ豬ェ雍ケ蝙ら峩遨コ髣エ縲?
* **菫ョ謾ケ譁ケ譯茨シ?*
* **譁ケ譯<EFBDB9> A<>育鴫莉」蟷ウ體コ<E9AB94>会シ?* 蜴サ謗画婿譯<E5A9BF>レ譎ッ<E8AD8E>梧隼荳?*蝗セ譬<EFBDBE>+譁<><EFBFBD>**逧<>ィェ蜷第賜蛻励€ょ崟譬?16px<70>梧枚蟄?14px<70>碁シ<E7A281><EFBFBD>ぎ蛛懈慮蜃コ邇ー豬<EFBDB0><E8B1AC>濶イ蝨<EFBDB2>ァ定レ譎ッ縲?
* **譁ケ譯<EFBDB9> B<><EFBFBD><EFBFBD>シ会シ?* 蟆<>ソ吩コ帛粥閭ス蠖堤アサ謾セ蜈・窶懈焚謐ョ螟<EFBDAE>炊窶昜ク区級闖懷黒荳ュ<E88DB3>悟宵謚頑怙鬮倬「醍<EFBDA2>?2-3 荳ェ謾セ蜃コ譚・縲?
* **蜈ウ髞ョ轤ケ<E8BDA4><EFBDB9>** 隸キ螟ァ蟷<EFBDA7>㍼蟆剰ソ吩コ帶潔髓ョ逧<EFBDAE>ォ伜コヲ<EFBDBA>∵滑遨コ髣エ逡咏サ吩ク矩擇逧<E69387>。ィ譬シ縲?
### **3.3 蜿ウ萓ァ<E89093>壽頗邏「譯<EFBDA2>**
* **邇ー迥カ<E8BFA5>?* 謳懃エ「譯<EFBDA2>ォ伜コヲ霑<EFBDA6>ォ假シ瑚レ譎ッ濶イ轣ー蠎ヲ螯よ棡荳榊粋騾ゆシ壽仞蠕苓э縲?
* **蟒コ隶ョ<E99AB6>?* 鬮伜コヲ郛ゥ蟆剰<E89F86>?32px 謌?36px縲りレ譎ッ濶イ郤ッ逋ス \+ 豬<><E8B1AC>霎ケ譯<EFBDB9>シ梧<EFBDBC><EFBFBD>栫豬<E6A0AB>噪轣ー濶イ閭梧勹<E6A2A7><E58BB9>#F3F4F6<EFBFBD>画裏霎ケ譯<EFBFBD>€?
## **4\. 譬ク蠢<EFBDB8>焚謐ョ陦ィ譬シ (Data Grid) \- 驥咲∪蛹?*
陦ィ譬シ譏ッ譛ャ鬘オ髱「逧<EFBFBD><EFBFBD>鬲ゑシ檎岼蜑咲恚襍キ譚・蜒乗弍荳€荳ェ譛ェ蜉<EFBFBD>譬キ蠑冗噪 HTML 蜴溽函 Table縲?
* **陦ィ螟エ (Header)<29>?*
* **邇ー迥カ<E8BFA5>?* 蟄嶺ス捺勸騾夲シ瑚レ譎ッ逋ス<E9808B><EFBFBD>蜑イ郤ソ驥阪€よシ乗沫蝗セ譬<EFBDBE>シ育ュ幃€会シ牙、ェ鮟大、ェ驥阪€?
* **菫ョ謾ケ<E8ACBE>?* \* 陦ィ螟エ閭梧勹濶イ謾ケ荳コ譫∵オ<E288B5>噪轣ー濶イ<E6BFB6><EFBDB2>#F9FAFB<EFBFBD>€?
* 蟄嶺ス馴「懆牡蜉<E789A1>豺ア<E8B1BA><EFBDB1>#374151<EFBFBD>会シ悟ュ鈴㍾ Medium縲?
* 鬮伜コヲ蝗コ螳夲シ井セ句ヲ?40px<70>会シ梧枚蟄怜桙逶エ螻<EFBDB4>クュ縲?
* 遲幃€牙崟譬<E5B49F>隼荳コ豬<EFBDBA><E8B1AC>濶イ<E6BFB6>碁シ<E7A281><EFBFBD>ぎ蛛懈慮蜿俶キア縲?
* **陦御ク主黒蜈<E9BB92><E89C88>?(Rows & Cells)<29>?*
* **陦碁ォ假シ?* 逶ョ蜑崎。碁ォ俶怏轤ケ謖、<E8AC96>御ス<E5BEA1>クコ莠<EFBDBA>ア慕、コ譖エ螟壽焚謐ョ蜿ッ莉・謗・蜿励€ょサコ隶ョ蠅槫刈窶懆<E7AAB6>騾?邏ァ蜃鯛€晉噪蛻<E599AA>困讓。蠑上€?
* **譁鷹ゥャ郤ケ<E983A4><EFBDB9>** 蟒コ隶ョ蠑€蜷ッ髫碑。悟序濶イ<E6BFB6><EFBDB2>ebra striping<6E>会シ悟<EFBDBC>謨ー陦檎サ呎栫豬<E6A0AB>噪蠎戊牡<E6888A><E789A1>#F9FAFB<EFBFBD>会シ梧怏蜉ゥ莠取ィェ蜷鷹<EFBFBD>隸サ縲?
* **霎ケ譯<EFBDB9>シ?* **蜴サ謗臥コオ蜷題セケ譯<EFBDB9>シ?* 邇ー莉」陦ィ譬シ騾壼クク蜿ェ菫晉蕗讓ェ蜷大<E89CB7>蜑イ郤ソ縲りソ吩シ夊ョゥ逡碁擇迸ャ髣エ貂<EFBDB4>或 50%縲?
* **謨ー蟄怜ッケ鮨撰シ?* 謇€譛画焚蛟シ蛻暦シ亥ケエ鮴<EFBDB4>€∵惘蜑榊成蜉帙€∵慮髟ソ<E9AB9F>牙ソ<E78999>。サ**蜿ウ蟇ケ鮨?*<2A>∵枚蟄怜<E89F84><E6809C>€ァ蛻ォ<E89BBB>牙キヲ蟇ケ鮨先<E9AEA8><EFBFBD>クュ縲りソ呎弍謨ー謐ョ螻慕、コ逧<EFBDBA>渕譛ャ蜴溷<E89CB4>縲?
* **蠑ょクク蛟シ鬮倅コ?(The Pink Areas)<29>?*
* **邇ー迥カ<E8BFA5>?* 荵溷ーア譏ッ驍」莠帷シコ螟ア蛟?\-<2D>瑚レ譎ッ譏ッ邊臥コ「濶イ<E6BFB6>悟、ェ荳台コ<E58FB0>€?
* **菫ョ謾ケ<E8ACBE>?* \* 蟆<>黒蜈<E9BB92><E89C88>シ閭梧勹濶イ謾ケ荳コ騾乗<E9A8BE>縲?
*<>シコ螟ア蛟?\- 謾ケ荳コ譁<EFBDBA><EFBFBD> NA 謌?Missing<6E>域峩荳謎ク夲シ峨€?
*<>ュ鈴「懆牡隶セ荳コ讖呵牡謌也コ「濶イ<E6BFB6>悟ュ嶺ス鍋シゥ蟆上€?
* 螯よ棡蠢<E6A3A1>。サ隕∵怏閭梧勹<E6A2A7>瑚ッキ菴ソ逕ィ譫∵キ。逧<EFBDA1>コ「<EFBDBA><EFBDA2>pacity 10%<25>€?
## **5\. 蜿ウ萓ァ AI 蜉ゥ謇<EFBDA9> (AI Sidebar)**
* **髱「譚ソ螳ケ蝎ィ<E89D8E>?*
* 逶ョ蜑咲噪霎ケ譯<EFBDB9>、ェ遑ャ縲ょサコ隶ョ蜴サ謗牙キヲ萓ァ霎ケ譯<EFBDB9>シ梧隼逕ィ髦エ蠖ア<E8A096>亥ヲゆク頑枚謇€霑ー<E99C91>€?
*<>「俶<EFBDA2>?"AI 謨ー謐ョ貂<EFBDAE>エ怜勧謇<E58BA7>" 荳矩擇驍」譚。扈ソ郤ソ螟ェ逕溽。ャ<EFBDA1>悟サコ隶ョ蜴サ謗会シ檎峩謗・逕ィ蟄鈴㍾蛹コ蛻<EFBDBA>€?
* **蟇ケ隸晄ー疲ウ。 (Chat Bubbles)<29>?*
* **AI 豌疲ウ。<EFBDB3>?* 逶ョ蜑肴弍轣ー濶イ譁ケ蝮励€ょサコ隶ョ謾ケ荳コ郤ッ逋ス蜊。迚?\+ 豺。豺。逧<EFBDA1>兜蠖ア<E8A096><EFBFBD><EFBFBD>栫豬<E6A0AB>噪蜩∫煙濶イ閭梧勹<E6A2A7>域オ<E59F9F>エォ<EFBDB4>€ょ怕隗貞刈螟ァ<E89E9F><EFBDA7>12px \- 16px<70>€?
* **逕ィ謌キ豌疲ウ。<EFBDB3>?* 蟒コ隶ョ蜿ウ蟇ケ鮨撰シ御スソ逕ィ蜩∫煙荳サ濶イ<E6BFB6>郁統/邏ォ<E9828F>芽レ譎ッ<E8AD8E>檎區蟄励€?
* **莉」遐∝摎<E2889D><E6918E>** 鮟題牡閭梧勹譏?OK 逧<>シ御ス?"霑占。御サ」遐<EFBDA3>" 謖蛾聴驍」荳ェ扈ソ濶イ螟ェ蜒<EFBDAA> Bootstrap 逧<>サ倩ョ、扈ソ莠<EFBDBF>€?
* **蟒コ隶ョ<E99AB6>?* 謖蛾聴蛛壼ー丈ク€轤ケ<E8BDA4>梧叛蝨ィ莉」遐∝摎蜿ウ荳願ァ抵シ梧<EFBDBC><EFBFBD>★謌仙ケス轣オ謖蛾聴<E89BBE>€<C280>閭梧勹+霎ケ譯<EFBDB9>シ峨€?
* **霎灘<E99C8E>譯?(蠎墓<E8A08E><E5A293>)<29>?*
* 謌ェ蝗セ荳ュ譛ェ螳悟<E89EB3>螻慕、コ<EFBDA4>御ス<E5BEA1>サコ隶ョ霎灘<E99C8E><EFBFBD>ぎ豬ョ蝨ィ蠎暮Κ<E69AAE>檎蕗蜃コ雜ウ螟溽噪 Padding縲?
## **6\. 蠕ョ莠、莠剃ク主渚鬥<E6B89A> (Micro-interactions)**
* **Hover 迥カ諤<EFBDB6><EFBFBD>** 謇€譛臥噪謖蛾聴縲∬。ィ譬シ陦鯉シ碁シ<E7A281><EFBFBD>叛荳雁悉譌カ蠢<EFBDB6>。サ譛蛾「懆牡蜿伜喧<E4BC9C>亥序豺ア謌門序豬<E5BA8F>シ会シ檎鴫蝨ィ逧<EFBDA8>阜髱「諢溯ァ画弍髱呎ュ「逧<EFBDA2>€?
* **貊壼勘譚。<E8AD9A><EFBDA1>** 陦ィ譬シ蜿ウ萓ァ逧<EFBDA7>サ壼勘譚。譏ッ豬剰ァ亥勣鮟倩ョ、逧<EFBDA4><E980A7>キ蠑擾シ碁撼蟶ク邊礼ウ吶€りッキ蜑咲ォッ菴ソ逕ィ CSS 菫ョ謾ケ貊壼勘譚。譬キ蠑擾シ<E693BE>ebkit Scrollbar<61>会シ御スソ蜈カ蜿倡サ<E580A1>€<EFBFBD>「懆牡蜿俶オ<E4BFB6>シ育<EFBDBC>濶イ蝨<EFBDB2>ァ抵シ会シ御ク肴瓦隗<E793A6>ァ蛾㍾轤ケ縲?
## **7\. 諤サ扈難シ夂サ吝燕遶ッ逧<EFBDAF>峩謗・菫ョ謾ケ貂<EFBDB9><E8B282>?*
1. **陦ィ譬シ蜴サ郤オ蜷題セケ譯?*<2A>悟宵逡呎ィェ郤ソ<E983A4>碁「懆牡 \#E5E7EB縲?
2. **謨ー蛟シ蛻怜承蟇ケ鮨?*縲?
3. **鬘カ驛ィ螟ァ謖蛾聴謾ケ蟆?*<2A>梧隼荳コ窶懷崟譬<E5B49F>キヲ+譁<>ュ怜承窶晉噪蟶<E599AA>€<EFBDB1>碁ォ伜コヲ荳崎カ<E5B48E>ソ<EFBFBD> 40px縲?
4. **蟄嶺ス鍋サ滉ク€**荳?PingFang SC / Inter<65>瑚。ィ譬シ謨ー蟄礼畑遲牙ョス蟄嶺ス薙€?
5. **郛コ螟ア蛟シ閭梧勹濶イ蜴サ謗<EFBDBB>**<EFBFBD>梧隼荳コ譁<EFBFBD>ュ怜序郤「縲?
6. **AI 萓ァ霎ケ譬丞「槫刈蟾ヲ萓ァ髦エ蠖?*<2A>悟玄蛻<E78E84>アらコァ縲?
7. **荳サ濶イ隹<EFBDB2>サ滉ク€**<EFBFBD>悟悉謗右xcel扈ソ縲∵冠隴ヲ郤「遲牙、壻ス呎揩濶イ縲