*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background-color:#f8f9fa;overflow-x:hidden;height:auto;min-height:100vh;margin:0;padding:0;}
.layout{width:100%;margin:0 auto;height:auto;min-height:100vh;overflow:hidden;display:flex;}
.layout .sidebar{width:230px;background:#f8f9fa;color:#202124;padding:20px 10px;height:100vh;position:fixed;top:0;left:0;z-index:999;display:flex;flex-direction:column;justify-content:flex-start;border-right:1px solid #e9ecef;border-radius:8px 0 0 8px;overflow-y:auto;box-shadow:inset 0 0 2px rgba(0,0,0,0.02);}
.layout .main-container{margin-left:230px;width:calc(100% - 230px);display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-y:auto;background:#fff;border:1px solid #e9ecef;border-left:none;border-radius:0 8px 8px 0;box-shadow:0 2px 12px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.9);padding-top:10px;}
.sidebar .sidebar-top{display:flex;flex-direction:column;gap:30px;width:100%;}
.sidebar .logo-box{height:50px;border-radius:6px;display:flex;align-items:center;justify-content:flex-start;padding:0 8px;font-size:16px;font-weight:600;overflow:hidden;width:100%;margin-top:3px;margin-bottom:25px;}
.logo-img{height:100%;width:auto;object-fit:contain;}
.sidebar .sidebar-nav{list-style:none;margin-bottom:20px;width:100%;padding-left:15px;}
.sidebar .sidebar-nav li{padding:10px 8px;font-size:14px;border-radius:4px;margin-bottom:8px;cursor:pointer;transition:background 0.2s;display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-start;text-align:left;}
.nav-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;filter:none;}
.sidebar .sidebar-nav li a{text-decoration:none;color:#202124;font-size:14px;flex:none;}
.sidebar .sidebar-nav li:hover{background:rgba(0,0,0,0.08);}
.sidebar .sidebar-nav li:hover a{color:#202124;}
.sidebar .sidebar-nav.divider{border-top:1px solid rgba(0,0,0,0.08);padding-top:20px;margin-top:20px;}
.sidebar .login-btn{width:100%;padding:10px 8px;border:none;border-radius:6px;background:#6c757d;color:#fff;font-weight:600;cursor:pointer;transition:all 0.2s;margin-top:auto;box-shadow:0 2px 4px rgba(108,117,125,0.2);display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.sidebar .login-btn:hover{background:#5a6268;box-shadow:0 3px 6px rgba(108,117,125,0.3);}
/* 调整header样式：提高z-index，确保层级最高 */
.main-container .header{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ecef;margin:0;background:linear-gradient(to bottom,#fdfdfd,#fff);position:sticky;top:0;z-index:1000;}
.header .header-right-group{display:flex;align-items:center;gap:12px;position:relative;}
/* 调整search-wrap：新增定位和z-index，避免下拉截断 */
.header .search-wrap{display:flex;flex:1;max-width:600px;position:relative;z-index:1001;overflow:visible;}
/* 调整search-form：新增overflow，允许下拉超出范围 */
.search-wrap .search-form{display:flex;width:100%;margin:0;padding:0;overflow:visible;}
.search-form .search-input{flex:1;height:38px;padding:0 15px;border:1px solid #e9ecef;border-radius:6px 0 0 6px;outline:none;font-size:14px;transition:all 0.2s;background:#fdfdfd;display:flex;align-items:center;border-right:none;}
.search-input:focus{border-color:#0389ff;box-shadow:0 0 0 2px rgba(3,137,255,0.1);background:#fff;}
.search-form .search-btn{width:80px;height:38px;border:none;border-radius:0 6px 6px 0;background:#0389ff;color:#fff;cursor:pointer;font-size:14px;transition:all 0.2s;box-shadow:0 2px 4px rgba(3,137,255,0.2);display:flex;align-items:center;justify-content:center;line-height:1;}
.search-btn:hover{background:#0278e6;box-shadow:0 3px 6px rgba(3,137,255,0.3);}
.header .header-tools{display:flex;gap:12px;align-items:center;position:relative;}
.header-tools .header-tool-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#202124;cursor:pointer;position:relative;padding:5px;}
.tool-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;}
.header-tool-item .qrcode{position:absolute;top:100%;right:0;width:120px;height:120px;background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.1);padding:8px;margin-top:10px;display:none;z-index:100;}
.qrcode img{width:100%;height:100%;object-fit:contain;}
.header-tool-item:hover .qrcode{display:block;}
.header .header-group{position:relative;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;color:#202124;padding:5px;margin-right:0;}
.wechat-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;}
.header .header-user{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;}
.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;}
.header-user .user-greeting{color:inherit;font-size:14px;white-space:nowrap;}
.header-user .user-name-link{color:#202124;font-size:14px;font-weight:500;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;padding:3px 8px;border-radius:4px;background:0 2s;display:inline-flex;align-items:center;}
.user-name-link:hover{background-color:#f0f0f0;color:#0389ff;}
.logout-link{text-decoration:none;font-size:14px;padding:5px 15px;border:1px solid #e0e0e0;border-radius:4px;background-color:#f5f5f5;color:#666;transition:all 0.2s;min-width:80px;text-align:center;display:inline-block;}
.logout-link:hover{background-color:#e8e8e8;color:#333;border-color:#d0d0d0;}
.login-link{color:#fff;text-decoration:none;font-size:14px;padding:5px 20px;border:1px solid #0389ff;border-radius:4px;background-color:#0389ff;transition:all 0.2s;min-width:100px;text-align:center;display:inline-block;}
.login-link:hover{background-color:#0278e6;color:#fff;border-color:#0278e6;}
.register-link{display:none;}
.header-group .qrcode{display:none;position:absolute;top:100%;right:0;width:120px;height:120px;background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.1);padding:8px;margin-top:10px;z-index:100;}
.header-group:hover .qrcode{display:block;}
.qrcode-img{width:100%;height:100%;object-fit:contain;}
.main-container #banner-carousel,.main-container .banner{padding:10px 20px;display:flex;gap:15px;border-bottom:1px solid #e9ecef;height:230px;min-height:230px;max-height:230px;background:linear-gradient(to bottom,#fff,#fdfdfd);box-sizing:border-box;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
#banner-carousel .banner-item,.banner .banner-item{flex:1 1 auto;min-width:calc(50% - 7.5px);max-width:calc(100% - 10px);height:100%;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s;}
.banner-item:hover{transform:translateY(-2px);}
.banner-item .banner-img{width:100%;height:100%;object-fit:cover;display:block;}
.banner-item .banner-text{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.4));color:white;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.main-container .main{padding:25px 20px;flex:1;background:#fff;}
.main .section-title{font-size:20px;color:#202124;margin-bottom:20px;font-weight:600;padding:8px 10px;display:flex;align-items:center;gap:10px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
/* 新增：让section-title内的链接和原标题样式完全一致 */
.main .section-title a{color: inherit;text-decoration: none;font-size: inherit;font-weight: inherit;background: none;border: none;padding: 0;margin: 0;display: inline;}
/* 新增：hover时也保持样式不变 */
.main .section-title a:hover{color: inherit;text-decoration: none;}
.section-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;}
.main .agent-container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px;}
.agent-container .agent-card{background-color:#ffffff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.08);overflow:hidden;padding:16px;transition:all 0.3s ease;border:1px solid #f1f3f5;display:flex;flex-direction:column;height:100%;}
.agent-card:hover{box-shadow:0 6px 16px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.08);transform:translateY(-2px);border-color:#e9ecef;}
.agent-card .agent-img{width:100%;height:200px;object-fit:cover;border-radius:6px;margin-bottom:12px;box-shadow:0 2px 4px rgba(0,0,0,0.06);}
.agent-card .agent-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px;line-height:1.4;}
.agent-card .agent-desc{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:12px;flex-grow:1;}
.agent-card .agent-stats{display:flex;align-items:center;gap:16px;font-size:12px;color:#9ca3af;margin-bottom:16px;}
.stats-item{display:flex;align-items:center;gap:4px;}
.stats-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;}
.agent-card .agent-btn{display:flex;align-items:center;justify-content:center;width:100%;height:36px;text-align:center;border:1px solid #e9ecef;border-radius:6px;font-size:14px;color:#374151;text-decoration:none;transition:all 0.2s ease;background:#fdfdfd;box-shadow:0 1px 2px rgba(0,0,0,0.05);line-height:1;margin-top:auto;}
.agent-btn:hover{background-color:#f8f9fa;border-color:#dee2e6;color:#111827;box-shadow:0 2px 4px rgba(0,0,0,0.08);}
.main-container .footer{background:linear-gradient(to top,#f8f9fa,#fdfdfd);border-top:1px solid #e9ecef;display:flex;align-items:center;justify-content:center;font-size:12px;color:#5f6368;padding:15px 0;box-shadow:0 -1px 3px rgba(0,0,0,0.04);margin-top:auto;}
.main-container .footer .site-info a{color:inherit;text-decoration:none;font-size:inherit;}
.sidebar .sidebar-bottom-icons{width:100%;display:flex;justify-content:space-around;align-items:center;margin-top:auto;padding:15px 0 1px 0;}
.sidebar-bottom-icons .sidebar-icon-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;text-decoration:none;width:36px;height:36px;}
.sidebar-icon-btn .icon-img{width:24px;height:24px;border-radius:4px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;}
.sidebar-icon-btn:hover{color:#0389ff;}
.sidebar-icon-btn:hover .icon-img{background-color:#e8f4ff;}
.widget{width:100%;text-align:left;margin-bottom:10px;}
.border-t{width:100%;margin:15px 0;}
.bottom-right{position:fixed;right:20px;bottom:30px;z-index:999;}
#back-top{width:50px;height:50px;border-radius:50%;background-color:#0f1115;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(15,17,21,0.3);transition:all 0.2s ease;border:none;cursor:pointer;position:relative;}
#back-top a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:#fff;}
#back-top::before{content:'';width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-6px;}
#back-top .icon,#back-top .text{display:none;}
#back-top:hover{background-color:#1a1d22;transform:translateY(-2px);box-shadow:0 4px 12px rgba(15,17,21,0.4);}
@media (max-width:768px){.bottom-right{right:15px;bottom:25px;}#back-top{width:40px;height:40px;}#back-top::before{width:10px;height:10px;margin-top:-5px;margin-left:-5px;}}
@media (max-width:768px){.layout{flex-direction:column;}.layout .sidebar{width:100%;height:auto;min-height:60px;position:sticky;top:0;left:0;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 8px;border-right:none;border-bottom:1px solid #e9ecef;border-radius:0;}.layout .main-container{margin-left:0;width:100%;padding-top:0;}.sidebar .logo-box{height:40px;padding:0 5px;font-size:14px;justify-content:flex-start;margin-top:0;margin-bottom:0;}.sidebar .sidebar-top{flex-direction:row;gap:10px;width:auto;overflow-x:auto;padding-bottom:5px;align-items:center;-webkit-overflow-scrolling:touch;}.sidebar .sidebar-nav{display:flex;flex-direction:row;margin-bottom:0;gap:5px;padding-left:0;}.sidebar .sidebar-nav li{padding:8px 10px;font-size:12px;margin-bottom:0;white-space:nowrap;justify-content:flex-start;text-align:left;}.sidebar .login-btn{width:auto;padding:8px 15px;font-size:12px;margin-top:0;}.main-container .header{flex-direction:column;gap:10px;padding:10px 15px;border-bottom:1px solid #e9ecef;}.header .search-wrap{max-width:100%;width:100%;}.header .header-right-group{width:100%;justify-content:center;gap:20px;flex-wrap:wrap;}.login-link{min-width:80px;padding:5px 15px;font-size:12px;}.header-tool-item .qrcode,.header-group .qrcode{right:50%;transform:translateX(50%);width:100px;height:100px;}.main-container #banner-carousel,.main-container .banner{height:auto;min-height:120px;max-height:180px;padding:10px 15px;gap:10px;}.main .agent-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 5px;margin-bottom:25px;}.main-container .main{padding:15px 10px;}.main .section-title{font-size:16px;margin-bottom:15px;padding:5px 8px;}.main .section-title a{font-size:inherit;}.agent-container .agent-card{padding:10px;display:flex;flex-direction:row;gap:10px;height:auto;flex-wrap: wrap;width:100%;box-sizing:border-box;}.agent-card .agent-img{width:80px;height:80px;flex-shrink:0;border-radius:6px;margin-bottom:0;}.agent-card .agent-content-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-start;width: calc(100% - 90px);box-sizing:border-box;}.agent-card .agent-title{font-size:14px;margin-bottom:4px;line-height:1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.agent-card .agent-desc{font-size:12px;margin-bottom:6px;line-height:1.4;flex-grow:0;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.agent-card .agent-stats{font-size:11px;gap:8px;margin-bottom:8px;}.agent-card .agent-btn{height:32px;font-size:12px;margin-top:8px;width: 100%;order: 99;}.header-user .user-greeting{font-size:12px;}.header-user .user-name-link{font-size:12px;padding:3px 8px;}.sidebar .sidebar-bottom-icons{display:none;}.main-container .footer{font-size:11px;padding:12px 0;}}
@media (max-width:576px){.main .agent-container{grid-template-columns:1fr;gap:10px;padding:0 5px;}.header .header-right-group{flex-direction:column;gap:10px;}.main-container #banner-carousel,.main-container .banner{min-height:100px;max-height:150px;}.search-form .search-btn{width:auto;padding:0 10px;}.agent-card .agent-img{width:70px;height:70px;}.agent-card .agent-title{font-size:13px;}.agent-card .agent-desc{font-size:11px;}.agent-card .agent-btn{height:30px;font-size:12px;}}
/* 智能体详情页 */
/* 首先清除冲突的浮动和宽度设置 */
.content-wrap{float:none !important;width:1430px !important;margin-left:auto;margin-right:auto;max-width:100%;}
/* 修正响应式设置，确保在对应屏幕尺寸下的正确显示 */
@media only screen and (min-width:1240px) and (max-width:1419px){.content-wrap{width:90% !important;}}
/* 针对所有自定义按钮的基础样式重置 */
.single-links-container button{height:auto !important;line-height:initial !important;}
.single-links-container *{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif;}
/* 容器样式 - 总宽度调整为1430px */
.single-links-container{max-width:1430px;margin:0 auto;padding:0;}
/* 主布局 */
.single-links-main-wrapper{display:flex;flex-direction:column;gap:20px;padding:0 15px;}
@media (min-width:1024px){.single-links-main-wrapper{flex-direction:row;justify-content:space-between;}}
/* 左侧对话区域 - 固定宽度980px */
.single-links-chat-area{width:980px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden;height:900px;transition:box-shadow 0.3s;}
/* 小屏幕响应式调整 */
@media (max-width:1023px){.single-links-chat-area{width:100% !important;height:auto !important;min-height:calc(100vh - 180px);border-radius:0 !important;box-shadow:none !important;}.single-links-chat-messages{height:auto !important;min-height:calc(100vh - 220px);padding-bottom:40px !important;}.single-links-main-wrapper{padding:0 !important;gap:0 !important;}}
/* 移动端隐藏底部 */
<?php if ($is_mobile) : ?>@media (max-width:767px){.site-footer,footer,#colophon,.footer,.site-info,.footer-widgets{display:none !important;}.site{min-height:100vh;display:flex;flex-direction:column;}.site-content{flex:1;}}<?php endif; ?>
.single-links-chat-area:hover{box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.single-links-chat-header{padding:16px;border-bottom:1px solid #bfdbfe;background-color:rgba(255,255,255,0.7);}
.single-links-chat-header h2{font-size:1.25rem;font-weight:600;}
.single-links-chat-messages{height:calc(100% - 30px);padding:16px;overflow-y:auto;width:100%;}
/* 消息内容宽度调整 */
.single-links-message-content{max-width:90%;padding:12px 16px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:transform 0.2s;}
/* 移除面包屑区域的额外边距 */
.single-links-breadcrumbs{padding:10px 16px;font-size:0.875rem;color:#6b7280;background-color:rgba(255,255,255,0.5);border-bottom:1px solid #a4abb3;margin:0;}
/* 右侧区域 - 自适应剩余宽度 */
.single-links-sidebar{width:100%;}
@media (min-width:1024px){.single-links-sidebar{width:calc(100% - 1000px);max-width:400px;}}
.single-links-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;animation:single-links-fadeIn 0.3s ease;}
.single-links-message.user{justify-content:flex-end;}
.single-links-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,0.05);}
.single-links-avatar.bot{background-color:#165DFF;color:white;}
.single-links-avatar.user{background-color:#d1d5db;color:#374151;}
.single-links-message-content:hover{transform:scale(1.05);}
.single-links-message.bot .single-links-message-content{background-color:white;border-top-left-radius:0;}
.single-links-message.user .single-links-message-content{background-color:#165DFF;color:white;border-top-right-radius:0;}
.single-links-send-btn{width:40px;height:40px;border-radius:50%;background-color:#165DFF;color:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.3s;}
.single-links-send-btn:hover{background-color:rgba(22,93,255,0.9);}
.single-links-sidebar-card{background-color:white;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden;margin-bottom:20px;transition:box-shadow 0.3s;}
.single-links-sidebar-card:hover{box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.single-links-card-content{padding:20px;}
.single-links-cost-text{font-size:0.8rem;color:#9ca3af;margin-bottom:4px;}
.single-links-stats{display:flex;font-size:0.875rem;color:#6b7280;margin-bottom:8px;}
.single-links-stats span{margin-right:16px;}
.single-links-description{color:#4b5563;margin-bottom:16px;}
.single-links-actions{display:flex;justify-content:space-between;align-items:center;}
.single-links-vote-buttons{display:flex;gap:8px;}
.single-links-vote-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:4px;border:1px solid #e5e7eb;background:white;cursor:pointer;transition:all 0.2s;}
.single-links-upvote{color:#666;}
.single-links-upvote:hover{color:#36D399;border-color:#36D399;background-color:rgba(54,211,153,0.1);}
.single-links-upvote.clicked{color:#36D399;border-color:#36D399;background-color:rgba(54,211,153,0.1);}
.single-links-downvote{color:#666;}
.single-links-downvote:hover{color:#F87272;border-color:#F87272;background-color:rgba(248,114,114,0.1);}
.single-links-downvote.clicked{color:#F87272;border-color:#F87272;background-color:rgba(248,114,114,0.1);}
.single-links-favorite-btn{display:flex;align-items:center;gap:4px;padding:4px 16px;border-radius:20px;border:1px solid #d1d5db;background:white;color:#4b5563;cursor:pointer;transition:all 0.2s;}
.single-links-favorite-btn:hover{border-color:#165DFF;background-color:rgba(22,93,255,0.05);color:#165DFF;}
.single-links-favorite-btn.clicked{border-color:#165DFF;background-color:rgba(22,93,255,0.05);color:#165DFF;}
.single-links-work-display h3{font-size:1.1rem;font-weight:600;margin-bottom:16px;}
/* 视频容器样式 - 4:3比例设置 */
.single-links-video-wrapper{position:relative;width:100%;padding-top:75%;overflow:hidden;background-color:#000;border-radius:8px;}
.single-links-video-inner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.responsive-video{max-width:100%;max-height:100%;object-fit:contain;background-color:#000;}
/* 播放控制样式 */
.single-links-video-inner-container video{pointer-events:auto;}
/* 播放覆盖层样式 */
.single-links-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 0.3s;cursor:pointer;font-size:48px;color:white;z-index:10;}
.single-links-video-inner-container:hover .single-links-play-overlay{opacity:0.8;}
/* 视频播放时隐藏覆盖层 */
.single-links-video-inner-container video.playing + .single-links-play-overlay{display:none;}
/* 无视频提示样式 */
.no-video提示{text-align:center;padding:20px;color:#666;background:#f9f9f9;border-radius:8px;}
/* 视频错误提示 */
.video-error-message{color:#ff4444;text-align:center;padding:10px;font-size:0.9rem;background-color:rgba(255,68,68,0.1);border-radius:4px;margin-top:10px;}
/* 视频加载指示器 */
.video-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:24px;z-index:5;}
.single-links-comments-header{padding:20px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;}
.single-links-comments-header h3{font-size:1.1rem;font-weight:600;}
.single-links-post-btn{background-color:rgba(22,93,255,0.1);color:#165DFF;border:none;padding:6px 17px;height:32px;border-radius:20px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:background-color 0.3s;display:inline-flex;align-items:center;justify-content:center;}
.single-links-post-btn:hover{background-color:rgba(22,93,255,0.2);}
.single-links-comments-list{padding:20px;height:300px;overflow-y:auto;}
.single-links-comment-prompt{font-size:0.875rem;color:#6b7280;margin-bottom:12px;}
.single-links-comment{display:flex;gap:12px;padding:8px;border-radius:8px;margin-bottom:20px;}
.single-links-comment:hover{background-color:#f9fafb;}
.single-links-comment-avatar{width:28px;height:28px;border-radius:50%;background-color:#e5e7eb;overflow:hidden;flex-shrink:0;}
.single-links-comment-avatar img{width:100%;height:100%;object-fit:cover;}
.single-links-comment-content{flex:1;}
.single-links-comment-author{display:flex;align-items:center;margin-bottom:4px;}
.single-links-author-name{font-size:0.875rem;font-weight:500;margin-right:8px;}
.single-links-comment-time{font-size:0.75rem;color:#9ca3af;}
.single-links-comment-text{font-size:0.875rem;color:#4b5563;margin-bottom:8px;}
.single-links-comment-actions{display:flex;gap:12px;font-size:0.75rem;color:#6b7280;}
.single-links-comment-action{display:flex;align-items:center;gap:4px;cursor:pointer;transition:color 0.2s;padding:2px 4px;border-radius:4px;}
.single-links-comment-action:hover{background-color:rgba(0,0,0,0.05);}
.single-links-comment-action.upvoted,.single-links-comment-action:hover:nth-child(1){color:#36D399;}
.single-links-comment-action.downvoted,.single-links-comment-action:hover:nth-child(2){color:#F87272;}
@keyframes single-links-fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.single-links-chat-messages::-webkit-scrollbar,.single-links-comments-list::-webkit-scrollbar{display:none;}
.single-links-chat-messages,.single-links-comments-list{scrollbar-width:none;-ms-overflow-style:none;}
.single-links-breadcrumbs a{color:#6b7280;text-decoration:none;}
.single-links-breadcrumbs a:hover{color:#165DFF;text-decoration:underline;}
.single-links-top-ad{margin-bottom:20px;text-align:center;}
/* 顶/踩按钮状态样式 */
.single-links-vote-btn{transition:all 0.3s ease;}
.single-links-upvote.clicked{background-color:#e6f7ee;color:#00b42a;border-color:#00b42a;}
.single-links-downvote.clicked{background-color:#ffebeb;color:#f53f3f;border-color:#f53f3f;}
/* 收藏按钮状态样式 */
.single-links-favorite-btn{transition:all 0.3s ease;}
.single-links-favorite-btn.clicked{background-color:#f0f7ff;color:#1890ff;border-color:#1890ff;}
/* 禁用状态样式 */
.single-links-vote-btn:disabled{opacity:0.6;cursor:not-allowed;}
/* 已登录/未登录提示样式 */
.login-prompt{color:#ff7d00;font-size:0.875rem;margin-top:8px;text-align:center;}
/* 移动端头部外层容器（优化阴影和内边距） */
.mobile-header { width: 100%; padding: 12px 15px; background-color: #fff; border-bottom: 1px solid #e9ecef; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04); position: sticky; top: 0; z-index: 999; }
/* 顶部行：Logo + 操作区（拆分菜单和头像） */
.mobile-header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
/* 右侧操作区容器 */
.header-actions { display: flex; align-items:center; gap:12px; }
/* Logo区域（优化交互和适配） 完整保留 */
.mobile-logo { display: flex; align-items: center; text-decoration: none; }
.logo-image { height: 48px; width: auto; transition: transform 0.2s ease; }
.logo-image:active { transform: scale(1.05); }
/* 菜单按钮（独立样式 圆形按钮完整保留） */
.menu-button {height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; position: relative; font-size:0.9em;}
/* 菜单按钮图标 */
.menu-button::before {font-size: 20px; color: #333; line-height:1; }
.menu-button:active { background-color: #e9ecef; transform: scale(0.95); }
/* 用户头像（独立样式 36px尺寸完整保留） */
.user-avatar {width:36px;height:36px;border-radius:50%;background:#f5f5f5;background-size:cover;background-position:center;border:1px solid #eee;cursor:pointer;transition:all 0.2s ease;background-image: url('https://www.douhan.com/wp-content/uploads/2025/12/default-avatar.png'); }
.user-avatar:active { transform: scale(0.95); box-shadow:0 0 0 2px rgba(3,137,255,0.1); }
/* 搜索框样式（优化移动端体验）完整保留 */
.mobile-search-wrap { display:flex; gap:0; margin-bottom:15px; position:relative; z-index:1001; border-radius:8px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
.mobile-search-input { flex:1; height:38px; padding:0 15px; border:1px solid #e9ecef; font-size:14px; outline:none; transition:all 0.2s ease; background:#fdfdfd; border-right:none; }
.mobile-search-input::placeholder { color:#999; font-size:13px; }
.mobile-search-input:focus { border-color:#0389ff; box-shadow:0 0 0 2px rgba(3,137,255,0.1); background:#fff; }
.mobile-search-btn { width:70px; height:38px; background-color:#0389ff; color:#fff; border:none; font-size:13px; cursor:pointer; transition:all 0.2s ease; font-weight:500; box-shadow:0 1px 3px rgba(3,137,255,0.2); display:flex; align-items:center; justify-content:center; line-height:1; }
.mobile-search-btn:active { background-color:#0278e6; box-shadow:0 1px 2px rgba(3,137,255,0.3); }
/* 智能体分类区（适配动态生成的结构） */
.mobile-cate-wrap { width:100%; }
.cate-title { font-size:14px; color:#000000; margin-bottom:10px; font-weight:700; display:flex; align-items:center; }
.cate-title::after { content:''; flex:1; height:1px;margin-left:8px; }
.cate-btns { width:100%; }
/* 动态生成的导航列表样式 - 父子层级正确写法 防电脑端冲突 */
.cate-btns .sidebar-nav { display:flex; flex-wrap:wrap; gap:8px; list-style:none; }
/* 列表项样式（替代原来的cate-btn）防冲突 */
.cate-btns .sidebar-nav li { padding:7px 12px; background-color:#fff; border:1px solid #494444; border-radius:20px; font-size:12px; color:#333; cursor:pointer; white-space:nowrap; transition:all 0.2s ease; display:flex; align-items:center; gap:5px; }
/* 列表项中的链接样式 防冲突 */
.cate-btns .sidebar-nav li a { text-decoration:none; color:inherit; line-height:1; }
/* 头部菜单关闭 全屏覆盖模态框基础样式 */
/* 全屏覆盖模态框基础样式 - 保留 */
.cover-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;visibility:hidden;opacity:0;transition:visibility 0s linear 0.25s,opacity 0.25s ease-in-out;background:rgba(0,0,0,0.7);}
body.showing-menu-modal .cover-modal{visibility:visible;opacity:1;transition-delay:0s;}
/* 模态框内部容器 - 精准匹配老版宽度/背景 */
.menu-modal-inner{position:relative;height:100%;overflow-y:auto;background:#ffffff;max-width:380px;margin-left:auto;display:flex;flex-direction:column;border-left:1px solid #eeeeee;}
/* 菜单顶部关闭栏 - 精准匹配老版间距/边框 */
.menu-header{padding:12px 18px;border-bottom:1px solid #eeeeee;display:flex;justify-content:flex-end;align-items:center;}
/* 关闭按钮样式 - 1:1匹配老版文字/图标 */
.close-nav-toggle{border:none;background:none;padding:4px 0;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:100%;color:#666666;line-height:1.2;font-family:"Microsoft Yahei",sans-serif;}
.fill-children-current-color svg{fill:#666666;width:14px;height:14px;margin-top:1px;}
/* 菜单列表容器 */
.menu-content{padding:0;flex-grow:1;}
/* 菜单列表样式 - 完全复刻老版细节 */
.modal-menu{list-style:none;margin:0;padding:0;font-family:"Microsoft Yahei",sans-serif;}
.modal-menu li{border-bottom:1px solid #eeeeee;}
.modal-menu a{display:block;padding:14px 18px;color:#333333;text-decoration:none;font-size:1rem;line-height:1.4;background-color 0.2s;font-weight:700;line-height:30px}
.modal-menu a:hover{background-color:#fafafa;color:#333333;}
/* 重置列表样式 */
.reset-list-style{list-style:none;margin:0;padding:0;}
/* 移动端适配 - 小屏完全匹配 */
@media (max-width:768px){.menu-modal-inner{max-width:100%;border-left:none;}.modal-menu a{padding:14px 24px;}.menu-header{padding:12px 15px;}}
/* 移动端登录按钮样式 - 适配原有布局 */
.login-btn-mobile {display:inline-block;padding:6px 14px;background:rgba(37,99,235,0.12);color:#000000;border-radius:4px;font-size:14px;text-decoration:none;margin-right:8px;line-height:1.4;}
.login-btn-mobile:hover {background-color:#eee;color:#000;text-decoration:none;}
.user-avatar-link {margin-right:8px;}