|
|
| 第591行： |
第591行： |
| background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6); | | background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6); |
| opacity: .58; | | opacity: .58; |
| }
| |
|
| |
| /* Homepage cards: refined Noblecraft glass style, square corners */
| |
| body.page-首页 .nc-cards {
| |
| gap: 20px;
| |
| }
| |
|
| |
| body.page-首页 .nc-card {
| |
| overflow: hidden;
| |
| border-radius: 0;
| |
| background:
| |
| linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.58)) !important;
| |
| border: 1px solid rgba(255,255,255,.72) !important;
| |
| box-shadow:
| |
| inset 0 1px 0 rgba(255,255,255,.88),
| |
| 0 12px 28px -20px rgba(30,40,70,.42),
| |
| 0 2px 8px rgba(30,40,70,.06) !important;
| |
| backdrop-filter: blur(18px) saturate(1.22);
| |
| -webkit-backdrop-filter: blur(18px) saturate(1.22);
| |
| }
| |
|
| |
| body.page-首页 .nc-card:hover {
| |
| transform: translateY(-3px);
| |
| box-shadow:
| |
| inset 0 1px 0 rgba(255,255,255,.92),
| |
| 0 20px 42px -24px rgba(30,40,70,.48),
| |
| 0 4px 12px rgba(30,40,70,.08) !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card-head {
| |
| position: relative;
| |
| overflow: hidden;
| |
| padding: 14px 18px 13px;
| |
| letter-spacing: .2px;
| |
| text-shadow: 0 1px 1px rgba(0,0,0,.16);
| |
| box-shadow:
| |
| inset 0 1px 0 rgba(255,255,255,.26),
| |
| inset 0 -1px 0 rgba(0,0,0,.12);
| |
| }
| |
|
| |
| body.page-首页 .nc-card-head::after {
| |
| content: "";
| |
| position: absolute;
| |
| left: -20%;
| |
| right: -20%;
| |
| top: 0;
| |
| height: 52%;
| |
| background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0));
| |
| pointer-events: none;
| |
| }
| |
|
| |
| body.page-首页 .nc-card-head.nc-c-lobby {
| |
| background-image: linear-gradient(135deg, #e6ad3e, #d98235 48%, #b96a32) !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card-head.nc-c-play {
| |
| background-image: linear-gradient(135deg, #4267bf, #42aebf 52%, #5b48b9) !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card-head.nc-c-comm {
| |
| background-image: linear-gradient(135deg, #6f4abf, #b84da8 52%, #435fb5) !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card-head.nc-c-apply {
| |
| background-image: linear-gradient(135deg, #bd4358, #d56a37 52%, #a94782) !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card ul {
| |
| padding: 6px 0 8px !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card li + li {
| |
| border-top: 1px solid rgba(120,130,150,.10);
| |
| }
| |
|
| |
| body.page-首页 .nc-card li a {
| |
| position: relative;
| |
| padding: 10px 18px;
| |
| color: #343842 !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card li a::before {
| |
| content: "";
| |
| position: absolute;
| |
| left: 0;
| |
| top: 8px;
| |
| bottom: 8px;
| |
| width: 3px;
| |
| background: rgba(74,105,170,.42);
| |
| opacity: 0;
| |
| transition: opacity .15s ease;
| |
| }
| |
|
| |
| body.page-首页 .nc-card li a:hover {
| |
| background: rgba(74,105,170,.09) !important;
| |
| padding-left: 24px;
| |
| color: #1f3262 !important;
| |
| }
| |
|
| |
| body.page-首页 .nc-card li a:hover::before {
| |
| opacity: 1;
| |
| } | | } |