/* Public browsing pages share the panorama gallery's charcoal/champagne system. */
html{min-height:100%;background:#101619!important;color-scheme:dark}
body.vr-content-body{min-height:100dvh!important;padding-top:0!important;background:#101619!important;color:#f5f1e8!important}
.xmhei-browse,.xmhei-browse *{box-sizing:border-box}
.xmhei-browse{width:min(1320px,calc(100% - 96px));margin:28px auto 64px;min-height:calc(100dvh - 190px);font:400 15px/1.7 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#f5f1e8}
.xmhei-browse :is(h1,h2,h3,p){margin:0;color:inherit;letter-spacing:0}
.xmhei-browse a{text-decoration:none;color:inherit}.xmhei-browse a:hover{color:#f3d6af}
.xmhei-browse-toolbar{display:flex;align-items:center;gap:16px;min-height:56px;padding:0 18px 0 0;border:1px solid #314045;border-radius:9px;background:#172024;flex-wrap:wrap;margin-bottom:28px}
.xmhei-browse-toolbar h1{align-self:stretch;display:flex;align-items:center;min-height:54px;padding:12px 24px;font-size:15px;font-weight:650;border-bottom:2px solid #e8c493;background:#202b30;border-radius:8px 0 0 7px;color:#f3d6af;white-space:nowrap}
.xmhei-browse-count{font-size:12px;color:#b0bcba}
.xmhei-sort-form{margin:0 0 0 auto;display:flex;gap:10px;align-items:center;font-size:13px;padding:8px 0}
.xmhei-sort-form label{margin:0;color:#b0bcba;font-weight:400}
.xmhei-sort-form select{height:36px!important;min-height:36px!important;max-width:145px;padding:5px 10px!important;background:#101619!important;color:#f5f1e8!important;border:1px solid #4b5b5c!important;border-radius:6px}
.xmhei-sort-form button{min-height:36px;padding:6px 14px;border:1px solid #5b665e;background:#253235;color:#e8c493;border-radius:6px;cursor:pointer;font:inherit}
.xmhei-browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;min-width:0}
.xmhei-browse-card{min-width:0;border:1px solid #314045;border-radius:10px;background:#172024;overflow:hidden;transition:border-color .18s}
.xmhei-browse-card:hover{border-color:#958166}
.xmhei-browse-cover{display:block;position:relative;aspect-ratio:16/9;background:#263438;overflow:hidden}
.xmhei-browse-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover;border:0!important;margin:0!important;transition:transform .3s}
.xmhei-browse-card:hover .xmhei-browse-cover img{transform:scale(1.025)}
.xmhei-format-tag{position:absolute;top:12px;left:12px;padding:5px 9px;background:#101619dc;border:1px solid #ffffff29;border-radius:5px;font-size:11px;color:#f2eadd}
.xmhei-play-mark{position:absolute;inset:0;display:grid;place-content:center;font-size:48px;color:#fff;text-shadow:0 2px 18px #0009}
.xmhei-browse-info{padding:20px}.xmhei-browse-info :is(h2,h3){font-size:19px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.xmhei-browse-info :is(h2,h3) a{color:#f5f1e8!important}
.xmhei-browse-meta{margin-top:18px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#b0bcba}
.xmhei-browse-excerpt{margin-top:12px!important;color:#b0bcba!important;font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xmhei-browse-empty{grid-column:1/-1;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px;border:1px dashed #3b4b4d;border-radius:10px;background:#141e22;color:#f5f1e8;text-align:center}
.xmhei-browse-empty h2,.xmhei-browse-empty h3{font-size:22px;font-weight:550;color:#e4e7dc!important;line-height:1.6}
.xmhei-browse-empty p{font-size:14px;color:#b0bcba!important;line-height:1.8}
.xmhei-empty-symbol{font-size:35px;line-height:1.4;color:#cbb38e}
.xmhei-public-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border:1px solid #8d795d;border-radius:7px;background:#253235;color:#f3d6af!important;font-size:13px;margin-top:9px}
.xmhei-public-button:hover{background:#31423f}
.xmhei-category-links{margin-left:auto;display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:100%;font-size:13px;padding:8px 0;scrollbar-width:thin}
.xmhei-category-links a{flex:none;padding:7px 12px;border-radius:5px;color:#bac5c0;border:1px solid transparent}
.xmhei-category-links [aria-current]{color:#f3d6af;background:#3b3b30;border-color:#6c604b}
.xmhei-browse-back{margin-left:auto;font-size:13px;color:#e8c493!important;padding:12px 0}
.xmhei-public-pages{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:32px 0 0}
.xmhei-public-pages a{display:flex;align-items:center;justify-content:center;min-width:39px;min-height:40px;padding:7px 12px;border:1px solid #405157;border-radius:6px;background:#172024;color:#dbe1d7;font-size:13px}
.xmhei-public-pages [aria-current]{background:#e8c493;color:#172022!important;border-color:#e8c493}
.xmhei-public-eyebrow{font-size:10px!important;letter-spacing:.15em!important;color:#e8c493!important}
.xmhei-search-intro{padding:35px 0 30px;max-width:800px;margin:0 auto 22px}
.xmhei-search-intro h1{font-size:clamp(25px,3vw,38px);font-weight:600;color:#f5f1e8;line-height:1.5;margin:12px 0 26px}
.xmhei-search-form{margin:0}.xmhei-search-row{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #62716a;background:#172024;border-radius:9px;padding:7px 8px 7px 18px}
.xmhei-search-row>span{color:#bba687;font-size:26px;flex:none}
.xmhei-search-row input{flex:1;min-width:0;width:100%;padding:9px 0!important;min-height:42px!important;border:0!important;background:transparent!important;color:#f5f1e8!important;border-radius:0!important;outline:none;box-shadow:none!important;font:inherit}
.xmhei-search-row input::placeholder{color:#a7b5b1!important}
.xmhei-search-row:focus-within{border-color:#e8c493;box-shadow:0 0 0 3px #e8c49314}
.xmhei-search-row button{flex:none;min-height:42px;padding:9px 24px;border:1px solid #e8c493;background:#e8c493;border-radius:6px;color:#172022;font:600 14px/1.5 system-ui,sans-serif;cursor:pointer}
.xmhei-search-modes{display:flex;gap:22px;border:0;margin:15px 0 0;padding:0;min-width:0}
.xmhei-search-modes label{display:flex;gap:7px;align-items:center;color:#c7cfca;font-size:13px;font-weight:400;margin:0;cursor:pointer}
.xmhei-search-modes input{accent-color:#e8c493;width:15px;height:15px;margin:0}
.xmhei-search-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #314045;margin:0 0 22px;padding:0 0 16px;flex-wrap:wrap}
.xmhei-search-summary h2{font-size:16px;font-weight:550}.xmhei-search-summary p{font-size:13px;color:#b0bcba;overflow-wrap:anywhere}
.xmhei-search-empty{min-height:280px;background:transparent;border-color:#314045}
.xmhei-article-reader{max-width:900px;margin:0 auto;border:1px solid #314045;background:#172024;padding:48px 56px;border-radius:12px}
.xmhei-article-reader header{border-bottom:1px solid #405157;margin-bottom:32px;padding-bottom:24px;background:transparent!important}
.xmhei-article-reader h2{font-size:clamp(24px,4vw,36px);font-weight:600;line-height:1.5;margin:14px 0 15px;overflow-wrap:anywhere}
.xmhei-article-reader time{font-size:12px;color:#b0bcba}.xmhei-article-cover{display:block;max-width:100%;max-height:500px;margin:0 auto 28px;object-fit:contain;border-radius:8px}
.xmhei-article-content{color:#dfe5dc;font-size:16px;line-height:1.95;overflow-wrap:anywhere}
.xmhei-article-content :is(img,video,iframe,table){max-width:100%!important}.xmhei-article-content img{height:auto!important}
.xmhei-article-content p{margin:0 0 18px!important}.xmhei-article-content a{color:#e8c493;text-decoration:underline}
.xmhei-browse :is(a,button,input,select):focus-visible{outline:2px solid #e8c493!important;outline-offset:4px}
@media(max-width:1000px){.xmhei-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xmhei-browse{width:calc(100% - 48px)}}
@media(max-width:700px){
 .xmhei-browse{width:calc(100% - 28px);margin:18px auto 36px;font-size:14px;min-height:calc(100dvh - 200px)}
 .xmhei-browse-toolbar{gap:10px;padding-right:12px;margin-bottom:18px;min-height:50px}
 .xmhei-browse-toolbar h1{font-size:14px;padding:11px 16px;min-height:48px}.xmhei-browse-count{font-size:11px}
 .xmhei-sort-form{width:100%;margin:0;padding:6px 12px 12px;gap:10px}.xmhei-sort-form select{flex:1;max-width:none;min-width:0;font-size:16px!important}.xmhei-sort-form button{min-height:40px;margin-left:auto}
 .xmhei-browse-grid{grid-template-columns:1fr;gap:18px}.xmhei-browse-info{padding:18px}.xmhei-browse-info :is(h2,h3){font-size:18px}
 .xmhei-browse-empty{min-height:290px;padding:34px 18px;gap:12px}.xmhei-browse-empty h2,.xmhei-browse-empty h3{font-size:19px}
 .xmhei-category-links{width:100%;margin:0;padding:0 10px 12px;gap:4px}.xmhei-category-links a{padding:8px 11px}.xmhei-browse-back{font-size:12px}
 .xmhei-search-intro{padding:20px 0 24px;margin-bottom:10px}.xmhei-search-intro h1{font-size:26px;margin:10px 0 20px}
 .xmhei-search-row{gap:9px;padding:6px 6px 6px 12px}.xmhei-search-row input{font-size:16px}.xmhei-search-row button{padding:9px 15px;min-height:44px}
 .xmhei-search-modes{gap:20px}.xmhei-search-summary{gap:10px}.xmhei-search-summary h2{font-size:15px}.xmhei-search-summary p{font-size:12px}
 .xmhei-article-reader{padding:26px 20px}.xmhei-article-reader header{margin-bottom:24px}.xmhei-article-content{font-size:15px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.xmhei-browse *{transition:none!important}}