/* 满韵 V3 / 宣纸与宫墙：绛红为识别色，黄、白、蓝、黑为克制的辅色。
   这些装饰是现代视觉设计，不是历史形制复原。 */
:root{--red:#ad2b20;--red-dark:#8a271f;--red-deep:#641e18;--ivory:#faf7ee;--paper:#eee8dc;--gold:#e2b548;--ink:#30291f;--muted:#71695c;--line:#d6cbb8;--palace-blue:#244774;--tile:#d6a12b;--wood:#30241e;--chalk:#fffdf6}
body{background:var(--ivory)}
/* 白墙、朱柱、五色小引线 */
.topbar{background:#faf7eef5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav:after{content:"";width:100px;height:3px;position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--red) 0 20%,var(--tile) 20% 40%,var(--palace-blue) 40% 60%,#fffdf6 60% 80%,#29221b 80%)}
.menu .nav-pill{background:var(--red)}
/* 纸白大标题 + 不对称建筑照片 */
.hero{background:var(--ivory);color:var(--ink);padding-bottom:14px}
.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:11px;background:linear-gradient(to bottom,#b18a3c 0 1px,#2b476a 1px 4px,#eee6d4 4px 5px,#2b476a 5px 8px,#b18a3c 8px 9px,#eee6d4 9px 11px)}
.hero-meta{border-bottom:1px solid var(--line);color:var(--muted)}
.hero-inner{min-height:430px;padding-top:52px;padding-bottom:18px;align-items:center}
.hero-inner>div:first-child{width:47%;padding-bottom:15px}
.hero h1{color:var(--red);font-size:clamp(110px,14vw,190px);line-height:1.25;margin-left:-10px;letter-spacing:-.1em}
.hero .hero-dot{color:var(--palace-blue)}
.hero .eyebrow{color:var(--red);margin-bottom:15px}
.hero-sub{color:var(--wood);font-size:18px;margin-top:25px;letter-spacing:.15em}
.hero-aside.palace-hero-photo{position:absolute;right:48px;top:30px;width:49%;height:380px;display:block;border-top:7px solid var(--tile);border-left:7px solid var(--red);padding:10px;background:#f0e8d9;box-shadow:inset 0 0 0 1px #cabca0}
.hero-aside.palace-hero-photo:before{content:"";position:absolute;right:-13px;bottom:-13px;width:110px;height:110px;background:url('/static/img/v3/lattice.svg') center/contain;opacity:.7;z-index:0}
.hero-aside.palace-hero-photo>img{position:relative;width:100%;height:100%;object-fit:cover;opacity:1;transform:none;z-index:1;object-position:center 50%}
.palace-hero-photo .photo-caption{position:absolute;left:24px;bottom:24px;z-index:2;background:#faf7eeee;color:var(--wood);font-size:10px;padding:4px 12px;border-left:2px solid var(--red);letter-spacing:.05em}
.hero-aside.palace-hero-photo .vertical-cn{position:absolute;z-index:2;right:20px;top:20px;background:#faf7eeed;color:var(--red);font-size:12px;padding:15px 8px;letter-spacing:.3em}
.hero-bottom{padding-top:20px;padding-bottom:35px;gap:40px;align-items:center}
.hero-bottom p{color:var(--muted);font-size:12px}
.hero-bottom .btn.gold{background:var(--red);border-color:var(--red);color:var(--ivory)}
.hero-bottom .btn.gold:hover{background:var(--red-dark);border-color:var(--red-dark)}
.banner-palette{display:flex;gap:8px;margin-top:19px;align-items:center}
.banner-palette i{display:block;width:25px;height:33px;background:var(--tile);border:1px solid #b48b2c;box-shadow:0 3px 0 #e4dbca;position:relative}
.banner-palette i:after{content:"";position:absolute;right:-1px;bottom:-1px;border:4px solid transparent;border-right-color:var(--ivory);border-bottom-color:var(--ivory)}
.banner-palette i:nth-child(2){background:var(--chalk);border-color:#c8baa0}.banner-palette i:nth-child(3){background:var(--palace-blue);border-color:var(--palace-blue)}.banner-palette i:nth-child(4){background:var(--red);border-color:var(--red)}
.banner-palette i:nth-child(5){background:var(--tile);border:3px solid var(--red)}.banner-palette i:nth-child(6){background:var(--chalk);border:3px solid var(--red)}.banner-palette i:nth-child(7){background:var(--palace-blue);border:3px solid var(--red)}.banner-palette i:nth-child(8){background:var(--red);border:3px solid var(--chalk);outline:1px solid #c9bda5}
/* 空间纹理只用于边角，不污染白底 */
.mosaic-section{padding-top:62px}.mosaic-note{position:relative;color:var(--palace-blue);background:url('/static/img/v3/eaves.svg') center bottom/100% auto no-repeat}.mosaic-note .vertical-cn{padding-top:8px}
.mosaic-b img{object-position:55% 35%}.mosaic-c img{object-position:50% 85%}
.info-row{border-top-color:var(--palace-blue)}.info-row dt{color:var(--palace-blue)}
.editorial-intro{padding-top:90px;padding-bottom:90px;position:relative}
.editorial-intro:after{content:"";position:absolute;bottom:24px;left:48px;width:92px;height:25px;background:repeating-linear-gradient(90deg,var(--palace-blue) 0 8px,transparent 8px 12px,var(--tile) 12px 14px,transparent 14px 20px);opacity:.7}
.quote-panel{background:var(--red);border-top:5px solid var(--tile)}
.quote-panel .eyebrow,.quote-panel blockquote span{color:#f5d997}.quote-stats{color:#f8dfc4}.quote-panel .tiny{color:#f8dfc4}
.quote-split>figure{background:#d9c6a4}.quote-panel .quote-ornament{opacity:.22}
/* 有旗色边缘的纸面分类卡，不添加不存在的第八个文化栏目 */
.category-index{column-gap:28px}
.category-index a{border-top:2px solid var(--tile);position:relative;padding-inline:14px;background:linear-gradient(90deg,#e3b64c0b,transparent 80%)}
.category-index a:nth-child(4n+2){border-top-color:#b9ad94;background:#fffdf6}
.category-index a:nth-child(4n+3){border-top-color:var(--palace-blue);background:linear-gradient(90deg,#2447740b,transparent 80%)}
.category-index a:nth-child(4n+4){border-top-color:var(--red);background:linear-gradient(90deg,#ad2b200b,transparent 80%)}
.category-index a:nth-child(n+5){box-shadow:inset 2px 0 0 #ad2b2050}
/* 人物：浅色石墙底 + 旗色卡片收边 */
.people-sec{background:#eee8db;color:var(--wood);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.people-sec:before{background:url('/static/img/v3/lattice.svg') center/120px;opacity:.18;right:-80px;width:240px;height:240px}
.people-sec .eyebrow{color:var(--palace-blue)}.people-sec .sec-title.light{color:var(--red)}
.people-sec .more.light{color:var(--red);border-color:var(--red)}.people-sec .section-note{color:var(--muted)}
.pcard{--edge:var(--tile)}
.pcard:nth-child(4n+2){--edge:#fcf9ef}.pcard:nth-child(4n+3){--edge:var(--palace-blue)}.pcard:nth-child(4n+4){--edge:var(--red)}
.people-sec .pcard{border-top:5px solid var(--edge);background:#f9f6ed;box-shadow:0 0 0 1px #cfc2a9;padding:5px 5px 12px}
.people-sec .pcard:nth-child(n+5){border-inline:2px solid #ad2b2055}
.pphoto{border-color:#c3b08b}.people-sec .pbody{padding-inline:7px}
.people-sec .pbody h3{color:var(--wood)}.people-sec .prof{color:var(--red-dark)}.people-sec .ach{color:#665e52}
.marquee-hint{color:var(--palace-blue)}
.people-grid .pcard{border-top:5px solid var(--edge);padding-top:6px}.people-grid .pcard:nth-child(n+5){border-left:2px solid #ad2b2060;padding-left:6px}
/* 文字、影像以纸白为底，只用小面积朱红 */
.article-index{border-top-color:var(--palace-blue)}.index-header{color:#766b5b}
.video-section{background:#eee8dc;border-top:1px solid var(--line)}
.page-hero{background:var(--ivory);color:var(--wood);border-bottom:1px solid var(--line)}
.page-hero h1{color:var(--red)}.page-hero .eyebrow{color:var(--palace-blue)}.page-hero p:last-child{color:var(--muted)}
.page-ornament{opacity:.5;width:240px;top:-10px;right:6%}
.page-hero:after{content:"";width:170px;height:80px;position:absolute;right:5%;bottom:14px;background:url('/static/img/v3/eaves.svg') center/contain no-repeat;opacity:.7}
.article-head{background:#f0eadf;color:var(--wood);border-bottom:1px solid var(--line);border-top:6px solid var(--palace-blue)}
.article-head h1{color:var(--red)}.article-head .meta{color:var(--muted)}
.article-head .tag{background:var(--palace-blue);color:var(--ivory)}.article-head:after{background-image:url('/static/img/v3/lattice.svg');background-size:110px;opacity:.15;right:-30px}
.article-head .article-cover{opacity:.12}
.player-band{background:var(--wood);border-top:3px solid var(--tile)}
.ph{background-color:var(--palace-blue)}.ph-1{background-color:var(--red)}.ph-2{background-color:#987126}.ph-3{background-color:#44635a}
/* 墨木页脚，金细边代替整块红 */
.footer{background:radial-gradient(ellipse at 15% 20%,#57402a28,transparent 50%),repeating-linear-gradient(1deg,#ffffff02 0 1px,transparent 1px 13px),#2e241e;color:#f4ecda;border-top:6px solid var(--tile)}
.footer-wordmark{color:#f4ecda}.footer-wordmark span{color:#d66c45}.footer a:hover{color:#f1d58b}
.footer .foot-note,.footer .copyright{color:#c6b99f}.footer .btn.ghost{color:#f4ecda;border-color:#ad9270}
.footer .footer-top,.footer .foot-grid{border-color:#bfa37b4d}
.footer .btn.ghost:hover{background:#f4ecda;color:var(--wood)}
@media(max-width:1100px){.hero-inner{min-height:380px}.hero-aside.palace-hero-photo{right:32px;top:32px;height:330px;width:48%}.hero h1{font-size:15vw}.hero-sub{font-size:16px}.editorial-intro:after{left:32px}}
@media(max-width:760px){
 .nav:after{width:60px;height:2px}.hero-meta{font-size:8px}
 .hero-inner{display:flex;flex-direction:column;min-height:0;padding-top:30px;gap:26px;align-items:stretch}
 .hero-inner>div:first-child{width:100%;padding:0}.hero h1{font-size:clamp(110px,29vw,180px);margin-left:-5px}.hero .eyebrow{font-size:9px;margin-bottom:5px}.hero-sub{font-size:16px;margin-top:20px;margin-bottom:0}
 .banner-palette{margin-top:14px;gap:7px}.banner-palette i{width:22px;height:29px}
 .hero-aside.palace-hero-photo{position:relative;top:auto;right:auto;width:100%;height:260px;margin-top:4px;opacity:1;border-top-width:5px;border-left-width:5px;padding:7px;box-sizing:border-box}
 .hero-aside.palace-hero-photo>img{opacity:1}.hero-aside.palace-hero-photo .vertical-cn{font-size:10px;right:16px;top:16px;padding:12px 6px;letter-spacing:.25em}
 .palace-hero-photo .photo-caption{font-size:8px;bottom:17px;left:17px;padding:3px 7px}
 .hero-aside.palace-hero-photo:before{width:70px;height:70px;bottom:-10px;right:-10px}
 .hero-bottom{padding-top:16px;padding-bottom:30px;gap:18px;align-items:flex-start}.hero-bottom p{font-size:10px;max-width:100%}
 .mosaic-section{padding-top:32px}.mosaic-note{background-size:100% auto}.mosaic-note .vertical-cn{font-size:11px}
 .editorial-intro{padding-top:56px;padding-bottom:70px}.editorial-intro:after{left:22px;bottom:23px;width:64px;height:15px}
 .quote-panel{border-top-width:4px}.category-index{column-gap:16px}.category-index a{padding-inline:6px;gap:7px}.category-index h3{font-size:14px}
 .people-sec{padding-block:42px}.people-sec .pcard{padding:4px 4px 10px}.people-sec .pbody{padding-inline:5px}
 .page-hero:after{right:-10px;width:100px;opacity:.3}.page-hero p:last-child{max-width:85%}.article-head{border-top-width:4px}.article-head:after{background-size:90px}
 .footer{border-top-width:4px}
}