1310 lines
29 KiB
CSS
1310 lines
29 KiB
CSS
.wiki-index-index .page-main,
|
|
.wiki-index-view .page-main {
|
|
max-width: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.wiki-index-index .page-title-wrapper,.wiki-index-view .page-title-wrapper{
|
|
display: none;
|
|
}
|
|
.wiki-index-index .columns,
|
|
.wiki-index-view .columns {
|
|
display: block;
|
|
}
|
|
|
|
.esun-wiki-page {
|
|
color: #24262b;
|
|
font-family: inherit;
|
|
background: #fff;
|
|
}
|
|
|
|
.esun-wiki-hero {
|
|
position: relative;
|
|
min-height: 220px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #14ad61;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
|
|
.esun-wiki-hero .esun-wiki-title {
|
|
margin: 0 0 44px;
|
|
color: #fff;
|
|
font-size: 46px;
|
|
font-weight: 500;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.esun-wiki-search {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -36px;
|
|
display: flex;
|
|
align-items: center;
|
|
width: min(820px, calc(100vw - 48px));
|
|
height: 60px;
|
|
padding: 0 25px;
|
|
transform: translateX(-50%);
|
|
border: 1px solid #d9dedc;
|
|
border-radius: 36px;
|
|
background: #fff;
|
|
box-shadow: 0 8px 24px rgba(16, 34, 28, .08);
|
|
z-index: 2;
|
|
}
|
|
|
|
.esun-wiki-search input {
|
|
flex: 1;
|
|
min-width: 0;
|
|
height: 100%;
|
|
border: 0;
|
|
color: #272a2e;
|
|
font-size: 20px;
|
|
letter-spacing: 0;
|
|
outline: 0;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.esun-wiki-search input::placeholder {
|
|
color: #9c9fa3;
|
|
}
|
|
|
|
.esun-wiki-search-clear,
|
|
.esun-wiki-search-submit {
|
|
position: relative;
|
|
width: 35px;
|
|
height: 35px;
|
|
margin-left: 12px;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.esun-wiki-search-clear {
|
|
display: none;
|
|
}
|
|
|
|
.esun-wiki-search-clear.is-visible {
|
|
display: block;
|
|
}
|
|
|
|
.esun-wiki-search-clear::before,
|
|
.esun-wiki-search-clear::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 9px;
|
|
width: 24px;
|
|
height: 2px;
|
|
background: #17a957;
|
|
}
|
|
|
|
.esun-wiki-search-clear::before {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.esun-wiki-search-clear::after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.esun-wiki-shell {
|
|
display: flex;
|
|
gap: 30px;
|
|
width: 83.333333%;
|
|
margin: 90px auto -42px;
|
|
align-items: start;
|
|
max-width: 1600px;
|
|
justify-content: space-between;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.esun-wiki-mobile-actions,
|
|
.esun-wiki-drawer-header,
|
|
.esun-wiki-drawer-backdrop {
|
|
display: none;
|
|
}
|
|
|
|
.esun-wiki-sidebar,
|
|
.esun-wiki-toc-card {
|
|
border: 1px solid #e6e9e7;
|
|
border-radius: 24px;
|
|
background: #fbfdfb;
|
|
}
|
|
|
|
.esun-wiki-sidebar {
|
|
top: 104px;
|
|
padding: 25px 20px;
|
|
width: 328px;
|
|
}
|
|
|
|
.esun-wiki-tree,
|
|
.esun-wiki-toc ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.esun-wiki-tree-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 12px;
|
|
}
|
|
|
|
.esun-wiki-tree-link {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
gap: 10px;
|
|
min-width: 0;
|
|
color: #25272b;
|
|
font-weight: 600;
|
|
line-height: 1.04;
|
|
text-decoration: none;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.esun-wiki-tree-title {
|
|
display: block;
|
|
min-width: 0;
|
|
}
|
|
|
|
.esun-wiki-tree-link.is-disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
.esun-wiki-tree-logo {
|
|
flex: 0 0 28px;
|
|
width: 28px;
|
|
height: 28px;
|
|
margin-top: -4px;
|
|
object-fit: contain;
|
|
}
|
|
a.esun-wiki-tree-link:visited{
|
|
color: #25272b;
|
|
}
|
|
|
|
.esun-wiki-content .page-header{
|
|
padding: 30px 0 !important;
|
|
background: none !important;
|
|
border-bottom: 1px solid #dfe5e1 !important;
|
|
}
|
|
|
|
.esun-wiki-tree-level-0 > .esun-wiki-tree-item > .esun-wiki-tree-row .esun-wiki-tree-link {
|
|
font-size:18px;
|
|
}
|
|
|
|
.esun-wiki-tree-level-1 > .esun-wiki-tree-item > .esun-wiki-tree-row .esun-wiki-tree-link {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.esun-wiki-tree-level-2 > .esun-wiki-tree-item > .esun-wiki-tree-row .esun-wiki-tree-link,
|
|
.esun-wiki-tree-level-3 > .esun-wiki-tree-item > .esun-wiki-tree-row .esun-wiki-tree-link {
|
|
color: #7a7d80;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.esun-wiki-tree-level-2 .esun-wiki-tree-logo,
|
|
.esun-wiki-tree-level-3 .esun-wiki-tree-logo {
|
|
flex-basis: 22px;
|
|
width: 22px;
|
|
height: 22px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.esun-wiki-tree-item + .esun-wiki-tree-item {
|
|
margin-top: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.esun-wiki-tree-level-2 .esun-wiki-tree-item,
|
|
.esun-wiki-tree-level-3 .esun-wiki-tree-item {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.esun-wiki-tree-toggle {
|
|
position: relative;
|
|
flex: 0 0 26px;
|
|
width: 26px;
|
|
height: 20px;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.esun-wiki-tree-toggle span::before,
|
|
.esun-wiki-tree-toggle span::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 10px;
|
|
width: 10px;
|
|
height: 2px;
|
|
border-radius: 2px;
|
|
background: #1d2227;
|
|
transition: transform .2s ease;
|
|
}
|
|
.esun-wiki-sidebar button:hover, .esun-wiki-sidebar button:focus, .esun-wiki-sidebar button:active{
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
.esun-wiki-tree-toggle span::before {
|
|
left: 6px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.esun-wiki-tree-toggle span::after {
|
|
right: 4px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.esun-wiki-tree-item.is-open > .esun-wiki-tree-row .esun-wiki-tree-toggle span::before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.esun-wiki-tree-item.is-open > .esun-wiki-tree-row .esun-wiki-tree-toggle span::after {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.esun-wiki-tree-children {
|
|
display: none;
|
|
margin: 20px 0 0 20px;
|
|
}
|
|
|
|
.esun-wiki-tree-item.is-open > .esun-wiki-tree-children {
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.esun-wiki-tree-item.is-active > .esun-wiki-tree-row .esun-wiki-tree-link {
|
|
color: #0fa956;
|
|
}
|
|
|
|
.esun-wiki-tree-summary {
|
|
margin: 12px 0 0 24px;
|
|
color: #7f8286;
|
|
font-size: 17px;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.esun-wiki-breadcrumbs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-bottom: 26px;
|
|
color: #999;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.esun-wiki-breadcrumbs a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.esun-wiki-main {
|
|
width: 75%;
|
|
}
|
|
|
|
.esun-wiki-shell.has-no-toc .esun-wiki-main {
|
|
flex: 1;
|
|
width: auto;
|
|
}
|
|
|
|
.esun-wiki-article h1 {
|
|
margin: 20px 0;
|
|
color: #2d2f34;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.05;
|
|
letter-spacing: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.esun-wiki-content {
|
|
color: #333;
|
|
font-size: 14px;
|
|
}
|
|
.esun-wiki-content .accordion-container{
|
|
padding: 0;
|
|
}
|
|
|
|
.esun-wiki-content p {
|
|
margin: 0 0 18px;
|
|
}
|
|
|
|
.esun-wiki-content a {
|
|
color: #069a45;
|
|
text-decoration: underline;
|
|
text-underline-offset: 3px;
|
|
}
|
|
|
|
.esun-wiki-content h2,
|
|
.esun-wiki-content h3 {
|
|
margin: 20px 0 12px;
|
|
color: #24262b;
|
|
font-weight: 600;
|
|
line-height: 1.16;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.esun-wiki-content h2 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.esun-wiki-content h3 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.esun-wiki-content-figure {
|
|
margin: 44px 0 38px;
|
|
}
|
|
|
|
.esun-wiki-content-figure img,
|
|
.esun-wiki-content img {
|
|
display: block;
|
|
width: auto;
|
|
max-width: 100%;
|
|
border-radius: 8px;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.esun-wiki-bottom-nav {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
|
gap: 28px;
|
|
margin: 30px 0 15px;
|
|
}
|
|
|
|
.esun-wiki-bottom-link {
|
|
display: grid;
|
|
grid-template-columns: 18px minmax(0, 1fr);
|
|
align-items: center;
|
|
gap: 10px;
|
|
min-height: 96px;
|
|
color: #2b2e33;
|
|
text-decoration: none;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.esun-wiki-bottom-link-next {
|
|
grid-template-columns: minmax(0, 1fr) 18px;
|
|
text-align: right;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.esun-wiki-bottom-link.is-disabled {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.esun-wiki-bottom-text {
|
|
display: grid;
|
|
gap: 8px;
|
|
}
|
|
|
|
.esun-wiki-bottom-text strong {
|
|
display: block;
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.05;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.esun-wiki-bottom-text span {
|
|
display: block;
|
|
color: #999;
|
|
font-size: 12px;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.esun-wiki-bottom-arrow {
|
|
position: relative;
|
|
}
|
|
|
|
.esun-wiki-bottom-arrow::before {
|
|
content: "";
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-left: 3px solid #17a957;
|
|
border-top: 3px solid #17a957;
|
|
transform: rotate(-45deg);
|
|
}
|
|
.esun-wiki-bottom-arrow-next::before{
|
|
transform: rotate(135deg);
|
|
}
|
|
|
|
.esun-wiki-bottom-link:hover .esun-wiki-bottom-text strong,
|
|
.esun-wiki-bottom-link:hover .esun-wiki-bottom-text span {
|
|
color: #10a956;
|
|
}
|
|
|
|
.esun-wiki-search-results h2 {
|
|
margin: 0 0 24px;
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.15;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.esun-wiki-result {
|
|
padding: 22px 0;
|
|
border-bottom: 1px solid #e1e8e4;
|
|
}
|
|
|
|
.esun-wiki-result a {
|
|
color: #111418;
|
|
font-size: 22px;
|
|
font-weight: 800;
|
|
line-height: 1.2;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.esun-wiki-result a:hover {
|
|
color: #10a956;
|
|
}
|
|
|
|
.esun-wiki-result p,
|
|
.esun-wiki-empty {
|
|
margin: 10px 0 0;
|
|
color: #73777b;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.esun-wiki-toc {
|
|
position: sticky;
|
|
top: 104px;
|
|
width: 300px;
|
|
}
|
|
|
|
.esun-wiki-toc-card {
|
|
padding: 30px 24px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.esun-wiki-toc li + li {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.esun-wiki-toc a {
|
|
display: block;
|
|
color: #73777b;
|
|
font-size: 14px;
|
|
line-height: 1.35;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.esun-wiki-toc .level-1 a {
|
|
margin-bottom: 24px;
|
|
color: #202327;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.esun-wiki-toc .level-2 a::before,
|
|
.esun-wiki-toc .level-3 a::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 4px;
|
|
height: 4px;
|
|
margin: 0 8px 3px 0;
|
|
border-radius: 50%;
|
|
background: currentColor;
|
|
}
|
|
|
|
.esun-wiki-toc .level-2:first-child a,
|
|
.esun-wiki-toc .level-3:first-child a,
|
|
.esun-wiki-toc a:hover {
|
|
color: #0fa956;
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.esun-wiki-shell {
|
|
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
|
|
}
|
|
|
|
.esun-wiki-toc {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 860px) {
|
|
html.esun-wiki-drawer-lock,
|
|
body.esun-wiki-drawer-lock {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.esun-wiki-hero {
|
|
min-height: 190px;
|
|
}
|
|
|
|
.esun-wiki-hero .esun-wiki-title {
|
|
margin-bottom: 40px;
|
|
font-size: 42px;
|
|
}
|
|
|
|
.esun-wiki-search {
|
|
height: 50px;
|
|
padding: 0 20px;
|
|
width: 80%;
|
|
}
|
|
|
|
.esun-wiki-search input {
|
|
font-size: 16px;
|
|
padding: 0;
|
|
}
|
|
|
|
.esun-wiki-shell {
|
|
display: block;
|
|
width: calc(100% - 28px);
|
|
max-width: none;
|
|
margin: 60px auto 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.esun-wiki-mobile-actions {
|
|
position: sticky;
|
|
top: 12px;
|
|
z-index: 40;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 44px;
|
|
margin: 0 0 26px;
|
|
pointer-events: none;
|
|
background: #fff;
|
|
gap: 10px;
|
|
}
|
|
|
|
.esun-wiki-shell.has-no-toc .esun-wiki-mobile-actions {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.esun-wiki-mobile-trigger {
|
|
position: relative;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 36px;
|
|
height: 36px;
|
|
padding: 0;
|
|
border: 1px solid #dce7e0;
|
|
border-radius: 5px;
|
|
color: #159f53;
|
|
background: #fff;
|
|
box-shadow: 0 5px 18px rgba(18, 70, 42, .12);
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.esun-wiki-mobile-trigger:hover,
|
|
.esun-wiki-mobile-trigger:focus,
|
|
.esun-wiki-mobile-trigger:active {
|
|
border-color: #17a957;
|
|
color: #fff;
|
|
background: #17a957;
|
|
}
|
|
|
|
.esun-wiki-mobile-trigger:focus-visible,
|
|
.esun-wiki-drawer-close:focus-visible {
|
|
outline: 2px solid rgba(23, 169, 87, .4);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.esun-wiki-mobile-trigger-icon--menu {
|
|
width: 15px;
|
|
height: 2px;
|
|
border-radius: 2px;
|
|
background: currentColor;
|
|
box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
|
|
}
|
|
|
|
.esun-wiki-mobile-trigger-icon--anchors {
|
|
display: grid;
|
|
gap: 4px;
|
|
width: 24px;
|
|
}
|
|
|
|
.esun-wiki-mobile-trigger-icon--anchors i {
|
|
display: block;
|
|
width: 17px;
|
|
height: 2px;
|
|
margin-left: 7px;
|
|
border-radius: 2px;
|
|
background: currentColor;
|
|
box-shadow: -7px 0 0 -0.2px currentColor;
|
|
}
|
|
|
|
.esun-wiki-drawer-backdrop {
|
|
position: fixed;
|
|
z-index: 10040;
|
|
inset: 0;
|
|
display: block;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
background: rgba(13, 24, 18, .42);
|
|
transition: opacity .25s ease, visibility 0s linear .25s;
|
|
}
|
|
|
|
.esun-wiki-drawer-backdrop.is-visible {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition-delay: 0s;
|
|
}
|
|
|
|
.esun-wiki-drawer {
|
|
position: fixed;
|
|
z-index: 10050;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
visibility: hidden;
|
|
width: min(86vw, 360px);
|
|
height: 100vh;
|
|
height: 100dvh;
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
border: 0;
|
|
border-radius: 0;
|
|
background: #fff;
|
|
box-shadow: 0 0 30px rgba(11, 39, 24, .18);
|
|
box-sizing: border-box;
|
|
pointer-events: none;
|
|
transition: transform .28s ease, visibility 0s linear .28s;
|
|
overscroll-behavior: contain;
|
|
}
|
|
|
|
.esun-wiki-drawer--left {
|
|
left: 0;
|
|
padding: 0;
|
|
border-right: 1px solid #e1ebe5;
|
|
transform: translateX(-102%);
|
|
}
|
|
|
|
.esun-wiki-drawer--right {
|
|
right: 0;
|
|
border-left: 1px solid #e1ebe5;
|
|
transform: translateX(102%);
|
|
}
|
|
|
|
.esun-wiki-drawer.is-open {
|
|
visibility: visible;
|
|
pointer-events: auto;
|
|
transform: translateX(0);
|
|
transition-delay: 0s;
|
|
}
|
|
|
|
.esun-wiki-drawer-header {
|
|
position: sticky;
|
|
z-index: 2;
|
|
top: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
min-height: 68px;
|
|
padding: 12px 18px 12px 22px;
|
|
border-bottom: 1px solid #e5ece8;
|
|
background: rgba(255, 255, 255, .97);
|
|
}
|
|
|
|
.esun-wiki-drawer-header strong {
|
|
color: #25272b;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.esun-wiki-drawer-close {
|
|
position: relative;
|
|
width: 40px;
|
|
height: 40px;
|
|
padding: 0;
|
|
border: 0;
|
|
border-radius: 8px;
|
|
color: #24272a;
|
|
background: transparent;
|
|
}
|
|
|
|
.esun-wiki-drawer-close:hover,
|
|
.esun-wiki-drawer-close:focus,
|
|
.esun-wiki-drawer-close:active {
|
|
border: 0;
|
|
color: #0fa956;
|
|
background: #edf8f1;
|
|
}
|
|
|
|
.esun-wiki-drawer-close span::before,
|
|
.esun-wiki-drawer-close span::after {
|
|
position: absolute;
|
|
top: 19px;
|
|
left: 10px;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-radius: 2px;
|
|
background: currentColor;
|
|
content: '';
|
|
}
|
|
|
|
.esun-wiki-drawer-close span::before {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.esun-wiki-drawer-close span::after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.esun-wiki-sidebar nav {
|
|
padding: 24px 22px 40px;
|
|
}
|
|
|
|
.esun-wiki-toc {
|
|
top: 0;
|
|
}
|
|
|
|
.esun-wiki-toc-card {
|
|
padding: 26px 22px 40px;
|
|
border: 0;
|
|
border-radius: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.esun-wiki-toc a {
|
|
padding: 7px 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.esun-wiki-toc .level-1 a {
|
|
margin-bottom: 12px;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.esun-wiki-main,
|
|
.esun-wiki-shell.has-no-toc .esun-wiki-main {
|
|
width: 100%;
|
|
max-width: none;
|
|
}
|
|
|
|
.esun-wiki-content h2 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.esun-wiki-content h3 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
}
|
|
|
|
:root{--bg:#f4f7f4;--bg2:#fff;--ink:#1a2e1a;--muted:#6b7c6b;--rule:#c8dac8;--accent:#2e7d32;--accent2:#1976d2;--accent-light:#e8f5e9;--warn-bg:#fffde7;--warn-rule:#f9a825;--note-bg:#e3f2fd;--tip-bg:#e8f5e9;--tip-rule:#2e7d32;--note-rule:#1976d2}
|
|
.hero{background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 40%,#43a047 100%);color:#fff;padding:48px 24px;text-align:center;margin-bottom: 30px;}
|
|
.hero h1{font-size:2rem;font-weight:600;margin-bottom:20px;color: #fff;}
|
|
.hero .subtitle{font-size:1.1rem;opacity:.9;margin-bottom:20px}
|
|
.hero-tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
|
|
.hero-tags span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:4px 16px;border-radius:20px;font-size:.85rem}
|
|
.container{max-width:960px;margin:0 auto;}
|
|
.toc-card{background:var(--bg2);border-radius:12px;padding:24px 32px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
|
|
.toc-card h2{font-size:1.1rem;color:var(--accent);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--rule)}
|
|
.toc-list{list-style:none;counter-reset:toc}
|
|
.toc-list li{counter-increment:toc;padding:6px 0}
|
|
.toc-list li::before{content:counter(toc) ".";color:var(--accent);font-weight:700;margin-right:8px}
|
|
.toc-list a{color:var(--ink);text-decoration:none;font-size:.95rem}
|
|
.toc-list a:hover{color:var(--accent)}
|
|
.section{background:var(--bg2);border-radius:12px;padding:30px;margin-bottom:28px;box-shadow:0 2px 8px rgba(0,0,0,.06);border: 1px solid #e6e9e7;margin: 20px 0;}
|
|
.section h2{font-size:1.5rem;color:var(--accent);margin: 15px 0;}
|
|
.section-tag{display:inline-block;font-size:.75rem;color:var(--muted);background:var(--accent-light);padding:2px 10px;border-radius:10px;margin-bottom:16px}
|
|
.section h3{font-size:1.15rem;color:var(--accent2);margin:20px 0 10px;padding-left:12px;border-left:3px solid var(--accent2)}
|
|
.section p{margin-bottom:12px;color:#333}
|
|
.section ul,.section ol{margin:10px 0 16px 16px;padding: 0;}
|
|
.section li{margin-bottom:6px}
|
|
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
|
|
.card{background:var(--accent-light);border-radius:10px;padding:18px;border:1px solid var(--rule)}
|
|
.card h4{color:var(--accent);font-size:.95rem;margin-bottom:5px;margin-top: 5px;}
|
|
.card p{font-size:.88rem;color:var(--ink);margin:0}
|
|
table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:1rem}
|
|
thead th{background:var(--accent);color:#fff;padding:10px 14px;text-align:left;position:sticky;top:0;z-index:1}
|
|
tbody td{padding:10px 14px;border-bottom:1px solid var(--rule)}
|
|
tbody tr:hover{background:var(--accent-light)}
|
|
.esun-wiki-content table thead th,.esun-wiki-content table tbody td{padding: 10px !important;}
|
|
.callout{background:#e6f3ed;padding:15px;border-left: 4px solid var(--accent);border-radius:8px;margin:16px 0;font-size:1rem}
|
|
.callout-warn{background:var(--warn-bg);border-left:4px solid var(--warn-rule);padding: 15px;}
|
|
.callout-tip{background:var(--tip-bg);border-left:4px solid var(--tip-rule);padding: 15px;}
|
|
.callout-note{background:var(--note-bg);border-left:4px solid var(--note-rule);padding: 15px;}
|
|
.callout strong{display:block;margin-bottom:4px;font-size: 16px;color: #087248;}
|
|
.summary-box{background:linear-gradient(135deg,var(--accent-light),#c8e6c9);border:2px solid var(--accent);border-radius:12px;padding:24px;margin:20px 0}
|
|
.summary-box h3{color:var(--accent);margin-bottom:10px;font-size:1.1rem}
|
|
.summary-box ul{margin-left:20px}
|
|
.summary-box li{margin-bottom:6px}
|
|
.esun-wiki-content .footer{color: var(--muted);font-size: 12px;text-align: center;}
|
|
.toc {background: var(--surface-soft);border: 1px solid var(--line);border-radius: 8px;padding: 20px 24px;margin-bottom: 40px}
|
|
.toc h2 {font-size: 18px; margin-top: 0; margin-bottom: 12px; color: var(--accent-dark);border-bottom: 2px solid var(--accent-soft);}
|
|
.toc ol, .toc ul {margin: 0;padding-left: 20px;columns: 2;column-gap: 32px;}
|
|
.toc ol ul,.toc ul ul{
|
|
margin-top: 8px;
|
|
padding-left: 0;
|
|
columns: 1;
|
|
column-gap: 0;
|
|
}
|
|
.toc li {margin-bottom: 8px;font-size: 14px;}
|
|
.toc a {color: var(--accent-dark);text-decoration: none;}
|
|
.toc a:hover {text-decoration: underline;}
|
|
.esun-wiki-content,.esun-wiki-block {
|
|
--accent: #138a5b;
|
|
--accent-soft: #e6f3ed;
|
|
--accent-dark: #087248;
|
|
--ink: rgba(0, 0, 0, .86);
|
|
--line: #dfe5e1;
|
|
color: var(--ink);
|
|
}
|
|
.esun-wiki-block .lead {
|
|
font-size: 16px;
|
|
color: #303832;
|
|
background: var(--accent-soft);
|
|
padding: 20px 24px;
|
|
border-radius: 6px;
|
|
border-left: 4px solid var(--accent);
|
|
}
|
|
.esun-wiki-block h2 {
|
|
color: var(--accent);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
margin: 20px 0 15px;
|
|
padding-bottom: 8px;
|
|
border-bottom: 1px solid var(--line);
|
|
}
|
|
.esun-wiki-block .table-responsive {
|
|
overflow-x: auto;
|
|
margin: 24px 0 32px 0;
|
|
}
|
|
.esun-wiki-block th {
|
|
background: #f7faf8;
|
|
color: var(--accent);
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
}
|
|
.esun-wiki-block th, .esun-wiki-block td {
|
|
border: 1px solid var(--line);
|
|
}
|
|
.esun-wiki-block .workflow-steps {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
.esun-wiki-block .step-card {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
background: #fdfdfd;
|
|
border: 1px solid var(--line);
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
transition: box-shadow 0.3s ease, border-color 0.3s ease;
|
|
}
|
|
.esun-wiki-block .step-num {
|
|
flex-shrink: 0;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: var(--accent-soft);
|
|
color: var(--accent);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
margin-right: 15px;
|
|
}
|
|
.esun-wiki-block .step-text h3 {
|
|
margin: 0 0 10px 0;
|
|
color: var(--accent);
|
|
font-size: 18px;
|
|
}
|
|
.esun-wiki-block .step-text p{margin-bottom: 0;}
|
|
.esun-wiki-block .intro-alt {
|
|
color: #3f4641;
|
|
padding: 24px 0;
|
|
border-top: 3px solid var(--accent);
|
|
border-bottom: 1px solid var(--line);
|
|
}
|
|
.esun-wiki-block .tip-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
}
|
|
.esun-wiki-block .tip-item {
|
|
background: #fff;
|
|
border: 1px solid var(--line);
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
|
|
}
|
|
.esun-wiki-block .tip-header {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
.esun-wiki-block .tip-num {
|
|
flex-shrink: 0;
|
|
width: 30px;
|
|
height: 30px;
|
|
background: var(--accent);
|
|
color: #fff;
|
|
border-radius: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-right: 16px;
|
|
}
|
|
.esun-wiki-block .tip-header h3 {
|
|
margin: 0;
|
|
color: var(--accent);
|
|
}
|
|
.esun-wiki-block .tip-note {
|
|
background: #f7faf8;
|
|
border-left: 3px solid #62b390;
|
|
padding: 15px;
|
|
border-radius: 0 4px 4px 0;
|
|
font-size: 15px;
|
|
color: #2b332e;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
margin-top: 16px;
|
|
}
|
|
section ul.faq-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.faq-list li {
|
|
border-bottom: 1px solid #dfe5e1;
|
|
margin: 0;
|
|
}
|
|
.faq-list a {
|
|
display: block;
|
|
padding: 10px 0;
|
|
color: var(--ink);
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media(max-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:1.8rem}}
|
|
@media(max-width:480px){.card-grid{grid-template-columns:1fr}.container{padding:16px 10px 48px}.section{padding:20px 16px}}
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
padding: 6px 11px;
|
|
border: 1px solid #b8d9c8;
|
|
border-radius: 4px;
|
|
background: var(--accent-soft);
|
|
color: var(--accent-dark);
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
.meta {
|
|
color: var(--muted);
|
|
font-size: 13px;
|
|
}
|
|
|
|
.esun-wiki-tip-trigger {
|
|
display: inline;
|
|
width: auto;
|
|
min-width: 0;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid currentColor;
|
|
border-radius: 0;
|
|
color: #08a94f;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
font: inherit;
|
|
line-height: inherit;
|
|
text-align: inherit;
|
|
text-decoration: none;
|
|
text-underline-offset: 3px;
|
|
vertical-align: baseline;
|
|
cursor: help;
|
|
}
|
|
|
|
.esun-wiki-tip-trigger:hover,
|
|
.esun-wiki-tip-trigger:focus,
|
|
.esun-wiki-tip-trigger:active {
|
|
border-color: #08a94f;
|
|
color: #08a94f;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border: 0;
|
|
border-bottom: 1px solid currentColor;
|
|
}
|
|
|
|
.esun-wiki-tip-trigger:focus-visible {
|
|
outline: 2px solid rgba(8, 169, 79, .35);
|
|
outline-offset: 3px;
|
|
}
|
|
|
|
.esun-wiki-tooltip-layer {
|
|
position: relative;
|
|
z-index: 10010;
|
|
}
|
|
|
|
.esun-wiki-tooltip {
|
|
--esun-wiki-tip-arrow-left: 50%;
|
|
position: fixed;
|
|
z-index: 10010;
|
|
display: none;
|
|
max-width: calc(100vw - 28px);
|
|
border: 1px solid #08a94f;
|
|
border-radius: 24px;
|
|
color: #303236;
|
|
background: #fff;
|
|
box-shadow: 0 8px 24px rgba(15, 51, 31, .12);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.esun-wiki-tooltip.is-active {
|
|
display: block;
|
|
}
|
|
|
|
.esun-wiki-tooltip::after {
|
|
position: absolute;
|
|
left: var(--esun-wiki-tip-arrow-left);
|
|
bottom: -10px;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-right: 1px solid #08a94f;
|
|
border-bottom: 1px solid #08a94f;
|
|
background: #fff;
|
|
content: '';
|
|
transform: translateX(-50%) rotate(45deg);
|
|
}
|
|
|
|
.esun-wiki-tooltip.is-below::after {
|
|
top: -10px;
|
|
bottom: auto;
|
|
border: 0;
|
|
border-top: 1px solid #08a94f;
|
|
border-left: 1px solid #08a94f;
|
|
}
|
|
|
|
.esun-wiki-tooltip--product {
|
|
width: 320px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.esun-wiki-product-tip__visual {
|
|
position: relative;
|
|
height: 130px;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
background: #08090a;
|
|
}
|
|
|
|
.esun-wiki-product-tip__visual > a {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.esun-wiki-product-tip__visual img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 0;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.esun-wiki-product-tip__price {
|
|
position: absolute;
|
|
left: 20px;
|
|
bottom: 15px;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 12px;
|
|
padding: 4px 7px;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, .66);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.esun-wiki-product-tip__price strong {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
}
|
|
|
|
.esun-wiki-product-tip__price del {
|
|
color: #a9afb7;
|
|
font-size: 15px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.esun-wiki-product-tip__action {
|
|
position: absolute;
|
|
right: 17px;
|
|
bottom: 12px;
|
|
}
|
|
|
|
.esun-wiki-product-tip__action form {
|
|
margin: 0;
|
|
}
|
|
|
|
.esun-wiki-product-tip__cart,
|
|
.esun-wiki-product-tip__cart:hover,
|
|
.esun-wiki-product-tip__cart:focus,
|
|
.esun-wiki-product-tip__cart:active {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
min-width: 40px;
|
|
padding: 0;
|
|
border: 0;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
background: #08ad59;
|
|
box-shadow: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.esun-wiki-product-tip__cart:hover,
|
|
.esun-wiki-product-tip__cart:focus {
|
|
background: #078f4a;
|
|
}
|
|
|
|
.esun-wiki-product-tip__cart.is-disabled {
|
|
opacity: .48;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.esun-wiki-product-tip__cart svg {
|
|
width: 25px;
|
|
height: 25px;
|
|
fill: none;
|
|
stroke: currentColor;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
stroke-width: 1.8;
|
|
}
|
|
|
|
.esun-wiki-product-tip__cart span {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.esun-wiki-product-tip__name {
|
|
display: block;
|
|
margin: 15px 2px 0;
|
|
overflow: hidden;
|
|
color: #303236;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
text-decoration: none;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.esun-wiki-product-tip__name:hover,
|
|
.esun-wiki-product-tip__name:focus {
|
|
color: #08a94f;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.esun-wiki-tooltip--term {
|
|
width: auto;
|
|
padding: 20px;
|
|
max-width: 800px;
|
|
}
|
|
|
|
.esun-wiki-term-tip__image {
|
|
width: 100%;
|
|
margin: 0 0 18px;
|
|
overflow: hidden;
|
|
aspect-ratio: 16 / 7;
|
|
border-radius: 12px;
|
|
background: #f3f6f4;
|
|
}
|
|
|
|
.esun-wiki-term-tip__image img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 0;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.esun-wiki-term-tip__link {
|
|
display: inline-block;
|
|
margin-bottom: 18px;
|
|
color: #08a94f;
|
|
font-size: 15px;
|
|
line-height: 1.2;
|
|
text-decoration: underline;
|
|
text-underline-offset: 4px;
|
|
}
|
|
|
|
.esun-wiki-term-tip__title {
|
|
display: block;
|
|
margin: 0 0 8px;
|
|
color: #303236;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.esun-wiki-term-tip__description {
|
|
display: -webkit-box;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
color: #303236;
|
|
font-size: 16px;
|
|
line-height: 1.65;
|
|
text-align: left;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.esun-wiki-tooltip {
|
|
border-radius: 18px;
|
|
}
|
|
|
|
.esun-wiki-tooltip--product,
|
|
.esun-wiki-tooltip--term {
|
|
width: calc(100vw - 28px);
|
|
}
|
|
|
|
.esun-wiki-tooltip--term {
|
|
padding: 24px;
|
|
}
|
|
|
|
.esun-wiki-product-tip__visual {
|
|
height: 170px;
|
|
}
|
|
|
|
.esun-wiki-product-tip__name {
|
|
font-size: 17px;
|
|
}
|
|
|
|
.esun-wiki-term-tip__title {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.esun-wiki-term-tip__description {
|
|
font-size: 15px;
|
|
}
|
|
}
|