:root{--ink:#141d1a;--red:#9d3a2f;--serif:"Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei UI","PingFang SC",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:#fff;font-family:var(--sans)}button,input,select{font:inherit}.page-shell{height:100dvh;min-height:460px;display:grid;grid-template-rows:68px 1fr;background-color:var(--ink);background-size:cover;background-position:center;background-repeat:no-repeat}.topbar{display:flex;align-items:center;padding:0 clamp(12px,2.3vw,36px);gap:20px;background:rgba(15,23,20,.9);border-bottom:1px solid #ffffff20;position:relative;z-index:50}.identity{display:flex;align-items:center;gap:11px;min-width:0}.logo-fallback,.identity>img{width:40px;height:40px;flex:0 0 40px;object-fit:contain}.logo-fallback{border:1px dashed #ffffff4a}.identity h1{font:20px/1.15 var(--serif);font-weight:400;letter-spacing:.12em;margin:0;white-space:nowrap}.identity p{font-size:8px;letter-spacing:.15em;opacity:.58;margin:5px 0 0;white-space:nowrap}.welcome{margin:auto;font:clamp(11px,1.15vw,16px) var(--serif);letter-spacing:.18em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-entry{border:1px solid #ffffff42;background:#1116;color:#fff;padding:7px 11px;font-size:11px;cursor:pointer}.stage{position:relative;min-height:0}.zone{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);padding:3px;min-width:80px;min-height:60px;overflow:hidden;z-index:2}.zone>header{position:absolute;z-index:8;top:7px;left:7px;padding:7px 10px;background:#0c1311bd;backdrop-filter:blur(5px);max-width:70%;pointer-events:none}.zone>header h2{font:12px var(--serif);font-weight:400;letter-spacing:.1em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-content{position:absolute;inset:3px;overflow:hidden;background:#17231fc4;border:1px solid #ffffff18}.empty-slot{width:100%;height:100%;display:grid;place-content:center;background:linear-gradient(135deg,#ffffff09,#00000012)}.empty-slot i{display:block;width:clamp(34px,4vw,68px);aspect-ratio:1;border:1px solid #ffffff20;transform:rotate(45deg);position:relative}.empty-slot i:after{content:"";position:absolute;inset:23%;border:1px solid #ffffff18}.slide,.tile{position:relative;width:100%;height:100%;margin:0;overflow:hidden;cursor:zoom-in;background:#111}.slide img,.slide video,.tile img,.tile video{width:100%;height:100%;display:block;object-fit:cover}.slide video,.tile video{object-fit:contain;background:#090b0a}.slide:after,.tile:after,.profile-slide:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#050807d9);pointer-events:none}.caption{position:absolute;z-index:2;left:11px;right:9px;bottom:9px;pointer-events:none}.caption h3{font:clamp(12px,1.4vw,22px)/1.2 var(--serif);font-weight:400;margin:0 0 3px}.caption p{font:8px/1.45 var(--serif);opacity:.72;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption strong{font:11px Georgia,serif;color:#f1ca91}.media-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}.dots{position:absolute;z-index:9;right:8px;top:8px;display:flex;gap:4px}.dots button{width:12px;height:3px;padding:0;border:0;background:#ffffff55;cursor:pointer}.dots button.active{width:25px;background:#fff}.profile-slide{position:absolute;inset:0;cursor:zoom-in}.profile-slide img{width:100%;height:100%;object-fit:cover}.profile-copy{position:absolute;z-index:2;left:11px;right:9px;bottom:9px}.profile-copy h3{font:clamp(13px,1.5vw,22px) var(--serif);font-weight:400;margin:0}.profile-copy small{font-size:8px;opacity:.65}.profile-copy blockquote,.profile-copy p{font:8px/1.45 var(--serif);margin:4px 0 0;opacity:.75;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.overlay-layer{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}.custom-element{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);pointer-events:auto;z-index:var(--z);display:grid;place-items:center}.custom-element.floating{animation:soft-float var(--speed) ease-in-out infinite alternate}.custom-element img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.custom-text{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:8px;background:#101815b8;border:1px solid #ffffff29;color:#fff;font:clamp(12px,1.8vw,30px)/1.35 var(--serif);overflow:hidden}@keyframes soft-float{from{transform:translate(-7px,-4px)}to{transform:translate(11px,8px)}}
.viewer{border:0;padding:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#050807f5;color:#fff;overflow:hidden}.viewer::backdrop{background:#000e}.viewer-body{position:absolute;inset:52px 68px 72px;display:grid;place-items:center}.viewer-media{width:100%;height:100%;display:grid;grid-template-rows:1fr auto;min-height:0}.viewer-media img,.viewer-media video{width:100%;height:100%;min-height:0;object-fit:contain}.viewer-caption{text-align:center;padding:10px}.viewer-caption h3{font:22px var(--serif);font-weight:400;margin:0 0 5px}.viewer-caption p{font:12px var(--serif);opacity:.7;margin:0}.viewer-close,.viewer-prev,.viewer-next{position:absolute;z-index:5;border:0;background:#ffffff15;color:#fff;cursor:pointer}.viewer-close{right:18px;top:14px;width:38px;height:38px;font-size:26px}.viewer-prev,.viewer-next{top:45%;width:44px;height:70px;font-size:42px}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-tools{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#18201de6;padding:9px 14px;white-space:nowrap}.viewer-tools button{background:#fff;color:#111;border:0;padding:7px 12px}.viewer-tools label{font-size:11px;display:flex;align-items:center;gap:7px}.viewer-tools input{width:90px}.viewer-tools select{background:#27322e;color:#fff;border:1px solid #ffffff30;padding:4px}
@media(max-width:700px){.page-shell{grid-template-rows:58px 1fr}.topbar{padding:0 8px;gap:7px}.logo-fallback,.identity>img{width:34px;height:34px;flex-basis:34px}.identity h1{font-size:15px}.identity p{display:none}.welcome{font-size:9px;letter-spacing:.05em}.admin-entry{padding:6px 7px}.zone{left:calc(var(--mx)*1%);top:calc(var(--my)*1%);width:calc(var(--mw)*1%);height:calc(var(--mh)*1%);padding:2px}.zone-content{inset:2px}.zone>header{top:5px;left:5px;padding:5px 7px;max-width:85%}.zone>header h2{font-size:9px}.caption{left:6px;bottom:5px}.caption h3{font-size:11px}.caption p{display:none}.profile-copy{left:6px;bottom:5px}.profile-copy h3{font-size:11px}.profile-copy blockquote,.profile-copy p{display:none}.custom-element{left:calc(var(--mx)*1%);top:calc(var(--my)*1%);width:calc(var(--mw)*1%);height:calc(var(--mh)*1%)}.custom-text{font-size:11px}.dots{display:none}.viewer-body{inset:48px 8px 80px}.viewer-prev,.viewer-next{top:auto;bottom:18px;height:38px;width:38px;font-size:28px}.viewer-prev{left:8px}.viewer-next{right:8px}.viewer-tools{bottom:14px;gap:7px;padding:7px}.viewer-tools input{width:60px}.viewer-caption h3{font-size:17px}}
:root{--active-font:var(--serif);--text-color:#fff;--header-title-size:20px;--zone-title-size:12px;--caption-size:18px;--body-size:12px}body{color:var(--text-color);font-family:var(--active-font)}.topbar{background-size:cover;background-position:center}.identity h1{font-family:var(--active-font);font-size:var(--header-title-size)}.identity p,.welcome{font-family:var(--active-font);font-size:var(--body-size)}.zone>header h2{font-family:var(--active-font);font-size:var(--zone-title-size)}.caption h3,.profile-copy h3{font-family:var(--active-font);font-size:var(--caption-size)}.caption p,.profile-copy small,.profile-copy blockquote,.profile-copy p{font-family:var(--active-font);font-size:calc(var(--body-size)*.72)}.slide video,.tile video{object-fit:cover;background:#111}.custom-text{color:var(--custom-color,#fff);font-family:var(--custom-font,var(--active-font));font-size:var(--custom-size,24px)}.article-list{padding:38px 8px 8px;overflow:auto}.article-row{display:block;width:100%;border:0;border-bottom:1px solid #ffffff20;background:transparent;color:inherit;text-align:left;padding:8px 5px;font-family:var(--active-font);font-size:var(--body-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.article-row:hover{background:#ffffff12}.article-view{width:min(900px,100%);height:100%;overflow:auto;background:#f5f1e8;color:#202825;padding:clamp(24px,5vw,65px)}.article-view h1{font-family:var(--active-font);font-size:clamp(28px,4vw,50px);font-weight:400;margin:0 0 12px}.article-meta{font-size:12px;color:#747c78;border-bottom:1px solid #d8d1c4;padding-bottom:18px}.article-content{white-space:pre-wrap;font-size:var(--body-size);line-height:2;margin:30px 0}.article-images{display:grid;gap:18px}.article-images img{width:100%;height:auto}.viewer-price{display:block;color:#f0cc94;font-size:18px;margin-top:7px}@media(max-width:700px){.identity h1{font-size:min(var(--header-title-size),18px)}.zone>header h2{font-size:min(var(--zone-title-size),11px)}.caption h3,.profile-copy h3{font-size:min(var(--caption-size),14px)}.article-list{padding-top:28px}.article-row{padding:5px 3px;font-size:min(var(--body-size),10px)}}