style: update border-radius and padding values across components

- standardize border-radius from 8px to 6px for consistent styling
- adjust padding values from 1rem to 0.75rem for better visual hierarchy
- remove redundant overflow-y properties for cleaner code

docs/.vitepress/theme/components/appendix/frontend-engineering/AssetFingerprintDemo.vue

@@ -315,10 +315,10 @@ onMounted(() => {
 <style scoped>
 .asset-fingerprint-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background-color: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
   font-family: var(--vp-font-family-mono);
 }
 
@@ -412,7 +412,7 @@ onMounted(() => {
 .files-panel,
 .cache-panel {
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--vp-c-divider);
   overflow: hidden;
 }
@@ -439,7 +439,7 @@ onMounted(() => {
 
 .files-list {
   max-height: 300px;
-  overflow-y: auto;
+  
 }
 
 .file-item {
@@ -539,7 +539,7 @@ onMounted(() => {
 }
 
 .cache-visualization {
-  padding: 1rem;
+  padding: 0.75rem;
 }
 
 .cache-legend {
@@ -677,8 +677,8 @@ onMounted(() => {
 
 .file-details {
   background: var(--vp-c-bg);
-  border-radius: 8px;
-  padding: 1rem;
+  border-radius: 6px;
+  padding: 0.75rem;
   border: 1px solid var(--vp-c-divider);
   margin-bottom: 1rem;
 }
@@ -695,7 +695,7 @@ onMounted(() => {
 .detail-icon {
   width: 40px;
   height: 40px;
-  border-radius: 8px;
+  border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;

docs/.vitepress/theme/components/appendix/frontend-engineering/BuildPipelineDemo.vue

@@ -108,10 +108,10 @@ const currentStage = computed(() => {
 <style scoped>
 .build-pipeline-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
 }
 
 .demo-header {
@@ -158,7 +158,7 @@ const currentStage = computed(() => {
   position: relative;
   cursor: pointer;
   padding: 0.5rem;
-  border-radius: 8px;
+  border-radius: 6px;
   transition: all 0.2s ease;
 }
 
@@ -173,7 +173,7 @@ const currentStage = computed(() => {
 .stage-icon {
   width: 40px;
   height: 40px;
-  border-radius: 8px;
+  border-radius: 6px;
   background: var(--vp-c-brand);
   display: flex;
   align-items: center;
@@ -217,8 +217,8 @@ const currentStage = computed(() => {
 
 .stage-detail {
   background: var(--vp-c-bg);
-  border-radius: 8px;
-  padding: 1rem;
+  border-radius: 6px;
+  padding: 0.75rem;
   margin-top: 0.75rem;
   border: 1px solid var(--vp-c-divider);
 }

docs/.vitepress/theme/components/appendix/frontend-engineering/BundlerComparisonDemo.vue

@@ -374,10 +374,10 @@ const reset = () => {
 <style scoped>
 .bundler-comparison-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background-color: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
   font-family: var(--vp-font-family-mono);
 }
 
@@ -451,8 +451,8 @@ const reset = () => {
 
 .radar-container {
   background: var(--vp-c-bg);
-  border-radius: 8px;
-  padding: 1rem;
+  border-radius: 6px;
+  padding: 0.75rem;
   border: 1px solid var(--vp-c-divider);
   display: flex;
   align-items: center;
@@ -481,8 +481,8 @@ const reset = () => {
 
 .legend {
   background: var(--vp-c-bg);
-  border-radius: 8px;
-  padding: 1rem;
+  border-radius: 6px;
+  padding: 0.75rem;
   border: 1px solid var(--vp-c-divider);
   display: flex;
   flex-direction: column;
@@ -534,7 +534,7 @@ const reset = () => {
   width: 100%;
   border-collapse: collapse;
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   overflow: hidden;
   border: 1px solid var(--vp-c-divider);
   font-size: 0.85rem;
@@ -614,7 +614,7 @@ const reset = () => {
 
 .scenario-card {
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--vp-c-divider);
   overflow: hidden;
   transition: all 0.2s;

docs/.vitepress/theme/components/appendix/frontend-engineering/CodeSplittingDemo.vue

@@ -214,10 +214,10 @@ const selectFile = (file) => {
 <style scoped>
 .code-splitting-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background-color: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
   font-family: var(--vp-font-family-mono);
 }
 
@@ -236,7 +236,7 @@ const selectFile = (file) => {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
-  margin: 1rem 0;
+  margin: 0.5rem 0;
 }
 
 @media (max-width: 768px) {
@@ -248,7 +248,7 @@ const selectFile = (file) => {
 .routes-panel,
 .load-panel {
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--vp-c-divider);
   overflow: hidden;
 }
@@ -263,7 +263,7 @@ const selectFile = (file) => {
 
 .routes-list {
   max-height: 280px;
-  overflow-y: auto;
+  
 }
 
 .route-item {
@@ -355,7 +355,7 @@ const selectFile = (file) => {
 }
 
 .load-visualization {
-  padding: 1rem;
+  padding: 0.75rem;
 }
 
 .load-section {

docs/.vitepress/theme/components/appendix/frontend-engineering/DependencyGraphDemo.vue

@@ -68,10 +68,10 @@ const getNode = (id) => nodes.value.find(n => n.id === id)
 <style scoped>
 .dependency-graph-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
 }
 
 .demo-header {

docs/.vitepress/theme/components/appendix/frontend-engineering/HotReloadDemo.vue

@@ -164,10 +164,10 @@ const hmrTools = [
 <style scoped>
 .hot-reload-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background-color: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
   font-family: var(--vp-font-family-mono);
 }
 
@@ -185,7 +185,7 @@ const hmrTools = [
 .comparison {
   display: flex;
   gap: 1rem;
-  margin: 1rem 0;
+  margin: 0.5rem 0;
   align-items: stretch;
 }
 
@@ -198,7 +198,7 @@ const hmrTools = [
 .method-card {
   flex: 1;
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 2px solid var(--vp-c-divider);
   overflow: hidden;
 }
@@ -290,7 +290,7 @@ const hmrTools = [
 
 .flow-diagram {
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--vp-c-divider);
   padding: 0.75rem;
   margin-bottom: 1rem;
@@ -345,7 +345,7 @@ const hmrTools = [
 
 .support-table {
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--vp-c-divider);
   padding: 0.75rem;
   overflow-x: auto;

docs/.vitepress/theme/components/appendix/frontend-engineering/SourceMapDemo.vue

@@ -37,7 +37,7 @@ console.log('总和:', sum);</code></pre>
         <div class="code-panel minified">
           <div class="panel-title">🔧 压缩后 (Minified)</div>
           <pre class="code-block"><code>function n(n,r){var t=n+r;return console.log("结果:",t),t}var r=n(10,20);console.log("总和:",r);
-//# sourceMappingURL=app.js.map</code></pre>
+// sourceMappingURL=app.js.map (指向映射文件)</code></pre>
         </div>
       </div>
 
@@ -104,10 +104,10 @@ console.log('总和:', sum);</code></pre>
 <style scoped>
 .source-map-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background-color: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
   font-family: var(--vp-font-family-mono);
 }
 

docs/.vitepress/theme/components/appendix/frontend-engineering/TreeShakingDemo.vue

@@ -149,10 +149,10 @@ const cacheMisses = ref(8)
 <style scoped>
 .tree-shaking-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background-color: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
   font-family: var(--vp-font-family-mono);
 }
 
@@ -171,7 +171,7 @@ const cacheMisses = ref(8)
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
-  margin: 1rem 0;
+  margin: 0.5rem 0;
 }
 
 @media (max-width: 768px) {
@@ -183,7 +183,7 @@ const cacheMisses = ref(8)
 .source-panel,
 .control-panel {
   background: var(--vp-c-bg);
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--vp-c-divider);
   overflow: hidden;
 }