.article-main{min-height:60vh;padding:40px 0 80px;background:var(--bg,#faf8f5)}.article-container{max-width:780px;margin:0 auto;padding:0 20px}.article-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted,#9a9490);margin-bottom:24px}.article-breadcrumb a{color:var(--text-secondary,#5a5550);text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:var(--accent,#c17f59)}.article-breadcrumb-current,.article-breadcrumb-sep{color:var(--text-muted,#9a9490)}.article-breadcrumb-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border,#e2ddd6)}.article-category-tag{display:inline-block;background:var(--green-pale,rgba(61,90,74,.08));color:var(--green,#3d5a4a);padding:3px 12px;border-radius:2px;font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:16px}.article-title{font-family:var(--serif,"Noto Serif SC",Georgia,serif);font-size:34px;font-weight:600;color:var(--text,#1a1a1a);line-height:1.35;margin-bottom:16px;letter-spacing:.5px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--text-muted,#9a9490);margin-bottom:14px}.article-author{color:var(--text-secondary,#5a5550);font-weight:500}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tag-item{font-size:13px;color:var(--accent,#c17f59);background:transparent;padding:0;border-radius:0}.article-cover{margin-bottom:32px;border-radius:3px;overflow:hidden;border:1px solid var(--border-light,#ece8e2)}.article-cover img{width:100%;height:auto;display:block}.article-content{font-size:16.5px;line-height:1.85;color:var(--text,#1a1a1a);word-break:break-word;overflow-wrap:break-word}.article-content h2{font-size:23px;margin:44px 0 18px;border-left:3px solid var(--accent,#c17f59);padding-left:14px;line-height:1.4}.article-content h2,.article-content h3{font-family:var(--serif,"Noto Serif SC",Georgia,serif);font-weight:600;color:var(--text,#1a1a1a)}.article-content h3{font-size:19px;margin:32px 0 12px}.article-content h4{font-size:17px;font-weight:600;margin:24px 0 10px;color:var(--text,#1a1a1a)}.article-content p{margin-bottom:22px;line-height:1.85;color:var(--text-secondary,#5a5550)}.article-content img{max-width:100%;height:auto;display:block;margin:26px auto;border-radius:3px}.article-content blockquote{margin:26px 0;padding:16px 22px;background:var(--bg-alt,#f3efe9);border-left:3px solid var(--accent,#c17f59);border-radius:0 3px 3px 0;color:var(--text-secondary,#5a5550);font-style:italic}.article-content blockquote p:last-child{margin-bottom:0}.article-content ol,.article-content ul{margin:18px 0;padding-left:28px}.article-content li{margin-bottom:10px;line-height:1.8;color:var(--text-secondary,#5a5550)}.article-content a{color:var(--accent,#c17f59);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-content a:hover{border-bottom-color:var(--accent,#c17f59)}.article-content table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}.article-content td,.article-content th{border:1px solid var(--border,#e2ddd6);padding:10px 14px;text-align:left}.article-content th{background:var(--bg-alt,#f3efe9);font-weight:600;color:var(--text,#1a1a1a)}.article-content pre{background:var(--bg-alt,#f3efe9);padding:16px;border-radius:3px;overflow-x:auto;font-size:14px;margin:22px 0}.article-content code{font-size:.9em;background:var(--bg-alt,#f3efe9);padding:2px 6px;border-radius:2px}.article-content pre code{background:none;padding:0}.article-content hr{border:none;margin:36px 0}.article-content hr,.article-related{border-top:1px solid var(--border,#e2ddd6)}.article-related{margin-top:52px;padding-top:32px}.article-related-title{font-family:var(--serif,"Noto Serif SC",Georgia,serif);font-size:20px;font-weight:600;color:var(--text,#1a1a1a);margin-bottom:20px}.article-related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-related-card{display:flex;flex-direction:column;padding:16px;background:var(--white,#fff);border:1px solid var(--border,#e2ddd6);border-radius:3px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.article-related-card:hover{border-color:var(--accent,#c17f59);box-shadow:0 8px 24px rgba(26,26,26,.06);transform:none}.article-related-info{flex:1;display:flex;flex-direction:column}.article-related-name{font-family:var(--serif,"Noto Serif SC",Georgia,serif);font-size:15px;font-weight:600;color:var(--text,#1a1a1a);line-height:1.5;margin-bottom:8px}.article-related-name,.article-related-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related-summary{font-size:13px;color:var(--text-secondary,#5a5550);line-height:1.6;margin-bottom:10px;flex:1}.article-related-meta{display:flex;gap:14px;font-size:12px;color:var(--text-muted,#9a9490)}.article-back{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-light,#ece8e2);text-align:center}.article-back-link{display:inline-block;padding:10px 28px;font-size:15px;color:var(--text,#1a1a1a);border:1px solid var(--border,#e2ddd6);border-radius:3px;text-decoration:none;background:var(--white,#fff);transition:all .2s}.article-back-link:hover{background:var(--text,#1a1a1a);border-color:var(--text,#1a1a1a);color:#fff}.comment-section{margin-top:52px;padding-top:32px;border-top:1px solid var(--border,#e2ddd6)}.comment-section-title{font-family:var(--serif,"Noto Serif SC",Georgia,serif);font-size:20px;font-weight:600;color:var(--text,#1a1a1a);margin-bottom:24px}.comment-loading{text-align:center;padding:32px;color:var(--text-muted,#9a9490);font-size:14px}.comment-empty{text-align:center;padding:44px 20px;background:var(--bg-alt,#f3efe9);border-radius:3px}.comment-empty-icon{font-size:34px;margin-bottom:8px;opacity:.6}.comment-empty p{color:var(--text-secondary,#5a5550);font-size:14px;margin:0}.comment-list{display:flex;flex-direction:column;gap:20px}.comment-item{padding:16px 18px;background:var(--white,#fff);border:1px solid var(--border-light,#ece8e2);border-radius:3px}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--green,#3d5a4a),var(--green-light,#5d7a6a));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.comment-avatar-sm{width:28px;height:28px;font-size:12px}.comment-meta{display:flex;align-items:center;gap:8px}.comment-name{font-size:14px;font-weight:600;color:var(--text,#1a1a1a)}.comment-time{font-size:12px;color:var(--text-muted,#9a9490)}.comment-body{font-size:15px;color:var(--text,#1a1a1a);line-height:1.75;margin-left:46px;word-break:break-word}.comment-reply-btn{margin-left:46px;margin-top:6px;background:none;border:none;color:var(--text-muted,#9a9490);font-size:13px;cursor:pointer;padding:2px 0;font-family:inherit}.comment-reply-btn:hover{color:var(--accent,#c17f59)}.comment-replies{margin-top:12px;margin-left:24px;display:flex;flex-direction:column;gap:12px}.comment-reply{background:var(--bg-alt,#f3efe9);border-color:transparent;padding:12px 14px}.comment-form{margin-top:32px;padding:24px;background:var(--white,#fff);border:1px solid var(--border,#e2ddd6);border-radius:3px}.comment-form-title{font-size:16px;font-weight:600;color:var(--text,#1a1a1a);margin-bottom:16px;display:flex;align-items:center;gap:12px}.comment-cancel-reply{background:none;border:none;color:var(--text-muted,#9a9490);font-size:13px;cursor:pointer;padding:2px 8px;border-radius:2px;font-family:inherit}.comment-cancel-reply:hover{background:var(--bg-alt,#f3efe9);color:var(--text,#1a1a1a)}.comment-form-row{margin-bottom:12px}.comment-input{width:100%;padding:10px 14px;border:1px solid var(--border,#e2ddd6);border-radius:3px;font-size:14px;color:var(--text,#1a1a1a);background:var(--bg,#faf8f5);outline:none;box-sizing:border-box;font-family:inherit}.comment-input:focus{border-color:var(--accent,#c17f59);background:var(--white,#fff);box-shadow:0 0 0 2px rgba(193,127,89,.12)}.comment-textarea{width:100%;padding:10px 14px;border:1px solid var(--border,#e2ddd6);border-radius:3px;font-size:14px;color:var(--text,#1a1a1a);background:var(--bg,#faf8f5);outline:none;resize:vertical;min-height:88px;font-family:inherit;box-sizing:border-box}.comment-textarea:focus{border-color:var(--accent,#c17f59);background:var(--white,#fff);box-shadow:0 0 0 2px rgba(193,127,89,.12)}.comment-msg{padding:8px 14px;border-radius:3px;font-size:13px;margin-bottom:12px;border:1px solid transparent}.comment-msg-success{background:var(--green-bg,#eef3f0);color:var(--green,#3d5a4a);border-color:rgba(61,90,74,.25)}.comment-msg-error{background:rgba(193,127,89,.09);color:var(--accent-dark,#a86a47);border-color:rgba(193,127,89,.3)}.comment-submit-btn{padding:10px 28px;background:var(--text,#1a1a1a);color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s}.comment-submit-btn:hover{background:var(--accent,#c17f59)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.article-main{padding:24px 0 60px}.article-container{padding:0 16px}.article-title{font-size:24px}.article-content{font-size:16px}.article-content h2{font-size:20px;margin:32px 0 14px}.article-content h3{font-size:18px;margin:26px 0 10px}.article-content img{margin:18px auto}.article-content blockquote{padding:12px 16px;margin:18px 0}.article-related-list{grid-template-columns:1fr}.article-breadcrumb-current{max-width:180px}.article-meta{gap:6px 14px}.comment-body{margin-left:0;margin-top:8px}.comment-reply-btn{margin-left:0}.comment-replies{margin-left:12px}.comment-form{padding:18px}}.article-share{margin:32px 0 8px;padding:20px 0 4px;border-top:1px solid var(--border-light,#ece8e2);display:flex;justify-content:center}