优化:深国际改革方案增加左侧固定导航菜单(17个锚点+滚动监听+移动端抽屉)

This commit is contained in:
zdh
2026-06-03 08:29:03 +08:00
parent 3f88963ef9
commit 1c5e59b885
24 changed files with 1289 additions and 116 deletions
@@ -134,7 +134,7 @@
} }
section { section {
margin: 40px 0; margin: 48px 0;
scroll-margin-top: calc(var(--header-h) + 1rem); scroll-margin-top: calc(var(--header-h) + 1rem);
} }
section h2 { section h2 {
+1 -1
View File
@@ -29,7 +29,7 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
background: var(--bg); background: var(--bg);
color: var(--text); color: var(--text);
line-height: 1.7; line-height:1.57;
font-size: 15px; font-size: 15px;
} }
+1 -1
View File
@@ -47,7 +47,7 @@
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 22px; line-height:1.57;
color: var(--text-primary); color: var(--text-primary);
background: var(--bg); background: var(--bg);
min-height: 100vh; min-height: 100vh;
@@ -125,7 +125,7 @@ body {
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
} }
.section-title .emoji { margin-right: 0.5rem; } .section-title .emoji { margin-right: 0.5rem; }
.subsection { margin: 1.5rem 0; } .subsection { margin: 48px 0; }
.subsection-title { .subsection-title {
font-size: 1.1rem; font-weight: 600; font-size: 1.1rem; font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
@@ -31,7 +31,7 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
background: var(--bg); background: var(--bg);
color: var(--text); color: var(--text);
line-height: 1.7; line-height:1.57;
padding: 40px 20px; padding: 40px 20px;
} }
.container { max-width: 1160px; margin: 0 auto; } .container { max-width: 1160px; margin: 0 auto; }
@@ -47,6 +47,10 @@
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
margin-bottom: 8px; margin-bottom: 8px;
background: linear-gradient(135deg, #2563eb, #7c3aed);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
} }
.report-header .subtitle { .report-header .subtitle {
font-size: 14px; font-size: 14px;
@@ -139,7 +139,7 @@
/* Sections */ /* Sections */
section { section {
margin: 40px 0; margin: 48px 0;
scroll-margin-top: calc(var(--header-h) + 1rem); scroll-margin-top: calc(var(--header-h) + 1rem);
} }
section h2 { section h2 {
@@ -97,7 +97,7 @@ body {
font-size: 24px; font-weight: 600; margin-bottom: 24px; padding-bottom: 12px; font-size: 24px; font-weight: 600; margin-bottom: 24px; padding-bottom: 12px;
border-bottom: 2px solid var(--color-primary); color: var(--text-primary); border-bottom: 2px solid var(--color-primary); color: var(--text-primary);
} }
.subsection { margin: 24px 0 16px; } .subsection { margin: 48px 0; }
.subsection-title { .subsection-title {
font-size: 18px; font-weight: 600; color: var(--text-primary); font-size: 18px; font-weight: 600; color: var(--text-primary);
padding-left: 12px; border-left: 3px solid var(--color-primary); margin-bottom: 12px; padding-left: 12px; border-left: 3px solid var(--color-primary); margin-bottom: 12px;
@@ -98,7 +98,7 @@ body {
border-bottom: 2px solid var(--color-primary); color: var(--text-primary); border-bottom: 2px solid var(--color-primary); color: var(--text-primary);
} }
.section-title::before { content: ''; } .section-title::before { content: ''; }
.subsection { margin: 24px 0 16px; } .subsection { margin: 48px 0; }
.subsection-title { .subsection-title {
font-size: 18px; font-weight: 600; color: var(--text-primary); font-size: 18px; font-weight: 600; color: var(--text-primary);
padding-left: 12px; border-left: 3px solid var(--color-primary); margin-bottom: 12px; padding-left: 12px; border-left: 3px solid var(--color-primary); margin-bottom: 12px;
@@ -49,7 +49,7 @@
'Helvetica Neue', Helvetica, Arial, sans-serif; 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: var(--bg); background: var(--bg);
color: var(--text-primary); color: var(--text-primary);
line-height: 1.8; line-height: 1.57;
font-size: 15px; font-size: 15px;
} }
@@ -148,7 +148,7 @@
.main { .main {
margin-left: var(--sidebar-w); margin-left: var(--sidebar-w);
margin-top: var(--header-h); margin-top: var(--header-h);
padding: 36px 48px 64px; padding: 32px 40px 64px;
min-height: calc(100vh - var(--header-h)); min-height: calc(100vh - var(--header-h));
max-width: 1100px; max-width: 1100px;
} }
@@ -174,40 +174,18 @@
/* ===== SECTIONS ===== */ /* ===== SECTIONS ===== */
section { section {
margin: 40px 0; margin: 48px 0;
scroll-margin-top: calc(var(--header-h) + 1rem); scroll-margin-top: calc(var(--header-h) + 1rem);
} }
section h2 { section h2 { font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary); }
font-size: 22px; section h3 { font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1; }
line-height: 30px; section h4 { font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success); }
padding: 0 0 10px 14px;
border-left: 4px solid var(--color-primary);
border-bottom: 1px solid var(--border-light);
margin-bottom: 20px;
color: var(--text-primary);
}
section h3 {
font-size: 18px;
line-height: 26px;
margin: 28px 0 14px;
padding-left: 12px;
border-left: 3px solid #722ED1;
color: #722ED1;
}
section h4 {
font-size: 15px;
line-height: 22px;
margin: 18px 0 10px;
color: #444;
font-weight: 600;
}
/* ===== PARAGRAPH ===== */ /* ===== PARAGRAPH ===== */
p { p {
color: var(--text-secondary); color: var(--text-secondary);
font-size: 14px; font-size: 14px;
margin: 10px 0; margin: 10px 0;
text-indent: 2em;
text-align: justify; text-align: justify;
} }
p.no-indent { text-indent: 0; } p.no-indent { text-indent: 0; }
@@ -19,7 +19,7 @@
--sidebar-w: 260px; --header-h: 64px; --sidebar-w: 260px; --header-h: 64px;
} }
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.8;font-size:15px;} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:15px;}
::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
@@ -38,11 +38,11 @@
.sidebar nav a.sub{padding-left:2.5rem;font-size:12px;} .sidebar nav a.sub{padding-left:2.5rem;font-size:12px;}
.sidebar nav a.sub::before{content:"· ";font-weight:700;} .sidebar nav a.sub::before{content:"· ";font-weight:700;}
.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;} .main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;}
section{margin:40px 0;scroll-margin-top:calc(var(--header-h) + 1rem);} section{margin:48px 0;scroll-margin-top:calc(var(--header-h) + 1rem);}
section h2{font-size:22px;line-height:30px;padding:0 0 10px 14px;border-left:4px solid var(--color-primary);border-bottom:1px solid var(--border-light);margin-bottom:20px;} section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
section h3{font-size:18px;line-height:26px;margin:28px 0 14px;padding-left:12px;border-left:3px solid #722ED1;color:#722ED1;} section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
section h4{font-size:15px;line-height:22px;margin:18px 0 10px;color:#444;font-weight:600;} section h4{font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success);}
p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-indent:2em;text-align:justify;} p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-align:justify;}
p.no-indent{text-indent:0;} p.no-indent{text-indent:0;}
p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;} p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;}
strong{color:var(--text-primary);} strong{color:var(--text-primary);}
@@ -19,7 +19,7 @@
--sidebar-w: 260px; --header-h: 64px; --sidebar-w: 260px; --header-h: 64px;
} }
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.8;font-size:15px;} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:15px;}
::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
@@ -36,11 +36,11 @@
.sidebar nav a:hover,.sidebar nav a.active{color:var(--color-primary);background:var(--color-primary-bg);} .sidebar nav a:hover,.sidebar nav a.active{color:var(--color-primary);background:var(--color-primary-bg);}
.sidebar nav a.active{border-left-color:var(--color-primary);font-weight:600;} .sidebar nav a.active{border-left-color:var(--color-primary);font-weight:600;}
.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;} .main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;}
section{margin:40px 0;scroll-margin-top:calc(var(--header-h) + 1rem);} section{margin:48px 0;scroll-margin-top:calc(var(--header-h) + 1rem);}
section h2{font-size:22px;line-height:30px;padding:0 0 10px 14px;border-left:4px solid var(--color-primary);border-bottom:1px solid var(--border-light);margin-bottom:20px;} section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
section h3{font-size:18px;line-height:26px;margin:28px 0 14px;padding-left:12px;border-left:3px solid #722ED1;color:#722ED1;} section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
section h4{font-size:15px;line-height:22px;margin:18px 0 10px;color:#444;font-weight:600;} section h4{font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success);}
p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-indent:2em;text-align:justify;} p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-align:justify;}
p.no-indent{text-indent:0;} p.no-indent{text-indent:0;}
p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;} p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;}
strong{color:var(--text-primary);} strong{color:var(--text-primary);}
@@ -39,7 +39,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; } * { margin: 0; padding: 0; box-sizing: border-box; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: var(--bg); color: var(--text-primary); line-height: 1.8; font-size: 15px; background: var(--bg); color: var(--text-primary); line-height: 1.57; font-size: 15px;
} }
::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-track { background: transparent; }
@@ -78,14 +78,14 @@
.sidebar nav a:hover { color: var(--color-primary); background: var(--color-primary-bg); } .sidebar nav a:hover { color: var(--color-primary); background: var(--color-primary-bg); }
.sidebar nav a.active { color: var(--color-primary); border-left-color: var(--color-primary); background: var(--color-primary-bg); font-weight: 600; } .sidebar nav a.active { color: var(--color-primary); border-left-color: var(--color-primary); background: var(--color-primary-bg); font-weight: 600; }
.main { margin-left: var(--sidebar-w); margin-top: var(--header-h); padding: 36px 48px 64px; min-height: calc(100vh - var(--header-h)); max-width: 1100px; } .main { margin-left: var(--sidebar-w); margin-top: var(--header-h); padding: 32px 40px 64px; min-height: calc(100vh - var(--header-h)); max-width: 1100px; }
section { margin: 40px 0; scroll-margin-top: calc(var(--header-h) + 1rem); } section { margin: 48px 0; scroll-margin-top: calc(var(--header-h) + 1rem); }
section h2 { font-size: 22px; line-height: 30px; padding: 0 0 10px 14px; border-left: 4px solid var(--color-primary); border-bottom: 1px solid var(--border-light); margin-bottom: 20px; color: var(--text-primary); } section h2 { font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary); }
section h3 { font-size: 18px; line-height: 26px; margin: 28px 0 14px; padding-left: 12px; border-left: 3px solid #722ED1; color: #722ED1; } section h3 { font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1; }
section h4 { font-size: 15px; line-height: 22px; margin: 18px 0 10px; color: #444; font-weight: 600; } section h4 { font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success); }
p { color: var(--text-secondary); font-size: 14px; margin: 10px 0; text-indent: 2em; text-align: justify; } p { color: var(--text-secondary); font-size: 14px; margin: 10px 0; text-align: justify; }
p.no-indent { text-indent: 0; } p.no-indent { text-indent: 0; }
p.lead { font-size: 16px; color: var(--text-primary); text-indent: 0; line-height: 1.9; } p.lead { font-size: 16px; color: var(--text-primary); text-indent: 0; line-height: 1.9; }
strong { color: var(--text-primary); } strong { color: var(--text-primary); }
@@ -28,7 +28,7 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
background: var(--bg); background: var(--bg);
color: var(--text); color: var(--text);
line-height: 1.75; line-height:1.57;
font-size: 15px; font-size: 15px;
} }
@@ -37,7 +37,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; } * { margin: 0; padding: 0; box-sizing: border-box; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 22px; color: var(--text-primary); background: var(--bg); font-size: 14px; line-height:1.57; color: var(--text-primary); background: var(--bg);
} }
.top-bar { .top-bar {
height: var(--header-h); background: var(--bg-container); border-bottom: 1px solid var(--border); height: var(--header-h); background: var(--bg-container); border-bottom: 1px solid var(--border);
@@ -37,7 +37,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; } * { margin: 0; padding: 0; box-sizing: border-box; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 22px; color: var(--text-primary); background: var(--bg); font-size: 14px; line-height:1.57; color: var(--text-primary); background: var(--bg);
} }
.top-bar { height: 64px; background: var(--bg-container); border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 var(--space-2xl); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); } .top-bar { height: 64px; background: var(--bg-container); border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 var(--space-2xl); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
.top-bar h1 { font-size: 18px; font-weight: 600; color: var(--text-primary); } .top-bar h1 { font-size: 18px; font-weight: 600; color: var(--text-primary); }
@@ -40,7 +40,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; } * { margin: 0; padding: 0; box-sizing: border-box; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 22px; color: var(--text-primary); background: var(--bg); font-size: 14px; line-height:1.57; color: var(--text-primary); background: var(--bg);
} }
.top-bar { height: 64px; background: var(--bg-container); border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 var(--space-2xl); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); } .top-bar { height: 64px; background: var(--bg-container); border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 var(--space-2xl); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
.top-bar h1 { font-size: 18px; font-weight: 600; color: var(--text-primary); } .top-bar h1 { font-size: 18px; font-weight: 600; color: var(--text-primary); }
@@ -18,7 +18,7 @@
--shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 12px -2px rgba(0,0,0,0.04); --shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 12px -2px rgba(0,0,0,0.04);
} }
* { margin: 0; padding: 0; box-sizing: border-box; } * { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background: var(--bg); color: var(--text-primary); line-height: 1.8; font-size: 14px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background: var(--bg); color: var(--text-primary); line-height:1.57; font-size: 14px; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.header { background: linear-gradient(135deg, var(--color-primary), #722ED1); color: #fff; padding: 40px; border-radius: var(--radius-lg); margin-bottom: 30px; text-align: center; } .header { background: linear-gradient(135deg, var(--color-primary), #722ED1); color: #fff; padding: 40px; border-radius: var(--radius-lg); margin-bottom: 30px; text-align: center; }
.header h1 { font-size: 28px; margin-bottom: 10px; } .header h1 { font-size: 28px; margin-bottom: 10px; }
@@ -21,9 +21,40 @@
line-height: 1.8; line-height: 1.8;
color: var(--text); color: var(--text);
background: var(--bg); background: var(--bg);
max-width: 1100px; }
margin: 0 auto; .page-wrapper { display: flex; max-width: 1400px; margin: 0 auto; min-height: 100vh; }
padding: 20px; .sidebar {
width: 250px; flex-shrink: 0; background: #fff;
border-right: 1px solid var(--border);
padding: 24px 0; position: sticky; top: 0; height: 100vh;
overflow-y: auto; z-index: 100;
}
.sidebar-title {
font-size: 13px; font-weight: 700; color: var(--muted);
padding: 0 20px 12px; letter-spacing: 2px; text-transform: uppercase;
border-bottom: 1px solid var(--border); margin-bottom: 8px;
}
.sidebar a {
display: block; padding: 7px 20px; font-size: 13px; color: var(--text);
text-decoration: none; border-left: 3px solid transparent;
transition: all 0.2s;
}
.sidebar a:hover { background: #f0f4f8; color: var(--primary); }
.sidebar a.active { background: #e8f0fe; color: var(--primary); font-weight: 600; border-left-color: var(--accent); }
.sidebar a.l2 { padding-left: 32px; font-size: 12px; color: var(--muted); }
.sidebar a.l3 { padding-left: 44px; font-size: 11px; color: var(--muted); }
.main-content { flex: 1; padding: 20px 40px; min-width: 0; }
.menu-toggle {
display: none; position: fixed; top: 12px; left: 12px; z-index: 200;
background: var(--primary); color: #fff; border: none;
width: 36px; height: 36px; border-radius: 6px; font-size: 18px;
cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
@media (max-width: 900px) {
.sidebar { display: none; position: fixed; top: 0; left: 0; z-index: 199; width: 260px; box-shadow: 4px 0 20px rgba(0,0,0,0.15); }
.sidebar.open { display: block; }
.menu-toggle { display: block; }
.main-content { padding: 16px; }
} }
.cover { .cover {
background: linear-gradient(135deg, var(--primary) 0%, #2c5f8a 100%); background: linear-gradient(135deg, var(--primary) 0%, #2c5f8a 100%);
@@ -182,8 +213,36 @@
</head> </head>
<body> <body>
<button class="menu-toggle" id="menuToggle" onclick="document.getElementById('sidebar').classList.toggle('open')"></button>
<div class="page-wrapper">
<!-- ==================== 左侧菜单 ==================== -->
<nav class="sidebar" id="sidebar">
<div class="sidebar-title">深国际改革方案</div>
<a href="#cover">封面摘要</a>
<a href="#s1">一、转型必要性与紧迫性</a>
<a href="#s2">二、转型基础与战略定位</a>
<a href="#s3">三、对标研究与差距分析</a>
<a href="#s4">四、综合改革总体思路</a>
<a href="#s5">五、六大改革举措</a>
<a href="#s5-1" class="l2">5.1 对标调研与战略研究</a>
<a href="#s5-2" class="l2">5.2 考核机制改革</a>
<a href="#s5-3" class="l2">5.3 容错纠错机制</a>
<a href="#s5-4" class="l2">5.4 薪酬激励机制</a>
<a href="#s5-5" class="l2">5.5 授权体系优化</a>
<a href="#s5-6" class="l2">5.6 协同机制建设</a>
<a href="#s6">六、数字化与绿色低碳</a>
<a href="#s7">七、国资改革方案融合</a>
<a href="#s8">八、实施路线图与保障</a>
<a href="#s9">九、参考文献与出处</a>
</nav>
<!-- ==================== 正文 ==================== -->
<main class="main-content">
<!-- ==================== 封面 ==================== --> <!-- ==================== 封面 ==================== -->
<div class="cover"> <div class="cover" id="cover">
<div class="tag">深 圳 国 际 · 内 部 参 考</div> <div class="tag">深 圳 国 际 · 内 部 参 考</div>
<h1>深圳国际控股有限公司<br>向物流综合服务商转型<br>综合改革方案</h1> <h1>深圳国际控股有限公司<br>向物流综合服务商转型<br>综合改革方案</h1>
<div class="subtitle">——以综合改革为抓手,自上而下谋篇布局,<br>推动集团从"物流园区开发商"向"智慧物流全产业链生态构建者"转型升级</div> <div class="subtitle">——以综合改革为抓手,自上而下谋篇布局,<br>推动集团从"物流园区开发商"向"智慧物流全产业链生态构建者"转型升级</div>
@@ -792,5 +851,40 @@
<p style="font-size:13px; color: var(--muted);">生成日期: 2026年6月3日 · 版本: V1.0</p> <p style="font-size:13px; color: var(--muted);">生成日期: 2026年6月3日 · 版本: V1.0</p>
</div> </div>
</main>
</div><!-- /.page-wrapper -->
<script>
// Scroll spy — highlight active sidebar link
(function() {
var links = document.querySelectorAll('.sidebar a');
var sections = [];
links.forEach(function(a) {
var id = a.getAttribute('href');
if (id && id.startsWith('#')) {
var el = document.querySelector(id);
if (el) sections.push({ el: el, link: a });
}
});
function onScroll() {
var scrollY = window.scrollY + 120;
var current = sections[0];
for (var i = 0; i < sections.length; i++) {
if (sections[i].el.offsetTop <= scrollY) current = sections[i];
}
links.forEach(function(l) { l.classList.remove('active'); });
if (current) current.link.classList.add('active');
}
window.addEventListener('scroll', onScroll);
// Close sidebar on link click (mobile)
links.forEach(function(a) {
a.addEventListener('click', function() {
document.getElementById('sidebar').classList.remove('open');
});
});
onScroll();
})();
</script>
</body> </body>
</html> </html>
File diff suppressed because it is too large Load Diff
@@ -19,7 +19,7 @@
--sidebar-w: 260px; --header-h: 64px; --sidebar-w: 260px; --header-h: 64px;
} }
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.8;font-size:15px;} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:15px;}
::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
@@ -39,11 +39,11 @@
.sidebar nav a.sub{padding-left:2.5rem;font-size:12px;} .sidebar nav a.sub{padding-left:2.5rem;font-size:12px;}
.sidebar nav a.sub::before{content:"· ";font-weight:700;} .sidebar nav a.sub::before{content:"· ";font-weight:700;}
.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;} .main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;}
section{margin:40px 0;scroll-margin-top:calc(var(--header-h) + 1rem);} section{margin:48px 0;scroll-margin-top:calc(var(--header-h) + 1rem);}
section h2{font-size:22px;line-height:30px;padding:0 0 10px 14px;border-left:4px solid var(--color-primary);border-bottom:1px solid var(--border-light);margin-bottom:20px;} section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
section h3{font-size:18px;line-height:26px;margin:28px 0 14px;padding-left:12px;border-left:3px solid #722ED1;color:#722ED1;} section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
section h4{font-size:15px;line-height:22px;margin:18px 0 10px;color:#444;font-weight:600;} section h4{font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success);}
p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-indent:2em;text-align:justify;} p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-align:justify;}
p.no-indent{text-indent:0;} p.no-indent{text-indent:0;}
p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;} p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;}
strong{color:var(--text-primary);} strong{color:var(--text-primary);}
@@ -19,7 +19,7 @@
--sidebar-w: 260px; --header-h: 64px; --sidebar-w: 260px; --header-h: 64px;
} }
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.8;font-size:15px;} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:15px;}
::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
@@ -37,11 +37,11 @@
.sidebar nav a:hover,.sidebar nav a.active{color:var(--color-primary);background:var(--color-primary-bg);} .sidebar nav a:hover,.sidebar nav a.active{color:var(--color-primary);background:var(--color-primary-bg);}
.sidebar nav a.active{border-left-color:var(--color-primary);font-weight:600;} .sidebar nav a.active{border-left-color:var(--color-primary);font-weight:600;}
.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;} .main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;}
section{margin:40px 0;scroll-margin-top:calc(var(--header-h) + 1rem);} section{margin:48px 0;scroll-margin-top:calc(var(--header-h) + 1rem);}
section h2{font-size:22px;line-height:30px;padding:0 0 10px 14px;border-left:4px solid var(--color-primary);border-bottom:1px solid var(--border-light);margin-bottom:20px;} section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
section h3{font-size:18px;line-height:26px;margin:28px 0 14px;padding-left:12px;border-left:3px solid #722ED1;color:#722ED1;} section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
section h4{font-size:15px;line-height:22px;margin:18px 0 10px;color:#444;font-weight:600;} section h4{font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success);}
p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-indent:2em;text-align:justify;} p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-align:justify;}
p.no-indent{text-indent:0;} p.no-indent{text-indent:0;}
p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;} p.lead{font-size:16px;color:var(--text-primary);text-indent:0;line-height:1.9;}
strong{color:var(--text-primary);} strong{color:var(--text-primary);}
@@ -49,7 +49,7 @@
'Helvetica Neue', Helvetica, Arial, sans-serif; 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: var(--bg); background: var(--bg);
color: var(--text-primary); color: var(--text-primary);
line-height: 1.8; line-height: 1.57;
font-size: 15px; font-size: 15px;
} }
@@ -153,7 +153,7 @@
.main { .main {
margin-left: var(--sidebar-w); margin-left: var(--sidebar-w);
margin-top: var(--header-h); margin-top: var(--header-h);
padding: 36px 48px 64px; padding: 32px 40px 64px;
min-height: calc(100vh - var(--header-h)); min-height: calc(100vh - var(--header-h));
max-width: 900px; max-width: 900px;
} }
@@ -193,33 +193,12 @@
/* ===== SECTIONS ===== */ /* ===== SECTIONS ===== */
section { section {
margin: 40px 0; margin: 48px 0;
scroll-margin-top: calc(var(--header-h) + 1rem); scroll-margin-top: calc(var(--header-h) + 1rem);
} }
section h2 { section h2 { font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary); }
font-size: 22px; section h3 { font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1; }
line-height: 30px; section h4 { font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success); }
padding: 0 0 10px 14px;
border-left: 4px solid var(--color-primary);
border-bottom: 1px solid var(--border-light);
margin-bottom: 20px;
color: var(--text-primary);
}
section h3 {
font-size: 18px;
line-height: 26px;
margin: 28px 0 14px;
padding-left: 12px;
border-left: 3px solid #722ED1;
color: #722ED1;
}
section h4 {
font-size: 15px;
line-height: 22px;
margin: 18px 0 10px;
color: #444;
font-weight: 600;
}
/* ===== PARAGRAPH ===== */ /* ===== PARAGRAPH ===== */
p { p {
@@ -18,15 +18,15 @@
--shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 12px -2px rgba(0,0,0,0.04); --shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 12px -2px rgba(0,0,0,0.04);
} }
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.8;font-size:14px;} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:14px;}
.header{position:sticky;top:0;z-index:100;height:64px;background:linear-gradient(135deg,#1677FF,#722ED1);display:flex;align-items:center;padding:0 2rem;box-shadow:0 2px 8px rgba(22,119,255,0.15);} .header{position:sticky;top:0;z-index:100;height:64px;background:linear-gradient(135deg,#1677FF,#722ED1);display:flex;align-items:center;padding:0 2rem;box-shadow:0 2px 8px rgba(22,119,255,0.15);}
.header h1{font-size:18px;font-weight:700;color:#fff;} .header h1{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--color-primary),#722ED1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
.header .back-link{margin-right:16px;font-size:13px;color:rgba(255,255,255,0.85);text-decoration:none;flex-shrink:0;} .header .back-link{margin-right:16px;font-size:13px;color:rgba(255,255,255,0.85);text-decoration:none;flex-shrink:0;}
.header .back-link:hover{color:#fff;text-decoration:underline;} .header .back-link:hover{color:#fff;text-decoration:underline;}
.container{max-width:1200px;margin:0 auto;padding:32px 40px 64px;} .container{max-width:1200px;margin:0 auto;padding:32px 40px 64px;}
section{margin:36px 0;} section{margin:48px 0;}
section h2{font-size:22px;line-height:30px;padding:0 0 10px 14px;border-left:4px solid var(--color-primary);border-bottom:1px solid var(--border-light);margin-bottom:20px;} section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
section h3{font-size:18px;line-height:26px;margin:24px 0 12px;padding-left:12px;border-left:3px solid #722ED1;color:#722ED1;} section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
section h4{font-size:15px;line-height:22px;margin:16px 0 8px;color:#444;font-weight:600;} section h4{font-size:15px;line-height:22px;margin:16px 0 8px;color:#444;font-weight:600;}
p{color:var(--text-secondary);font-size:14px;margin:10px 0;} p{color:var(--text-secondary);font-size:14px;margin:10px 0;}
table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;} table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;}
@@ -20,7 +20,7 @@
--sidebar-w: 260px; --header-h: 64px; --sidebar-w: 260px; --header-h: 64px;
} }
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.8;font-size:14px;} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:14px;}
::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
@@ -46,12 +46,12 @@
.sidebar nav a:hover,.sidebar nav a.active{color:var(--color-primary);background:var(--color-primary-bg);} .sidebar nav a:hover,.sidebar nav a.active{color:var(--color-primary);background:var(--color-primary-bg);}
.sidebar nav a.active{border-left-color:var(--color-primary);font-weight:600;} .sidebar nav a.active{border-left-color:var(--color-primary);font-weight:600;}
.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:36px 48px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;} .main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:32px 40px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;}
section{margin:40px 0;scroll-margin-top:calc(var(--header-h) + 1rem);} section{margin:48px 0;scroll-margin-top:calc(var(--header-h) + 1rem);}
section h2{font-size:22px;line-height:30px;padding:0 0 10px 14px;border-left:4px solid var(--color-primary);border-bottom:1px solid var(--border-light);margin-bottom:20px;} section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
section h3{font-size:18px;line-height:26px;margin:28px 0 14px;padding-left:12px;border-left:3px solid #722ED1;color:#722ED1;} section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
section h4{font-size:15px;line-height:22px;margin:18px 0 10px;color:#444;font-weight:600;} section h4{font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success);}
p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-indent:2em;text-align:justify;} p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-align:justify;}
p.no-indent{text-indent:0;} p.no-indent{text-indent:0;}
blockquote{background:var(--color-primary-bg);border-left:4px solid var(--color-primary);margin:16px 0;padding:12px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;} blockquote{background:var(--color-primary-bg);border-left:4px solid var(--color-primary);margin:16px 0;padding:12px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
@@ -157,7 +157,7 @@
<ol> <ol>
<li><a href="#s6-1">研发基础设施全景</a></li> <li><a href="#s6-1">研发基础设施全景</a></li>
<li><a href="#s6-2">企业知识库(RAG</a></li> <li><a href="#s6-2">企业知识库(RAG</a></li>
<li><a href="#s6-3">AI API 网关与 Token Plan</a></li> <li><a href="#s6-3">AI API 网关与成本控制</a></li>
</ol> </ol>
<div class="toc-part">第七篇 · 度量与迭代</div> <div class="toc-part">第七篇 · 度量与迭代</div>
<ol> <ol>