:root{--dark:#203e35;--green:#47634a;--gold:#a78046;--paper:#f8f5ed;--cream:#fffdf8;--text:#26342e;--muted:#737d75;--line:#e8e3d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}header{background:#203e35;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 15px #142a2318}.nav{max-width:1150px;margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:2px;font-weight:600}.symbol{border:1px solid #d4ba83;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:#f0d7a6;font-family:serif;font-size:25px}.nav button{background:transparent;border:1px solid #ffffff48;color:#fff;padding:8px 13px;border-radius:8px}.nav button:hover{background:#ffffff18}.hero{background:linear-gradient(115deg,#18392fae,#1d3428b0),radial-gradient(circle at 82% 24%,#e2c98d,#526b4d 40%,#1d3b31 75%);color:#fff;padding:78px 22px 84px;text-align:center}.hero small{letter-spacing:5px;color:#dfccaa}.hero h1{font-family:serif;font-weight:500;font-size:clamp(33px,5vw,57px);margin:19px 0 12px;letter-spacing:3px}.hero p{font-size:16px;line-height:1.9;color:#e4e9de;max-width:690px;margin:0 auto 26px}.hero .verse{font-size:14px;color:#ead8af}.container{max-width:1150px;margin:auto;padding:42px 20px 80px}.title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 20px}.title h2{font-size:25px;font-weight:550;margin:0}.title span{color:var(--muted);font-size:13px}.tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.search{flex:1;min-width:230px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px 16px;outline-color:#8aa28c}.tab{border:1px solid #d9ded3;background:#fff;color:#4d6656;padding:10px 15px;border-radius:20px}.tab.active{background:var(--dark);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--cream);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 7px 22px #242b1c0a;display:flex;flex-direction:column}.cover{height:160px;display:flex;align-items:center;justify-content:center;color:#f9f5e9;position:relative;background:linear-gradient(145deg,#526a50,#1d3b37)}.cover:before{content:"";position:absolute;inset:15px;border:1px solid #f8deb64a}.cover.gold{background:linear-gradient(140deg,#bda170,#5f593e)}.cover.blue{background:linear-gradient(145deg,#607a7c,#263b4a)}.cover .icon{font-family:serif;font-size:57px;opacity:.8}.cardbody{padding:21px 20px 20px;flex:1;display:flex;flex-direction:column}.tag{color:var(--gold);font-size:12px;letter-spacing:1px}.card h3{font-size:19px;font-weight:600;line-height:1.5;margin:10px 0}.card p{color:#6c756e;font-size:14px;line-height:1.9;margin:0 0 22px;flex:1}.card button{background:none;border:0;border-top:1px solid var(--line);color:var(--green);padding:14px 0 0;text-align:left;font-weight:600}.footnote{margin-top:32px;color:#6c756e;text-align:center;font-size:13px;line-height:1.8}.page{display:none}.page.active{display:block}.article{max-width:820px;margin:40px auto 80px;background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:clamp(24px,5vw,64px);box-shadow:0 8px 35px #26342e0a}.article h1{font-size:clamp(27px,4.3vw,38px);line-height:1.5;font-family:serif;font-weight:550;margin:12px 0 14px}.article .meta{font-size:13px;color:#7c867e;padding-bottom:20px;border-bottom:1px solid var(--line)}.article .content{font-size:17px;line-height:2.15;white-space:pre-wrap;overflow-wrap:anywhere}.article .content strong{color:#6d5030}.article-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.primary{border:0;border-radius:9px;background:var(--dark);color:white;padding:11px 17px}.secondary{border:1px solid #ccd6c9;border-radius:9px;background:#fff;color:var(--dark);padding:10px 16px}.admin{max-width:850px;margin:40px auto 80px;background:#fff;padding:clamp(24px,5vw,46px);border:1px solid var(--line);border-radius:14px}.admin h2{margin:0 0 10px}.hint{background:#f4f0e5;color:#745b36;border-left:3px solid var(--gold);font-size:13px;line-height:1.85;padding:13px 16px;margin:20px 0}.formlabel{display:block;font-size:14px;margin:20px 0 7px}input.full,textarea,select{width:100%;padding:13px;border:1px solid #d7dbd5;border-radius:8px;background:#fff}textarea{min-height:250px;line-height:1.8;resize:vertical}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.row button{flex:none}.adminlist{margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.manageitem{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #eee;padding:12px 0}.manageitem button{border:0;background:transparent;color:#8f3b39}.empty{padding:50px 0;text-align:center;color:#7c867e}.footer{background:#1f3c33;text-align:center;color:#d3dfd2;padding:34px 18px;font-size:13px;line-height:2}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 19px;background:#203e35;color:white;border-radius:9px;display:none;z-index:100;font-size:13px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:65px 20px}}@media(max-width:580px){.grid{grid-template-columns:1fr}.hero{padding:56px 18px}.nav{padding:10px 14px}.brand{font-size:16px;letter-spacing:1px}.nav button{padding:7px 9px;font-size:12px}.container{padding:30px 17px 60px}.cover{height:145px}.article{margin:18px 12px 55px}.article .content{font-size:16px}}

.content{white-space:normal!important}.content p{margin:1em 0}.content img{max-width:100%;height:auto}.content blockquote{border-left:3px solid var(--gold);margin:1em 0;padding:8px 18px;background:var(--paper)}.content table{display:block;overflow:auto;border-collapse:collapse}.content td,.content th{border:1px solid var(--line);padding:8px}.editor{min-height:320px;border:1px solid var(--line);padding:20px;line-height:1.9;overflow-wrap:anywhere}.editor img{max-width:100%}.admin{max-width:1050px}.status{color:var(--green);white-space:pre-wrap}.toc a{display:block;color:var(--green);padding:7px}.danger{color:#963d32}.qr{width:180px;height:180px}a{color:var(--green)}button:focus-visible,a:focus-visible{outline:3px solid var(--gold)}.manageitem span:first-child{flex:1} .toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}@media print{header,footer,button,.article-actions{display:none}.article{border:0;margin:0;padding:0}}
.tools select{width:auto;min-width:160px}.tools .search{min-width:280px}@media(max-width:580px){.tools select{width:100%}.tools .search{min-width:0;width:100%}}

.audio-panel,.media-admin{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;margin:24px 0}.audio-panel h2{font-size:18px;margin:0 0 12px}audio{width:100%;max-width:100%}.muted{font-size:13px;color:var(--muted);line-height:1.8}.video-section{margin-top:45px;border-top:1px solid var(--line);padding-top:28px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.video-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--dark)}.video-empty{grid-column:1/-1;text-align:center;padding:40px;background:var(--cream);border:1px solid var(--line);border-radius:14px;color:var(--muted)}#videoPreview{width:100%;max-height:340px;background:var(--dark)}#shareCopyText{min-height:80px}@media(max-width:580px){.video-grid{grid-template-columns:1fr}.audio-panel{padding:16px}}

.topic-section{margin:28px 0}.topic-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.topic-tile{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:24px;text-align:left;color:var(--green);cursor:pointer}.topic-tile strong{display:block;font-size:21px;margin-bottom:10px}.topic-tile span{font-size:14px}.cover-image{width:100%;height:100%;object-fit:cover}.cover{overflow:hidden}@media(max-width:640px){.topic-tiles{grid-template-columns:1fr}}

.public-nav{display:flex;gap:20px;flex-wrap:wrap}.public-nav a{color:white;text-decoration:none;font-size:15px}.public-nav a:hover{text-decoration:underline}.reading-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,880px) 260px;gap:32px;padding:0 24px}.reading-layout .article{width:100%;min-width:0;margin:35px 0;box-sizing:border-box}.reading-sidebar{position:sticky;top:30px;align-self:start;margin-top:50px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;max-height:80vh;overflow:auto}.reading-sidebar h2{font-size:18px}.reading-sidebar a,.mobile-reading-toc a{display:block;padding:9px 10px;color:var(--green);font-size:14px;line-height:1.6;text-decoration:none;border-left:3px solid transparent}.reading-sidebar a.active,.mobile-reading-toc a.active{background:var(--cream);border-color:var(--gold)}.reading-progress-track{height:4px;position:fixed;top:0;left:0;right:0;z-index:100;background:#e8e1d1}#readingProgress{height:100%;width:0;background:#aa843e}.reading-controls{border-bottom:1px solid var(--line);padding:18px 0;color:var(--muted)}#readingStats,#progressLabel{display:inline-block;margin:0 18px 12px 0;font-size:14px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mobile-reading-toc{display:none}.content{line-height:1.95;overflow-wrap:anywhere}.content h1,.content h2,.content h3,.content h4{scroll-margin-top:30px;line-height:1.5}.content img{height:auto;max-width:100%;display:block;margin:24px auto}.content table{display:block;overflow-x:auto;max-width:100%}button,a,input,summary{touch-action:manipulation}button{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a78046;outline-offset:3px}[aria-pressed=true]{background:var(--green)!important;color:white!important}.personal-page,.contact-page{min-height:65vh;padding-top:35px}.personal-item{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}.personal-item>a{color:var(--green);font-size:20px}.personal-item p{color:var(--muted)}.contact-id{font-size:24px;user-select:all}.skip-link{position:fixed;top:-100px;background:white;padding:15px;z-index:110}.skip-link:focus{top:5px}
@media(max-width:1050px){.reading-layout{display:block;max-width:850px;padding:0 16px}.reading-sidebar{display:none}.mobile-reading-toc{display:block;border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.mobile-reading-toc summary{cursor:pointer;min-height:35px;color:var(--green)}}@media(max-width:580px){.public-nav{gap:12px}.public-nav a{font-size:13px}.reading-layout{padding:0 10px}.reading-layout .article{padding:20px 16px}.reading-controls .toolbar{gap:8px}.content{font-size:20px}.personal-page h1,.contact-page h1{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important}}@media print{.reading-sidebar,.reading-controls,.mobile-reading-toc,.reading-progress-track,.public-nav{display:none!important}.reading-layout{display:block;padding:0}}

.category-section{margin:30px 0 45px;padding-top:12px;border-top:1px solid var(--line)}.article-title{color:var(--dark)!important;text-decoration:none!important}.article-title:hover{text-decoration:underline!important}.cover-link{display:block}.card-meta{font-size:13px;color:var(--muted);margin:12px 0}.cardbody>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#sortArticles{margin:10px 0 10px 12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}

.share-dialog{max-width:520px;width:90vw;max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--paper)}.share-dialog::backdrop{background:#0009}.share-dialog img{max-width:100%;display:block;margin:20px auto}.share-dialog .primary{padding:12px;border-radius:8px;display:inline-block}.share-dialog h2{font-size:24px}

.admin-shell{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1500px;margin:auto;align-items:start}.admin-sidebar{position:sticky;top:72px;max-height:calc(100vh - 72px);overflow:auto;padding:20px 14px;border-right:1px solid var(--line)}.admin-sidebar h2{font-size:20px}.admin-sidebar button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:12px;color:var(--dark);margin:3px 0}.admin-sidebar button:hover{background:#e9e6db}.admin-sidebar .admin-category{padding-left:22px;font-size:14px}.admin-category small{float:right}.admin-workspace{width:100%;max-width:none;margin:0;padding:24px 30px}.admin-workspace h1{font-size:27px}.admin-workspace [hidden]{display:none!important}.editor-ribbon{position:sticky;top:72px;z-index:12;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:0 4px 12px #203e3514}.editor-ribbon button{padding:8px 12px;min-height:40px}.editor-ribbon label{display:flex;align-items:center;gap:6px;font-size:14px}.editor-ribbon select{padding:7px}.editor-ribbon input[type=color]{width:38px;height:36px}.admin-workspace .editor{height:60vh;min-height:350px;overflow:auto;background:white;padding:28px}.editor-savebar{position:sticky;bottom:0;background:var(--cream);border:1px solid var(--line);padding:12px;z-index:11}.editor-savebar span{flex:1;font-size:14px}#adminToast{position:fixed;bottom:24px;right:24px;z-index:100;background:var(--dark);color:white;max-width:560px;max-height:30vh;overflow:auto;border-radius:12px;padding:18px 24px;box-shadow:0 4px 20px #0003;white-space:pre-wrap}#adminToast[hidden]{display:none}@media(max-width:850px){.admin-shell{grid-template-columns:170px minmax(0,1fr)}.admin-workspace{padding:18px}.editor-ribbon{max-height:230px;overflow:auto}}@media(max-width:580px){.admin-shell{display:block}.admin-sidebar{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar>button{display:inline-block;width:auto}.admin-sidebar #adminCategoryNav{display:flex;overflow:auto}.admin-sidebar .admin-category{min-width:140px}.admin-workspace{padding:14px}.editor-ribbon{top:72px;max-height:180px}.admin-workspace .editor{padding:16px}#adminToast{left:12px;right:12px;bottom:12px}}

header a.brand{color:inherit;text-decoration:none}header a.brand:hover{opacity:.9}

.home-layout{display:grid;grid-template-columns:245px;grid-template-columns:245px minmax(0,1fr);max-width:1450px;margin:auto;gap:20px;padding:0 20px}.home-sidebar{position:sticky;top:90px;align-self:start;padding:28px 0}.home-sidebar .topic-tiles{display:block}.home-sidebar .topic-tile{display:block;width:100%;margin-bottom:12px;padding:16px;text-align:left}.home-sidebar .topic-tile strong{font-size:18px}.home-sidebar .topic-section h2{font-size:23px}.home-layout>.container{min-width:0;width:100%;padding-left:0;padding-right:0}.audio-panel{padding:12px 16px!important;margin:14px 0!important}.audio-panel h2{font-size:18px;margin:0 0 8px}.audio-panel audio{width:100%;height:40px}.device-speech{font-size:14px}.device-speech summary{cursor:pointer;padding:5px}.device-speech .toolbar{gap:6px}.device-speech button{font-size:13px;padding:7px 10px}.device-speech p{font-size:12px;margin:6px 0}.content blockquote strong,.scripture{color:#000!important}.editor p,.editor div{min-height:1em}@media(max-width:850px){.home-layout{display:block;padding:0 16px}.home-sidebar{position:static;padding:12px 0}.home-sidebar .topic-section>h2,.home-sidebar>p{display:none}.home-sidebar .topic-tiles{display:flex;flex-wrap:wrap;gap:6px}.home-sidebar .topic-tile{width:auto;flex:1;padding:10px;min-width:140px;margin:0}.home-sidebar .topic-tile strong{font-size:14px}.home-sidebar .topic-tile span{font-size:11px}.home-sidebar .topic-section{margin:0}.home-sidebar .lower-topics{margin-top:6px}}

.recording-controls{display:flex;align-items:center;gap:12px;margin:6px 0}.recording-controls select{width:auto;padding:7px}.recording-controls button{padding:8px 12px;font-size:14px}#recordingStatus{font-size:12px;margin:5px 0}

/* 管理中心栏目拖动排序 */
#categoryOrderList .category-sort-row{position:relative;cursor:grab;user-select:none;gap:12px;min-height:58px;transition:background .15s}
#categoryOrderList .category-sort-row>span{flex:1;order:0}
#categoryOrderList .category-drag-handle{order:1;cursor:grab;font-size:26px;line-height:1;padding:8px 14px;color:#8a713b;background:transparent;border:1px solid #dfd8c9;border-radius:9px}
#categoryOrderList .category-sort-row:hover{background:#f7f3e9}
#categoryOrderList .is-dragging{opacity:.4;cursor:grabbing}
#categoryOrderList .drop-before:before,#categoryOrderList .drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:#a38343;border-radius:3px;pointer-events:none}
#categoryOrderList .drop-before:before{top:0}#categoryOrderList .drop-after:after{bottom:0}

#categoryOrderList .category-sort-row{touch-action:none}

.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.metric-grid article{background:#fffdf7;border:1px solid #e2dbcd;border-radius:12px;padding:18px}.metric-grid strong{display:block;font-size:30px;margin-top:8px}.metric-scroll{overflow:auto;max-height:65vh}.metric-table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}.metric-table td,.metric-table th{padding:10px 14px;border-bottom:1px solid #ddd;text-align:left}.metric-table th{position:sticky;top:0;background:#f1ecdf}.metric-table td:first-child{white-space:normal;min-width:180px;max-width:320px}.personal-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.personal-editor-grid label{display:block;margin-bottom:12px}.personal-editor-grid input[type=checkbox]{width:auto}.personal-live-preview{padding:24px;border:1px solid #ddd4bf;border-radius:16px;background:#fffdf5;align-self:start;overflow-wrap:anywhere}.personal-live-preview p{white-space:pre-wrap}@media(max-width:850px){.personal-editor-grid{grid-template-columns:1fr}}

.personal-editor-grid textarea.full{height:100px!important;min-height:90px!important}.personal-editor-grid input.full{height:auto}