Help
RSS
API
Feed
Maltego
Contact
Domain > 621.net.cn
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2019-09-13
198.44.183.58
(
ClassC
)
2025-12-15
185.239.87.81
(
ClassC
)
Port 80
HTTP/1.1 200 OKServer: nginxDate: Mon, 15 Dec 2025 00:50:42 GMTContent-Type: text/htmlContent-Length: 141543Last-Modified: Mon, 15 Dec 2025 00:49:02 GMTConnection: keep-aliveVary: Accept-EncodingETag: 693f5afe-228e7Accept-Ranges: bytes !DOCTYPE html>html langzh-CN>head> meta charsetUTF-8> meta http-equivX-UA-Compatible contentIEedge,chrome1 /> meta nameviewport contentwidthdevice-width, initial-scale1.0> meta namerobots contentindex,follow> title>香港VPS购买,香港VPS租用,香港VPS价格,香港VPS提供商,香港VPS供应商/title> meta namedescription content按时云服务器,32g 服务器内存条,便宜vps 日本,美国西部vps,cdn加速服务,永久免费服务器申请,ip服务器代理,宝塔云服务器怎么购买!豌豆Ai站群搜索引擎系统 V.25.10.15 - www.wg.gs> meta namekeywords contentamazon云服务器 价格,挂机宝怎么样,服务器租用呢,如何申请万网域名,国级加速器,韩国服务器便宜,域名登陆,挂机软件自动赚钱手机,申请域名,华云服务器申请,哪个gpu云主机好,的网站建设专业> link relicon hrefimages/favicon.ico> link relstylesheet hrefimages/bootstrap.min.css> link relstylesheet hrefimages/wap.css> style>.gallery-item { margin: 1%; display: inline-block; vertical-align: top; position: relative; /* 确保正确布局 */}.gallery-item img { width: 100%; /* 最新做画 图片宽度为容器的100% */ height: auto; /* 最新做画 高度自动保持比例 */}.gallery-item video { width: 100%; /* 视频宽度为容器的100% */ height: auto; /* 高度自动保持比例 */ position: relative; /* 调整定位 */ z-index: 1; /* 设置一个较低的z-index值 */} /style>/head>body>div classzjwk>div aligncenter>a href/wap.html>img src/images/ai.png width118 title豌豆Ai站群搜索引擎系统 V.2025-10-25 网址:www.wd.chat alt豌豆Ai站群搜索引擎系统 V.2025-10-25 网址:www.wd.chat>/a>br>form actionwap_search.php idsearchForm methodget> input typetext idsearchInput placeholder搜索网购的提问... namequery required> button typesubmit classbtn btn-primary>搜索/button> /form>/div>p>div classdatetime-container> div classdatetime-header> span classdatetime-icon>📅/span> span classdatetime-title>今日时间/span> /div> div classdatetime-content> div classdate-display> div classyear-section> span classyear-label>年份/span> div classyear-number>2025/div> /div> div classdate-section> div classmonth-day> span classmonth-number>12/span> span classdate-separator>月/span> span classday-number>15/span> span classdate-separator>日/span> /div> /div> div classweekday-section> span classweekday-label>星期/span> div classweekday-circle> 一 /div> /div> /div> div classtime-display> div classtime-header> span classtime-icon>⏰/span> span classtime-title>实时时间/span> /div> div classclock> span classhour>08/span> span classtime-separator>:/span> span classminute>49/span> span classtime-separator>:/span> span classsecond idlive-second>02/span> /div> div classtime-label> span classhour-label>时/span> span classminute-label>分/span> span classsecond-label>秒/span> /div> /div> /div> div classdatetime-footer> div classtimestamp> span classtimestamp-icon>🕒/span> span classtimestamp-text>最后更新/span> span classtimestamp-time idupdate-time>08:49:02/span> /div> /div>/div>style>/* 日期时间显示样式 */.datetime-container { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 255, 240, 0.95) 100%); border-radius: 20px; padding: 25px; margin: 20px 0; border: 2px solid rgba(76, 153, 0, 0.15); box-shadow: 0 15px 35px rgba(76, 153, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8); position: relative; overflow: hidden; animation: fadeIn 0.8s ease-out;}@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }}/* 背景装饰 */.datetime-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 90%, rgba(76, 153, 0, 0.05) 2px, transparent 2px), radial-gradient(circle at 90% 10%, rgba(102, 204, 0, 0.05) 2px, transparent 2px); background-size: 50px 50px; pointer-events: none; z-index: 1;}.datetime-header { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; position: relative; z-index: 2;}.datetime-icon { font-size: 24px; animation: iconPulse 3s ease-in-out infinite; filter: drop-shadow(0 2px 4px rgba(76, 153, 0, 0.2));}@keyframes iconPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); }}.datetime-title { font-size: 22px; font-weight: 700; color: #1B5E20; font-family: KaiTi, STKaiti, serif; letter-spacing: 1px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px rgba(76, 153, 0, 0.1);}.datetime-content { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; position: relative; z-index: 2;}/* 日期显示 */.date-display { display: grid; grid-template-rows: auto 1fr auto; gap: 20px; background: rgba(255, 255, 255, 0.9); border-radius: 16px; padding: 20px; border: 1px solid rgba(76, 153, 0, 0.1); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);}.year-section { display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgba(76, 153, 0, 0.08) 0%, rgba(102, 204, 0, 0.08) 100%); padding: 10px 15px; border-radius: 12px;}.year-label { font-size: 14px; color: #4C9900; font-weight: 600; letter-spacing: 1px;}.year-number { font-size: 28px; font-weight: 800; color: #1B5E20; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); animation: numberGlow 4s ease-in-out infinite;}@keyframes numberGlow { 0%, 100% { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(76, 153, 0, 0.1); } 50% { text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 15px rgba(76, 153, 0, 0.2); }}.date-section { display: flex; justify-content: center; align-items: center; min-height: 80px;}.month-day { display: flex; align-items: baseline; gap: 5px; padding: 15px 25px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 255, 240, 0.9) 100%); border-radius: 15px; border: 2px solid rgba(76, 153, 0, 0.2);}.month-number,.day-number { font-size: 42px; font-weight: 800; color: #1B5E20; line-height: 1; position: relative;}.month-number::after,.day-number::after { content: ; position: absolute; bottom: -5px; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #4C9900, transparent); opacity: 0.5;}.date-separator { font-size: 20px; color: #4C9900; font-weight: 600; margin: 0 5px;}.weekday-section { display: flex; align-items: center; justify-content: center; gap: 15px; background: linear-gradient(135deg, rgba(76, 153, 0, 0.1) 0%, rgba(102, 204, 0, 0.1) 100%); padding: 12px 20px; border-radius: 12px;}.weekday-circle { width: 45px; height: 45px; border-radius: 50%; background: linear-gradient(135deg, #4C9900 0%, #66CC00 100%); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 800; color: white; box-shadow: 0 5px 15px rgba(76, 153, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); animation: circleRotate 20s linear infinite;}@keyframes circleRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}.weekday-label { font-size: 16px; color: #1B5E20; font-weight: 600; letter-spacing: 1px;}/* 时间显示 */.time-display { background: rgba(255, 255, 255, 0.9); border-radius: 16px; padding: 20px; border: 1px solid rgba(76, 153, 0, 0.1); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6); display: flex; flex-direction: column; gap: 20px;}.time-header { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 2px solid rgba(76, 153, 0, 0.1);}.time-icon { font-size: 22px; animation: iconBounce 2s ease-in-out infinite;}@keyframes iconBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); }}.time-title { font-size: 18px; font-weight: 700; color: #1B5E20; font-family: KaiTi, STKaiti, serif;}.clock { display: flex; align-items: baseline; justify-content: center; gap: 5px; padding: 20px; background: linear-gradient(135deg, rgba(76, 153, 0, 0.05) 0%, rgba(102, 204, 0, 0.05) 100%); border-radius: 15px; border: 2px solid rgba(76, 153, 0, 0.15);}.hour,.minute,.second { font-size: 46px; font-weight: 800; color: #1B5E20; line-height: 1; min-width: 60px; text-align: center; position: relative; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.second { animation: secondPulse 1s ease-in-out infinite; color: #FF5722;}@keyframes secondPulse { 0%, 100% { opacity: 1; text-shadow: 0 2px 4px rgba(255, 87, 34, 0.2); } 50% { opacity: 0.8; text-shadow: 0 2px 6px rgba(255, 87, 34, 0.4); }}.time-separator { font-size: 36px; color: #4C9900; font-weight: 600; margin: 0 2px; animation: separatorBlink 1s ease-in-out infinite;}@keyframes separatorBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; }}.time-label { display: flex; justify-content: center; gap: 65px; padding: 0 20px;}.hour-label,.minute-label,.second-label { font-size: 14px; color: #4C9900; font-weight: 600; letter-spacing: 1px;}.second-label { color: #FF5722;}/* 底部时间戳 */.datetime-footer { margin-top: 25px; padding-top: 15px; border-top: 1px solid rgba(76, 153, 0, 0.1); position: relative; z-index: 2;}.timestamp { display: flex; align-items: center; gap: 10px; justify-content: center; font-size: 14px; color: #666;}.timestamp-icon { font-size: 16px; opacity: 0.7;}.timestamp-text { font-weight: 500;}.timestamp-time { font-weight: 600; color: #4C9900; animation: timeUpdate 2s ease-in-out infinite;}@keyframes timeUpdate { 0%, 100% { opacity: 0.8; } 50% { opacity: 1; }}/* 响应式设计 */@media (max-width: 1024px) { .datetime-content { gap: 20px; } .month-number, .day-number { font-size: 36px; } .hour, .minute, .second { font-size: 40px; min-width: 50px; } .time-label { gap: 50px; }}@media (max-width: 768px) { .datetime-container { padding: 20px; border-radius: 18px; } .datetime-content { grid-template-columns: 1fr; gap: 25px; } .datetime-header { margin-bottom: 20px; } .datetime-title { font-size: 20px; } .month-number, .day-number { font-size: 32px; } .hour, .minute, .second { font-size: 38px; min-width: 45px; } .time-label { gap: 40px; }}@media (max-width: 480px) { .datetime-container { padding: 16px; border-radius: 16px; } .datetime-title { font-size: 18px; } .datetime-icon { font-size: 20px; } .year-number { font-size: 24px; } .month-number, .day-number { font-size: 28px; } .weekday-circle { width: 40px; height: 40px; font-size: 20px; } .hour, .minute, .second { font-size: 34px; min-width: 40px; } .time-separator { font-size: 30px; } .time-label { gap: 35px; }}@media (max-width: 360px) { .datetime-container { padding: 12px; } .month-number, .day-number { font-size: 24px; } .date-separator { font-size: 16px; } .hour, .minute, .second { font-size: 30px; min-width: 35px; } .time-separator { font-size: 26px; } .time-label { gap: 30px; font-size: 12px; }}/style>script>// 实时秒数更新function updateLiveTime() { const secondElement document.getElementById(live-second); const updateTimeElement document.getElementById(update-time); function update() { const now new Date(); const seconds now.getSeconds().toString().padStart(2, 0); const time now.toTimeString().split( )0; if (secondElement) { secondElement.textContent seconds; } if (updateTimeElement) { updateTimeElement.textContent time; } } // 立即更新 update(); // 每秒更新一次 setInterval(update, 1000);}// 页面加载完成后启动document.addEventListener(DOMContentLoaded, updateLiveTime);/script>/p>p>!-- 域名购买(三列布局古风橙色系设计) -->div classdomain-header> div classdomain-title-trapezoid-box> span classdomain-title-icon>🛒/span> span classdomain-title-text>域名购买/span> /div>/div>div classdomain-section> div classdomain-columns-container> div classdomain-column>a hrefhttps://www.west.cn/ykj/view.asp?domain6.ac.cn target_blank classdomain-tag style--domain-tag-color: rgba(255, 140, 0, 0.7); data-domain-rank1>6.ac.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domain43.gold target_blank classdomain-tag style--domain-tag-color: rgba(255, 165, 0, 0.7); data-domain-rank2>43.gold/a>a hrefhttps://www.west.cn/ykj/view.asp?domainkxtf.cn target_blank classdomain-tag style--domain-tag-color: rgba(255, 185, 15, 0.7); data-domain-rank3>kxtf.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domainx-j.net target_blank classdomain-tag style--domain-tag-color: rgba(255, 200, 40, 0.7); data-domain-rank4>x-j.net/a>a hrefhttps://www.west.cn/ykj/view.asp?domainrj.biz target_blank classdomain-tag style--domain-tag-color: rgba(218, 165, 32, 0.7); data-domain-rank5>rj.biz/a>/div>div classdomain-column>a hrefhttps://www.west.cn/ykj/view.asp?domainz-o.net target_blank classdomain-tag style--domain-tag-color: rgba(210, 105, 30, 0.7); data-domain-rank6>z-o.net/a>a hrefhttps://www.west.cn/ykj/view.asp?domain815.net.cn target_blank classdomain-tag style--domain-tag-color: rgba(184, 115, 51, 0.7); data-domain-rank7>815.net.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domainq-u.com.cn target_blank classdomain-tag style--domain-tag-color: rgba(160, 82, 45, 0.7); data-domain-rank8>q-u.com.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domain2111.top target_blank classdomain-tag style--domain-tag-color: rgba(139, 69, 19, 0.7); data-domain-rank9>2111.top/a>a hrefhttps://www.west.cn/ykj/view.asp?domain719.net.cn target_blank classdomain-tag style--domain-tag-color: rgba(205, 133, 63, 0.7); data-domain-rank10>719.net.cn/a>/div>div classdomain-column>a hrefhttps://www.west.cn/ykj/view.asp?domain9el.cn target_blank classdomain-tag style--domain-tag-color: rgba(255, 160, 122, 0.7); data-domain-rank11>9el.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domaing-a.com.cn target_blank classdomain-tag style--domain-tag-color: rgba(255, 127, 80, 0.7); data-domain-rank12>g-a.com.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domainz.gz.cn target_blank classdomain-tag style--domain-tag-color: rgba(255, 99, 71, 0.7); data-domain-rank13>z.gz.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domainxbhd.cn target_blank classdomain-tag style--domain-tag-color: rgba(255, 69, 0, 0.7); data-domain-rank14>xbhd.cn/a>a hrefhttps://www.west.cn/ykj/view.asp?domain287.net.cn target_blank classdomain-tag style--domain-tag-color: rgba(255, 140, 0, 0.7); data-domain-rank15>287.net.cn/a>/div> /div>/div>style>/* 域名购买标题样式 - 古风橙色系 */.domain-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.domain-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风橙色系渐变 - 代表商业与活力 */ background: linear-gradient(135deg, rgba(255, 140, 0, 0.9) 0%, rgba(255, 165, 0, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #FF8C00; box-shadow: 0 4px 8px rgba(255, 140, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.domain-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #FFA500, #FFD700, #FFA500, transparent ); opacity: 0.8;}.domain-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 165, 0, 0.3), transparent );}/* 标题内容 */.domain-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: domain-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(255, 140, 0, 0.3));}@keyframes domain-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.domain-title-text { font-size: 20px; font-weight: 700; color: #FFF8E1; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(255, 215, 0, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.domain-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(255, 140, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #FFA500;}.domain-title-trapezoid-box:hover .domain-title-icon { animation: domain-iconFloat 1.5s ease-in-out infinite;}.domain-title-trapezoid-box:hover .domain-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(255, 215, 0, 0.5);}/* 域名购买内容样式 - 三列布局 */.domain-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 三列容器 */.domain-columns-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 25px; /* 古风橙色渐变背景 */ background: linear-gradient(135deg, rgba(255, 248, 225, 0.9) 0%, rgba(255, 243, 224, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(255, 165, 0, 0.25); box-shadow: 0 6px 16px rgba(255, 165, 0, 0.12), inset 0 0 20px rgba(255, 215, 0, 0.08); position: relative; overflow: hidden; min-height: 200px;}/* 添加连接点纹理背景 - 橙色系 */.domain-columns-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(255, 165, 0, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(255, 140, 0, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(255, 165, 0, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(255, 140, 0, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(255, 165, 0, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(255, 140, 0, 0.08) 2px, transparent 2px); background-size: 60px 60px; pointer-events: none;}/* 每一列样式 */.domain-column { display: flex; flex-direction: column; gap: 12px; position: relative;}/* 域名标签样式 */.domain-tag { color: #4E342E; text-decoration: none; font-size: 14px; padding: 10px 15px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 253, 231, 0.98) 100%); border-radius: 22px; border: 1px solid rgba(139, 69, 19, 0.25); transition: all 0.3s ease; display: block; position: relative; font-family: KaiTi, STKaiti, serif; box-shadow: 0 3px 8px rgba(139, 69, 19, 0.12), 0 2px 4px rgba(255, 140, 0, 0.08); z-index: 1; font-weight: 500; letter-spacing: 0.5px; overflow: hidden; text-align: center; backdrop-filter: blur(2px); width: 100%; box-sizing: border-box;}/* 按钮连接线效果 */.domain-tag::before { content: ; position: absolute; top: 50%; left: -25px; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, var(--domain-tag-color), transparent); transform: translateY(-50%); transition: all 0.5s ease; opacity: 0; z-index: -1;}.domain-tag:hover::before { left: 100%; opacity: 0.7;}.domain-tag::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); transform: translateX(-150%); transition: all 0.7s ease; z-index: -1;}.domain-tag:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 18px rgba(255, 165, 0, 0.25), 0 0 20px var(--domain-tag-color), inset 0 0 10px rgba(255, 255, 255, 0.5); border-color: var(--domain-tag-color); color: #E65100; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); font-weight: 600; z-index: 10;}.domain-tag:hover::after { transform: translateX(150%);}/* 域名标签的橙色系渐变背景 */.domain-tag:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--domain-tag-color) 40%, white) 0%, color-mix(in srgb, var(--domain-tag-color) 65%, white) 100%); border-color: color-mix(in srgb, var(--domain-tag-color) 75%, #FFA500);}/* 标签之间的连接动画 */.domain-columns-container:hover .domain-tag { animation: domain-tagConnect 0.5s ease forwards; animation-delay: calc(var(--domain-rank) * 0.03s);}@keyframes domain-tagConnect { 0% { transform: translateY(0); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.domain-error { color: #D84315; font-size: 16px; text-align: center; padding: 30px; font-family: KaiTi, STKaiti, serif; background: rgba(255, 243, 224, 0.8); border-radius: 10px; border: 1px dashed #FF8C00; grid-column: 1 / span 3;}/* 响应式设计优化 */@media (max-width: 1024px) { .domain-columns-container { padding: 22px; gap: 18px; } .domain-column { gap: 10px; } .domain-tag { padding: 9px 12px; font-size: 13px; }}@media (max-width: 900px) { .domain-columns-container { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 768px) { .domain-title-trapezoid-box { padding: 8px 25px 10px; } .domain-title-icon { font-size: 18px; } .domain-title-text { font-size: 18px; } .domain-columns-container { padding: 18px; gap: 15px; border-radius: 10px; } .domain-column { gap: 8px; } .domain-tag { padding: 8px 10px; font-size: 12.5px; border-radius: 20px; }}@media (max-width: 650px) { .domain-columns-container { grid-template-columns: repeat(3, 1fr); gap: 12px; } .domain-tag { padding: 7px 8px; font-size: 12px; border-radius: 18px; }}@media (max-width: 600px) { .domain-columns-container { grid-template-columns: repeat(2, 1fr); gap: 15px; } .domain-error { grid-column: 1 / span 2; } /* 将15个域名重新分配到2列 */ .domain-column:nth-child(1) .domain-tag:nth-child(n+6) { display: none; } .domain-column:nth-child(2) .domain-tag:nth-child(n+6) { display: none; } .domain-column:nth-child(3) { display: none; }}@media (max-width: 480px) { .domain-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .domain-title-icon { font-size: 16px; margin-right: 6px; } .domain-title-text { font-size: 16px; letter-spacing: 0.5px; } .domain-columns-container { grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 15px; } .domain-column { gap: 8px; } .domain-tag { padding: 7px 6px; font-size: 11px; border-radius: 16px; } .domain-tag::before { display: none; /* 在小屏幕上隐藏连接线效果以节省空间 */ }}@media (max-width: 400px) { .domain-columns-container { grid-template-columns: 1fr; gap: 10px; padding: 12px; } .domain-error { grid-column: 1; } /* 在超小屏幕上显示单列,每列显示10个域名 */ .domain-column { gap: 6px; } .domain-column:nth-child(1) .domain-tag:nth-child(n+11) { display: none; } .domain-column:nth-child(2), .domain-column:nth-child(3) { display: none; } .domain-tag { padding: 6px 5px; font-size: 10.5px; border-radius: 14px; }}@media (max-width: 320px) { .domain-title-trapezoid-box { padding: 5px 18px 7px; } .domain-title-icon { font-size: 15px; } .domain-title-text { font-size: 15px; } .domain-columns-container { padding: 10px; gap: 8px; } .domain-column { gap: 6px; } .domain-tag { padding: 5px 4px; font-size: 10px; border-radius: 12px; }}/style>/p>p>!-- 热门提问(古风绿色系两列布局) -->div classquestion-header> div classquestion-title-trapezoid-box> span classquestion-title-icon>❓/span> span classquestion-title-text>热门提问/span> /div>/div>div classquestion-section> div classquestion-columns-container> div classquestion-column>a hrefaitw/100664.html classquestion-tag style--question-tag-color: rgba(76, 175, 80, 0.7); data-question-rank1>促活广告投放代理/a>a hrefaitw/19809.html classquestion-tag style--question-tag-color: rgba(56, 142, 60, 0.7); data-question-rank2>78云服务器/a>a hrefaitw/51923.html classquestion-tag style--question-tag-color: rgba(67, 160, 71, 0.7); data-question-rank3>站群系统开发流程/a>a hrefaitw/29463.html classquestion-tag style--question-tag-color: rgba(104, 159, 56, 0.7); data-question-rank4>云主机部署网站/a>a hrefaitw/98138.html classquestion-tag style--question-tag-color: rgba(129, 199, 132, 0.7); data-question-rank5>香港域名怎么买/a>/div>div classquestion-column>a hrefaitw/61835.html classquestion-tag style--question-tag-color: rgba(102, 187, 106, 0.7); data-question-rank6>电脑挂一天多少度电/a>a hrefaitw/92451.html classquestion-tag style--question-tag-color: rgba(85, 139, 47, 0.7); data-question-rank7>apache程序php-fpm/a>a hrefaitw/54601.html classquestion-tag style--question-tag-color: rgba(27, 94, 32, 0.7); data-question-rank8>ip查询 api/a>a hrefaitw/5016.html classquestion-tag style--question-tag-color: rgba(0, 150, 136, 0.7); data-question-rank9>便宜房屋/a>a hrefaitw/75348.html classquestion-tag style--question-tag-color: rgba(0, 121, 107, 0.7); data-question-rank10>短链接制作网站/a>/div> /div>/div>style>/* 热门提问标题样式 - 古风绿色系 */.question-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.question-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风绿色系渐变 - 代表知识与成长 */ background: linear-gradient(135deg, rgba(76, 175, 80, 0.9) 0%, rgba(56, 142, 60, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #4CAF50; box-shadow: 0 4px 8px rgba(76, 175, 80, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.question-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #4CAF50, #81C784, #4CAF50, transparent ); opacity: 0.8;}.question-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(76, 175, 80, 0.3), transparent );}/* 标题内容 */.question-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: question-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(76, 175, 80, 0.3));}@keyframes question-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.question-title-text { font-size: 20px; font-weight: 700; color: #E8F5E9; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(129, 199, 132, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.question-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(76, 175, 80, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #4CAF50;}.question-title-trapezoid-box:hover .question-title-icon { animation: question-iconFloat 1.5s ease-in-out infinite;}.question-title-trapezoid-box:hover .question-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(129, 199, 132, 0.5);}/* 热门提问内容样式 - 两列布局 */.question-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 两列容器 */.question-columns-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; padding: 25px; /* 古风绿色渐变背景 */ background: linear-gradient(135deg, rgba(232, 245, 233, 0.9) 0%, rgba(241, 248, 233, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(76, 175, 80, 0.25); box-shadow: 0 6px 16px rgba(76, 175, 80, 0.12), inset 0 0 20px rgba(200, 230, 201, 0.08); position: relative; overflow: hidden; min-height: 300px;}/* 添加连接点纹理背景 - 绿色系 */.question-columns-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(76, 175, 80, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(56, 142, 60, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(76, 175, 80, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(56, 142, 60, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(76, 175, 80, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(56, 142, 60, 0.08) 2px, transparent 2px); background-size: 50px 50px; pointer-events: none;}/* 每一列样式 */.question-column { display: flex; flex-direction: column; gap: 14px; position: relative;}/* 问题标签样式 */.question-tag { color: #1B5E20; text-decoration: none; font-size: 14px; padding: 12px 18px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 255, 240, 0.98) 100%); border-radius: 22px; border: 1px solid rgba(56, 142, 60, 0.25); transition: all 0.3s ease; display: block; position: relative; font-family: KaiTi, STKaiti, serif; box-shadow: 0 3px 8px rgba(56, 142, 60, 0.12), 0 2px 4px rgba(76, 175, 80, 0.08); z-index: 1; font-weight: 500; letter-spacing: 0.5px; overflow: hidden; text-align: left; backdrop-filter: blur(2px); width: 100%; box-sizing: border-box; line-height: 1.5; min-height: 50px; display: flex; align-items: center;}/* 按钮连接线效果 */.question-tag::before { content: ; position: absolute; top: 50%; left: -25px; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, var(--question-tag-color), transparent); transform: translateY(-50%); transition: all 0.5s ease; opacity: 0; z-index: -1;}.question-tag:hover::before { left: 100%; opacity: 0.7;}.question-tag::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); transform: translateX(-150%); transition: all 0.7s ease; z-index: -1;}.question-tag:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 8px 18px rgba(76, 175, 80, 0.25), 0 0 20px var(--question-tag-color), inset 0 0 10px rgba(255, 255, 255, 0.5); border-color: var(--question-tag-color); color: #004D40; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-weight: 600; z-index: 10;}.question-tag:hover::after { transform: translateX(150%);}/* 问题标签的绿色系渐变背景 */.question-tag:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--question-tag-color) 35%, white) 0%, color-mix(in srgb, var(--question-tag-color) 60%, white) 100%); border-color: color-mix(in srgb, var(--question-tag-color) 70%, #4CAF50);}/* 标签之间的连接动画 */.question-columns-container:hover .question-tag { animation: question-tagConnect 0.5s ease forwards; animation-delay: calc(var(--question-rank) * 0.03s);}@keyframes question-tagConnect { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.question-error { color: #C62828; font-size: 16px; text-align: center; padding: 30px; font-family: KaiTi, STKaiti, serif; background: rgba(240, 255, 240, 0.8); border-radius: 10px; border: 1px dashed #4CAF50; grid-column: 1 / span 2;}/* 响应式设计优化 */@media (max-width: 1024px) { .question-columns-container { padding: 22px; gap: 20px; } .question-column { gap: 12px; } .question-tag { padding: 10px 15px; font-size: 13.5px; min-height: 45px; }}@media (max-width: 768px) { .question-title-trapezoid-box { padding: 8px 25px 10px; } .question-title-icon { font-size: 18px; } .question-title-text { font-size: 18px; } .question-columns-container { padding: 18px; gap: 18px; border-radius: 10px; } .question-column { gap: 10px; } .question-tag { padding: 9px 12px; font-size: 13px; border-radius: 20px; min-height: 42px; }}@media (max-width: 650px) { .question-columns-container { grid-template-columns: repeat(2, 1fr); gap: 15px; } .question-tag { padding: 8px 10px; font-size: 12.5px; border-radius: 18px; min-height: 40px; }}@media (max-width: 600px) { .question-columns-container { grid-template-columns: 1fr; gap: 12px; } .question-error { grid-column: 1; } /* 合并为单列显示 */ .question-column:first-child { display: flex; flex-direction: column; gap: 10px; } .question-column:last-child { display: none; } /* 将所有问题显示在单列中 */ .question-column:first-child .question-tag:nth-child(n+6) { display: block; } .question-tag { padding: 9px 14px; font-size: 13px; }}@media (max-width: 480px) { .question-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .question-title-icon { font-size: 16px; margin-right: 6px; } .question-title-text { font-size: 16px; letter-spacing: 0.5px; } .question-columns-container { padding: 15px; gap: 12px; } .question-column { gap: 10px; } .question-tag { padding: 8px 10px; font-size: 12px; border-radius: 18px; min-height: 38px; } .question-tag::before { display: none; /* 在小屏幕上隐藏连接线效果以节省空间 */ }}@media (max-width: 400px) { .question-columns-container { padding: 12px; gap: 10px; } .question-tag { padding: 7px 8px; font-size: 11.5px; border-radius: 16px; min-height: 36px; }}@media (max-width: 320px) { .question-title-trapezoid-box { padding: 5px 18px 7px; } .question-title-icon { font-size: 15px; } .question-title-text { font-size: 15px; } .question-columns-container { padding: 10px; gap: 8px; } .question-tag { padding: 6px 7px; font-size: 11px; border-radius: 14px; min-height: 34px; }}/style>/p>p>!-- 最新评估(古风三列布局) -->div classevaluate-header> div classevaluate-title-trapezoid-box> span classevaluate-title-icon>🌱/span> span classevaluate-title-text>最新评估/span> /div>/div>div classevaluate-section> div classevaluate-columns-container> div classevaluate-column>a hrefympgxq.php?id3378 classevaluate-tag style--evaluate-tag-color: rgba(135, 206, 235, 0.7); data-evaluate-rank1>pnxw.cn/a>a hrefympgxq.php?id3377 classevaluate-tag style--evaluate-tag-color: rgba(30, 144, 255, 0.7); data-evaluate-rank2>zylk.cn/a>a hrefympgxq.php?id3376 classevaluate-tag style--evaluate-tag-color: rgba(173, 216, 230, 0.7); data-evaluate-rank3>tjifa.com/a>a hrefympgxq.php?id3375 classevaluate-tag style--evaluate-tag-color: rgba(100, 149, 237, 0.7); data-evaluate-rank4>mpys.cn/a>a hrefympgxq.php?id3374 classevaluate-tag style--evaluate-tag-color: rgba(70, 130, 180, 0.7); data-evaluate-rank5>bfqm.cn/a>/div>div classevaluate-column>a hrefympgxq.php?id3373 classevaluate-tag style--evaluate-tag-color: rgba(176, 224, 230, 0.7); data-evaluate-rank6>zdym.cn/a>a hrefympgxq.php?id3372 classevaluate-tag style--evaluate-tag-color: rgba(0, 191, 255, 0.7); data-evaluate-rank7>yykm.cn/a>a hrefympgxq.php?id3371 classevaluate-tag style--evaluate-tag-color: rgba(72, 209, 204, 0.7); data-evaluate-rank8>diaoai.cn/a>a hrefympgxq.php?id3370 classevaluate-tag style--evaluate-tag-color: rgba(64, 224, 208, 0.7); data-evaluate-rank9>rongai.com.cn/a>a hrefympgxq.php?id3369 classevaluate-tag style--evaluate-tag-color: rgba(95, 158, 160, 0.7); data-evaluate-rank10>kaoai.com.cn/a>/div>div classevaluate-column>a hrefympgxq.php?id3368 classevaluate-tag style--evaluate-tag-color: rgba(102, 205, 170, 0.7); data-evaluate-rank11>aigai.com.cn/a>a hrefympgxq.php?id3367 classevaluate-tag style--evaluate-tag-color: rgba(0, 139, 139, 0.7); data-evaluate-rank12>aikua.com.cn/a>a hrefympgxq.php?id3366 classevaluate-tag style--evaluate-tag-color: rgba(32, 178, 170, 0.7); data-evaluate-rank13>kaosou.cn/a>a hrefympgxq.php?id3365 classevaluate-tag style--evaluate-tag-color: rgba(127, 255, 212, 0.7); data-evaluate-rank14>aihun.com.cn/a>a hrefympgxq.php?id3364 classevaluate-tag style--evaluate-tag-color: rgba(0, 206, 209, 0.7); data-evaluate-rank15>41.chat/a>/div> /div>/div>style>/* 最新评估标题样式 - 古风天蓝色系 */.evaluate-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.evaluate-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风天蓝色系渐变 - 代表成长与新生 */ background: linear-gradient(135deg, rgba(135, 206, 235, 0.9) 0%, rgba(30, 144, 255, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #87CEEB; box-shadow: 0 4px 8px rgba(135, 206, 235, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.evaluate-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #1E90FF, #87CEEB, #1E90FF, transparent ); opacity: 0.8;}.evaluate-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(30, 144, 255, 0.3), transparent );}/* 标题内容 */.evaluate-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: evaluate-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(135, 206, 235, 0.3));}@keyframes evaluate-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.evaluate-title-text { font-size: 20px; font-weight: 700; color: #E1F5FE; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(173, 216, 230, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.evaluate-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(135, 206, 235, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #1E90FF;}.evaluate-title-trapezoid-box:hover .evaluate-title-icon { animation: evaluate-iconFloat 1.5s ease-in-out infinite;}.evaluate-title-trapezoid-box:hover .evaluate-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(173, 216, 230, 0.5);}/* 最新评估内容样式 - 三列布局 */.evaluate-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 三列容器 */.evaluate-columns-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding: 25px; /* 古风天蓝渐变背景 */ background: linear-gradient(135deg, rgba(225, 245, 254, 0.9) 0%, rgba(227, 242, 253, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(30, 144, 255, 0.25); box-shadow: 0 6px 16px rgba(30, 144, 255, 0.12), inset 0 0 20px rgba(187, 222, 251, 0.08); position: relative; overflow: hidden; min-height: 280px;}/* 添加连接点纹理背景 - 天蓝色系 */.evaluate-columns-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(30, 144, 255, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(135, 206, 235, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(30, 144, 255, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(135, 206, 235, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(30, 144, 255, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(135, 206, 235, 0.08) 2px, transparent 2px); background-size: 55px 55px; pointer-events: none;}/* 每一列样式 */.evaluate-column { display: flex; flex-direction: column; gap: 12px; position: relative;}/* 评估标签样式 */.evaluate-tag { color: #0D47A1; text-decoration: none; font-size: 14px; padding: 10px 15px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(235, 245, 255, 0.98) 100%); border-radius: 22px; border: 1px solid rgba(30, 144, 255, 0.25); transition: all 0.3s ease; display: block; position: relative; font-family: KaiTi, STKaiti, serif; box-shadow: 0 3px 8px rgba(30, 144, 255, 0.12), 0 2px 4px rgba(135, 206, 235, 0.08); z-index: 1; font-weight: 500; letter-spacing: 0.5px; overflow: hidden; text-align: center; backdrop-filter: blur(2px); width: 100%; box-sizing: border-box; line-height: 1.4; min-height: 45px; display: flex; align-items: center; justify-content: center;}/* 按钮连接线效果 */.evaluate-tag::before { content: ; position: absolute; top: 50%; left: -25px; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, var(--evaluate-tag-color), transparent); transform: translateY(-50%); transition: all 0.5s ease; opacity: 0; z-index: -1;}.evaluate-tag:hover::before { left: 100%; opacity: 0.7;}.evaluate-tag::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); transform: translateX(-150%); transition: all 0.7s ease; z-index: -1;}.evaluate-tag:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 18px rgba(30, 144, 255, 0.25), 0 0 20px var(--evaluate-tag-color), inset 0 0 10px rgba(255, 255, 255, 0.5); border-color: var(--evaluate-tag-color); color: #1565C0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-weight: 600; z-index: 10;}.evaluate-tag:hover::after { transform: translateX(150%);}/* 评估标签的天蓝色系渐变背景 */.evaluate-tag:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--evaluate-tag-color) 35%, white) 0%, color-mix(in srgb, var(--evaluate-tag-color) 60%, white) 100%); border-color: color-mix(in srgb, var(--evaluate-tag-color) 70%, #1E90FF);}/* 标签之间的连接动画 */.evaluate-columns-container:hover .evaluate-tag { animation: evaluate-tagConnect 0.5s ease forwards; animation-delay: calc(var(--evaluate-rank) * 0.03s);}@keyframes evaluate-tagConnect { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.evaluate-error { color: #0D47A1; font-size: 16px; text-align: center; padding: 40px 30px; font-family: KaiTi, STKaiti, serif; background: rgba(235, 245, 255, 0.8); border-radius: 10px; border: 1px dashed #1E90FF; grid-column: 1 / span 3;}/* 响应式设计优化 */@media (max-width: 1024px) { .evaluate-columns-container { padding: 22px; gap: 20px; } .evaluate-column { gap: 10px; } .evaluate-tag { padding: 9px 12px; font-size: 13px; min-height: 42px; }}@media (max-width: 900px) { .evaluate-columns-container { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 768px) { .evaluate-title-trapezoid-box { padding: 8px 25px 10px; } .evaluate-title-icon { font-size: 18px; } .evaluate-title-text { font-size: 18px; } .evaluate-columns-container { padding: 18px; gap: 18px; border-radius: 10px; } .evaluate-column { gap: 8px; } .evaluate-tag { padding: 8px 10px; font-size: 12.5px; border-radius: 20px; min-height: 40px; }}@media (max-width: 650px) { .evaluate-columns-container { grid-template-columns: repeat(3, 1fr); gap: 15px; } .evaluate-tag { padding: 7px 8px; font-size: 12px; border-radius: 18px; min-height: 38px; }}@media (max-width: 600px) { .evaluate-columns-container { grid-template-columns: repeat(2, 1fr); gap: 20px; } .evaluate-error { grid-column: 1 / span 2; } /* 将15个域名重新分配到2列 */ .evaluate-column:nth-child(1) .evaluate-tag:nth-child(n+6) { display: none; } .evaluate-column:nth-child(2) .evaluate-tag:nth-child(n+6) { display: none; } .evaluate-column:nth-child(3) { display: none; }}@media (max-width: 480px) { .evaluate-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .evaluate-title-icon { font-size: 16px; margin-right: 6px; } .evaluate-title-text { font-size: 16px; letter-spacing: 0.5px; } .evaluate-columns-container { grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 15px; } .evaluate-column { gap: 8px; } .evaluate-tag { padding: 6px 8px; font-size: 11px; border-radius: 16px; min-height: 36px; } .evaluate-tag::before { display: none; /* 在小屏幕上隐藏连接线效果以节省空间 */ }}@media (max-width: 400px) { .evaluate-columns-container { grid-template-columns: 1fr; gap: 12px; padding: 12px; } .evaluate-error { grid-column: 1; } /* 在超小屏幕上显示单列,每列显示10个域名 */ .evaluate-column { gap: 6px; } .evaluate-column:nth-child(1) .evaluate-tag:nth-child(n+11) { display: none; } .evaluate-column:nth-child(2), .evaluate-column:nth-child(3) { display: none; } .evaluate-tag { padding: 5px 6px; font-size: 10.5px; border-radius: 14px; min-height: 34px; }}@media (max-width: 320px) { .evaluate-title-trapezoid-box { padding: 5px 18px 7px; } .evaluate-title-icon { font-size: 15px; } .evaluate-title-text { font-size: 15px; } .evaluate-columns-container { padding: 10px; gap: 10px; } .evaluate-column { gap: 6px; } .evaluate-tag { padding: 4px 5px; font-size: 10px; border-radius: 12px; min-height: 32px; }}/style>/p>p>!-- 最新挖掘(两列布局古风设计) -->div classmining-header> div classmining-title-trapezoid-box> span classmining-title-icon>⛏/span> span classmining-title-text>最新挖掘/span> /div>/div>div classmining-section> div classmining-columns-container> div classmining-column>a href/gjcwj/3323.html classmining-tag style--mining-tag-color: rgba(123, 31, 162, 0.7); data-mining-rank1>凯里酸汤鱼/a>a href/gjcwj/3322.html classmining-tag style--mining-tag-color: rgba(156, 39, 176, 0.7); data-mining-rank2>贵阳烤脑花/a>a href/gjcwj/3321.html classmining-tag style--mining-tag-color: rgba(171, 71, 188, 0.7); data-mining-rank3>都匀毛尖茶/a>a href/gjcwj/3320.html classmining-tag style--mining-tag-color: rgba(186, 104, 200, 0.7); data-mining-rank4>花溪牛肉粉/a>a href/gjcwj/3319.html classmining-tag style--mining-tag-color: rgba(142, 36, 170, 0.7); data-mining-rank5>贵阳烤生蚝/a>/div>div classmining-column>a href/gjcwj/3318.html classmining-tag style--mining-tag-color: rgba(165, 80, 186, 0.7); data-mining-rank6>贵阳烤豆腐/a>a href/gjcwj/3317.html classmining-tag style--mining-tag-color: rgba(149, 117, 205, 0.7); data-mining-rank7>贵阳纸包鱼/a>a href/gjcwj/3316.html classmining-tag style--mining-tag-color: rgba(179, 136, 255, 0.7); data-mining-rank8>贵阳特色菜/a>a href/gjcwj/3315.html classmining-tag style--mining-tag-color: rgba(106, 27, 154, 0.7); data-mining-rank9>贵阳酸菜鱼/a>a href/gjcwj/3314.html classmining-tag style--mining-tag-color: rgba(133, 44, 156, 0.7); data-mining-rank10>贵阳青椒鱼/a>/div> /div>/div>style>/* 最新挖掘标题样式 - 古风紫色系 */.mining-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.mining-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风紫色系渐变 - 代表探索与挖掘 */ background: linear-gradient(135deg, rgba(123, 31, 162, 0.9) 0%, rgba(156, 39, 176, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #7B1FA2; box-shadow: 0 4px 8px rgba(123, 31, 162, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.mining-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #9C27B0, #CE93D8, #9C27B0, transparent ); opacity: 0.8;}.mining-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(156, 39, 176, 0.3), transparent );}/* 标题内容 */.mining-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: mining-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(123, 31, 162, 0.3));}@keyframes mining-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.mining-title-text { font-size: 20px; font-weight: 700; color: #F3E5F5; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(206, 147, 216, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.mining-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(123, 31, 162, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #9C27B0;}.mining-title-trapezoid-box:hover .mining-title-icon { animation: mining-iconFloat 1.5s ease-in-out infinite;}.mining-title-trapezoid-box:hover .mining-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(206, 147, 216, 0.5);}/* 最新挖掘内容样式 - 两列布局 */.mining-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 两列容器 */.mining-columns-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; padding: 25px; /* 古风紫色渐变背景 */ background: linear-gradient(135deg, rgba(243, 229, 245, 0.9) 0%, rgba(249, 231, 255, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(156, 39, 176, 0.25); box-shadow: 0 6px 16px rgba(156, 39, 176, 0.12), inset 0 0 20px rgba(225, 190, 231, 0.08); position: relative; overflow: hidden; min-height: 300px;}/* 添加连接点纹理背景 - 紫色系 */.mining-columns-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(123, 31, 162, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(123, 31, 162, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(123, 31, 162, 0.08) 2px, transparent 2px); background-size: 50px 50px; pointer-events: none;}/* 每一列样式 */.mining-column { display: flex; flex-direction: column; gap: 14px; position: relative;}/* 挖掘标签样式 */.mining-tag { color: #4A148C; text-decoration: none; font-size: 14px; padding: 12px 18px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 255, 0.98) 100%); border-radius: 22px; border: 1px solid rgba(142, 36, 170, 0.25); transition: all 0.3s ease; display: block; position: relative; font-family: KaiTi, STKaiti, serif; box-shadow: 0 3px 8px rgba(142, 36, 170, 0.12), 0 2px 4px rgba(123, 31, 162, 0.08); z-index: 1; font-weight: 500; letter-spacing: 0.5px; overflow: hidden; text-align: left; backdrop-filter: blur(2px); width: 100%; box-sizing: border-box; line-height: 1.5; min-height: 50px; display: flex; align-items: center;}/* 按钮连接线效果 */.mining-tag::before { content: ; position: absolute; top: 50%; left: -25px; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, var(--mining-tag-color), transparent); transform: translateY(-50%); transition: all 0.5s ease; opacity: 0; z-index: -1;}.mining-tag:hover::before { left: 100%; opacity: 0.7;}.mining-tag::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); transform: translateX(-150%); transition: all 0.7s ease; z-index: -1;}.mining-tag:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 8px 18px rgba(156, 39, 176, 0.25), 0 0 20px var(--mining-tag-color), inset 0 0 10px rgba(255, 255, 255, 0.5); border-color: var(--mining-tag-color); color: #6A1B9A; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-weight: 600; z-index: 10;}.mining-tag:hover::after { transform: translateX(150%);}/* 挖掘标签的紫色系渐变背景 */.mining-tag:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--mining-tag-color) 35%, white) 0%, color-mix(in srgb, var(--mining-tag-color) 60%, white) 100%); border-color: color-mix(in srgb, var(--mining-tag-color) 70%, #9C27B0);}/* 标签之间的连接动画 */.mining-columns-container:hover .mining-tag { animation: mining-tagConnect 0.5s ease forwards; animation-delay: calc(var(--mining-rank) * 0.03s);}@keyframes mining-tagConnect { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.mining-error { color: #880E4F; font-size: 16px; text-align: center; padding: 30px; font-family: KaiTi, STKaiti, serif; background: rgba(250, 245, 255, 0.8); border-radius: 10px; border: 1px dashed #9C27B0; grid-column: 1 / span 2;}/* 响应式设计优化 */@media (max-width: 1024px) { .mining-columns-container { padding: 22px; gap: 20px; } .mining-column { gap: 12px; } .mining-tag { padding: 10px 15px; font-size: 13.5px; min-height: 45px; }}@media (max-width: 768px) { .mining-title-trapezoid-box { padding: 8px 25px 10px; } .mining-title-icon { font-size: 18px; } .mining-title-text { font-size: 18px; } .mining-columns-container { padding: 18px; gap: 18px; border-radius: 10px; } .mining-column { gap: 10px; } .mining-tag { padding: 9px 12px; font-size: 13px; border-radius: 20px; min-height: 42px; }}@media (max-width: 650px) { .mining-columns-container { grid-template-columns: repeat(2, 1fr); gap: 15px; } .mining-tag { padding: 8px 10px; font-size: 12.5px; border-radius: 18px; min-height: 40px; }}@media (max-width: 600px) { .mining-columns-container { grid-template-columns: 1fr; gap: 12px; } .mining-error { grid-column: 1; } /* 合并为单列显示 */ .mining-column:first-child { display: flex; flex-direction: column; gap: 10px; } .mining-column:last-child { display: none; } /* 将所有挖掘内容显示在单列中 */ .mining-column:first-child .mining-tag:nth-child(n+6) { display: block; } .mining-tag { padding: 9px 14px; font-size: 13px; }}@media (max-width: 480px) { .mining-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .mining-title-icon { font-size: 16px; margin-right: 6px; } .mining-title-text { font-size: 16px; letter-spacing: 0.5px; } .mining-columns-container { padding: 15px; gap: 12px; } .mining-column { gap: 10px; } .mining-tag { padding: 8px 10px; font-size: 12px; border-radius: 18px; min-height: 38px; } .mining-tag::before { display: none; /* 在小屏幕上隐藏连接线效果以节省空间 */ }}@media (max-width: 400px) { .mining-columns-container { padding: 12px; gap: 10px; } .mining-tag { padding: 7px 8px; font-size: 11.5px; border-radius: 16px; min-height: 36px; }}@media (max-width: 320px) { .mining-title-trapezoid-box { padding: 5px 18px 7px; } .mining-title-icon { font-size: 15px; } .mining-title-text { font-size: 15px; } .mining-columns-container { padding: 10px; gap: 8px; } .mining-column { gap: 8px; } .mining-tag { padding: 6px 7px; font-size: 11px; border-radius: 14px; min-height: 34px; }}/style>/p>p>!-- 过期域名(古风两列布局) -->div classexpired-header> div classexpired-title-trapezoid-box> span classexpired-title-icon>❎/span> span classexpired-title-text>过期域名/span> /div>/div>div classexpired-section> div classexpired-columns-container> div classexpired-column>a href/dscym/60.html classexpired-tag style--expired-tag-color: rgba(158, 158, 158, 0.7); data-expired-rank1>2025-09-27到期.cn后缀待删除域名列表/a>a href/dscym/59.html classexpired-tag style--expired-tag-color: rgba(117, 117, 117, 0.7); data-expired-rank2>2025-09-26到期.cn后缀待删除域名列表/a>a href/dscym/58.html classexpired-tag style--expired-tag-color: rgba(97, 97, 97, 0.7); data-expired-rank3>2025-09-25到期.cn后缀待删除域名列表/a>a href/dscym/57.html classexpired-tag style--expired-tag-color: rgba(66, 66, 66, 0.7); data-expired-rank4>2025-09-24到期.cn后缀待删除域名列表/a>a href/dscym/56.html classexpired-tag style--expired-tag-color: rgba(189, 189, 189, 0.7); data-expired-rank5>2025-09-23到期.cn后缀待删除域名列表/a>/div>div classexpired-column>a href/dscym/55.html classexpired-tag style--expired-tag-color: rgba(158, 158, 158, 0.7); data-expired-rank6>2025-09-22到期.cn后缀待删除域名列表/a>a href/dscym/54.html classexpired-tag style--expired-tag-color: rgba(97, 97, 97, 0.7); data-expired-rank7>2025-09-21到期.cn后缀待删除域名列表/a>a href/dscym/53.html classexpired-tag style--expired-tag-color: rgba(117, 117, 117, 0.7); data-expired-rank8>2025-09-20到期.cn后缀待删除域名列表/a>a href/dscym/52.html classexpired-tag style--expired-tag-color: rgba(189, 189, 189, 0.7); data-expired-rank9>2025-09-19到期.cn后缀待删除域名列表/a>a href/dscym/51.html classexpired-tag style--expired-tag-color: rgba(66, 66, 66, 0.7); data-expired-rank10>2025-09-18到期.cn后缀待删除域名列表/a>/div> /div>/div>style>/* 过期域名标题样式 - 古风灰色系 */.expired-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.expired-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风灰色系渐变 - 代表过期与失效 */ background: linear-gradient(135deg, rgba(117, 117, 117, 0.9) 0%, rgba(97, 97, 97, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #757575; box-shadow: 0 4px 8px rgba(117, 117, 117, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.expired-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #9E9E9E, #E0E0E0, #9E9E9E, transparent ); opacity: 0.8;}.expired-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(158, 158, 158, 0.3), transparent );}/* 标题内容 */.expired-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: expired-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(117, 117, 117, 0.3));}@keyframes expired-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.expired-title-text { font-size: 20px; font-weight: 700; color: #FAFAFA; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(224, 224, 224, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.expired-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(117, 117, 117, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #9E9E9E;}.expired-title-trapezoid-box:hover .expired-title-icon { animation: expired-iconFloat 1.5s ease-in-out infinite;}.expired-title-trapezoid-box:hover .expired-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(224, 224, 224, 0.5);}/* 过期域名内容样式 - 两列布局 */.expired-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 两列容器 */.expired-columns-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; padding: 25px; /* 古风灰色渐变背景 */ background: linear-gradient(135deg, rgba(250, 250, 250, 0.9) 0%, rgba(245, 245, 245, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(158, 158, 158, 0.25); box-shadow: 0 6px 16px rgba(158, 158, 158, 0.12), inset 0 0 20px rgba(224, 224, 224, 0.08); position: relative; overflow: hidden; min-height: 300px;}/* 添加连接点纹理背景 - 灰色系 */.expired-columns-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(158, 158, 158, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(117, 117, 117, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(158, 158, 158, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(117, 117, 117, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(158, 158, 158, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(117, 117, 117, 0.08) 2px, transparent 2px); background-size: 50px 50px; pointer-events: none;}/* 每一列样式 */.expired-column { display: flex; flex-direction: column; gap: 14px; position: relative;}/* 过期域名标签样式 */.expired-tag { color: #424242; text-decoration: none; font-size: 14px; padding: 12px 18px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 245, 245, 0.98) 100%); border-radius: 22px; border: 1px solid rgba(97, 97, 97, 0.25); transition: all 0.3s ease; display: block; position: relative; font-family: KaiTi, STKaiti, serif; box-shadow: 0 3px 8px rgba(97, 97, 97, 0.12), 0 2px 4px rgba(117, 117, 117, 0.08); z-index: 1; font-weight: 500; letter-spacing: 0.5px; overflow: hidden; text-align: left; backdrop-filter: blur(2px); width: 100%; box-sizing: border-box; line-height: 1.5; min-height: 50px; display: flex; align-items: center;}/* 按钮连接线效果 */.expired-tag::before { content: ; position: absolute; top: 50%; left: -25px; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, var(--expired-tag-color), transparent); transform: translateY(-50%); transition: all 0.5s ease; opacity: 0; z-index: -1;}.expired-tag:hover::before { left: 100%; opacity: 0.7;}.expired-tag::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); transform: translateX(-150%); transition: all 0.7s ease; z-index: -1;}.expired-tag:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 8px 18px rgba(158, 158, 158, 0.25), 0 0 20px var(--expired-tag-color), inset 0 0 10px rgba(255, 255, 255, 0.5); border-color: var(--expired-tag-color); color: #212121; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-weight: 600; z-index: 10;}.expired-tag:hover::after { transform: translateX(150%);}/* 过期域名标签的灰色系渐变背景 */.expired-tag:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--expired-tag-color) 35%, white) 0%, color-mix(in srgb, var(--expired-tag-color) 60%, white) 100%); border-color: color-mix(in srgb, var(--expired-tag-color) 70%, #9E9E9E);}/* 标签之间的连接动画 */.expired-columns-container:hover .expired-tag { animation: expired-tagConnect 0.5s ease forwards; animation-delay: calc(var(--expired-rank) * 0.03s);}@keyframes expired-tagConnect { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.expired-error { color: #616161; font-size: 16px; text-align: center; padding: 30px; font-family: KaiTi, STKaiti, serif; background: rgba(245, 245, 245, 0.8); border-radius: 10px; border: 1px dashed #9E9E9E; grid-column: 1 / span 2;}/* 响应式设计优化 */@media (max-width: 1024px) { .expired-columns-container { padding: 22px; gap: 20px; } .expired-column { gap: 12px; } .expired-tag { padding: 10px 15px; font-size: 13.5px; min-height: 45px; }}@media (max-width: 768px) { .expired-title-trapezoid-box { padding: 8px 25px 10px; } .expired-title-icon { font-size: 18px; } .expired-title-text { font-size: 18px; } .expired-columns-container { padding: 18px; gap: 18px; border-radius: 10px; } .expired-column { gap: 10px; } .expired-tag { padding: 9px 12px; font-size: 13px; border-radius: 20px; min-height: 42px; }}@media (max-width: 650px) { .expired-columns-container { grid-template-columns: repeat(2, 1fr); gap: 15px; } .expired-tag { padding: 8px 10px; font-size: 12.5px; border-radius: 18px; min-height: 40px; }}@media (max-width: 600px) { .expired-columns-container { grid-template-columns: 1fr; gap: 12px; } .expired-error { grid-column: 1; } /* 合并为单列显示 */ .expired-column:first-child { display: flex; flex-direction: column; gap: 10px; } .expired-column:last-child { display: none; } /* 将所有过期域名显示在单列中 */ .expired-column:first-child .expired-tag:nth-child(n+6) { display: block; } .expired-tag { padding: 9px 14px; font-size: 13px; }}@media (max-width: 480px) { .expired-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .expired-title-icon { font-size: 16px; margin-right: 6px; } .expired-title-text { font-size: 16px; letter-spacing: 0.5px; } .expired-columns-container { padding: 15px; gap: 12px; } .expired-column { gap: 10px; } .expired-tag { padding: 8px 10px; font-size: 12px; border-radius: 18px; min-height: 38px; } .expired-tag::before { display: none; /* 在小屏幕上隐藏连接线效果以节省空间 */ }}@media (max-width: 400px) { .expired-columns-container { padding: 12px; gap: 10px; } .expired-tag { padding: 7px 8px; font-size: 11.5px; border-radius: 16px; min-height: 36px; }}@media (max-width: 320px) { .expired-title-trapezoid-box { padding: 5px 18px 7px; } .expired-title-icon { font-size: 15px; } .expired-title-text { font-size: 15px; } .expired-columns-container { padding: 10px; gap: 8px; } .expired-tag { padding: 6px 7px; font-size: 11px; border-radius: 14px; min-height: 34px; }}/style>/p>!-- 最新作画(古风粉色系双图并排设计) -->div classpainting-header> div classpainting-title-trapezoid-box> span classpainting-title-icon>🖼/span> span classpainting-title-text>最新作画/span> /div>/div>div classpainting-section> div classpainting-images-container>div classpainting-images-row>div classpainting-image-item>a hrefaizhxq.php?id3284 classpainting-image-link data-painting-rank1>div classpainting-image-wrapper>img srcaizh/20250831231553_49.png alt航母 title航母 classpainting-image>div classpainting-image-overlay>/div>div classpainting-image-title>span>航母/span>/div>div classpainting-image-number>span>1/span>/div>/div>/a>/div>div classpainting-image-item>a hrefaizhxq.php?id3283 classpainting-image-link data-painting-rank2>div classpainting-image-wrapper>img srcaizh/20250831231341_09.png alt高铁 title高铁 classpainting-image>div classpainting-image-overlay>/div>div classpainting-image-title>span>高铁/span>/div>div classpainting-image-number>span>2/span>/div>/div>/a>/div>/div> /div>/div>style>/* 最新作画标题样式 - 古风粉色系 */.painting-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.painting-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风粉色系渐变 - 代表艺术与创意 */ background: linear-gradient(135deg, rgba(233, 30, 99, 0.9) 0%, rgba(216, 27, 96, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #E91E63; box-shadow: 0 4px 8px rgba(233, 30, 99, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.painting-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #F06292, #F8BBD0, #F06292, transparent ); opacity: 0.8;}.painting-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(240, 98, 146, 0.3), transparent );}/* 标题内容 */.painting-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: painting-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(233, 30, 99, 0.3));}@keyframes painting-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.painting-title-text { font-size: 20px; font-weight: 700; color: #FCE4EC; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(248, 187, 208, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.painting-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(233, 30, 99, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #F06292;}.painting-title-trapezoid-box:hover .painting-title-icon { animation: painting-iconFloat 1.5s ease-in-out infinite;}.painting-title-trapezoid-box:hover .painting-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(248, 187, 208, 0.5);}/* 最新作画内容样式 - 双图并排布局 */.painting-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 图片容器 */.painting-images-container { padding: 25px; /* 古风粉色渐变背景 */ background: linear-gradient(135deg, rgba(252, 228, 236, 0.9) 0%, rgba(254, 240, 243, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(233, 30, 99, 0.25); box-shadow: 0 6px 16px rgba(233, 30, 99, 0.12), inset 0 0 20px rgba(248, 187, 208, 0.08); position: relative; overflow: hidden; min-height: 500px;}/* 添加连接点纹理背景 - 粉色系 */.painting-images-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(233, 30, 99, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(216, 27, 96, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(233, 30, 99, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(216, 27, 96, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(233, 30, 99, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(216, 27, 96, 0.08) 2px, transparent 2px); background-size: 60px 60px; pointer-events: none;}/* 图片行布局 */.painting-images-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; justify-items: center; align-items: stretch;}/* 图片项样式 */.painting-image-item { position: relative; width: 100%; height: 500px; overflow: hidden; border-radius: 16px; box-shadow: 0 6px 20px rgba(233, 30, 99, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08); transition: all 0.4s ease; z-index: 1;}/* 图片链接 */.painting-image-link { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative;}/* 图片包装器 */.painting-image-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 16px;}/* 图片样式 */.painting-image { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; filter: brightness(0.95);}/* 图片遮罩层 */.painting-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to bottom, transparent 60%, rgba(156, 39, 176, 0.4) 90%, rgba(123, 31, 162, 0.7) 100% ); opacity: 0.8; transition: all 0.4s ease; border-radius: 16px;}/* 图片标题 */.painting-image-title { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 15px 15px; background: linear-gradient( to top, rgba(123, 31, 162, 0.9) 0%, transparent 100% ); color: #FFFFFF; font-size: 16px; font-weight: 600; text-align: center; transform: translateY(100%); transition: all 0.4s ease; z-index: 2; font-family: KaiTi, STKaiti, serif; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}.painting-image-title span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4;}/* 图片编号 */.painting-image-number { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; background: linear-gradient(135deg, rgba(233, 30, 99, 0.9) 0%, rgba(216, 27, 96, 0.9) 100%); color: #FFFFFF; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); z-index: 3; transform: scale(0.9); opacity: 0.9; transition: all 0.4s ease; font-family: KaiTi, STKaiti, serif;}/* 占位符样式 */.painting-placeholder { background: linear-gradient(135deg, rgba(248, 187, 208, 0.3) 0%, rgba(240, 98, 146, 0.2) 100%); border: 2px dashed rgba(233, 30, 99, 0.3); display: flex; align-items: center; justify-content: center;}.painting-placeholder-content { color: #880E4F; font-size: 18px; font-weight: bold; text-align: center; padding: 20px; font-family: KaiTi, STKaiti, serif; opacity: 0.6;}/* 悬停效果 */.painting-image-item:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 15px 30px rgba(233, 30, 99, 0.25), 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 30px rgba(240, 98, 146, 0.3); z-index: 10;}.painting-image-item:hover .painting-image { transform: scale(1.05); filter: brightness(1.05);}.painting-image-item:hover .painting-image-overlay { opacity: 0.9; background: linear-gradient( to bottom, transparent 40%, rgba(156, 39, 176, 0.5) 80%, rgba(123, 31, 162, 0.8) 100% );}.painting-image-item:hover .painting-image-title { transform: translateY(0); padding: 25px 15px 20px;}.painting-image-item:hover .painting-image-number { transform: scale(1); opacity: 1; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);}/* 图片项动画 */.painting-images-row:hover .painting-image-item { animation: painting-itemFloat 0.5s ease forwards; animation-delay: calc(var(--painting-rank) * 0.1s);}@keyframes painting-itemFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.painting-error { color: #AD1457; font-size: 18px; text-align: center; padding: 60px 30px; font-family: KaiTi, STKaiti, serif; background: rgba(252, 228, 236, 0.8); border-radius: 10px; border: 2px dashed #E91E63; grid-column: 1 / span 2;}/* 响应式设计优化 */@media (max-width: 1024px) { .painting-images-container { padding: 22px; } .painting-images-row { gap: 22px; } .painting-image-item { height: 200px; } .painting-image-title { font-size: 15px; padding: 18px 12px 12px; }}@media (max-width: 900px) { .painting-image-item { height: 180px; }}@media (max-width: 768px) { .painting-title-trapezoid-box { padding: 8px 25px 10px; } .painting-title-icon { font-size: 18px; } .painting-title-text { font-size: 18px; } .painting-images-container { padding: 18px; border-radius: 10px; } .painting-images-row { gap: 18px; } .painting-image-item { height: 170px; border-radius: 14px; } .painting-image-title { font-size: 14px; padding: 15px 10px 10px; } .painting-image-title span { -webkit-line-clamp: 2; }}@media (max-width: 650px) { .painting-images-row { grid-template-columns: repeat(2, 1fr); gap: 16px; } .painting-image-item { height: 150px; } .painting-image-title { font-size: 13px; }}@media (max-width: 600px) { .painting-images-row { gap: 15px; } .painting-image-item { height: 140px; } .painting-image-title { font-size: 12px; padding: 12px 8px 8px; }}@media (max-width: 480px) { .painting-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .painting-title-icon { font-size: 16px; margin-right: 6px; } .painting-title-text { font-size: 16px; letter-spacing: 0.5px; } .painting-images-container { padding: 15px; } .painting-images-row { gap: 12px; } .painting-image-item { height: 130px; border-radius: 12px; } .painting-image-title { font-size: 11px; padding: 10px 6px 6px; } .painting-placeholder-content { font-size: 16px; padding: 15px; }}@media (max-width: 400px) { .painting-images-row { grid-template-columns: 1fr; gap: 20px; max-width: 300px; margin: 0 auto; } .painting-error { grid-column: 1; } .painting-image-item { height: 200px; } .painting-image-title { font-size: 14px; padding: 15px 10px 10px; } /* 隐藏占位符 */ .painting-placeholder { display: none; }}@media (max-width: 320px) { .painting-title-trapezoid-box { padding: 5px 18px 7px; } .painting-title-icon { font-size: 15px; } .painting-title-text { font-size: 15px; } .painting-images-container { padding: 12px; } .painting-images-row { gap: 12px; } .painting-image-item { height: 180px; } .painting-image-title { font-size: 12px; }}/style>!-- 热点视频 - 一行双视频古风紫色系梯形标题设计 -->div classhot-video-header> div classhot-video-title-trapezoid-box> span classhot-video-title-icon>🎬/span> span classhot-video-title-text>热点视频/span> /div>/div>div classhot-video-section> div classhot-video-container> div classhot-videos-grid>div classhot-video-grid-item data-video-rank1>div classhot-video-wrapper>a hrefaispxq.php?id74 classhot-video-link>div classhot-video-player>video controls autoplay muted playsinline loop preloadmetadata>source srcvideo/20250704214605.mp4 typevideo/mp4>您的浏览器不支持HTML5视频。/video>div classhot-video-play-icon>▶/div>div classhot-video-overlay>/div>div classhot-video-number>1/div>/div>/a>/div>div classhot-video-description>a hrefaispxq.php?id74 classhot-video-desc-link title雪山中奔跑的猞猁>span classhot-video-desc-text>雪山中奔跑的猞猁/span>span classhot-video-desc-icon>🎥/span>/a>/div>/div>div classhot-video-grid-item data-video-rank2>div classhot-video-wrapper>a hrefaispxq.php?id52 classhot-video-link>div classhot-video-player>video controls autoplay muted playsinline loop preloadmetadata>source srcvideo/20250621132851.mp4 typevideo/mp4>您的浏览器不支持HTML5视频。/video>div classhot-video-play-icon>▶/div>div classhot-video-overlay>/div>div classhot-video-number>2/div>/div>/a>/div>div classhot-video-description>a hrefaispxq.php?id52 classhot-video-desc-link title金矿石视频>span classhot-video-desc-text>金矿石视频/span>span classhot-video-desc-icon>🎥/span>/a>/div>/div>/div> /div>/div>style>/* 热点视频标题样式 - 古风紫色系 */.hot-video-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.hot-video-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风紫色系渐变 - 代表视频与动态 */ background: linear-gradient(135deg, rgba(156, 39, 176, 0.9) 0%, rgba(142, 36, 170, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #9C27B0; box-shadow: 0 4px 8px rgba(156, 39, 176, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.hot-video-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #BA68C8, #E1BEE7, #BA68C8, transparent ); opacity: 0.8;}.hot-video-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(186, 104, 200, 0.3), transparent );}/* 标题内容 */.hot-video-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: hot-video-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(156, 39, 176, 0.3));}@keyframes hot-video-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.hot-video-title-text { font-size: 20px; font-weight: 700; color: #F3E5F5; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(225, 190, 231, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.hot-video-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(156, 39, 176, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #BA68C8;}.hot-video-title-trapezoid-box:hover .hot-video-title-icon { animation: hot-video-iconFloat 1.5s ease-in-out infinite;}.hot-video-title-trapezoid-box:hover .hot-video-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(225, 190, 231, 0.5);}/* 热点视频内容样式 - 双视频布局 */.hot-video-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 视频容器 */.hot-video-container { padding: 25px; /* 古风紫色渐变背景 */ background: linear-gradient(135deg, rgba(243, 229, 245, 0.9) 0%, rgba(250, 242, 251, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(156, 39, 176, 0.25); box-shadow: 0 6px 16px rgba(156, 39, 176, 0.12), inset 0 0 20px rgba(225, 190, 231, 0.08); position: relative; overflow: hidden; min-height: 300px;}/* 添加连接点纹理背景 - 紫色系 */.hot-video-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(142, 36, 170, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(142, 36, 170, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(142, 36, 170, 0.08) 2px, transparent 2px); background-size: 60px 60px; pointer-events: none;}/* 双视频网格布局 */.hot-videos-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; justify-items: center; align-items: stretch;}/* 视频网格项 */.hot-video-grid-item { position: relative; width: 100%; overflow: hidden; border-radius: 16px; transition: all 0.4s ease; z-index: 1;}/* 视频包装器 */.hot-video-wrapper { position: relative; width: 100%; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 20px rgba(156, 39, 176, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08); transition: all 0.4s ease;}/* 视频链接 */.hot-video-link { display: block; text-decoration: none; color: inherit;}/* 视频播放器 */.hot-video-player { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; background-color: #000; border-radius: 16px;}/* 视频元素 */.hot-video-player video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 16px; transition: all 0.5s ease; filter: brightness(0.95);}/* 播放图标 */.hot-video-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 50px; height: 50px; background: rgba(156, 39, 176, 0.85); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; opacity: 0.8; transition: all 0.3s ease; pointer-events: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); z-index: 2;}/* 视频编号 */.hot-video-number { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; background: linear-gradient(135deg, rgba(156, 39, 176, 0.9) 0%, rgba(142, 36, 170, 0.9) 100%); color: #FFFFFF; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); z-index: 3; transform: scale(0.9); opacity: 0.9; transition: all 0.4s ease; font-family: KaiTi, STKaiti, serif;}/* 视频遮罩层 */.hot-video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to bottom, transparent 60%, rgba(123, 31, 162, 0.4) 90%, rgba(74, 20, 140, 0.7) 100% ); opacity: 0.6; transition: all 0.4s ease; border-radius: 16px; pointer-events: none; z-index: 1;}/* 视频描述 */.hot-video-description { margin-top: 12px; text-align: center; background: rgba(243, 229, 245, 0.9); border-radius: 10px; padding: 10px 15px; border: 1px solid rgba(156, 39, 176, 0.2); transition: all 0.3s ease; box-shadow: 0 4px 8px rgba(156, 39, 176, 0.1);}.hot-video-desc-link { display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; color: #4A148C; font-weight: 600; font-size: 15px; transition: all 0.3s ease; padding: 4px 0; font-family: KaiTi, STKaiti, serif;}.hot-video-desc-text { display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.hot-video-desc-icon { font-size: 16px; transition: all 0.3s ease;}/* 占位符样式 */.hot-video-placeholder { background: linear-gradient(135deg, rgba(225, 190, 231, 0.3) 0%, rgba(186, 104, 200, 0.2) 100%); border: 2px dashed rgba(156, 39, 176, 0.3); display: flex; align-items: center; justify-content: center; min-height: 200px;}.hot-video-placeholder-content { color: #6A1B9A; text-align: center; padding: 20px; font-family: KaiTi, STKaiti, serif;}.placeholder-icon { font-size: 40px; margin-bottom: 10px; opacity: 0.6; animation: placeholderPulse 2s ease-in-out infinite;}@keyframes placeholderPulse { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.05); }}.hot-video-placeholder-content p { margin: 0; font-size: 16px; font-weight: bold;}/* 悬停效果 */.hot-video-grid-item:hover { transform: translateY(-8px); z-index: 10;}.hot-video-wrapper:hover { transform: scale(1.02); box-shadow: 0 15px 30px rgba(156, 39, 176, 0.25), 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 30px rgba(186, 104, 200, 0.3);}.hot-video-wrapper:hover video { filter: brightness(1.05); transform: scale(1.05);}.hot-video-wrapper:hover .hot-video-play-icon { opacity: 0.9; transform: translate(-50%, -50%) scale(1.1); background: rgba(186, 104, 200, 0.9);}.hot-video-wrapper:hover .hot-video-overlay { opacity: 0.8; background: linear-gradient( to bottom, transparent 40%, rgba(123, 31, 162, 0.5) 80%, rgba(74, 20, 140, 0.8) 100% );}.hot-video-wrapper:hover .hot-video-number { transform: scale(1); opacity: 1; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);}.hot-video-description:hover { background: rgba(225, 190, 231, 0.95); transform: translateY(-3px); box-shadow: 0 6px 12px rgba(156, 39, 176, 0.2); border-color: rgba(156, 39, 176, 0.4);}.hot-video-desc-link:hover { color: #7B1FA2; text-shadow: 0 0 5px rgba(225, 190, 231, 0.5);}.hot-video-desc-link:hover .hot-video-desc-icon { transform: scale(1.2) rotate(10deg); filter: drop-shadow(0 2px 3px rgba(156, 39, 176, 0.3));}/* 网格项动画 */.hot-videos-grid:hover .hot-video-grid-item { animation: videoItemFloat 0.5s ease forwards; animation-delay: calc(var(--video-rank) * 0.1s);}@keyframes videoItemFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.hot-video-error { color: #6A1B9A; font-size: 18px; text-align: center; padding: 60px 30px; font-family: KaiTi, STKaiti, serif; background: rgba(243, 229, 245, 0.8); border-radius: 10px; border: 2px dashed #9C27B0; grid-column: 1 / span 2;}/* 响应式设计优化 */@media (max-width: 1024px) { .hot-video-container { padding: 22px; } .hot-videos-grid { gap: 22px; } .hot-video-description { padding: 8px 12px; font-size: 14px; } .hot-video-desc-link { font-size: 14px; gap: 6px; }}@media (max-width: 900px) { .hot-videos-grid { gap: 20px; } .hot-video-description { padding: 8px 10px; } .hot-video-desc-link { font-size: 13px; }}@media (max-width: 768px) { .hot-video-title-trapezoid-box { padding: 8px 25px 10px; } .hot-video-title-icon { font-size: 18px; } .hot-video-title-text { font-size: 18px; } .hot-video-container { padding: 18px; border-radius: 10px; } .hot-videos-grid { gap: 18px; } .hot-video-wrapper { border-radius: 14px; } .hot-video-player { border-radius: 14px; } .hot-video-description { margin-top: 10px; padding: 6px 8px; border-radius: 8px; } .hot-video-desc-link { font-size: 12px; gap: 5px; } .hot-video-desc-text { max-width: 75%; } .hot-video-play-icon { width: 45px; height: 45px; font-size: 18px; } .hot-video-number { width: 28px; height: 28px; font-size: 14px; top: 12px; right: 12px; }}@media (max-width: 650px) { .hot-videos-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .hot-video-desc-link { font-size: 11px; } .hot-video-desc-icon { font-size: 14px; }}@media (max-width: 600px) { .hot-videos-grid { gap: 15px; } .hot-video-description { padding: 5px 6px; } .hot-video-desc-link { font-size: 10px; } .hot-video-play-icon { width: 40px; height: 40px; font-size: 16px; }}@media (max-width: 480px) { .hot-video-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .hot-video-title-icon { font-size: 16px; margin-right: 6px; } .hot-video-title-text { font-size: 16px; letter-spacing: 0.5px; } .hot-video-container { padding: 15px; } .hot-videos-grid { gap: 12px; } .hot-video-wrapper { border-radius: 12px; } .hot-video-player { border-radius: 12px; } .hot-video-description { margin-top: 8px; padding: 4px 5px; border-radius: 6px; } .hot-video-desc-link { font-size: 9px; gap: 4px; } .hot-video-desc-text { max-width: 70%; } .hot-video-desc-icon { font-size: 12px; } .hot-video-number { width: 24px; height: 24px; font-size: 12px; top: 10px; right: 10px; } .hot-video-placeholder-content { padding: 15px; } .placeholder-icon { font-size: 30px; } .hot-video-placeholder-content p { font-size: 14px; }}@media (max-width: 400px) { .hot-videos-grid { grid-template-columns: 1fr; gap: 20px; max-width: 300px; margin: 0 auto; } .hot-video-error { grid-column: 1; } .hot-video-description { padding: 8px 10px; } .hot-video-desc-link { font-size: 12px; } .hot-video-desc-text { max-width: 80%; } /* 隐藏占位符 */ .hot-video-placeholder { display: none; }}@media (max-width: 320px) { .hot-video-title-trapezoid-box { padding: 5px 18px 7px; } .hot-video-title-icon { font-size: 15px; } .hot-video-title-text { font-size: 15px; } .hot-video-container { padding: 12px; } .hot-videos-grid { max-width: 280px; gap: 15px; } .hot-video-desc-link { font-size: 11px; }}/style>p>!-- 友情链接(两列布局古风设计) -->div classfriendship-header> div classfriendship-title-trapezoid-box> span classfriendship-title-icon>🔗/span> span classfriendship-title-text>友情链接/span> /div>/div>div classfriendship-section> div classfriendship-columns-container> div classfriendship-column>a hrefhttp://www.815.red/ target_blank classfriendship-tag style--friendship-tag-color: rgba(198, 40, 40, 0.7); data-friendship-rank1>广州月饼生产厂家/a>a hrefhttp://www.souzhan.com.cn/ target_blank classfriendship-tag style--friendship-tag-color: rgba(229, 57, 53, 0.7); data-friendship-rank2>搜站点/a>a hrefhttp://www.zhansou.com.cn/ target_blank classfriendship-tag style--friendship-tag-color: rgba(244, 67, 54, 0.7); data-friendship-rank3>网站搜索/a>a hrefhttp://www.zhansou.com.cn/ target_blank classfriendship-tag style--friendship-tag-color: rgba(211, 47, 47, 0.7); data-friendship-rank4>全球搜索引擎/a>a hrefhttp://www.qw.gs/ target_blank classfriendship-tag style--friendship-tag-color: rgba(183, 28, 28, 0.7); data-friendship-rank5>青蛙搜索引擎系统/a>/div>div classfriendship-column>a hrefhttp://www.j.city/ target_blank classfriendship-tag style--friendship-tag-color: rgba(229, 115, 115, 0.7); data-friendship-rank6>Search website/a>a hrefhttp://www.sou.gg/ target_blank classfriendship-tag style--friendship-tag-color: rgba(240, 128, 128, 0.7); data-friendship-rank7>사이트 순위/a>a hrefhttp://www.qun.cx/ target_blank classfriendship-tag style--friendship-tag-color: rgba(205, 92, 92, 0.7); data-friendship-rank8>站群系统/a>a hrefhttp://www.saweb.com/ target_blank classfriendship-tag style--friendship-tag-color: rgba(220, 20, 60, 0.7); data-friendship-rank9>搜索引擎程序/a>a hrefhttp://www.0851ufida.com/ target_blank classfriendship-tag style--friendship-tag-color: rgba(178, 34, 34, 0.7); data-friendship-rank10>贵州用友地址/a>/div> /div>/div>style>/* 友情链接标题样式 - 古风红色系 */.friendship-header { margin-bottom: 20px; text-align: center; margin-top: 30px;}.friendship-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风红色系渐变 - 代表友情与连接 */ background: linear-gradient(135deg, rgba(198, 40, 40, 0.9) 0%, rgba(229, 57, 53, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #C62828; box-shadow: 0 4px 8px rgba(198, 40, 40, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.friendship-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #E53935, #FFCDD2, #E53935, transparent ); opacity: 0.8;}.friendship-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(229, 57, 53, 0.3), transparent );}/* 标题内容 */.friendship-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: friendship-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(198, 40, 40, 0.3));}@keyframes friendship-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.friendship-title-text { font-size: 20px; font-weight: 700; color: #FFEBEE; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(255, 205, 210, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.friendship-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(198, 40, 40, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #E53935;}.friendship-title-trapezoid-box:hover .friendship-title-icon { animation: friendship-iconFloat 1.5s ease-in-out infinite;}.friendship-title-trapezoid-box:hover .friendship-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(255, 205, 210, 0.5);}/* 友情链接内容样式 - 两列布局 */.friendship-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}/* 两列容器 */.friendship-columns-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; padding: 25px; /* 古风红色渐变背景 */ background: linear-gradient(135deg, rgba(255, 235, 238, 0.9) 0%, rgba(255, 241, 242, 0.9) 100%); border-radius: 12px; border: 1px solid rgba(229, 57, 53, 0.25); box-shadow: 0 6px 16px rgba(229, 57, 53, 0.12), inset 0 0 20px rgba(255, 205, 210, 0.08); position: relative; overflow: hidden; min-height: 320px;}/* 添加连接点纹理背景 - 红色系 */.friendship-columns-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(229, 57, 53, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(198, 40, 40, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(229, 57, 53, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(198, 40, 40, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(229, 57, 53, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(198, 40, 40, 0.08) 2px, transparent 2px); background-size: 50px 50px; pointer-events: none;}/* 每一列样式 */.friendship-column { display: flex; flex-direction: column; gap: 16px; position: relative;}/* 友情链接标签样式 */.friendship-tag { color: #B71C1C; text-decoration: none; font-size: 15px; padding: 12px 20px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 245, 245, 0.98) 100%); border-radius: 22px; border: 1px solid rgba(183, 28, 28, 0.25); transition: all 0.3s ease; display: block; position: relative; font-family: KaiTi, STKaiti, serif; box-shadow: 0 3px 8px rgba(183, 28, 28, 0.12), 0 2px 4px rgba(198, 40, 40, 0.08); z-index: 1; font-weight: 500; letter-spacing: 0.5px; overflow: hidden; text-align: left; backdrop-filter: blur(2px); width: 100%; box-sizing: border-box; line-height: 1.5; min-height: 50px; display: flex; align-items: center; justify-content: center;}/* 按钮连接线效果 */.friendship-tag::before { content: ; position: absolute; top: 50%; left: -25px; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, var(--friendship-tag-color), transparent); transform: translateY(-50%); transition: all 0.5s ease; opacity: 0; z-index: -1;}.friendship-tag:hover::before { left: 100%; opacity: 0.7;}.friendship-tag::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); transform: translateX(-150%); transition: all 0.7s ease; z-index: -1;}.friendship-tag:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 18px rgba(229, 57, 53, 0.25), 0 0 20px var(--friendship-tag-color), inset 0 0 10px rgba(255, 255, 255, 0.5); border-color: var(--friendship-tag-color); color: #C62828; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); font-weight: 600; z-index: 10;}.friendship-tag:hover::after { transform: translateX(150%);}/* 友情链接标签的红色系渐变背景 */.friendship-tag:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--friendship-tag-color) 35%, white) 0%, color-mix(in srgb, var(--friendship-tag-color) 60%, white) 100%); border-color: color-mix(in srgb, var(--friendship-tag-color) 70%, #E53935);}/* 标签之间的连接动画 */.friendship-columns-container:hover .friendship-tag { animation: friendship-tagConnect 0.5s ease forwards; animation-delay: calc(var(--friendship-rank) * 0.03s);}@keyframes friendship-tagConnect { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); }}/* 错误信息样式 */.friendship-error { color: #C62828; font-size: 18px; text-align: center; padding: 50px 30px; font-family: KaiTi, STKaiti, serif; background: rgba(255, 245, 245, 0.8); border-radius: 10px; border: 1px dashed #E53935; grid-column: 1 / span 2;}/* 响应式设计优化 */@media (max-width: 1024px) { .friendship-columns-container { padding: 22px; gap: 25px; } .friendship-column { gap: 14px; } .friendship-tag { padding: 11px 18px; font-size: 14.5px; min-height: 48px; }}@media (max-width: 768px) { .friendship-title-trapezoid-box { padding: 8px 25px 10px; } .friendship-title-icon { font-size: 18px; } .friendship-title-text { font-size: 18px; } .friendship-columns-container { padding: 18px; gap: 22px; border-radius: 10px; } .friendship-column { gap: 12px; } .friendship-tag { padding: 10px 15px; font-size: 14px; border-radius: 20px; min-height: 46px; }}@media (max-width: 650px) { .friendship-columns-container { grid-template-columns: repeat(2, 1fr); gap: 18px; } .friendship-tag { padding: 9px 12px; font-size: 13.5px; border-radius: 18px; min-height: 44px; }}@media (max-width: 600px) { .friendship-columns-container { grid-template-columns: 1fr; gap: 15px; } .friendship-error { grid-column: 1; } /* 合并为单列显示 */ .friendship-column:first-child { display: flex; flex-direction: column; gap: 12px; } .friendship-column:last-child { display: none; } /* 将所有友情链接显示在单列中 */ .friendship-column:first-child .friendship-tag:nth-child(n+6) { display: block; } .friendship-tag { padding: 10px 16px; font-size: 14px; text-align: center; }}@media (max-width: 480px) { .friendship-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .friendship-title-icon { font-size: 16px; margin-right: 6px; } .friendship-title-text { font-size: 16px; letter-spacing: 0.5px; } .friendship-columns-container { padding: 16px; gap: 12px; } .friendship-column { gap: 10px; } .friendship-tag { padding: 9px 12px; font-size: 13px; border-radius: 18px; min-height: 42px; } .friendship-tag::before { display: none; /* 在小屏幕上隐藏连接线效果以节省空间 */ }}@media (max-width: 400px) { .friendship-columns-container { padding: 14px; gap: 10px; } .friendship-tag { padding: 8px 10px; font-size: 12.5px; border-radius: 16px; min-height: 40px; }}@media (max-width: 320px) { .friendship-title-trapezoid-box { padding: 5px 18px 7px; } .friendship-title-icon { font-size: 15px; } .friendship-title-text { font-size: 15px; } .friendship-columns-container { padding: 12px; gap: 8px; } .friendship-column { gap: 8px; } .friendship-tag { padding: 7px 8px; font-size: 12px; border-radius: 14px; min-height: 38px; }}/style>/p>p>div classabout-header> div classabout-title-trapezoid-box> span classabout-title-icon>🤝/span> span classabout-title-text>关于我们/span> /div>/div>div classabout-section> div classtags-container> a hrefhttps://www.wd.chat/wdai.php classtag style--tag-color: rgba(106, 27, 154, 0.7); data-rank10>豌豆Ai/a> a hrefhttp://www.gu.cx/ classtag style--tag-color: rgba(160, 82, 45, 0.7); data-rank2>Ai评估/a> a hrefhttps://www.wd.chat/wap_ymgm.php classtag style--tag-color: rgba(156, 39, 176, 0.7); data-rank11>域名/a> a hrefhttps://www.wd.chat/wzjs.php classtag style--tag-color: rgba(186, 104, 200, 0.7); data-rank12>建站/a> a hrefhttps://www.wd.chat/zqdz.php classtag style--tag-color: rgba(123, 31, 162, 0.7); data-rank13>站群/a> a hrefhttps://www.wd.chat/sslh.php classtag style--tag-color: rgba(142, 36, 170, 0.7); data-rank14>留痕/a> a hrefhttps://www.wd.chat/wztg.php classtag style--tag-color: rgba(171, 71, 188, 0.7); data-rank15>推广/a> a hrefhttps://www.wd.chat/ympg.php classtag style--tag-color: rgba(104, 19, 128, 0.7); data-rank16>评估/a> a hrefhttps://www.wd.chat/wzym.php classtag style--tag-color: rgba(133, 44, 156, 0.7); data-rank17>源码/a> a hrefhttps://www.wd.chat/kfdz.php classtag style--tag-color: rgba(154, 58, 179, 0.7); data-rank18>开发Ai/a> a hrefhttps://www.wd.chat/kfrj.php classtag style--tag-color: rgba(165, 80, 186, 0.7); data-rank19>日记/a> a hrefhttps://www.wd.chat/jgtx.php classtag style--tag-color: rgba(95, 10, 115, 0.7); data-rank20>价格/a> a hrefhttps://www.wd.chat/hzjm.php classtag style--tag-color: rgba(115, 25, 140, 0.7); data-rank21>加盟/a> a hrefhttps://www.wd.chat/ggtg.php classtag style--tag-color: rgba(145, 60, 165, 0.7); data-rank22>广告/a> a hrefhttps://www.wd.chat/wdai.php classtag style--tag-color: rgba(255, 200, 0, 0.7); data-rank1>豌豆/a> a hrefhttp://www.sm.gs/yuanma.php classtag style--tag-color: rgba(218, 165, 32, 0.7); data-rank3>算命/a> a hrefhttp://www.sm.gs/sm.php classtag style--tag-color: rgba(184, 115, 51, 0.7); data-rank4>星座/a> a hrefhttp://www.sm.gs/qm.php classtag style--tag-color: rgba(210, 105, 30, 0.7); data-rank6>取名/a> a hrefhttp://www.sm.gs/kx.php classtag style--tag-color: rgba(139, 69, 19, 0.7); data-rank5>看相/a> a hrefhttps://www.wd.chat/lltj.php classtag style--tag-color: rgba(125, 35, 150, 0.7); data-rank23>流量/a> a hrefhttps://wd.chat/gongju.php classtag style--tag-color: rgba(101, 67, 33, 0.7); data-rank7>工具/a> a hrefhttps://wd.chat/yjly.php classtag style--tag-color: rgba(218, 165, 32, 0.7); data-rank8>留言/a> a hreflxwm.php classtag style--tag-color: rgba(139, 69, 19, 0.7); data-rank9>聯繫/a> /div>/div>style>/* 简约梯形标题样式 - 古风紫色系 */.about-header { margin-bottom: 20px; text-align: center;}.about-title-trapezoid-box { display: inline-block; position: relative; padding: 10px 30px 12px; margin: 0 auto; /* 古风紫色系渐变 - 代表关系与连接 */ background: linear-gradient(135deg, rgba(106, 27, 154, 0.9) 0%, rgba(156, 39, 176, 0.9) 100%); /* 创建梯形形状 */ clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); border: 1px solid #6A1B9A; box-shadow: 0 4px 8px rgba(106, 27, 154, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-family: Noto Serif SC, KaiTi, STKaiti, serif; text-align: center; z-index: 1;}/* 添加连接装饰线条 */.about-title-trapezoid-box::before { content: ; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #BA68C8, #E1BEE7, #BA68C8, transparent ); opacity: 0.8;}.about-title-trapezoid-box::after { content: ; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(186, 104, 200, 0.3), transparent );}/* 标题内容 */.about-title-icon { font-size: 20px; margin-right: 8px; vertical-align: middle; display: inline-block; animation: about-iconFloat 3s ease-in-out infinite; filter: drop-shadow(0 1px 1px rgba(106, 27, 154, 0.3));}@keyframes about-iconFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); }}.about-title-text { font-size: 20px; font-weight: 700; color: #F3E5F5; vertical-align: middle; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(186, 104, 200, 0.3); font-family: KaiTi, STKaiti, serif;}/* 悬停效果 */.about-title-trapezoid-box:hover { transform: translateY(-1px); box-shadow: 0 6px 12px rgba(106, 27, 154, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s ease; border-color: #BA68C8;}.about-title-trapezoid-box:hover .about-title-icon { animation: about-iconFloat 1.5s ease-in-out infinite;}.about-title-trapezoid-box:hover .about-title-text { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(186, 104, 200, 0.5);}/* 关于我们样式优化 - 古风连接风格 */.about-section { margin-top: 20px; font-family: Noto Serif SC, KaiTi, STKaiti, serif;}.tags-container { padding: 25px; /* 古风紫色渐变背景 */ background: linear-gradient(135deg, rgba(243, 229, 245, 0.9) 0%, rgba(237, 231, 246, 0.9) 100%); border-radius: 12px; display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; align-items: center; border: 1px solid rgba(186, 104, 200, 0.25); box-shadow: 0 6px 16px rgba(186, 104, 200, 0.12), inset 0 0 20px rgba(225, 190, 231, 0.08); position: relative; overflow: hidden; min-height: 200px;}/* 添加连接点纹理背景 */.tags-container::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 10% 20%, rgba(186, 104, 200, 0.08) 2px, transparent 2px), radial-gradient(circle at 30% 60%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(186, 104, 200, 0.08) 2px, transparent 2px), radial-gradient(circle at 90% 80%, rgba(156, 39, 176, 0.08) 2px, transparent 2px), radial-gradient(circle at 20% 80%, rgba(186, 104, 200, 0.08) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(156, 39, 176, 0.08) 2px, transparent 2px); background-size: 60px 60px; pointer-events: none;}.tag { color: #3E2723; text-decoration: none; font-size: 14px; padding: 9px 20px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 255, 0.98) 100%); border-radius: 22px; border: 1px solid rgba(139, 69, 19, 0.25); transition: all 0.3s ease; display: inline-block; position: relative; font-family: KaiTi, STKaiti, serif; box-shadow: 0 3px 8px rgba(139, 69, 19, 0.12), 0 2px 4px rgba(106, 27, 154, 0.08); z-index: 1; font-weight: 500; letter-spacing: 0.5px; overflow: hidden; min-width: 80px; text-align: center; backdrop-filter: blur(2px);}/* 按钮连接线效果 */.tag::before { content: ; position: absolute; top: 50%; left: -25px; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, var(--tag-color), transparent); transform: translateY(-50%); transition: all 0.5s ease; opacity: 0; z-index: -1;}.tag:hover::before { left: 100%; opacity: 0.7;}.tag::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); transform: translateX(-150%); transition: all 0.7s ease; z-index: -1;}.tag:hover { transform: translateY(-3px) scale(1.08); box-shadow: 0 8px 18px rgba(186, 104, 200, 0.25), 0 0 20px var(--tag-color), inset 0 0 10px rgba(255, 255, 255, 0.5); border-color: var(--tag-color); color: #4A148C; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); font-weight: 600; z-index: 10;}.tag:hover::after { transform: translateX(150%);}/* 为不同标签添加特殊的古风颜色 - 新增紫色系 */.tagdata-rank10:hover,.tagdata-rank11:hover,.tagdata-rank12:hover,.tagdata-rank13:hover,.tagdata-rank14:hover,.tagdata-rank15:hover,.tagdata-rank16:hover,.tagdata-rank17:hover,.tagdata-rank18:hover,.tagdata-rank19:hover,.tagdata-rank20:hover,.tagdata-rank21:hover,.tagdata-rank22:hover,.tagdata-rank23:hover { /* 紫色系标签 */ background: linear-gradient(135deg, color-mix(in srgb, var(--tag-color) 40%, white) 0%, color-mix(in srgb, var(--tag-color) 65%, white) 100%); border-color: color-mix(in srgb, var(--tag-color) 75%, #BA68C8); color: #6A1B9A;}/* 原有的金色系和棕色系标签保持原样 */.tagdata-rank1:hover,.tagdata-rank3:hover,.tagdata-rank6:hover,.tagdata-rank8:hover { /* 金色系标签 */ background: linear-gradient(135deg, color-mix(in srgb, var(--tag-color) 40%, white) 0%, color-mix(in srgb, var(--tag-color) 60%, white) 100%); border-color: color-mix(in srgb, var(--tag-color) 70%, gold); color: #8B6500;}.tagdata-rank2:hover,.tagdata-rank4:hover,.tagdata-rank5:hover,.tagdata-rank7:hover,.tagdata-rank9:hover { /* 棕色系标签 */ background: linear-gradient(135deg, color-mix(in srgb, var(--tag-color) 40%, white) 0%, color-mix(in srgb, var(--tag-color) 60%, white) 100%); border-color: color-mix(in srgb, var(--tag-color) 70%, #8B4513); color: #5D4037;}/* 标签之间的连接动画 */.tags-container:hover .tag { animation: tagConnect 0.5s ease forwards; animation-delay: calc(var(--rank) * 0.03s);}@keyframes tagConnect { 0% { transform: translateY(0); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0); }}/* 为新增的紫色系标签添加特殊光晕效果 */.tagdata-rank10:hover,.tagdata-rank11:hover,.tagdata-rank12:hover,.tagdata-rank13:hover,.tagdata-rank14:hover,.tagdata-rank15:hover,.tagdata-rank16:hover,.tagdata-rank17:hover,.tagdata-rank18:hover,.tagdata-rank19:hover,.tagdata-rank20:hover,.tagdata-rank21:hover,.tagdata-rank22:hover,.tagdata-rank23:hover { box-shadow: 0 8px 20px rgba(106, 27, 154, 0.3), 0 0 25px var(--tag-color), inset 0 0 12px rgba(255, 255, 255, 0.6);}/* 响应式设计优化 */@media (max-width: 1024px) { .tags-container { padding: 22px; gap: 12px; } .tag { padding: 8px 18px; font-size: 13px; min-width: 75px; }}@media (max-width: 900px) { .tags-container { grid-template-columns: repeat(5, 1fr); gap: 12px; }}@media (max-width: 768px) { .about-title-trapezoid-box { padding: 8px 25px 10px; } .about-title-icon { font-size: 18px; } .about-title-text { font-size: 18px; } .tags-container { padding: 18px; gap: 10px; border-radius: 10px; grid-template-columns: repeat(4, 1fr); } .tag { padding: 7px 15px; font-size: 12.5px; min-width: 70px; border-radius: 20px; }}@media (max-width: 650px) { .tags-container { grid-template-columns: repeat(3, 1fr); gap: 10px; } .tag { padding: 8px 12px; font-size: 12px; min-width: 65px; }}@media (max-width: 480px) { .about-title-trapezoid-box { padding: 6px 20px 8px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); } .about-title-icon { font-size: 16px; margin-right: 6px; } .about-title-text { font-size: 16px; letter-spacing: 0.5px; } .tags-container { grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 15px; } .tag { padding: 6px 10px; font-size: 11px; min-width: 60px; border-radius: 18px; } .tag::before { display: none; /* 在小屏幕上隐藏连接线效果以节省空间 */ }}@media (max-width: 400px) { .tags-container { grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 12px; } .tag { padding: 6px 8px; font-size: 10.5px; min-width: 55px; }}@media (max-width: 320px) { .about-title-trapezoid-box { padding: 5px 18px 7px; } .about-title-icon { font-size: 15px; } .about-title-text { font-size: 15px; } .tags-container { grid-template-columns: repeat(2, 1fr); gap: 6px; padding: 10px; } .tag { padding: 5px 6px; font-size: 10px; min-width: 50px; border-radius: 16px; }}/style>/p>/div>br>br>br>div classfooter> ul classfooter-links> li classfooter-item> a href/wap.php> span classfooter-icon>🏠/span> span classfooter-text>香港VPS/span> /a> /li> li classfooter-item> a hrefhttps://www.wd.chat/aitw.php> span classfooter-icon>💬/span> span classfooter-text>Ai回答/span> /a> /li> li classfooter-item> a hrefhttps://www.wd.chat/aizh.php> span classfooter-icon>🎨/span> span classfooter-text>Ai作画/span> /a> /li> li classfooter-item> a hrefhttps://www.wd.chat/aiwssp.html> span classfooter-icon>🎬/span> span classfooter-text>Ai视频/span> /a> /li> li classfooter-item> a hrefhttps://www.wd.chat/gongju.html> span classfooter-icon>🧰/span> span classfooter-text>Ai工具/span> /a> /li> li classfooter-item> a hrefhttps://www.wd.chat/lxwm.html> span classfooter-icon>☎️/span> span classfooter-text>联系/span> /a> /li> /ul>/div>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]