diff --git a/assets/css/common/floating.css b/assets/css/common/floating.css index 52f41130..c11aa64a 100644 --- a/assets/css/common/floating.css +++ b/assets/css/common/floating.css @@ -31,7 +31,7 @@ width: 40px; height: 40px; background: var(--blur-bg); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-full); box-shadow: var(--shadow-sm); backdrop-filter: saturate(2) blur(12px); @@ -58,7 +58,7 @@ color: #fff; border-color: var(--color-primary); box-shadow: var(--shadow-lg); - transform: translateY(-2px); + transform: none; } .floating-btn:active { diff --git a/assets/css/core/components-ext.css b/assets/css/core/components-ext.css index 5e72e3fd..f4e17a0f 100644 --- a/assets/css/core/components-ext.css +++ b/assets/css/core/components-ext.css @@ -231,7 +231,7 @@ .aksrt-pricing-card:hover { box-shadow: var(--shadow-lg, 0 0 10px rgba(116, 116, 116, 0.12)); - transform: translateY(-2px); + transform: none; } /* 推荐/高亮卡片 */ diff --git a/assets/css/frontend/card-primitives.css b/assets/css/frontend/card-primitives.css index 9f9948b6..351837a0 100644 --- a/assets/css/frontend/card-primitives.css +++ b/assets/css/frontend/card-primitives.css @@ -155,7 +155,7 @@ body.dark-theme .theme-box:hover { .aksrt-card-hover-lg:hover, .aksrt-card-hover-lg:focus-within { box-shadow: var(--shadow-lg); - transform: translateY(-4px); + transform: none; } .aksrt-noshadow:hover { diff --git a/assets/css/frontend/comments.css b/assets/css/frontend/comments.css index aa79b68b..23208ab5 100644 --- a/assets/css/frontend/comments.css +++ b/assets/css/frontend/comments.css @@ -59,9 +59,9 @@ align-items: center; gap: 12px; padding: 16px 18px; - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); font-size: 14px; color: var(--color-ink-4); diff --git a/assets/css/frontend/enhancements/core-ui.css b/assets/css/frontend/enhancements/core-ui.css index e5e5691c..be8f7452 100644 --- a/assets/css/frontend/enhancements/core-ui.css +++ b/assets/css/frontend/enhancements/core-ui.css @@ -266,7 +266,7 @@ } .aksrt-hover-lift:hover { - transform: translateY(-2px); + transform: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } diff --git a/assets/css/frontend/enhancements/modal-motion/base.css b/assets/css/frontend/enhancements/modal-motion/base.css index ab685916..2da29762 100644 --- a/assets/css/frontend/enhancements/modal-motion/base.css +++ b/assets/css/frontend/enhancements/modal-motion/base.css @@ -1,5 +1,5 @@ /* ============================================================ - * 21. 弹窗登录/注册 + * 21. 弹窗登录/注册 — 1:1 Zibll modal * ============================================================ */ .aksrt-modal-auth { position: fixed; @@ -11,6 +11,7 @@ opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; + padding: 10px; } .aksrt-modal-auth.is-open { @@ -21,75 +22,189 @@ .aksrt-modal-auth__overlay { position: absolute; inset: 0; - background: rgba(0, 0, 0, 0.5); - backdrop-filter: blur(4px); - -webkit-backdrop-filter: blur(4px); + background: rgba(0, 0, 0, 0.4); + backdrop-filter: none; + -webkit-backdrop-filter: none; } .aksrt-modal-auth__card { position: relative; - background: var(--main-bg-color, #fff); + background: var(--main-bg-color, var(--surface-1, #fff)); border-radius: var(--main-radius, 8px); - padding: 32px; + border: none; + padding: 0; max-width: 400px; - width: 90%; - max-height: 90vh; + width: 100%; + max-height: calc(100vh - 20px); + overflow: hidden; overflow-y: auto; + -webkit-overflow-scrolling: touch; box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08)); z-index: 1; transform: scale(0.9); - transition: transform 0.5s cubic-bezier(0.32, 0.85, 0.45, 1.18); + transition: transform 0.5s cubic-bezier(0.32, 0.85, 0.45, 1.18), width 0.3s; } .aksrt-modal-auth.is-open .aksrt-modal-auth__card { transform: scale(1); } +.aksrt-modal-auth__header { + position: relative; + text-align: center; + margin: 0; + padding: 28px 24px 16px; + min-height: 120px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: var(--main-radius, 8px) var(--main-radius, 8px) 0 0; + overflow: hidden; + color: #fff; + background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-active, #c9206d) 100%); +} + +.aksrt-modal-auth__header::before, +.aksrt-modal-auth__header::after { + content: ' '; + position: absolute; + border-radius: 100%; + background: rgba(255, 255, 255, 0.12); + pointer-events: none; +} + +.aksrt-modal-auth__header::before { + width: 220px; + height: 220px; + right: -60px; + top: -80px; +} + +.aksrt-modal-auth__header::after { + width: 160px; + height: 160px; + left: -40px; + bottom: -70px; + opacity: 0.5; +} + .aksrt-modal-auth__close { position: absolute; - top: 12px; - right: 12px; - width: 36px; - height: 36px; + top: 10px; + right: 10px; + width: auto; + height: auto; + min-width: 28px; + min-height: 28px; border: none; - border-radius: 50%; - background: var(--surface-2, #F4F5F7); - color: var(--color-ink-3); + border-radius: 0; + background: transparent; + color: #fff; + opacity: 0.6; cursor: pointer; display: flex; align-items: center; justify-content: center; - transition: background 0.2s; - font-size: 16px; + transition: opacity 0.2s; + font-size: 18px; + z-index: 9; + padding: 4px; } .aksrt-modal-auth__close:hover { - background: var(--surface-3, #ECEEF1); -} - -.aksrt-modal-auth__header { - text-align: center; - margin-bottom: 24px; + opacity: 1; + background: transparent; } .aksrt-modal-auth__logo { + position: relative; + z-index: 1; width: 56px; height: 56px; - border-radius: var(--radius); - background: linear-gradient(135deg, var(--color-primary, var(--color-primary)), var(--color-primary-active, #5A85BD)); + border-radius: 50%; + background: rgba(255, 255, 255, 0.18); color: #fff; - font-size: 22px; + font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; - margin: 0 auto 12px; + margin: 0 auto 10px; + border: 2px solid rgba(255, 255, 255, 0.35); } .aksrt-modal-auth__title { + position: relative; + z-index: 1; margin: 0; - font-size: 20px; - font-weight: 600; - color: var(--color-ink); + font-size: 16px; + font-weight: normal; + color: #fff; } +.aksrt-modal-auth__tabs, +.aksrt-modal-auth__panel, +.aksrt-modal-auth__body { + padding-left: 20px; + padding-right: 20px; +} + +.aksrt-modal-auth__panel { + padding-bottom: 20px; +} + +.aksrt-modal-auth.bottom { + align-items: flex-end; +} + +.aksrt-modal-auth.bottom .aksrt-modal-auth__card { + max-width: calc(100% - 20px); + margin-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); + transform: translateY(110%); + transition: transform 0.4s; + border-radius: var(--main-radius, 8px); + box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.15); +} + +.aksrt-modal-auth.bottom.is-open .aksrt-modal-auth__card { + transform: translateY(0); + transition: transform 0.6s cubic-bezier(0.28, 0.9, 0.34, 0.99); +} + +.modal-content, +.aksrt-modal__content { + border-radius: var(--main-radius, 8px); + background: var(--main-bg-color, var(--surface-1)); + border: none; + box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08)); +} + +.modal-colorful-header { + border-radius: var(--main-radius, 8px) var(--main-radius, 8px) 0 0; + position: absolute; + left: 0; + right: 0; + top: 0; + height: 120px; + display: flex; + align-items: center; + justify-content: center; + color: var(--this-color, #fff); + background: var(--this-bg, var(--focus-color, var(--color-primary))); + overflow: hidden; +} + +.modal-colorful-header + * { + margin-top: 120px; +} + +.modal-colorful-header > .close { + position: absolute; + right: 10px; + top: 10px; + color: var(--this-color, #fff); + opacity: 0.6; + font-size: 18px; + z-index: 9; +} diff --git a/assets/css/frontend/enhancements/modal-motion/form.css b/assets/css/frontend/enhancements/modal-motion/form.css index 6205a298..f3eaa0d6 100644 --- a/assets/css/frontend/enhancements/modal-motion/form.css +++ b/assets/css/frontend/enhancements/modal-motion/form.css @@ -22,7 +22,7 @@ .aksrt-modal-auth__field label { display: block; font-size: 13px; - font-weight: 500; + font-weight: normal; color: var(--color-ink-2); margin-bottom: 6px; } @@ -31,7 +31,7 @@ width: 100%; padding: 10px 14px; border: 1px solid var(--color-line); - border-radius: 10px; + border-radius: var(--main-radius, 8px); font-size: 14px; color: var(--color-ink); background: var(--surface-1, #fff); @@ -96,7 +96,7 @@ width: 100%; padding: 12px; border: none; - border-radius: 10px; + border-radius: var(--main-radius, 8px); background: var(--color-primary, var(--color-primary)); color: #fff; font-size: 15px; diff --git a/assets/css/frontend/enhancements/modal-motion/tabs.css b/assets/css/frontend/enhancements/modal-motion/tabs.css index 079a0b7a..df40408e 100644 --- a/assets/css/frontend/enhancements/modal-motion/tabs.css +++ b/assets/css/frontend/enhancements/modal-motion/tabs.css @@ -1,8 +1,9 @@ -/* Tabs */ +/* Tabs — under colorful header */ .aksrt-modal-auth__tabs { display: flex; - border-bottom: 1px solid var(--color-line); - margin-bottom: 20px; + border-bottom: 1px solid var(--main-border-color, var(--color-line)); + margin: 8px 0 16px; + padding: 0 20px; } .aksrt-modal-auth__tab { @@ -11,24 +12,29 @@ border: none; background: none; font-size: 15px; - font-weight: 500; - color: var(--color-ink-3); + font-weight: normal; + color: var(--muted-color, var(--color-ink-3)); cursor: pointer; position: relative; - transition: color 0.2s; + transition: color 0.15s, opacity 0.15s; +} + +.aksrt-modal-auth__tab:hover { + opacity: 0.8; + color: var(--focus-color, var(--color-primary)); } .aksrt-modal-auth__tab.is-active { - color: var(--color-primary, var(--color-primary)); + color: var(--focus-color, var(--color-primary)); } .aksrt-modal-auth__tab.is-active::after { content: ''; position: absolute; bottom: -1px; - left: 0; - right: 0; + left: 20%; + right: 20%; height: 2px; - background: var(--color-primary, var(--color-primary)); + background: var(--focus-color, var(--color-primary)); + border-radius: 2px; } - diff --git a/assets/css/frontend/footer/part-1.css b/assets/css/frontend/footer/part-1.css index f086819c..8dce9a8e 100644 --- a/assets/css/frontend/footer/part-1.css +++ b/assets/css/frontend/footer/part-1.css @@ -96,7 +96,7 @@ height: 36px; border-radius: 50%; background: var(--surface-4); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); color: var(--color-ink-3); transition: background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s; @@ -211,7 +211,7 @@ height: 36px; border-radius: 50%; background: var(--surface-4, rgba(0,0,0,.05)); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); color: var(--color-ink-3, #888); font-size: 16px; @@ -233,7 +233,7 @@ transform: translateX(-50%); padding: 8px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: 12px; box-shadow: var(--shadow-lg); z-index: 10; diff --git a/assets/css/frontend/footer/part-2.css b/assets/css/frontend/footer/part-2.css index 6fea835a..3de30b5f 100644 --- a/assets/css/frontend/footer/part-2.css +++ b/assets/css/frontend/footer/part-2.css @@ -265,7 +265,7 @@ body.dark-theme #float-theme-toggle .float-btn__icon-sun { .tabbar-add-panel__sheet { border-radius: 20px; background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-drawer); overflow: hidden; } diff --git a/assets/css/frontend/footer/part-3.css b/assets/css/frontend/footer/part-3.css index 05f5273c..c47fcc3f 100644 --- a/assets/css/frontend/footer/part-3.css +++ b/assets/css/frontend/footer/part-3.css @@ -56,7 +56,7 @@ align-items: center; padding: 14px 14px 14px 12px; border-radius: 18px; - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); background: var(--surface-4); } @@ -143,7 +143,7 @@ justify-content: space-between; gap: 12px; width: 100%; - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: 16px; padding: 12px 14px; background: var(--surface-4); diff --git a/assets/css/frontend/forum/board.css b/assets/css/frontend/forum/board.css index 2e45c759..551f28fd 100644 --- a/assets/css/frontend/forum/board.css +++ b/assets/css/frontend/forum/board.css @@ -4,7 +4,7 @@ padding: 24px; border-radius: var(--radius-2xl, 16px); background: linear-gradient(180deg, rgba(240,68,148,0.05), rgba(255,255,255,0.96)); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); } @@ -67,7 +67,7 @@ margin-bottom: 24px; padding: 22px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); } @@ -156,8 +156,8 @@ .aksrt-forum-board__governance-card { padding: 18px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); } diff --git a/assets/css/frontend/forum/compose.css b/assets/css/frontend/forum/compose.css index 18e360e4..e3d08ec8 100644 --- a/assets/css/frontend/forum/compose.css +++ b/assets/css/frontend/forum/compose.css @@ -57,8 +57,8 @@ /* §7.4 — Sidebar panels */ .aksrt-forum-compose__panel { background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); } @@ -108,7 +108,7 @@ .aksrt-forum-compose__main { padding: 24px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); } @@ -291,7 +291,7 @@ right: 0; z-index: 100; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-top: none; border-radius: 0 0 12px 12px; max-height: 200px; @@ -372,7 +372,7 @@ right: 0; z-index: 100; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-top: none; border-radius: 0 0 12px 12px; max-height: 160px; @@ -397,7 +397,7 @@ .aksrt-forum-compose__vote { margin-bottom: 20px; padding: 18px; - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); background: var(--surface-1, #f8f9fa); box-shadow: var(--shadow-sm); @@ -627,7 +627,7 @@ height: 80px; object-fit: cover; border-radius: 12px; - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); } diff --git a/assets/css/frontend/forum/topic.css b/assets/css/frontend/forum/topic.css index 7b62b933..c0fca127 100644 --- a/assets/css/frontend/forum/topic.css +++ b/assets/css/frontend/forum/topic.css @@ -23,8 +23,8 @@ .aksrt-forum-topic__sidebar-card { padding: 18px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); } @@ -206,7 +206,7 @@ .aksrt-forum-topic__content { padding: 22px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); margin-bottom: 24px; @@ -224,7 +224,7 @@ margin-bottom: 24px; padding: 20px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); } @@ -340,7 +340,7 @@ .aksrt-forum-topic__reply-form { padding: 20px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); } diff --git a/assets/css/frontend/header-components/base.css b/assets/css/frontend/header-components/base.css index de1e6bee..1737d5fc 100644 --- a/assets/css/frontend/header-components/base.css +++ b/assets/css/frontend/header-components/base.css @@ -17,10 +17,10 @@ * ============================================================ */ .aksrt-slider-wrapper { position: relative; - margin-bottom: 24px; - border-radius: var(--radius-2xl, 16px); + margin-bottom: 20px; + border-radius: var(--main-radius, var(--radius, 8px)); overflow: hidden; - box-shadow: var(--shadow); + box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08)); } .new-swiper { @@ -111,33 +111,78 @@ } /* 幻灯片文字覆盖层 */ -.aksrt-slide-text { +/* zibll .slide-text / .s-desc */ +.aksrt-slide-text, +.s-desc, +.slide-text { position: absolute; + color: #fff; + z-index: 2; + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); +} + +.aksrt-slide-text, +.slide-text:not(.s-desc) { top: 50%; left: 50%; transform: translate(-50%, -50%); - z-index: 2; width: calc(100% - 32px); max-width: 920px; text-align: center; - color: #fff; + background: unset; + bottom: unset; } -.aksrt-slide-text__title { - font-family: var(--font-display, var(--font-ui)); - font-size: clamp(1.75rem, 4vw, 3rem); - font-weight: 700; +.s-desc { + bottom: 0; + left: 0; + top: auto; + transform: none; + width: 100%; + padding: 1.8em 2.5em; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent); + border-radius: 0 0 var(--main-radius, 8px) var(--main-radius, 8px); + font-size: 16px; + text-align: left; +} + +.aksrt-slide-text__title, +.slide-title { + font-family: var(--font-ui); + font-size: clamp(1.5rem, 3.2vw, 2.25rem); + font-weight: 600; margin: 0 0 12px; - line-height: 1.2; - text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); + line-height: 1.25; + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } -.aksrt-slide-text__desc { +.s-desc .aksrt-slide-text__title, +.s-desc .slide-title { + font-size: 16px; + font-weight: normal; +} + +.aksrt-slide-text__desc, +.slide-desc { font-size: clamp(0.9rem, 1.4vw, 1.125rem); margin: 0; line-height: 1.6; - color: rgba(255, 255, 255, 0.9); - text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); + color: rgba(255, 255, 255, 0.95); + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); +} + +.scale-height { + --scale-height: 40%; + --pc-height: 100%; + --m-height: 100%; + padding-bottom: var(--scale-height); + width: 100%; + height: 0; +} + +.scale-height .swiper-wrapper, +.scale-height .swiper-slide img { + position: absolute; } /* 移动端高度 */ diff --git a/assets/css/frontend/header-components/search-keywords-row.css b/assets/css/frontend/header-components/search-keywords-row.css index b3097e68..f416673d 100644 --- a/assets/css/frontend/header-components/search-keywords-row.css +++ b/assets/css/frontend/header-components/search-keywords-row.css @@ -317,20 +317,30 @@ } /* ============================================================ - * Banner Module — 内联轮播条(模仿 zibll) + * Banner Module — 1:1 Zibll (.s-desc / widget slider card) + * 圆角 = --main-radius,阴影 = main-shadow,文案底渐变条 * ============================================================ */ .banner-module { position: relative; width: 100%; - border-radius: 12px; + border-radius: var(--main-radius, var(--radius, 8px)); overflow: hidden; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08)); + margin-bottom: 20px; + background: var(--main-bg-color, var(--surface-1)); } .banner-module__swiper { position: relative; width: 100%; - height: clamp(180px, 22vw, 300px); + height: 0; + padding-bottom: 40%; +} + +.banner-module__swiper .swiper-wrapper { + position: absolute; + inset: 0; + height: 100%; } .banner-module__swiper .swiper-slide { @@ -352,99 +362,108 @@ width: 100%; height: 100%; object-fit: cover; + border-radius: 0; } .banner-module__slide-fallback { width: 100%; height: 100%; - background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark, #5a8bc4)); + background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active, var(--color-primary-dark))); } .banner-module__slide-overlay { position: absolute; - inset: 0; - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.15) 50%, - rgba(0, 0, 0, 0.5) 100% - ); + left: 0; + right: 0; + bottom: 0; + top: auto; + height: 45%; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent); pointer-events: none; + border-radius: 0 0 var(--main-radius, 8px) var(--main-radius, 8px); + z-index: 1; } .banner-module__content { position: absolute; - bottom: 24px; - left: 24px; - right: 24px; + bottom: 0; + left: 0; + right: 0; z-index: 2; color: #fff; - max-width: 680px; + max-width: none; + padding: 1.8em 2.5em; + font-size: 16px; + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .banner-module__title { - font-family: var(--font-display, var(--font-ui)); - font-size: clamp(1.125rem, 2vw, 1.5rem); - font-weight: 700; + font-family: var(--font-ui); + font-size: 16px; + font-weight: normal; margin: 0 0 4px; - line-height: 1.3; - text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); + line-height: 1.4; + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .banner-module__subtitle { - font-size: clamp(0.8125rem, 1.2vw, 0.9375rem); + font-size: 14px; margin: 0; - opacity: 0.9; + opacity: 0.95; line-height: 1.5; - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } -/* Swiper 导航箭头 */ .banner-module .swiper-button-prev, .banner-module .swiper-button-next { - width: 36px; - height: 36px; - border-radius: 50%; - background: rgba(255, 255, 255, 0.85); - color: var(--color-ink); + width: 30px; + height: 40px; + border-radius: 0; + background: transparent; + color: #fff; + text-shadow: 0 0 6px #444; opacity: 0; pointer-events: none; z-index: 10; - transition: opacity 0.3s ease, transform 0.2s ease; + transition: opacity 0.3s, background-color 0.3s; } .banner-module .swiper-button-prev::after, .banner-module .swiper-button-next::after { - font-size: 14px; + font-size: 16px; font-weight: 700; } .banner-module:hover .swiper-button-prev, .banner-module:hover .swiper-button-next { - opacity: 1; + opacity: 0.8; pointer-events: auto; } .banner-module .swiper-button-prev:hover, .banner-module .swiper-button-next:hover { - transform: scale(1.1); - background: #fff; + opacity: 1; + background-color: rgba(0, 0, 0, 0.3); + transform: none; } -/* Banner 响应式 */ @media (max-width: 767px) { .banner-module { - border-radius: 8px; + border-radius: var(--main-radius, 8px); } .banner-module__swiper { - height: clamp(120px, 30vw, 180px); + padding-bottom: 50%; + height: 0; } .banner-module__content { - bottom: 12px; - left: 12px; - right: 12px; + padding: 1em 1.2em; + font-size: 14px; + } + + .banner-module__title { + font-size: 14px; } .banner-module .swiper-button-prev, @@ -452,4 +471,3 @@ display: none; } } - diff --git a/assets/css/frontend/header-components/widget-device-visibility.css b/assets/css/frontend/header-components/widget-device-visibility.css index fb92aca8..944509e6 100644 --- a/assets/css/frontend/header-components/widget-device-visibility.css +++ b/assets/css/frontend/header-components/widget-device-visibility.css @@ -137,20 +137,123 @@ font-size: var(--hero-text-size-pc); } -/* 幻灯片遮罩 */ +/* 幻灯片遮罩 — 轻量压暗(zibll 以 .s-desc 底条为主) */ .header-components__slide-overlay { position: absolute; inset: 0; background: linear-gradient( to bottom, - rgba(0, 0, 0, 0.1) 0%, - rgba(0, 0, 0, 0.25) 40%, - rgba(0, 0, 0, 0.55) 100% + rgba(0, 0, 0, 0.05) 0%, + rgba(0, 0, 0, 0.12) 55%, + rgba(0, 0, 0, 0.28) 100% ); z-index: 1; pointer-events: none; } +/* zibll .s-desc 底条文案 */ +.header-components__content.s-desc, +.header-components__content.slide-text.s-desc { + top: auto; + bottom: 0; + left: 0; + right: 0; + transform: none; + width: 100%; + max-width: none; + text-align: left; + padding: 1.8em 2.5em; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent); + border-radius: 0 0 var(--main-radius, 8px) var(--main-radius, 8px); + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + +.header-components__content.s-desc .header-components__title, +.header-components__content.s-desc .slide-title { + font-size: 16px; + font-weight: normal; + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); + letter-spacing: 0; +} + +.header-components__content.slide-text { + background: unset; +} + +/* 搜索层 — header-slider-search */ +.header-components-search { + position: absolute; + left: 50%; + top: calc(50% - 10px); + transform: translate(-50%, -50%); + max-width: 840px; + width: calc(100% - 40px); + margin: auto; + padding: 0 20px; + font-size: 17px; + z-index: 2; + color: #fff; +} + +.card-0 .header-components-search { + top: calc(50% + 20px); +} + +.header-components-search .line-form { + background: rgba(255, 255, 255, 0.8); + border-radius: 100px; + padding: 0.5em 1.2em; + z-index: 1; + color: #555; + border: none; + box-shadow: none; +} + +.has-blur-pc .header-components-search .line-form, +.has-blur-mobile .header-components-search .line-form, +.filter-blur .header-components-search .line-form { + -webkit-backdrop-filter: saturate(5) blur(20px); + backdrop-filter: saturate(5) blur(20px); +} + +.header-components-search .line-form .icon, +.header-components-search .line-form a { + color: #555; +} + +/* 图标卡 — header-slider-card margin-top:-40px */ +.header-components-card { + position: relative; + margin-top: -40px; + z-index: 1; +} + +.header-components-card .zib-widget, +.header-components-card .aksrt-theme-box, +.header-components-card .icon-cover-card { + margin-bottom: 0; +} + +.has-blur-pc .header-components-card .zib-widget, +.has-blur-pc .header-components-card .aksrt-theme-box, +.has-blur-mobile .header-components-card .zib-widget, +.filter-blur .header-components-card .zib-widget { + -webkit-backdrop-filter: saturate(5) blur(20px); + backdrop-filter: saturate(5) blur(20px); + background: var(--blur-bg); +} + +.header-components.slide-header { + border-radius: 0; +} + +.header-components.slide-header .swiper-slide img, +.header-components.slide-header .header-components__slide-bg img { + border-radius: 0 !important; +} + + /* 幻灯片文字内容 */ .header-components__content { position: absolute; @@ -165,15 +268,16 @@ color: #fff; } -.header-components__title { - font-family: var(--font-display, var(--font-ui)); - font-size: clamp(1.75rem, 4vw, 3rem); - font-weight: 700; +.header-components__title, +.header-components .slide-title { + font-family: var(--font-ui); + font-size: clamp(1.5rem, 3.2vw, 2.25rem); + font-weight: 600; margin: 0 0 12px; - line-height: 1.2; - letter-spacing: -0.02em; + line-height: 1.25; + letter-spacing: 0; color: #fff; - text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.4); + text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .header-components__subtitle { diff --git a/assets/css/frontend/home-modules/data-grid.css b/assets/css/frontend/home-modules/data-grid.css index b2051219..11383db7 100644 --- a/assets/css/frontend/home-modules/data-grid.css +++ b/assets/css/frontend/home-modules/data-grid.css @@ -12,16 +12,15 @@ .aksrt-data-cell { padding: 24px 16px; background: var(--surface-1, #fff); - border-radius: var(--radius-lg, 10px); - border: 1px solid rgba(255, 255, 255, 0.55); + border-radius: var(--main-radius, var(--radius, 8px)); + border: none; box-shadow: var(--shadow-sm); - transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s; + transition: box-shadow 0.2s ease; } .aksrt-data-cell:hover { box-shadow: var(--shadow); - border-color: rgba(240, 68, 148, 0.12); - transform: translateY(-2px); + transform: none; } .aksrt-data-cell i { diff --git a/assets/css/frontend/home-modules/faq.css b/assets/css/frontend/home-modules/faq.css index b40c93c5..57193228 100644 --- a/assets/css/frontend/home-modules/faq.css +++ b/assets/css/frontend/home-modules/faq.css @@ -10,8 +10,8 @@ .aksrt-faq-item { break-inside: avoid; margin-bottom: 12px; - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); overflow: hidden; background: var(--surface-1, #fff); diff --git a/assets/css/frontend/home-modules/friend-links.css b/assets/css/frontend/home-modules/friend-links.css index 5ad68bd4..edba99c8 100644 --- a/assets/css/frontend/home-modules/friend-links.css +++ b/assets/css/frontend/home-modules/friend-links.css @@ -13,8 +13,8 @@ align-items: center; gap: var(--space-3, 12px); padding: 12px; - border-radius: var(--radius-lg, 10px); - border: 1px solid rgba(255, 255, 255, 0.55); + border-radius: var(--main-radius, var(--radius, 8px)); + border: none; box-shadow: var(--shadow-sm); background: var(--surface-1); color: var(--color-ink); @@ -23,7 +23,6 @@ } .home-module__friend-card:hover { - border-color: rgba(240, 68, 148, 0.12); box-shadow: var(--shadow); transform: translateY(-1px); } diff --git a/assets/css/frontend/home-modules/highlight-cards.css b/assets/css/frontend/home-modules/highlight-cards.css index cd17a3e0..ada42764 100644 --- a/assets/css/frontend/home-modules/highlight-cards.css +++ b/assets/css/frontend/home-modules/highlight-cards.css @@ -11,18 +11,17 @@ .aksrt-highlight-card { padding: 24px; background: var(--surface-1, #fff); - border-radius: var(--radius-lg, 10px); - border: 1px solid rgba(255, 255, 255, 0.55); + border-radius: var(--main-radius, var(--radius, 8px)); + border: none; box-shadow: var(--shadow-sm); text-decoration: none; color: inherit; - transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s; + transition: box-shadow 0.2s ease; } .aksrt-highlight-card:hover { box-shadow: var(--shadow); - border-color: rgba(240, 68, 148, 0.12); - transform: translateY(-2px); + transform: none; } .aksrt-highlight-card__image { diff --git a/assets/css/frontend/home-modules/html-module.css b/assets/css/frontend/home-modules/html-module.css index b4116f3a..6439d3e8 100644 --- a/assets/css/frontend/home-modules/html-module.css +++ b/assets/css/frontend/home-modules/html-module.css @@ -5,7 +5,7 @@ line-height: 1.75; padding: 20px 22px; background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); } diff --git a/assets/css/frontend/home-modules/partner-marquee.css b/assets/css/frontend/home-modules/partner-marquee.css index 0585f22e..09e16d1a 100644 --- a/assets/css/frontend/home-modules/partner-marquee.css +++ b/assets/css/frontend/home-modules/partner-marquee.css @@ -22,9 +22,9 @@ align-items: center; justify-content: center; padding: 10px 18px; - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); } diff --git a/assets/css/frontend/home-modules/ranking.css b/assets/css/frontend/home-modules/ranking.css index 38d2457b..db9f00f0 100644 --- a/assets/css/frontend/home-modules/ranking.css +++ b/assets/css/frontend/home-modules/ranking.css @@ -14,16 +14,15 @@ gap: var(--space-3, 12px); padding: 12px 14px; background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease; } .home-module__ranking-item:hover { box-shadow: var(--shadow); - border-color: rgba(240, 68, 148, 0.12); - transform: translateY(-1px); + transform: none; } .home-module__ranking-num { diff --git a/assets/css/frontend/homepage-fixed/ajax-tab-error-state.css b/assets/css/frontend/homepage-fixed/ajax-tab-error-state.css index fa9f7e2e..86ebd3e8 100644 --- a/assets/css/frontend/homepage-fixed/ajax-tab-error-state.css +++ b/assets/css/frontend/homepage-fixed/ajax-tab-error-state.css @@ -5,8 +5,8 @@ color: var(--color-ink-4, #999); font-size: 14px; background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); } diff --git a/assets/css/frontend/homepage-fixed/ajax-tab-skeleton-placeholder.css b/assets/css/frontend/homepage-fixed/ajax-tab-skeleton-placeholder.css index 5dc3ec37..50e0be94 100644 --- a/assets/css/frontend/homepage-fixed/ajax-tab-skeleton-placeholder.css +++ b/assets/css/frontend/homepage-fixed/ajax-tab-skeleton-placeholder.css @@ -11,8 +11,8 @@ gap: 16px; padding: 20px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); animation: aksrt-skeleton-pulse 1.5s ease-in-out infinite; } diff --git a/assets/css/frontend/homepage-fixed/base-1.css b/assets/css/frontend/homepage-fixed/base-1.css index d848218f..0279a684 100644 --- a/assets/css/frontend/homepage-fixed/base-1.css +++ b/assets/css/frontend/homepage-fixed/base-1.css @@ -176,8 +176,8 @@ .aksrt-homepage .widget-fluid.widget_aksrt_category_recommend { padding: 15px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); } @@ -185,8 +185,8 @@ .aksrt-homepage__aside .widget { background: var(--surface-1, #fff); padding: 15px; - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); } @@ -284,7 +284,7 @@ margin-bottom: 14px; padding: 10px 16px; background: rgba(255, 255, 255, 0.92); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow); backdrop-filter: saturate(1.6) blur(20px); diff --git a/assets/css/frontend/homepage-fixed/base-2.css b/assets/css/frontend/homepage-fixed/base-2.css index 9d1eba4c..d5ee50fa 100644 --- a/assets/css/frontend/homepage-fixed/base-2.css +++ b/assets/css/frontend/homepage-fixed/base-2.css @@ -89,11 +89,11 @@ gap: 16px; min-width: 0; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); overflow: hidden; - transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s; + transition: box-shadow 0.2s ease; } .aksrt-homepage__posts > .posts-item.list:last-child { @@ -102,8 +102,7 @@ .aksrt-homepage__posts > .posts-item.list:hover { box-shadow: var(--shadow); - border-color: rgba(240, 68, 148, 0.10); - transform: translateY(-1px); + transform: none; } html.dark .aksrt-homepage__posts > .posts-item.list:hover, @@ -349,16 +348,15 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover { display: flex; flex-direction: column; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); overflow: hidden; - transition: box-shadow 0.3s, transform 0.2s, border-color 0.2s; + transition: box-shadow 0.3s ease; } .aksrt-homepage__posts[data-view="card"] > .posts-item:hover { box-shadow: var(--shadow); - border-color: rgba(240, 68, 148, 0.10); } .aksrt-homepage__posts[data-view="card"] > .posts-item.style2 { diff --git a/assets/css/frontend/nav/base.css b/assets/css/frontend/nav/base.css index 74935e51..0c1fa63b 100644 --- a/assets/css/frontend/nav/base.css +++ b/assets/css/frontend/nav/base.css @@ -294,8 +294,8 @@ ul.nav-desktop .sub-menu { margin: 8px 0 0; padding: 8px 6px; background: var(--main-bg-color, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; diff --git a/assets/css/frontend/resource-meta/part-1.css b/assets/css/frontend/resource-meta/part-1.css index 0a110a0f..4a09a2a6 100644 --- a/assets/css/frontend/resource-meta/part-1.css +++ b/assets/css/frontend/resource-meta/part-1.css @@ -6,7 +6,7 @@ padding: 20px; background: var(--surface-page, #fff); border: 1px solid var(--color-line, rgba(0,0,0,0.08)); - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04); } diff --git a/assets/css/frontend/resource-meta/part-3.css b/assets/css/frontend/resource-meta/part-3.css index b14b11ea..7e123b14 100644 --- a/assets/css/frontend/resource-meta/part-3.css +++ b/assets/css/frontend/resource-meta/part-3.css @@ -15,7 +15,7 @@ margin: 16px 0; background: var(--surface-page, #fff); border: 1px solid var(--color-line, rgba(0,0,0,0.08)); - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04); overflow: hidden; } diff --git a/assets/css/frontend/sidebar.css b/assets/css/frontend/sidebar.css index 664444a4..6383e5a0 100644 --- a/assets/css/frontend/sidebar.css +++ b/assets/css/frontend/sidebar.css @@ -12,9 +12,9 @@ /* Widget 通用 */ .widget { background: var(--surface-1, #fff); - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; margin-bottom: 20px; overflow: hidden; } diff --git a/assets/css/frontend/single-post/author-actions.css b/assets/css/frontend/single-post/author-actions.css index b78af364..6391935d 100644 --- a/assets/css/frontend/single-post/author-actions.css +++ b/assets/css/frontend/single-post/author-actions.css @@ -136,7 +136,6 @@ .action-btn:hover, .action:hover { - border-color: rgba(240, 68, 148, 0.12); background: var(--color-primary-soft); color: var(--color-primary); } @@ -300,7 +299,7 @@ html.dark .post-drop-meta__item:hover { margin-bottom: 16px; padding: 18px; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); } diff --git a/assets/css/frontend/single-post/navigation.css b/assets/css/frontend/single-post/navigation.css index 2006353b..f1942cc7 100644 --- a/assets/css/frontend/single-post/navigation.css +++ b/assets/css/frontend/single-post/navigation.css @@ -17,14 +17,13 @@ display: block; padding: 18px; border-radius: var(--radius-lg); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); background: var(--surface-1); transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; } .post-nav-links a:hover { - border-color: rgba(240, 68, 148, 0.12); box-shadow: var(--shadow); transform: translateY(-2px); } diff --git a/assets/css/frontend/single-post/related-toc.css b/assets/css/frontend/single-post/related-toc.css index 2f2bf225..a880a81c 100644 --- a/assets/css/frontend/single-post/related-toc.css +++ b/assets/css/frontend/single-post/related-toc.css @@ -44,7 +44,7 @@ margin-bottom: 16px; overflow: hidden; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); } @@ -251,7 +251,7 @@ html.dark .article-end-separator span { top: 88px; padding: 18px 18px 14px; margin-bottom: 16px; - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); background: var(--surface-1); diff --git a/assets/css/routes/auth.css b/assets/css/routes/auth.css index c3133012..1204b13c 100644 --- a/assets/css/routes/auth.css +++ b/assets/css/routes/auth.css @@ -20,7 +20,7 @@ width: 100%; max-width: 440px; background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); padding: 32px; box-shadow: var(--shadow-sm); @@ -231,7 +231,7 @@ align-items: center; justify-content: center; border-radius: 50%; - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; background: var(--surface-4); box-shadow: var(--shadow-sm); color: var(--color-ink); diff --git a/assets/css/routes/cart.css b/assets/css/routes/cart.css index 602195af..9e7e8e71 100644 --- a/assets/css/routes/cart.css +++ b/assets/css/routes/cart.css @@ -61,7 +61,7 @@ .aksrt-cart-page__panel { background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); border-radius: var(--radius-2xl, 16px); padding: 20px; @@ -86,8 +86,8 @@ align-items: center; gap: 14px; padding: 16px; - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); background: var(--surface-4, #f8fafc); box-shadow: var(--shadow-sm); } @@ -345,7 +345,7 @@ .aksrt-modal__dialog { position: relative; background: var(--surface-1, #fff); - border: 1px solid rgba(255, 255, 255, 0.58); + border: none; border-radius: var(--radius-2xl, 16px); width: 90%; max-width: 520px; diff --git a/assets/css/routes/friends.css b/assets/css/routes/friends.css index 80912780..37d2dd73 100644 --- a/assets/css/routes/friends.css +++ b/assets/css/routes/friends.css @@ -28,7 +28,7 @@ .friend-card:hover { box-shadow: var(--shadow); border-color: var(--color-primary-soft); - transform: translateY(-2px); + transform: none; } .friend-card__avatar { diff --git a/assets/css/routes/orders.css b/assets/css/routes/orders.css index be9b3d63..343c13ac 100644 --- a/assets/css/routes/orders.css +++ b/assets/css/routes/orders.css @@ -54,7 +54,7 @@ .aksrt-orders-page__item { background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-sm); overflow: hidden; @@ -63,7 +63,6 @@ .aksrt-orders-page__item:hover { box-shadow: var(--shadow); - border-color: rgba(240, 68, 148, 0.10); } .aksrt-orders-page__item-main { diff --git a/assets/css/routes/product.css b/assets/css/routes/product.css index e99edf34..aa8bb520 100644 --- a/assets/css/routes/product.css +++ b/assets/css/routes/product.css @@ -34,7 +34,7 @@ .aksrt-product-page__panel, .aksrt-product-editor__panel { background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); border-radius: var(--radius-2xl, 16px); padding: 20px; diff --git a/assets/css/routes/profile/layout.css b/assets/css/routes/profile/layout.css index aa575c99..3f6c626b 100644 --- a/assets/css/routes/profile/layout.css +++ b/assets/css/routes/profile/layout.css @@ -105,7 +105,7 @@ align-items: center; gap: 4px; padding: 4px 10px; - border: 1px solid rgba(255, 255, 255, 0.5); + border: none; border-radius: 6px; background: rgba(0, 0, 0, 0.25); color: #fff; diff --git a/assets/css/routes/profile/modals.css b/assets/css/routes/profile/modals.css index c67878fb..5c33f0d2 100644 --- a/assets/css/routes/profile/modals.css +++ b/assets/css/routes/profile/modals.css @@ -25,7 +25,7 @@ max-height: 90vh; overflow-y: auto; background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.58); + border: none; border-radius: var(--radius-2xl, 16px); box-shadow: var(--shadow-drawer); animation: modalSlideUp 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards; diff --git a/assets/css/routes/revenue.css b/assets/css/routes/revenue.css index 31d9a76f..16577505 100644 --- a/assets/css/routes/revenue.css +++ b/assets/css/routes/revenue.css @@ -33,7 +33,7 @@ padding: 20px; background: var(--surface-1); border-radius: var(--radius-2xl, 16px); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); } @@ -107,8 +107,8 @@ gap: 12px; padding: 14px 16px; background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); - border-radius: var(--radius-lg, 10px); + border: none; + border-radius: var(--main-radius, var(--radius, 8px)); box-shadow: var(--shadow-sm); } diff --git a/assets/css/routes/user-center/credits.css b/assets/css/routes/user-center/credits.css index 1af96b97..4f95407c 100644 --- a/assets/css/routes/user-center/credits.css +++ b/assets/css/routes/user-center/credits.css @@ -173,7 +173,7 @@ /* 积分流水 */ .uc-transactions { background: var(--surface-1); - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); border: 1px solid var(--color-line-soft, rgba(0,0,0,0.06)); overflow: hidden; } diff --git a/assets/css/routes/user-center/shell.css b/assets/css/routes/user-center/shell.css index 6dcc69ac..e375fc3e 100644 --- a/assets/css/routes/user-center/shell.css +++ b/assets/css/routes/user-center/shell.css @@ -55,7 +55,7 @@ .uc-sidebar__section { background: var(--surface-1); - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); padding: 16px; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04); border: 1px solid var(--color-line-soft, transparent); @@ -92,7 +92,7 @@ .uc-stats__item:hover { background: var(--color-primary-soft); - transform: translateY(-2px); + transform: none; box-shadow: 0 4px 8px rgba(0,0,0,0.06); } @@ -254,7 +254,7 @@ .uc-content .dashboard-panel { background: var(--surface-1); - border-radius: var(--radius-lg, 10px); + border-radius: var(--main-radius, var(--radius, 8px)); padding: 24px; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04); border: 1px solid var(--color-line-soft, transparent); diff --git a/assets/css/routes/user-home.css b/assets/css/routes/user-home.css index b9673f48..3fa38050 100644 --- a/assets/css/routes/user-home.css +++ b/assets/css/routes/user-home.css @@ -13,7 +13,7 @@ overflow: hidden; border-radius: var(--radius-2xl, 16px); background: var(--surface-1); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; box-shadow: var(--shadow-sm); margin-bottom: 20px; } @@ -295,7 +295,7 @@ border-radius: var(--radius-2xl, 16px); padding: 24px; box-shadow: var(--shadow-sm); - border: 1px solid rgba(255, 255, 255, 0.55); + border: none; } /* Tab 栏增强 */