.detail-page{background:#f7faf7;min-height:100vh;padding:42px 20px 80px}.detail-article,.comments-section{width:min(940px,100%);margin:0 auto}.detail-article{padding:42px;background:#fff;border:1px solid #e1e9e2;border-radius:24px;box-shadow:0 16px 45px rgba(9,39,25,.07)}.detail-topline{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px}.back-link,.refresh-link{font-weight:700;color:#0b4a28;text-decoration:none}.refresh-link{padding:8px 12px;border:1px solid #cfe0d3;border-radius:999px}.detail-article h1{max-width:800px;margin:12px 0 14px;overflow-wrap:anywhere}.detail-media{margin:30px 0;border-radius:20px;background:#092719;overflow:hidden}.detail-audio{width:100%;margin:30px 0}.detail-image{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:20px;margin:30px 0}.detail-excerpt{font-size:1.18rem;font-weight:600;line-height:1.7;color:#34523f;border-left:4px solid #43b95f;padding-left:20px}.rich-content{font-size:1.08rem;line-height:1.8;color:#223b2c;overflow-wrap:anywhere}.rich-content h2,.rich-content h3{margin-top:1.7em}.rich-content a{color:#0b6a38;text-decoration:underline}.rich-content blockquote{margin:24px 0;padding:16px 22px;background:#f0f7f2;border-left:4px solid #43b95f}.share-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:42px;padding:26px;border-radius:18px;background:#0b4a28;color:#fff}.share-panel h2{margin:4px 0;font-size:1.35rem;color:#fff}.share-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.share-buttons a,.share-buttons button{border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#fff;color:#0b4a28;padding:10px 14px;font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer}.share-status{margin:0}.comments-section{margin-top:28px;padding:38px 42px;background:#fff;border:1px solid #e1e9e2;border-radius:24px}.comments-heading{margin-bottom:22px}.comments-heading h2{margin:5px 0}.comment-form{padding:24px;background:#f4f8f5;border-radius:16px}.comment-form label{display:grid;gap:7px;font-weight:700;color:#23442f}.comment-form input,.comment-form textarea{box-sizing:border-box;width:100%;border:1px solid #cbd9ce;border-radius:10px;background:#fff;padding:12px 14px;font:inherit;color:#173d27}.comment-form textarea{resize:vertical;min-height:120px}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.comment-form>.button{margin-top:16px}.comment-success{padding:14px 16px;background:#e7f7eb;border:1px solid #a9d9b3;border-radius:10px;color:#185f2a;font-weight:700}.comment-errors{margin-top:12px;color:#a12622}.comment-list{margin-top:28px}.comment{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px 0;border-top:1px solid #e5ebe6}.comment-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#dceee1;color:#0b4a28;font-weight:800}.comment-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.comment-meta time{font-size:.83rem;color:#68806e}.comment p{margin:7px 0 0;line-height:1.65}.empty-comments{color:#68806e}@media(max-width:760px){.detail-page{padding:18px 12px 50px}.detail-article,.comments-section{padding:25px 20px;border-radius:17px}.share-panel{align-items:flex-start;flex-direction:column;padding:22px}.share-buttons{justify-content:flex-start}.comments-section{margin-top:16px}.comment-fields{grid-template-columns:1fr}.comment-meta{align-items:flex-start;flex-direction:column;gap:2px}}@media(max-width:430px){.detail-article,.comments-section{padding:21px 15px}.detail-topline{font-size:.88rem}.refresh-link{padding:7px 9px}.share-buttons a,.share-buttons button{flex:1 1 auto;text-align:center}.comment{grid-template-columns:36px minmax(0,1fr)}.comment-avatar{width:36px;height:36px}}