/** ~~ +---------------------------------------------------------------------- ~~ @ 月梦网络 { DM299 } // +---------------------------------------------------------------------- // @ 版权所有 2025-2026 月梦网络 [ http://www.dm299.com ] // +---------------------------------------------------------------------- ** @ 淘宝网站：https://dm299.taobao.com不能倒卖哦 一发现停止任何服务 ## +---------------------------------------------------------------------- ** @ 这不是一个自由软件！请确保已获得商业授权，否则将承担相应的法律风险 || @ 请不要对程序进行任何形式任何目的的再发布。 ## +---------------------------------------------------------------------- ~~ @ 作者: 月梦网络 [qq: 11980 4869] ## +---------------------------------------------------------------------- */ * {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}:root {--primary-color: #4361ee;--primary-color-135: #2144EB;--primary-light-color: #0FAAF4;--accent-color: #4895ef;--light-color: #f8f9fa;--dark-color: #212529;--secondary-color: #505963;--border-color: #4361ee;--success-color: #4cc9f0;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0,0,0,0.08);--transition: all 0.3s ease;}body {background-color: #f5f7fb;color: var(--dark-color);line-height: 1.6;display: flex;flex-direction: column;min-height: 100vh;}.pc-hide{display:none !important;}.hide{display:none !important;}.btn-base {display: inline-block;padding: 6px 15px;background: var(--primary-color);color: white !important;border-radius:6px;text-decoration: none;font-weight: 500;transition: all 0.3s ease;}.btn-base:hover {background: var(--secondary-color);transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.1);}header {background: linear-gradient(135deg, var(--primary-color), var(--primary-color-135));color: white;padding: 1rem 5%;display: flex;justify-content: space-between;align-items: center;height:70px;width: 100%;top: 0;left: 0;right: 0;z-index: 100;}header .logo {font-size: 1.4rem;color:white;font-weight:600;text-decoration: none;display: flex;align-items: center;}header .logo img{width:60px;height:30px; margin-right:10px;filter: brightness(0) invert(1);}header .nav-links{display: flex;list-style: none;gap: 2rem;}header .nav-links a {color: rgba(255, 255, 255, 0.85);text-decoration: none;font-weight: 500;transition: color 0.3s;padding: 8px 0;position: relative;font-size:16px;}header .nav-links a:hover,header .nav-links a.active {color: white;}header .nav-links a::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: white;transition: width 0.3s ease;}header .nav-links a:hover::after, header .nav-links a.active::after {width: 100%;}header .nav-links-bj{display:none;}header .auth-buttons {display: flex;gap: 1rem;align-items: center;}header .auth-buttons .btn {padding: 6px 26px;border-radius: 50px;font-weight: 500;cursor: pointer;transition: all 0.3s;border: none;outline: none;}header .auth-buttons .login {background: transparent;border: 2px solid white;color: white;}header .auth-buttons .login:hover {background: rgba(255, 255, 255, 0.1);transform: translateY(-2px);}header .auth-buttons .register {padding: 8px 26px;background: white;color: var(--primary-color);}header .auth-buttons .register:hover {background: rgba(255, 255, 255, 0.9);transform: translateY(-2px);}header .username{color: rgba(255, 255, 255, 0.85);font-weight: 500;font-size:16px;}header .username i{margin-right:5px;}header .username:hover,header .username.active {color: white;}header .menu-toggle {display:none;width:28px;cursor: pointer;font-size: 1.5rem;}header.white:not(.transparent),header.white.transparent.active {background: white;color: var(--dark-color);}header.white:not(.transparent) .logo,header.white.transparent.active .logo{color: var(--secondary-color);}header.white:not(.transparent) .logo img,header.white.transparent.active .logo img{filter: none;}header.white:not(.transparent) .nav-links a,header.white.transparent.active .nav-links a{color: var(--dark-color);}header.white:not(.transparent) .nav-links a:hover, header.white.transparent.active .nav-links a:hover, header.white:not(.transparent) .nav-linksa.active,header.white.transparent.active .nav-linksa.active{color: var(--primary-color);}header.white:not(.transparent) .nav-links a::after,header.white.transparent.active .nav-links a::after{background-color: var(--primary-color);}header.white:not(.transparent) .auth-buttons .login,header.white.transparent.active .auth-buttons .login{border-color: var(--primary-color);color:var(--primary-color);}header.white:not(.transparent) .auth-buttons .register,header.white.transparent.active .auth-buttons .register{background: var(--primary-color);color:white;}header.white:not(.transparent) .username,header.white.transparent.active .username{color: var(--dark-color);}header.white:not(.transparent) .username:hover, header.white.transparent.active .username:hover{color: var(--primary-color);}header.transparent{background: transparent;position: absolute;}header.transparent.active{background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));}header.active{position: fixed;transition: var(--transition);box-shadow: var(--box-shadow);}.banner {height: 500px;position: relative;}.banner .banner-item {background: linear-gradient(135deg, #3f37c9, #4895ef);position: relative;overflow: hidden;}.banner .banner-bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-size: cover;opacity: 0.2;}.banner .banner-content {max-width: 800px;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;text-align: center;height:100%;margin:0 auto;position: relative;padding: 30px;}.banner .banner-content h1 {font-size: 2.8rem;margin-bottom: 1rem;text-shadow: 0 2px 4px rgba(0,0,0,0.2);font-weight: 700;}.banner .banner-content p {font-size: 1.2rem;margin-bottom: 1.5rem;text-shadow: 0 1px 3px rgba(0,0,0,0.2);}.banner .layui-carousel-ind {z-index: 3;}.category-container{background: white;padding:3rem 10px;text-align: center;}.category-header{text-align: center;}.category-header h2 {font-size: 1.5rem;color: var(--dark-color);margin-bottom: 0.3rem;font-weight: 700;}.category-header p {color: #6c757d;max-width: 600px;margin: 0 auto;font-size: 0.95rem;}.category-grid {display: flex;flex-wrap: wrap;gap: 0.8rem;justify-content: center;max-width:1240px;text-align: center;margin: 0 auto;padding-top:20px;}.category-grid .category-card {background: #f8f9ff;border-radius: var(--border-radius);padding: 0.7rem 1rem;cursor: pointer;transition: var(--transition);border: 2px solid transparent;display: flex;align-items: center;gap: 10px;}.category-grid .category-card:hover, .category-grid .category-card.active {background: white;border-color: var(--primary-color);box-shadow: var(--box-shadow);transform: translateY(-5px);}.category-grid .category-image {width:25px;height:25px;}.category-grid .category-name {font-weight: 600;font-size: 0.95rem;}main {max-width: 1240px;margin: 1.5rem auto 1rem;padding: 0 10px;flex:1;}.list-empty {padding: 3rem 2rem;text-align: center;color: #6c757d;display:none;}.list-empty i {font-size: 6rem;color: #dee2e6;margin-bottom: 1rem;}.dm-form-main .list-empty p{font-size:1.6rem;}.list-header {display: flex;justify-content: space-between;align-items: center;margin-bottom:0.5rem;}.list-header h2 {font-size: 1.5rem;color: var(--dark-color);font-weight: 700;}.list-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;background: transparent;border-radius: var(--border-radius);overflow: hidden;padding-top:5px;position: relative;padding-bottom:50px;}.list-container .list-item {display: flex;background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;cursor: pointer;transition: var(--transition);position: relative;border: 1px solid #f0f0f0;padding:1.2rem 0.7rem;}.list-container .list-item:hover {background-color: #FDFDFF;transform: translateY(-5px);box-shadow: 0 8px 24px rgba(67, 97, 238, 0.15);}.list-container .list-item .item-image {flex-shrink: 0;width: 112px;height: 140px;border-radius: 6px;overflow: hidden;margin-right:0.8rem;}.list-container .list-item .item-image img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}.list-container .list-item .list-item:hover .item-image img {transform: scale(1.05);}.list-container .list-item .item-content {flex: 1;} .list-container .list-item .item-title {font-size: 1.2rem;font-weight: 600;color: var(--dark-color);margin-bottom:3px;transition: var(--transition);}.list-container .list-item .list-item:hover .item-title {color: var(--primary-color);}.list-container .list-item .item-time {font-size: 0.8rem;color: var(--accent-color);margin-bottom:3px;}.list-container .list-item .item-description {color: #495057;margin-bottom:5px;line-height: 1.6;font-size: 0.9rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;flex-grow: 1;}.list-container .list-item .item-tags {display: flex;flex-wrap: wrap;gap:6px;padding-top:3px;}.list-container .list-item .tag {padding: 4px 10px;background: #eef7ff;color: var(--primary-color);border-radius: 50px;font-size: 0.74rem;font-weight: 500;transition: var(--transition);cursor: pointer;}.list-container .list-item .tag:hover {background: var(--primary-color);color: white;}.layui-flow-more {position: absolute;bottom: 0;width:100%;}.empty-show .list-empty,.dm-form-main .list-empty{display:block;}.empty-show .list-header,.empty-show .list-container{display:none;}.pagination {display: flex;justify-content: center;margin-top: 2rem;gap: 8px;flex-wrap: wrap;}.page-item {min-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: white;color: var(--dark-color);font-weight: 500;cursor: pointer;transition: var(--transition);box-shadow: var(--box-shadow);padding: 0 12px;}.page-item:hover, .page-item.active {background: var(--primary-color);color: white;}.page-item.disabled {opacity: 0.5;cursor: not-allowed;}.page-item .fa{line-height: 1;padding-top: 2px;padding-left:2px;}footer {background: var(--dark-color);color: rgba(255, 255, 255, 0.7);text-align: center;padding: 2.5rem 10px;margin-top: auto;}footer .footer-links {display: flex;justify-content: center;gap: 1.1rem;flex-wrap: wrap;margin-bottom: 1.2rem;}footer a {color: rgba(255, 255, 255, 0.7);text-decoration: none;transition: var(--transition);font-size: 0.9rem;}footer a:hover {color: white;}footer .copyright {font-size: 0.9rem;}.dm-form-main {max-width:1024px;margin: 2rem auto;padding: 0 20px;width:100%;}.dm-form-main .form-header {text-align: center;margin-bottom: 2.5rem;}.dm-form-main .form-header h1 {font-size: 2.2rem;color: var(--dark-color);margin-bottom: 0.5rem;font-weight: 700;}.dm-form-main .form-header h1 i {color: #e74c3c;margin-right: 10px;}.dm-form-main .form-header p {font-size: 1.1rem;color: #6c757d;max-width:800px;margin: 0 auto;}.dm-form-main .form-actions {display: flex;justify-content: center;gap: 1rem;margin-top: 2rem;}.dm-form-main .btn-primary {background: var(--primary-color);color: white;padding: 12px 28px;font-size: 1.05rem;border-radius: 50px;border: none;cursor: pointer;transition: all 0.3s;box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);}@media (hover: hover) {.dm-form-main .btn-primary:hover{background: var(--secondary-color);transform: translateY(-2px);box-shadow: 0 6px 12px rgba(67, 97, 238, 0.4);}}.dm-form-main .btn-primary:active{background: var(--secondary-color);transform: scale(0.98);}.dm-form-main .btn-primary:focus-visible{outline: 2px solid #1a73e8;outline-offset: 2px;}.dm-form-main .form-meta {display: flex;justify-content: space-between;align-items: center;background: #e9f7fe;padding: 15px 20px;border-radius: var(--border-radius);margin-top: 2rem;font-size: 0.9rem;color: #0c5460;}.dm-form-main .main-content-form {background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow);padding: 2.5rem;margin-bottom: 2rem;font-size:1rem;}.main-content-form .layui-form-item {margin-bottom: 1.8rem;}.main-content-form .layui-form-label{margin-bottom: 0.6rem;font-weight: 500;color: #495057;display:flex;flex-direction: row-reverse;justify-content: left;}.main-content-form .layui-form-label font{margin-left:4px;}.main-content-form .layui-input, .layui-textarea, .layui-select {border-radius: var(--border-radius);transition: border-color 0.2s, box-shadow 0.2s;height:45px;}.main-content-form .layui-input:focus {border-color: var(--accent-color);outline: none;box-shadow: 0 0 0 2px rgba(72, 149, 239, 0.25);}.main-content-form .layui-form-card .layui-form-label {width:100%;padding-left:0;text-align:left;float:none;padding:0;}.main-content-form .layui-form-card .layui-input-block {margin-left: 0;}.main-content-form .layui-form-card.layui-form-item .layui-input-inline {margin-left: 0;width:100% !important;max-width:100% !important;}.main-content-form .layui-form-card .layui-form-mid {padding: 4px 0 0 0 !important;margin-right: 0;clear: both;font-size:0.9rem;}.main-content-form .layui-form-card .layui-form-checkbox i{height:30px;}.main-content-form .layui-form-card .layui-form-checkbox {margin-top: 0px;}.main-content-form .layui-form-card .layui-form-radio {margin-top:-6px;}.main-content-form .layui-form-switch {height: 30px;line-height:28px;padding: 0 8px;margin-top:0;}.main-content-form .layui-form-switch i{top:7px;}.main-content-form xm-select {min-height:45px !important;line-height: 45px !important;border-radius: var(--border-radius) !important;transition: border-color 0.2s, box-shadow 0.2s !important;}.main-content-form xm-select > .xm-label .xm-label-block{margin-top:5px !important;}.main-content-form xm-select .xm-tips{font-size:14px;}.main-content-form xm-select .xm-label .xm-label-block {height: 30px !important;line-height: 30px !important;}.main-content-form .layui-form-card.layui-form-item .update_images,.main-content-form .layui-form-item .update_images{width: 82px !important;height: 82px !important;overflow: hidden;cursor: pointer;border-radius: 3px;padding-top:0px;border: 1px solid #cecece;line-height: 82px;text-align:center;}.main-content-form .update_images img{max-width: 82px !important;max-height: 82px !important;}.main-content-form .STY_POP {top: 50px;}.main-content-form .STY_POP.STY_POP_UP {bottom: 50px;}.main-content-form .upload-file {background: var(--primary-light-color);color: white;font-size: 1.05rem;border-radius: 50px;transition: all 0.3s;}.main-content-form .upload-file:hover {background: var(--secondary-color);transform: translateY(-2px);}.main-content-form .popselect div {font-size:0.86rem;}.main-content-form .popselect div.current {border-color: var(--primary-light-color);}.main-content-form .popselect div .checked {border-right-color:var(--primary-light-color);border-bottom-color: var(--primary-light-color);}.main-content-form .layui-form-radioed,.main-content-form .layui-form-radioed>i,.main-content-form .layui-form-radio:hover * {color: var(--primary-light-color);}.main-content-form .layui-form-checked span,.main-content-form .layui-form-checked:hover span {background-color: var(--primary-light-color);}.main-content-form .layui-form-checked i,.main-content-form .layui-form-checked:hover i {color: var(--primary-light-color);}.main-content-form .layui-form-select dl dd.layui-this {background-color: var(--primary-light-color);}.main-content-form xm-select > .xm-label .xm-label-block{background-color: var(--primary-light-color) !important;}.main-content-form .layui-upload-drag .layui-icon {color: var(--primary-light-color);}.main-content-form .layui-form-onswitch {border-color: var(--primary-light-color);background-color: var(--primary-light-color);}.main-content-form .layui-form-card.layui-form-item[data-dmfromtype=checkbox] .layui-input-inline {display: flex;align-items: center;gap: 4px;flex-wrap: wrap;}.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0s linear 0.3s; }.modal.active {opacity: 1;visibility: visible;transition: opacity 0.3s ease,visibility 0s linear;}.modal-body {background: linear-gradient(to bottom right, #FFFFFF, #f5f7fa);border-radius: 16px;width: 85%;max-width: 500px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);overflow: hidden;transform: scale(0.8);transition: transform 0.4s ease;}.modal.active .modal-body {transform: scale(1);}.modal-header {background: var(--primary-color);color: white;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;}.modal-header h2 {font-size: 1.3rem;margin: 0;}.modal-header .close-btn {background: none;border: none;color: white;font-size: 1.5rem;cursor: pointer;transition: var(--transition);}.modal-header .close-btn:hover {transform: rotate(90deg);}.modal-content {padding: 20px 20px 30px 20px;text-align: center;}@media (max-width: 768px) {.tel-hide{display:none !important;}.pc-hide{display:block !important;}.pc-hide.logo{display:flex !important;} .btn-base {padding: 4px 10px;font-size: 0.9rem;}header{height:50px;}header .menu-toggle {display:block;}header .logo {font-size: 1.1rem;flex:1;justify-content: center;font-weight: 400;}header .logo img{width:50px;height:25px;}header .nav-links{position: fixed;top: 50px;left: -100%;width: 80%;height: calc(100vh - 50px);background: white;flex-direction: column;gap: 0;padding: 2rem;transition: var(--transition);box-shadow: 5px 0 15px rgba(0,0,0,0.1);z-index:100;}header .nav-links a {display: block;padding: 1rem 0;border-bottom: 1px solid #eee;font-size:14px;}header.open-nav .nav-links{left: 0;}header.open-nav .nav-links-bj{display:block;position: fixed;top: 50px;left: 0;width: 100%;bottom: 0;background: rgba(0,0,0,0.5);transition: var(--transition);z-index:99;}header.open-nav .nav-links a{color: var(--dark-color);}header.open-nav .nav-links a.active{color: var(--primary-color);}header.open-nav .nav-links a.active::after{background-color: var(--primary-color);height:1px;}header .auth-buttons{display:block;position: fixed;bottom:40px;left: -100%;width: 80%;padding: 2rem;z-index:101;transition: var(--transition);}@media (hover: hover) {header.open-nav .nav-links a:hover {color: var(--secondary-color);}header.open-nav .nav-links a::after{background-color: var(--primary-color);height:1px;}}header.open-nav .auth-buttons {left: 0;}header.open-nav .auth-buttons .btn{display: block;text-align: center;}header.open-nav .login{border-color: #A6A6A6;color:var(--secondary-color);margin-bottom:10px;border-width:1px;padding:7px 26px;}header.open-nav .register{background: #A6A6A6;color:white;}header.open-nav .username{display:block;padding: 8px 26px;border-radius: 50px;font-weight: 500;cursor: pointer;transition: all 0.3s;outline: none;text-align:center;background: var(--primary-color);color:white !important;}.banner {height: 280px;}.banner .banner-content {padding:30px 5px 5px 5px;}.banner .banner-content h1 {font-size: 1.2rem;margin-bottom:0.5rem;}.banner .banner-content p {font-size: 0.8rem;margin-bottom: 1rem;line-height:1.8;}.banner .layui-btn-lg {height: 36px;line-height: 32px;font-size:14px;}.category-container{padding:1rem 10px;}.category-header h2 {font-size: 1.2rem;margin-bottom: 0.2rem;}.category-header p {font-size: 0.9rem;}.category-grid {flex-wrap: nowrap;overflow-x: auto;display: grid;grid-template-columns: repeat(4, 1fr);gap:8px;}.category-grid .category-card {flex-shrink: 0;flex-direction: column;padding-left:0;padding-right:0;}.category-grid .category-name {font-weight: 600;font-size: 0.8rem;}.category-grid .category-image {width: 30px;height: 30px;}.list-container {grid-template-columns: repeat(1, 1fr);gap: 10px;}.list-header h2 {font-size: 1.2rem;}.list-container .list-item .item-image {width: 96px;height: 120px;}.list-container .list-item .item-title {font-size: 1rem;}.list-container .list-item .item-description {font-size: 0.82rem;}.list-container .list-item .item-tags {gap: 4px;}.list-container .list-item .item-tags .tag {padding: 4px 10px;} .pagination {flex-wrap: wrap;margin-top: 0.5rem;} .page-item {min-width: 30px;height: 30px;font-size: 0.9rem;padding:0;}footer {padding: 2rem 10px;}footer a {font-size: 0.82rem;}footer a:hover {color: white;}footer .copyright {font-size: 0.82rem;}.dm-form-main {padding: 0 10px;}.dm-form-main .form-header{margin-bottom: 1.5rem;}.dm-form-main .form-header h1 {font-size: 1.6rem;}.dm-form-main .form-header p {font-size: 0.88rem;}.dm-form-main .btn-primary {width:100%;}.dm-form-main .main-content-form {padding: 1rem;}.main-content-form .layui-form-item .layui-input-inline+.layui-form-mid,.main-content-form .layui-form-item .layui-form-mid {margin-left: 90px;top:0;padding: 4px 0 0 0 !important;clear: both;}.main-content-form .layui-form-card.layui-form-item .layui-input-block.layui-form-mid,.main-content-form .layui-form-card.layui-form-item .layui-input-inline+.layui-form-mid,.main-content-form .layui-form-card.layui-form-item .layui-form-mid,.main-content-form .layui-form-item .layui-input-block .layui-form-mid{margin-left: 0;}.main-content-form .layui-form-item .layui-form-label {text-overflow: ellipsis;overflow: auto;white-space: normal;}.main-content-form .layui-input-block{width:auto !important;}.main-content-form .layui-form-item .layui-input-inline {margin: 0 ;}.main-content-form .form-meta {padding: 15px 15px;font-size: 0.85rem;}.modal-header {padding: 7px 20px;}.modal-header h2 {font-size: 1.1rem;}}