.amazon-cover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }
.amazon-cover-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg,rgba(7,5,18,.1),rgba(8,5,20,.48) 55%,rgba(7,4,18,.94)); }
.amazon-cover .open-amazon-gallery { position: relative; z-index: 3; width: 76px; height: 76px; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; color: #fff; background: rgba(72,38,142,.45); font-size: 24px; cursor: pointer; backdrop-filter: blur(9px); transition: .3s; }
.amazon-cover .open-amazon-gallery:hover { transform: scale(1.1) rotate(8deg); background: rgba(126,72,226,.7); box-shadow: 0 0 38px rgba(145,88,245,.5); }
.amazon-cover > strong { position: absolute; left: 8%; bottom: 9%; z-index: 2; font-size: 38px!important; line-height: .9!important; letter-spacing: -3px!important; transform: none!important; }
.amazon-project.is-active .project-info:after { content: "OPEN ↗"; position: absolute; right: 14px; top: 20px; color: #a879ff; font-size: 7px; letter-spacing: 1.5px; }
.amazon-cover .open-amazon-gallery,.amazon-frame button { display: none; }

.amazon-modal { position: fixed; inset: 0; z-index: 200; overflow-y: auto; padding: 58px clamp(24px,6vw,100px) 80px; background: radial-gradient(circle at 80% 0,rgba(106,58,202,.24),transparent 32%),#080714; opacity: 0; visibility: hidden; transform: translateY(18px); transition: opacity .45s,visibility .45s,transform .45s; }
.amazon-modal.open { opacity: 1; visibility: visible; transform: none; }
.amazon-modal-head { display: flex; justify-content: space-between; align-items: flex-end; max-width: 1500px; margin: 0 auto 45px; padding-bottom: 26px; border-bottom: 1px solid rgba(255,255,255,.12); }
.amazon-modal-head small { color: #9565ed; font-size: 9px; letter-spacing: 3px; }
.amazon-modal-head h2 { margin: 10px 0 0; font-size: clamp(42px,5vw,72px); letter-spacing: -4px; }
.close-amazon-gallery { display: flex; align-items: center; gap: 13px; padding: 9px 9px 9px 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: rgba(255,255,255,.04); color: #c5becd; cursor: pointer; font-size: 10px; transition: .25s; }
.close-amazon-gallery b { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #8050de; color: #fff; font-size: 20px; font-weight: 400; }
.close-amazon-gallery:hover { border-color: #9565ed; transform: translateY(-2px); }
.amazon-showcase { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 42px 26px; max-width: 1500px; margin: auto; }
.amazon-showcase article { min-width: 0; cursor: pointer; }
.amazon-frame { position: relative; overflow: hidden; aspect-ratio: 16/10; border: 1px solid rgba(175,132,255,.2); border-radius: 18px; background: #100c20; box-shadow: 0 25px 70px rgba(0,0,0,.35); transition: transform .35s,border-color .35s,box-shadow .35s; }
.amazon-frame img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .65s; }
.amazon-frame:after { content: "点击查看完整作品"; position: absolute; inset: auto 0 0; padding: 50px 22px 20px; color: #fff; font-size: 9px; letter-spacing: 2px; text-align: center; background: linear-gradient(transparent,rgba(6,4,15,.92)); opacity: 0; transition: .3s; }
.amazon-frame button { position: absolute; left: 50%; top: 50%; z-index: 3; width: 66px; height: 66px; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; background: rgba(29,17,58,.54); color: #fff; font-size: 22px; transform: translate(-50%,-50%); backdrop-filter: blur(10px); cursor: pointer; opacity: 0; transition: .3s; }
.amazon-showcase article:hover .amazon-frame { transform: translateY(-5px); border-color: rgba(175,132,255,.5); box-shadow: 0 32px 85px rgba(0,0,0,.48),0 0 35px rgba(121,71,218,.12); }
.amazon-showcase article:hover .amazon-frame img { transform: scale(1.03); }
.amazon-showcase article:hover .amazon-frame button,.amazon-showcase article:hover .amazon-frame:after { opacity: 1; }
.amazon-showcase article > div:last-child { padding: 15px 4px 0; }
.amazon-showcase span { color: #8d63dd; font-size: 8px; letter-spacing: 2px; }
.amazon-showcase h3 { margin: 7px 0 0; font-size: 18px; font-weight: 600; }

.amazon-detail { display: none; width: 100%; max-width: none; margin: auto; }
.amazon-detail.open { display: block; animation: amazonDetailIn .45s ease both; }
.amazon-modal.detail-open .amazon-modal-head,.amazon-modal.detail-open .amazon-showcase { display: none; }
.amazon-modal.detail-open { padding: 0 0 80px; }
.amazon-detail-bar { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 96px; margin: 0 0 25px; padding: 16px clamp(24px,6vw,100px); background: rgba(8,7,20,.94); border-bottom: 1px solid rgba(255,255,255,.1); box-shadow: 0 14px 38px rgba(0,0,0,.2); backdrop-filter: blur(16px); }
.amazon-detail-bar span { color: #8e60e5; font-size: 7px; letter-spacing: 2px; }
.amazon-detail-bar h3 { margin: 5px 0 0; font-size: 18px; }
.amazon-project-switcher { display: flex; align-items: center; justify-content: center; gap: 8px; }
.amazon-project-switcher button { padding: 11px 18px; border: 1px solid rgba(151,100,235,.38); border-radius: 28px; background: rgba(26,17,48,.5); color: #c9bddb; font-size: 11px; cursor: pointer; white-space: nowrap; transition: color .25s,border-color .25s,background .25s,transform .25s,box-shadow .25s; }
.amazon-project-switcher button:hover { color: #fff; border-color: #9565ed; background: rgba(105,60,193,.2); transform: translateY(-2px); }
.amazon-project-switcher button.active { color: #fff; border-color: #9867ee; background: linear-gradient(120deg,#7041d7,#9862ef); box-shadow: 0 8px 26px rgba(112,61,211,.28); }
.back-amazon-list { padding: 13px 19px; border: 1px solid rgba(169,119,255,.34); border-radius: 25px; background: rgba(100,56,190,.12); color: #d8c9f2; cursor: pointer; font-size: 11px; transition: .25s; }
.back-amazon-list:hover { transform: translateX(4px); border-color: #9d6cf4; background: rgba(115,65,211,.26); }
.amazon-full-image { max-width: 900px; margin: auto; border: 1px solid rgba(174,132,255,.18); border-radius: 18px; overflow: hidden; background: #03050d; box-shadow: 0 35px 100px rgba(0,0,0,.5); }
.amazon-full-image img { display: block; width: 100%; height: auto; }
.amazon-next-work { max-width: 900px; margin: 25px auto 0; display: flex; flex-direction: column; align-items: flex-end; gap: 9px; }
.amazon-next-work small { padding-right: 18px; color: #716979; font-size: 7px; letter-spacing: 2px; }
.amazon-next-work button { display: flex; align-items: center; gap: 17px; padding: 14px 20px; border: 1px solid rgba(151,100,235,.42); border-radius: 30px; background: rgba(26,17,48,.55); color: #d1c5e1; font-size: 12px; cursor: pointer; transition: color .25s,border-color .25s,background .25s,transform .25s,box-shadow .25s; }
.amazon-next-work button b { font-size: 18px; font-weight: 400; transition: transform .25s; }
.amazon-next-work button:hover { color: #fff; border-color: #9565ed; background: rgba(105,60,193,.24); transform: translateY(-3px); box-shadow: 0 12px 32px rgba(86,44,171,.2); }
.amazon-next-work button:hover b { transform: translateX(5px); }
@keyframes amazonDetailIn { from { opacity: 0; transform: translateY(18px) scale(.99); } to { opacity: 1; transform: none; } }

@media(max-width:760px){.amazon-modal{padding:32px 18px 55px}.amazon-modal.detail-open{padding:0 0 55px}.amazon-modal-head{align-items:center;margin-bottom:28px}.amazon-modal-head h2{font-size:36px;letter-spacing:-2px}.amazon-modal-head small{font-size:7px;letter-spacing:1.5px}.close-amazon-gallery{padding-left:11px}.close-amazon-gallery b{width:29px;height:29px}.amazon-showcase{grid-template-columns:1fr;gap:32px}.amazon-frame{border-radius:13px}.amazon-frame button,.amazon-frame:after{opacity:1}.amazon-frame button{width:58px;height:58px}.amazon-detail-bar{top:0;min-height:112px;padding:10px 14px;display:grid;grid-template-columns:1fr auto}.amazon-detail-title{min-width:0}.amazon-detail-bar h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amazon-project-switcher{grid-column:1/-1;justify-content:flex-start;overflow-x:auto;padding:4px 0 2px;scrollbar-width:none}.amazon-project-switcher::-webkit-scrollbar{display:none}.amazon-project-switcher button{padding:8px 12px;font-size:9px}.back-amazon-list{grid-column:2;grid-row:1}.amazon-full-image{border-radius:10px}.amazon-next-work{padding:0 14px;margin-top:18px}.amazon-next-work button{font-size:11px;padding:12px 16px}.amazon-cover .open-amazon-gallery{width:62px;height:62px}.amazon-cover>strong{font-size:29px!important}}