优化:深国际改革方案增加左侧固定导航菜单(17个锚点+滚动监听+移动端抽屉)
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user