[id="T3057851291"].page {
min-height: var(--viewport-height);
}
[id="T3057851291"] .page-content {
align-items: flex-start;
}
[id="T3057851291"].page {
min-height: var(--viewport-height);
}
.overlay-text .preview {
display: block;
position: absolute;
left: 50%; /* 水平置中在連結上方 */
transform: translate(-50%, -125%);
top: 0;
width: 200px; /* 預覽圖寬度自訂 */
height: 100px;
background-size: cover;
background-position: center;
border-radius: 16px;
box-shadow: 0 4px 32px rgba(0, 0, 0, 0.15);
z-index: 100;
pointer-events: none;
/* 可加動畫 */
opacity: 0; /* 預設透明 */
transition: opacity 1s cubic-bezier(.33,1,.68,1); /* 緩出 */
}
.overlay-text:hover .preview {
display: block;
opacity: 1;
}
/* ✅ 用 nth-of-type 但要鎖在 .image-with-overlay 裡的 a，避免被其他元素干擾 */
.image-with-overlay a.overlay-text:nth-of-type(1) .preview{
background-image:url("https://freight.cargo.site/t/original/i/P2451712367285035195322094507042/Screenshot-2024-02-18-at-10.10.56-PM.png");
}
.image-with-overlay a.overlay-text:nth-of-type(2) .preview{
background-image:url("https://freight.cargo.site/t/original/i/C2463529292933347611912058623010/3.png");
}
.image-with-overlay a.overlay-text:nth-of-type(3) .preview{
background-image:url("https://freight.cargo.site/t/original/i/H2455059666702154303704620520482/9.-.JPG");
}
.image-with-overlay a.overlay-text:nth-of-type(4) .preview{
background-image:url("https://freight.cargo.site/t/original/i/T2457238381023104976488130597922/LMS05159.jpeg");
}
.image-with-overlay a.overlay-text:nth-of-type(5) .preview{
background-image:url("https://freight.cargo.site/t/original/i/G2452392870459372695811351041058/minisRGB240131001107.jpg");
}
.image-with-overlay a.overlay-text:nth-of-type(6) .preview{
background-image:url("https://freight.cargo.site/t/original/i/C2453788287419783026808577250338/4-40.png");
}
.image-with-overlay a.overlay-text:nth-of-type(7) .preview{
background-image:url("https://freight.cargo.site/t/original/i/C2453921531923129501568100389922/--49.png");
}
.image-with-overlay a.overlay-text:nth-of-type(8) .preview{
background-image:url("https://freight.cargo.site/t/original/i/M2444244344876042786471647040546/minisRGB-2411051521-2.jpg");
}
.image-with-overlay a.overlay-text:nth-of-type(9) .preview{
background-image:url("https://freight.cargo.site/t/original/i/N2460183549738898793888435590178/-03.png");
}
.image-with-overlay a.overlay-text:nth-of-type(10) .preview{
background-image:url("https://freight.cargo.site/t/original/i/J2450009529081190253659649659938/minisRGB-2411051720.jpg");
}
.image-with-overlay a.overlay-text:nth-of-type(11) .preview{
background-image:url("https://freight.cargo.site/t/original/i/S2449152041111147996828202882082/minisRGB-2411051612.jpg");
}
.image-with-overlay a.overlay-text:nth-of-type(12) .preview{
background-image:url("https://freight.cargo.site/t/original/i/O2735432078521928771826730062882/ABC02012.jpg");
}
.image-with-overlay a.overlay-text:nth-of-type(13) .preview{
background-image:url("https://freight.cargo.site/t/original/i/W2735661046648261611306984330274/-06.png");
}
/* ===== Publications image buttons ===== */
.overlay-pub{
position: absolute;
transform: translate(-50%, -50%);
display: block;
z-index: 50; /* 確保壓在底圖上，也不要蓋掉 preview 的 100 */
cursor: pointer;
text-decoration: none;
}
/* 圖片本體 */
.overlay-pub img{
width: 70px; /* 你想多大就改這裡 */
height: auto;
display: block;
border-radius: 14px;
box-shadow: 0 4px 28px rgba(0,0,0,0.18);
transition: transform 0.35s cubic-bezier(.33,1,.68,1),
box-shadow 0.35s cubic-bezier(.33,1,.68,1),
filter 0.35s cubic-bezier(.33,1,.68,1);
}
/* hover 動畫（不影響文字按鍵） */
.overlay-pub img{
border-radius: 0; /* 先確保沒有圓角干擾 */
box-shadow: none; /* 關掉 box-shadow */
background: transparent;
display: block;
transition: transform .35s cubic-bezier(.33,1,.68,1),
filter .35s cubic-bezier(.33,1,.68,1);
transform: translateZ(0); /* 減少某些瀏覽器縮放白邊 */
}
.overlay-pub:hover img{
transform: translateZ(0) scale(1.05);
filter: drop-shadow(0 12px 30px rgba(0,0,0,.25));
}
Learn to Be a Tree On the Way Home, Wanderer Learn to Be a Water Fat Sheep The Made and the Maker I am a Song Still Entering Days of Indulgence - in a room with no air Gathering the Spirit Boundaries - Private Lines under Public Gaze Eraser The Third Person (s)
The Caucus Race and a Long Tale
Boundaries
Self-Publishing Research