/* 全局重置 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Helvetica Neue", sans-serif;}
body {background: #f8f8f8;color: #333;line-height: 1.8;font-size: 14px;}
a {color: #333;text-decoration: none;}
a:hover {color: #666;}
ul {list-style: none;}
button {border: none;background: #fff;cursor: pointer;padding: 6px 12px;border-radius: 2px;}
button:hover {background: #f0f0f0;}
.hidden {display: none;}

/* 移动端样式（≤768px） */
.mobile-header {position: fixed;top: 0;left: 0;width: 100%;background: #fff;border-bottom: 1px solid #eee;padding: 10px 15px;z-index: 999;}
.mobile-top {display: flex;align-items: center;justify-content: space-between;}
.mobile-avatar {width: 40px;height: 40px;border-radius: 50%;object-fit: cover;}
.mobile-site-desc {flex: 1;margin: 0 10px;font-size: 13px;color: #666;}
.mobile-menu-btn {font-size: 18px;}
.mobile-nav {margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;}
.mobile-nav li {margin: 8px 0;}

.mobile-publish-btn {position: fixed;bottom: 20px;right: 20px;width: 50px;height: 50px;border-radius: 50%;background: #333;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 18px;z-index: 998;}
.mobile-publish-btn a {color: #fff;}

/* PC端样式（≥769px） */
.pc-container {width: 1200px;margin: 50px auto;display: flex;gap: 30px;}
.pc-left-col {width: 200px;display: flex;flex-direction: column;align-items: center;}
.avatar-box .avatar {width: 100px;height: 100px;border-radius: 50%;object-fit: cover;margin-bottom: 20px;}
.site-desc-box {text-align: center;color: #666;margin-bottom: 30px;}
.main-nav ul {text-align: center;margin-bottom: 50px;}
.main-nav li {margin: 10px 0;}
.beian-box {font-size: 12px;color: #999;}

.pc-middle-col {flex: 1;background: #fff;padding: 30px;border-radius: 2px;}
.article-mode-switch {margin-bottom: 30px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.mode-btn.active {background: #333;color: #fff;}
.article-list {margin-top: 20px;}
.article-item {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.long-article {display: flex;gap: 20px;}
.long-article-img {width: 120px;height: 80px;flex-shrink: 0;}
.long-article-img img {width: 100%;height: 100%;object-fit: cover;border-radius: 2px;}
.placeholder {background: #eee;display: flex;align-items: center;justify-content: center;color: #999;font-size: 12px;}
.short-article-inner {display: flex;gap: 15px;}
.short-article-img {width: 80px;height: 80px;flex-shrink: 0;}
.short-article-img img {width: 100%;height: 100%;object-fit: cover;border-radius: 2px;}
.short-content .expand-btn, .short-content .collapse-btn {color: #666;cursor: pointer;margin-left: 5px;}
.pagebar {text-align: center;margin-top: 30px;}

.pc-right-col {width: 280px;}
.right-widget {background: #fff;padding: 20px;margin-bottom: 20px;border-radius: 2px;}
.right-widget h3 {font-size: 16px;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.widget-list {font-size: 13px;}
.widget-list li {margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.comment-list li {cursor: pointer;}
.tag-cloud {display: flex;flex-wrap: wrap;gap: 8px;}
.tag-item {padding: 4px 8px;background: #f0f0f0;font-size: 12px;border-radius: 2px;}
.img-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.img-grid-item img {width: 100%;height: 80px;object-fit: cover;cursor: pointer;}

/* 登录页面样式 */
.login-body {background: #f8f8f8;display: flex;align-items: center;justify-content: center;height: 100vh;}
.login-box {background: #fff;padding: 30px;width: 350px;border-radius: 2px;}
.login-title {text-align: center;margin-bottom: 20px;font-size: 20px;}
.form-item {margin-bottom: 15px;}
.form-item label {display: block;margin-bottom: 5px;font-size: 13px;}
.form-item input, .form-item select, .form-item textarea {width: 100%;padding: 8px 10px;border: 1px solid #eee;border-radius: 2px;}
.login-btn {width: 100%;background: #333;color: #fff;margin-top: 10px;}

/* 编辑器样式 */
.editor-container {width: 1000px;margin: 50px auto;background: #fff;padding: 30px;border-radius: 2px;}
.editor-title {margin-bottom: 20px;font-size: 18px;}
.submit-btn {background: #333;color: #fff;margin-right: 10px;}
.draft-btn {background: #666;color: #fff;}

/* 移动端编辑器样式 */
.mobile-editor-body {background: #f8f8f8;padding: 20px;padding-bottom: 80px;}
.mobile-editor-container {background: #fff;padding: 20px;border-radius: 2px;}
.editor-type-switch {display: flex;gap: 10px;margin-bottom: 20px;}
.editor-type-btn {flex: 1;}

/* 图片预览弹窗 */
.img-preview-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 9999;display: flex;align-items: center;justify-content: center;}
.modal-close {position: absolute;top: 20px;right: 20px;color: #fff;background: transparent;font-size: 24px;}
.preview-img {max-width: 90%;max-height: 90%;object-fit: contain;}

.footer {text-align: center;margin: 50px 0;padding: 20px;font-size: 12px;color: #999;}