|
|
@@ -23,134 +23,6 @@ body {
|
|
|
min-height: 100vh;
|
|
|
}
|
|
|
|
|
|
-/* 导航栏样式 */
|
|
|
-.fe-mod-head {
|
|
|
- background-color: #3c4043;
|
|
|
- color: white;
|
|
|
- padding: 0;
|
|
|
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-inner {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- padding: 2px 10px;
|
|
|
- max-width: 1400px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-title {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-/* FeHelper品牌样式 */
|
|
|
-.navbar-brand {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.navbar-brand img {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- margin-right: 8px;
|
|
|
-}
|
|
|
-
|
|
|
-.brand-text {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- color: #fff;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.brand-subtitle {
|
|
|
- font-size: 16px;
|
|
|
- color: #f0f0f0;
|
|
|
- font-weight: normal;
|
|
|
- border-left: 1px solid rgba(255, 255, 255, 0.3);
|
|
|
- padding-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.nav-icon {
|
|
|
- margin-right: 5px;
|
|
|
- font-style: normal;
|
|
|
- display: inline-block;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-title h1 {
|
|
|
- font-size: 1.5rem;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- font-weight: 500;
|
|
|
-}
|
|
|
-
|
|
|
-.back-link {
|
|
|
- display: inline-block;
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- margin-right: 12px;
|
|
|
- background: url("../static/img/back-arrow.png") no-repeat center;
|
|
|
- background-size: contain;
|
|
|
- opacity: 0.8;
|
|
|
- transition: opacity 0.3s;
|
|
|
-}
|
|
|
-
|
|
|
-.back-link:hover {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-actions {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-btn {
|
|
|
- padding: 8px 15px;
|
|
|
- background-color: #4285f4;
|
|
|
- color: white;
|
|
|
- border: none;
|
|
|
- border-radius: 4px;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 14px;
|
|
|
- transition: background-color 0.3s;
|
|
|
- text-decoration: none;
|
|
|
- display: inline-flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-btn:hover {
|
|
|
- background-color: #3367d6;
|
|
|
- color: white;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-btn.donate {
|
|
|
- background-color: #ea4335;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-btn.donate:hover {
|
|
|
- background-color: #d62516;
|
|
|
-}
|
|
|
-
|
|
|
-/* 工具栏样式 */
|
|
|
-.mod-toolbar {
|
|
|
- background: #fff;
|
|
|
- padding: 10px 20px;
|
|
|
- border-bottom: 1px solid var(--border-color);
|
|
|
-}
|
|
|
-
|
|
|
-.toolbar-inner {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.tool-group {
|
|
|
- display: flex;
|
|
|
- gap: 10px;
|
|
|
-}
|
|
|
|
|
|
/* 主体内容样式 */
|
|
|
.mod-main {
|
|
|
@@ -191,7 +63,7 @@ body {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
-.panel-title {
|
|
|
+.x-panel-title {
|
|
|
background: #e9ecef;
|
|
|
padding: 10px 15px;
|
|
|
font-weight: bold;
|
|
|
@@ -667,100 +539,3 @@ body {
|
|
|
opacity: 0.9;
|
|
|
}
|
|
|
|
|
|
-.mod-head-actions {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-/* 工具市场按钮样式(保持不变) */
|
|
|
-.mod-head-actions>a.x-other-tools {
|
|
|
- margin: 1px 0 0;
|
|
|
- font-size: 13px;
|
|
|
- cursor: pointer;
|
|
|
- text-decoration: none;
|
|
|
- -webkit-user-select: none;
|
|
|
- user-select: none;
|
|
|
- color: #333;
|
|
|
- float: right;
|
|
|
- background-color: #f5f8ff;
|
|
|
- padding: 5px 10px;
|
|
|
- border-radius: 15px;
|
|
|
- border: 1px solid #d0d9ff;
|
|
|
- transition: all 0.3s ease;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- top: 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-actions>a.x-other-tools .icon-plus-circle {
|
|
|
- display: inline-block;
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- background: url(../static/img/plus-circle.svg) no-repeat center center;
|
|
|
- background-size: contain;
|
|
|
- margin-right: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-actions>a.x-other-tools .tool-market-badge {
|
|
|
- display: inline-block;
|
|
|
- background-color: #4d89fe;
|
|
|
- color: white;
|
|
|
- padding: 2px 6px;
|
|
|
- border-radius: 10px;
|
|
|
- margin-left: 5px;
|
|
|
- font-size: 12px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.mod-head-actions>a.x-other-tools:hover {
|
|
|
- color: #333;
|
|
|
- background-color: #e6edff;
|
|
|
- box-shadow: 0 2px 5px rgba(0,0,0,0.15);
|
|
|
- transform: translateY(-1px);
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 保持原有的顶部导航样式 */
|
|
|
-.x-donate-link {
|
|
|
- float: right;
|
|
|
- line-height: 18px;
|
|
|
- color: #2563eb;
|
|
|
- cursor: pointer;
|
|
|
- text-decoration: none;
|
|
|
- border: none;
|
|
|
- white-space: nowrap;
|
|
|
- margin-right: auto;
|
|
|
- border-radius: 20px;
|
|
|
- background-color: #eff6ff;
|
|
|
- transition: all 0.2s ease;
|
|
|
- position: relative;
|
|
|
- display: inline-flex;
|
|
|
- align-items: center;
|
|
|
- box-shadow: 0 1px 2px rgba(37, 99, 235, 0.1);
|
|
|
- position: absolute;
|
|
|
- right: 215px;
|
|
|
- top: 4px;
|
|
|
- padding: 4px 12px;
|
|
|
- margin: 0 10px;
|
|
|
- font-size: 12px;
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-
|
|
|
-.x-donate-link:hover {
|
|
|
- background-color: #dbeafe;
|
|
|
- color: #1d4ed8;
|
|
|
- text-decoration: none;
|
|
|
- box-shadow: 0 2px 4px rgba(37, 99, 235, 0.15);
|
|
|
- transform: translateY(-1px);
|
|
|
-}
|
|
|
-
|
|
|
-.x-donate-link>a {
|
|
|
- font-size: 12px;
|
|
|
- color: blue;
|
|
|
- cursor: pointer;
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-.x-donate-link>a:hover {
|
|
|
- text-decoration: underline;
|
|
|
- color: #f00;
|
|
|
-}
|