
:root{
 --navy:#163A5A; --navy2:#0F2B45; --camel:#C2925B; --camel-d:#A9784A; --camel-l:#E3CCA8;
 --ink:#33302b; --bg:#F6F1E9; --card:#fff; --line:#E7DECB; --mut:#8c8268;
 --cool:#D8E0E8; --urgent:#C0452F; --soon:#B5823C; --green:#5E7152;
}
*{box-sizing:border-box}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75}
a{color:var(--navy);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
/* ===== Hero ===== */
.hero{background:linear-gradient(120deg,#DCE4EC 0%,#EBE4D6 52%,#E7D6BC 100%);border-bottom:3px solid var(--camel)}
.hero .in{max-width:1080px;margin:0 auto;padding:30px 22px 28px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.portrait{width:128px;height:160px;flex:none;border-radius:16px;overflow:hidden;position:relative;
 background:linear-gradient(160deg,var(--camel-l),var(--camel));box-shadow:0 8px 26px rgba(22,58,90,.20);border:3px solid #fff}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.portrait .mono{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700}
.portrait .mono b{font-size:46px;line-height:1}.portrait .mono small{font-size:15px;margin-top:6px;letter-spacing:3px;opacity:.9}
.hero .who{flex:1;min-width:260px}
.hero h1{margin:0;font-size:27px;color:var(--navy);letter-spacing:.5px}
.hero h1 .en{font-size:14px;color:var(--camel-d);font-weight:600;margin-left:8px}
.hero .role{margin:7px 0 12px;font-size:14.5px;color:#5a5141}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font-size:12px;background:rgba(22,58,90,.07);color:var(--navy);border:1px solid rgba(194,146,91,.45);border-radius:20px;padding:4px 12px}
.hero .lib{margin-top:14px;font-size:12.5px;color:#6a6048}
.hero .lib b{color:var(--camel-d);font-size:15px;margin:0 3px}
/* ===== 容器 ===== */
.container{max-width:1080px;margin:0 auto;padding:22px 22px 70px}
.search{margin:8px 0 18px}
.search input{width:100%;max-width:430px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;font-size:14px;outline:none;background:#fff}
.search input:focus{border-color:var(--camel)}
.legend{font-size:11.5px;color:var(--mut);margin:0 0 14px}
.legend span{display:inline-block;margin-right:14px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}
.dot.urgent{background:var(--urgent)}.dot.soon{background:var(--soon)}.dot.evergreen{background:var(--green)}.dot.normal{background:var(--mut)}
/* ===== 分区 ===== */
.sec{margin:26px 0 8px}
.sec .h{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid var(--camel);padding-bottom:7px;margin-bottom:14px}
.sec .h .t{font-size:17px;font-weight:700;color:var(--navy)}
.sec .h .d{font-size:12px;color:var(--mut)}
.sec.hot .h{border-bottom-color:var(--urgent)}
.sec.hot{background:linear-gradient(180deg,#FBEAE3,#fff);border:1px solid #F0C9BD;border-radius:14px;padding:16px 16px 6px;margin-top:8px}
.sec.hot .h .t{color:var(--urgent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(322px,1fr));gap:13px}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 16px;transition:.15s;position:relative}
.card:hover{border-color:var(--camel);box-shadow:0 5px 18px rgba(169,120,74,.14);transform:translateY(-1px)}
.card .genre{display:inline-block;font-size:10.5px;border-radius:5px;padding:1px 8px;margin-bottom:7px;background:#eef2f6;color:var(--navy)}
.card .genre.news{background:#e9f0f6;color:#1a5a9e}.card .genre.cast{background:#f3eadb;color:var(--camel-d)}
.card .ct{font-size:15px;color:#26241f;font-weight:600;line-height:1.45}
.card .cm{font-size:11.5px;color:var(--mut);margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cdates{margin-top:7px;display:flex;gap:7px;flex-wrap:wrap}
.dch{font-size:11px;border-radius:5px;padding:2px 8px;border:1px solid}
.dch.wd{background:#f1ece0;color:#8a6d2f;border-color:#e4d6b0}
.dch.ud{background:#e9eff6;color:#1a5a9e;border-color:#cfdcea}
.article .dates,.pdfbox .dates{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 16px}
.article .dates .dch,.pdfbox .dates .dch{font-size:12.5px;padding:4px 12px}
.badges{margin-top:10px}
.badge{display:inline-block;font-size:10.5px;padding:2px 8px;border-radius:5px;margin:0 5px 0 0;background:#eee;color:#555}
.badge.pdf{background:#f3e0db;color:#b0453a}.badge.pptx{background:#e7eef6;color:#1a5a9e}
.badge.docx{background:#e3efe3;color:#2c7a3f}.badge.md{background:#efeadf;color:#8a6d2f}.badge.html{background:#eee;color:#555}
.badge.txt{background:#e6efe9;color:#2f7d63}
.dl-ddl{margin-top:9px;font-size:11px;border-radius:6px;padding:4px 9px;display:inline-block}
.ddl-urgent{background:#fbe7e2;color:var(--urgent);border:1px solid #f1c4ba}
.ddl-soon{background:#f6edda;color:#9a6e25;border:1px solid #e7d4a8}
.ddl-evergreen{background:#e9efe4;color:#4f6043;border:1px solid #cfdcc4}
.ddl-normal{background:#eee;color:#666}
/* ===== 文章页 ===== */
.artbar{background:var(--navy);color:#fff;padding:13px 22px;position:sticky;top:0;z-index:5}
.artbar .in{max-width:880px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.artbar a.back{color:#cdd8e4;font-size:13px}
.artbar .dls{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.dl{display:inline-block;font-size:12.5px;padding:6px 12px;border-radius:7px;color:#fff}
.dl.pdf{background:#b0453a}.dl.pptx{background:#1a5a9e}.dl.docx{background:#2c7a3f}.dl.md{background:#8a6d2f}.dl.html{background:#555}.dl.txt{background:#2f7d63}
.dl:hover{opacity:.88;color:#fff}
.ddlbar{max-width:860px;margin:0 auto;padding:12px 26px 0}
.ddlnote{border-radius:9px;padding:9px 14px;font-size:13px;display:flex;gap:8px;align-items:center}
.ddlnote.urgent{background:#fbe7e2;color:var(--urgent);border:1px solid #f1c4ba}
.ddlnote.soon{background:#f6edda;color:#9a6e25;border:1px solid #e7d4a8}
.ddlnote.evergreen{background:#e9efe4;color:#4f6043;border:1px solid #cfdcc4}
.ddlnote.normal{background:#f0ece2;color:#6a6048}
.article{max-width:860px;margin:0 auto;padding:18px 26px 90px}
.article .tag{display:inline-block;font-size:12px;color:var(--camel-d);border:1px solid var(--camel);border-radius:20px;padding:2px 12px;margin-bottom:14px}
.article h1.title{font-size:26px;line-height:1.4;margin:0 0 8px;color:#1a1a1a}
.article .meta{font-size:12.5px;color:var(--mut);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}
.body h1{font-size:23px;border-bottom:1px solid #eee;padding-bottom:11px;margin-top:30px}
.body h2{font-size:19px;color:var(--navy);border-left:4px solid var(--camel);padding-left:11px;margin-top:28px}
.body h3{font-size:16px;margin-top:22px;color:#222}
.body h4{font-size:14.5px;color:#444}
.body p,.body li{font-size:15.5px;line-height:1.98;text-align:justify}
.body strong{color:#1a1a1a}
.body blockquote{background:#faf4e9;border-left:3px solid var(--camel);margin:15px 0;padding:9px 15px;color:#6a5f49}
.body table{border-collapse:collapse;width:100%;font-size:13.5px;margin:15px 0}
.body th,.body td{border:1px solid #e3e3e3;padding:8px 10px;text-align:left}.body th{background:#f6f0e6}
.body hr{border:none;border-top:1px solid #eee;margin:24px 0}
/* ===== 多平台文稿（小红书 / 公众号）===== */
.social-wrap{max-width:860px;margin:30px auto 0;padding:0 26px}
.social-hd{font-size:15px;font-weight:800;color:var(--navy);background:linear-gradient(90deg,#ECE0CC,#fff);border-left:6px solid var(--camel);padding:10px 14px;border-radius:10px}
.social-hd span{display:block;font-size:11.5px;font-weight:500;color:var(--mut);margin-top:3px}
.social{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:14px 0;background:#fff}
.social.xhs{border-top:4px solid #ff2e51}.social.mp{border-top:4px solid #07c160}
.social .sbar{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.social .sbar h2{font-size:16px;margin:0;color:#26241f;border:none;padding:0}
.cpbtn{margin-left:auto;cursor:pointer;font-size:12.5px;border:1px solid var(--camel);background:#fff;color:var(--camel-d);border-radius:7px;padding:5px 13px;transition:.15s}
.cpbtn:hover{background:var(--camel);color:#fff}.cpbtn.done{background:var(--green);color:#fff;border-color:var(--green)}
.cp-body{background:#FBF7F0;border:1px dashed var(--line);border-radius:9px;padding:12px 14px;font-size:14.5px;line-height:1.85}
.cp-body p{margin:0 0 9px}.cp-body .s-title{font-weight:800;color:#1a1a1a;font-size:15.5px}
.cp-body .s-digest{color:#6a6048;font-size:13px}
.cp-body .s-tags{color:#1a5a9e;font-size:13px;margin-top:4px}
.cp-body .s-h{font-size:15px;color:var(--navy);margin:14px 0 6px;border-left:3px solid var(--camel);padding-left:9px}
.cp-body blockquote{background:#faf4e9;border-left:3px solid var(--camel);margin:9px 0;padding:7px 12px;color:#6a5f49}
.cp-body ul{margin:6px 0;padding-left:20px}.cp-body li{margin:3px 0}
.social .cards{margin-top:10px;font-size:13px;color:#5a5141}
.social .cards summary{cursor:pointer;font-weight:700;color:var(--camel-d);padding:5px 0}
.social .cards ol{margin:8px 0;padding-left:20px}.social .cards li{margin:7px 0;line-height:1.7}
.social .cards .cmain{font-weight:700;color:#26241f}.social .cards .csub{color:#5a5141}.social .cards .cvis{color:var(--mut);font-size:12px}
.social .cards .cover{background:#f3eadb;border-radius:8px;padding:8px 12px;margin:6px 0}
.pdfbox{max-width:1000px;margin:0 auto;padding:14px 20px 60px}
.pdfbox iframe{width:100%;height:84vh;border:1px solid var(--line);border-radius:8px;background:#fff}
.foot{text-align:center;color:var(--mut);font-size:12px;padding:26px 10px}
@media(max-width:600px){.grid{grid-template-columns:1fr}.hero .in{gap:18px}}
