/* 全局基础样式 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft Yahei", sans-serif;}
body {background: #f8f9fa;color: #333;line-height: 1.6;}
.container {max-width: 1000px;margin: 0 auto;padding: 20px;}
a {text-decoration: none;color: inherit;}
button {border: none;cursor: pointer;}

/* 头部导航 */
.header {background: #2c3e50;color: #fff;padding: 15px 0;margin-bottom: 30px;}
.header .container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.logo {font-size: 24px;font-weight: bold;}
.nav {display: flex;gap: 15px;flex-wrap: wrap;}
.nav a {color: #fff;transition: color 0.3s;padding: 5px 0;}
.nav a:hover {color: #3498db;}

/* 按钮样式 */
.btn {display: inline-block;padding: 10px 20px;background: #3498db;color: #fff;border-radius: 4px;transition: background 0.3s;font-size: 14px;}
.btn:hover {background: #2980b9;}
.btn-share {background: #2ecc71;}
.btn-share:hover {background: #27ae60;}
.btn-like {background: #e74c3c;}
.btn-like:hover {background: #c0392b;}
.btn-top {background: #f39c12;}
.btn-top:hover {background: #e67e22;}
.btn-lock {background: #95a5a6;}
.btn-lock:hover {background: #7f8c8d;}

/* 标签样式（新增） */
.tag {display: inline-block;padding: 2px 8px;border-radius: 4px;font-size: 12px;color: #fff;margin-right: 5px;}
.tag-top {background: #f39c12;}
.tag-fixed {background: #27ae60;}
.tag-locked {background: #95a5a6;}

/* 表单样式 */
.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 8px;font-weight: bold;color: #2c3e50;}
.form-group input, .form-group textarea {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;transition: border-color 0.3s, box-shadow 0.3s;}
.form-group input:focus, .form-group textarea:focus {outline: none;border-color: #3498db;box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);}
.form-group textarea {min-height: 200px;resize: vertical;}

/* 记录卡片 */
.record-card {background: #fff;border-radius: 8px;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.05);transition: transform 0.3s;}
.record-card:hover {transform: translateY(-5px);}
.record-title {font-size: 20px;color: #2c3e50;margin-bottom: 10px;font-weight: 600;}
.record-title a:hover {color: #3498db;}
.record-status {margin-bottom: 10px;}
.record-content {color: #666;margin-bottom: 10px;line-height: 1.7;}
.record-contact {color: #3498db;margin: 10px 0;font-size: 15px;}
.record-time {color: #999;font-size: 14px;margin-bottom: 15px;}
.record-actions {margin-top: 15px;display: flex;gap: 10px;flex-wrap: wrap;}

/* 空提示 */
.empty-tip {text-align: center;padding: 50px 0;color: #999;font-size: 18px;}
.empty-tip a {color: #3498db;text-decoration: underline;}

/* 评论区（新增顶评/锁评样式） */
.comment-section {margin-top: 25px;padding-top: 25px;border-top: 1px solid #eee;}
.comment-section h3 {margin-bottom: 18px;font-size: 18px;color: #2c3e50;font-weight: 600;}
.comment-form {display: flex;flex-direction: column;gap: 12px;margin-bottom: 25px;}
.comment-form textarea {width: 100%;min-height: 90px;padding: 12px 15px;border: 1px solid #ddd;border-radius: 6px;font-size: 14px;resize: vertical;}
.comment-form .btn {align-self: flex-end;padding: 9px 22px;font-size: 14px;border-radius: 6px;}
.comment-list {margin-top: 0;border-top: 1px solid #f0f0f0;padding-top: 20px;}
.comment-item {padding: 15px 0;border-bottom: 1px dashed #eee;margin-bottom: 5px;}
.comment-item:last-child {border-bottom: none;}
.comment-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}
.comment-content {font-size: 15px;color: #333;line-height: 1.7;margin-bottom: 8px;}
.comment-time {font-size: 12px;color: #999;font-style: italic;}
.comment-actions {display: flex;gap: 8px;margin-top: 8px;}

/* 分享弹窗（新增） */
.share-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;justify-content: center;align-items: center;z-index: 999;}
.share-modal-content {background: #fff;padding: 20px;border-radius: 8px;width: 90%;max-width: 400px;}
.share-modal h3 {margin-bottom: 15px;text-align: center;}
.share-buttons {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
.share-btn {display: flex;align-items: center;gap: 5px;padding: 8px 15px;border-radius: 4px;color: #fff;}
.share-wechat {background: #27ae60;}
.share-weibo {background: #e74c3c;}
.share-qq {background: #3498db;}
.share-link {background: #95a5a6;}
.share-close {margin-top: 15px;text-align: center;}

/* 底部 */
.footer {margin-top: 50px;padding: 30px 0;background: #2c3e50;color: #fff;}
.footer .container {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 30px;}
.footer-subscribe, .footer-contact {flex: 1;min-width: 250px;}
.footer-subscribe h3, .footer-contact h3 {margin-bottom: 15px;font-size: 18px;font-weight: 600;}
.footer-subscribe p, .footer-contact p {margin-bottom: 8px;color: #ddd;}
.footer-disclaimer {width: 100%;margin-top: 20px;padding-top: 20px;border-top: 1px solid #444;font-size: 14px;color: #ccc;}

/* 后台样式（新增功能操作样式） */
.admin-login {max-width: 400px;margin: 50px auto;padding: 20px;background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.admin-login h1 {text-align: center;margin-bottom: 20px;color: #2c3e50;}
.error {color: #e74c3c;margin: 10px 0;padding: 10px;border: 1px solid #fadbd8;border-radius: 4px;}
.admin-table {width: 100%;border-collapse: collapse;margin-top: 20px;background: #fff;border-radius: 8px;overflow: hidden;}
.admin-table th, .admin-table td {padding: 12px 15px;border: 1px solid #ddd;text-align: left;}
.admin-table th {background: #f8f9fa;font-weight: 600;color: #2c3e50;}
.admin-table tr:hover {background: #f9f9f9;}
.admin-table .action-group {display: flex;gap: 5px;}
.admin-table a {padding: 3px 8px;border-radius: 3px;font-size: 12px;transition: color 0.3s;}
.admin-table .btn-top {color: #fff;background: #f39c12;}
.admin-table .btn-lock {color: #fff;background: #95a5a6;}
.admin-table .btn-fixed {color: #fff;background: #27ae60;}
.admin-table .btn-delete {color: #fff;background: #e74c3c;}

/* 响应式适配 */
@media (max-width: 768px) {
    .container {padding: 15px;}
    .header .container {flex-direction: column;gap: 10px;text-align: center;}
    .nav {justify-content: center;}
    .record-card {padding: 15px;}
    .footer .container {flex-direction: column;gap: 20px;}
    .comment-form .btn {align-self: stretch;text-align: center;}
    .share-buttons {flex-direction: column;}
    .share-btn {width: 100%;justify-content: center;}
}