.場景頭{isolation:isolate;background:var(--牆);--地高:64px;--沉:14px;--圖高:200px;--圖底比:0;position:relative}.場景頭:after{content:"";z-index:-1;height:var(--地高);background:var(--地底,var(--地));box-shadow:inset 0 var(--地線粗,4px) 0 var(--地線);position:absolute;bottom:0;left:0;right:0}.頁頭.場景頭 .容器{align-items:center;column-gap:var(--間6);padding-top:var(--間6);padding-bottom:var(--地高);row-gap:0}.頁頭.場景頭 .容器>:first-child{padding-bottom:var(--間6)}.頁頭.場景頭 .頁頭圖{--高:var(--圖高);width:auto;height:var(--高);max-width:none;margin:0 0 calc(-1 * (var(--沉) + var(--沉加,0px) + var(--圖底比) * var(--高)));place-self:end center;display:block}.場景頭.出紙{background:0 0}.場景頭.出紙:before{content:"";z-index:-1;background:var(--牆);width:200vw;margin-left:-100vw;position:absolute;top:0;bottom:0;left:50%}.場景頭.出紙:after{width:200vw;margin-left:-100vw;left:50%;right:auto}.場景頭[data-景=閱讀角]{--牆:#fbeedd;--地:#d9ac78;--地線:#bd8a52;--地底:repeating-linear-gradient(90deg, transparent 0 158px, #c59560 158px 160px), #d9ac78}.場景頭[data-景=書桌]{--牆:#e7f2e3;--地:#e2bf8c;--地線:#c39a5e;--地線粗:12px}.場景頭[data-景=馬路]{--牆:#e4f0f6;--地:#8c969e;--地線:#9cc67a;--地線粗:8px;--地底:repeating-linear-gradient(90deg, #fff 0 48px, transparent 48px 96px) 0 calc(50% + 4px) / 100% 4px no-repeat, #8c969e}.場景頭[data-景=辦公桌]{--牆:#edf1f6;--地:#d6dee7;--地線:#afbcca;--地線粗:10px}.場景頭[data-景=填資料桌]{--牆:#fceee3;--地:#efd7b6;--地線:#d4b084;--地線粗:10px}.場景頭[data-景=機場大廳]{--牆:#e3eff9;--地:#e4ded3;--地線:#c8bfb0;--地底:repeating-linear-gradient(90deg, transparent 0 94px, #d3cbbe 94px 96px), #e4ded3}.場景頭[data-景=跑道]{--牆:#fdf1dc;--地:#9aa3aa;--地線:#7f8990;--地底:repeating-linear-gradient(90deg, #f2ae2b 0 56px, transparent 56px 104px) 0 calc(50% + 2px) / 100% 6px no-repeat, #9aa3aa}.場景頭[data-景=修車廠]{--牆:#eef3ee;--地:#c2bdb3;--地線:#a49e92;--地線粗:6px;--地底:repeating-linear-gradient(90deg, transparent 0 178px, #ada79b 178px 180px), #c2bdb3}.場景頭[data-景=停車場]{--牆:#fff5de;--地:#a7afb5;--地線:#8f989e;--地底:repeating-linear-gradient(90deg, transparent 0 136px, #fff 136px 140px) 0 4px / 100% 45% no-repeat, #a7afb5}@media (width<=767px){.場景頭{--地高:48px;--沉:10px}.頁頭.場景頭 .容器{column-gap:var(--間3);padding-top:var(--間5)}.頁頭.場景頭 .容器:has(>.頁頭圖){grid-template-columns:minmax(0,1fr) auto}.頁頭.場景頭 .容器>:first-child{padding-bottom:var(--間5)}.頁頭.場景頭 .頁頭圖{--高:var(--圖高手機,96px);width:auto;display:block}}:root[data-手機平板] .場景頭{--地高:96px;--沉:20px}:root[data-手機平板] .頁頭.場景頭 .頁頭圖{--高:var(--圖高平板,260px);width:auto}.頁頭型-全景{isolation:isolate;background:var(--牆,#fef5da);--地高:64px;--沉:16px;position:relative}.頁頭型-全景:after{content:"";z-index:-1;height:var(--地高);background:var(--地,#e2bf8c);box-shadow:inset 0 8px 0 var(--地線,#c39a5e);position:absolute;bottom:0;left:0;right:0}.頁頭.頁頭型-全景 .容器{padding-top:var(--間6);padding-bottom:0;display:block}.頁頭型-全景 .頁頭字{max-width:640px}.頁頭型-全景 .全景列{justify-content:flex-end;align-items:flex-end;gap:var(--間6);max-width:1200px;margin:var(--間4) auto 0;padding:0 var(--間6) calc(var(--地高) - var(--沉));display:flex}.頁頭型-全景 .全景列 img:first-child{margin-right:auto}.頁頭型-全景 .全景列 img{height:var(--高,150px);width:auto;max-width:none;margin-bottom:calc(-1 * var(--沉));display:block}.頁頭型-翻書{isolation:isolate;background:var(--牆,#e7f2e3);--地高:88px;position:relative}.頁頭型-翻書:after{content:"";z-index:-1;height:var(--地高);background:var(--地,#e2bf8c);box-shadow:inset 0 12px 0 var(--地線,#c39a5e);position:absolute;bottom:0;left:0;right:0}.頁頭.頁頭型-翻書 .容器{padding-top:var(--間6);padding-bottom:var(--間5);display:block}.頁頭型-翻書 .書攤{background:#fff;border-radius:8px 8px 24px 24px;grid-template-columns:1fr 1fr;max-width:1040px;margin:0 auto;display:grid;position:relative;box-shadow:0 8px #fbeedd,0 16px #d9ac78}.頁頭型-翻書 .書攤:before{content:"";background:#fbeedd;border-radius:4px;width:4px;margin-left:-2px;position:absolute;top:16px;bottom:16px;left:50%}.頁頭型-翻書 .書頁{padding:var(--間6) var(--間6) var(--間6);flex-direction:column;justify-content:center;display:flex}.頁頭型-翻書 .右頁{justify-content:center;align-items:flex-end;gap:var(--間4);flex-direction:row}.頁頭型-翻書 .右頁 img{height:var(--高,200px);width:auto;max-width:none;display:block}.頁頭型-窄條{background:var(--牆,#fef5da)}.頁頭.頁頭型-窄條 .容器{justify-content:space-between;align-items:flex-end;gap:var(--間6);padding-top:var(--間5);padding-bottom:0;display:flex}.頁頭型-窄條 .窄條字{padding-bottom:var(--間5);min-width:0}.頁頭型-窄條 .架{align-items:flex-end;gap:var(--間4);padding:0 var(--間4) 0;border-bottom:16px solid var(--架,#d9ac78);margin-bottom:var(--間4);flex:none;display:flex;position:relative}.頁頭型-窄條 .架:before,.頁頭型-窄條 .架:after{content:"";background:var(--架腳,#bd8a52);border-radius:0 0 8px 8px;width:16px;height:16px;position:absolute;bottom:-32px}.頁頭型-窄條 .架:before{left:var(--間4)}.頁頭型-窄條 .架:after{right:var(--間4)}.頁頭型-窄條 .架 img{height:var(--高,88px);width:auto;max-width:none;display:block}@media (width<=767px){.頁頭型-全景{--地高:40px;--沉:8px}.頁頭型-全景 .全景列{padding-left:var(--間3);padding-right:var(--間3);gap:var(--間2);margin-top:var(--間3)}.頁頭型-全景 .全景列 img{height:calc(var(--高,150px) * .5)}.頁頭型-全景 .全景列 img:nth-child(n+4){display:none}.頁頭型-翻書 .書攤{grid-template-columns:1fr}.頁頭型-翻書 .書攤:before{display:none}.頁頭型-翻書 .書頁{padding:var(--間5) var(--間4)}.頁頭型-翻書 .右頁{padding-top:0}.頁頭型-翻書 .右頁 img{height:calc(var(--高,200px) * .55)}.頁頭.頁頭型-窄條 .容器{flex-direction:column;align-items:stretch;gap:0}.頁頭型-窄條 .架{align-self:flex-end}.頁頭型-窄條 .架 img{height:calc(var(--高,88px) * .7)}}:root[data-手機平板] .頁頭型-全景{--地高:88px;--沉:24px}:root[data-手機平板] .頁頭型-全景 .全景列{padding-left:var(--間5);padding-right:var(--間5);margin-top:var(--間5)}:root[data-手機平板] .頁頭型-全景 .全景列 img{height:calc(var(--高,150px) * 1.1)}:root[data-手機平板] .頁頭型-全景 .全景列 img:nth-child(n+4){display:none}:root[data-手機平板] .頁頭型-翻書 .書攤{grid-template-columns:1fr}:root[data-手機平板] .頁頭型-翻書 .書攤:before{display:none}:root[data-手機平板] .頁頭型-翻書 .右頁{padding-top:0}:root[data-手機平板] .頁頭型-翻書 .右頁 img{height:calc(var(--高,200px) * 1.2)}:root[data-手機平板] .頁頭.頁頭型-窄條 .容器{flex-direction:column;align-items:stretch;gap:0}:root[data-手機平板] .頁頭型-窄條 .架{border-bottom-width:24px;align-self:flex-end}:root[data-手機平板] .頁頭型-窄條 .架 img{height:calc(var(--高,88px) * 1.6)}