.j-kiosk{position:relative;margin:28px 0 24px;border:1px solid #d8b77d;border-radius:26px;background:linear-gradient(135deg,#fff8e8,#f3dfba);box-shadow:0 22px 55px rgba(93,55,18,.14);overflow:hidden;color:#382410}.j-kiosk:before{content:"";position:absolute;inset:10px;border:1px solid rgba(128,80,26,.25);border-radius:20px;pointer-events:none}.j-kiosk-awning{height:42px;background:repeating-linear-gradient(90deg,#b91c1c 0 62px,#fff4db 62px 124px);border-bottom:6px solid #7c2d12;clip-path:polygon(0 0,100% 0,98.5% 100%,96.5% 76%,94.5% 100%,92.5% 76%,90.5% 100%,88.5% 76%,86.5% 100%,84.5% 76%,82.5% 100%,80.5% 76%,78.5% 100%,76.5% 76%,74.5% 100%,72.5% 76%,70.5% 100%,68.5% 76%,66.5% 100%,64.5% 76%,62.5% 100%,60.5% 76%,58.5% 100%,56.5% 76%,54.5% 100%,52.5% 76%,50.5% 100%,48.5% 76%,46.5% 100%,44.5% 76%,42.5% 100%,40.5% 76%,38.5% 100%,36.5% 76%,34.5% 100%,32.5% 76%,30.5% 100%,28.5% 76%,26.5% 100%,24.5% 76%,22.5% 100%,20.5% 76%,18.5% 100%,16.5% 76%,14.5% 100%,12.5% 76%,10.5% 100%,8.5% 76%,6.5% 100%,4.5% 76%,2.5% 100%,0 78%)}.j-kiosk-inner{display:grid;grid-template-columns:230px minmax(0,1fr) 240px;grid-template-areas:"intro showcase archive";gap:22px;align-items:stretch;padding:24px 28px 30px;direction:rtl}.j-kiosk-intro{grid-area:intro;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;border-left:1px solid rgba(126,78,26,.23)}.j-kiosk-sign{width:68px;height:68px;border:2px solid #7c4a1f;border-radius:50% 50% 12px 12px;display:grid;place-items:center;font-size:27px;margin-bottom:12px;background:#fff4d7;box-shadow:inset 0 0 0 6px rgba(124,74,31,.08)}.j-kiosk-intro h2{font-size:27px;line-height:1.5;margin:0;font-weight:900}.j-kiosk-intro p{font-size:13px;line-height:2;margin:10px 0;color:#725636}.j-kiosk-ornament{display:block;color:#9a6a31;font-size:15px}.j-kiosk-showcase{grid-area:showcase;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;padding:18px 20px 10px;background:linear-gradient(#74502e,#3b2414);border:8px solid #5c351c;border-radius:10px;box-shadow:inset 0 0 24px rgba(0,0,0,.35),0 14px 25px rgba(74,42,14,.2)}.j-kiosk-paper{min-width:0;transform:rotate(1deg);transition:.25s ease}.j-kiosk-paper:nth-child(3){transform:rotate(-1deg)}.j-kiosk-paper.is-main{transform:translateY(-8px);z-index:2}.j-kiosk-paper:hover{transform:translateY(-10px) rotate(0);z-index:3}.j-kiosk-paper>a{display:flex;flex-direction:column;background:#fffdf8;border:1px solid #d6c7ad;padding:8px 8px 12px;box-shadow:0 10px 20px rgba(0,0,0,.28);min-height:245px}.j-kiosk-paper-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #b91c1c;padding-bottom:5px;margin-bottom:7px;gap:6px}.j-kiosk-paper-head b{font-size:16px;color:#c1121f;font-weight:900}.j-kiosk-paper-head small{font-size:8px;color:#665b4c}.j-kiosk-paper img{width:100%;aspect-ratio:1.32/1;object-fit:cover;filter:saturate(.86) contrast(1.04)}.j-kiosk-paper strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:8px;color:#17120d;font-size:12px;line-height:1.8;text-align:center;font-weight:900}.j-kiosk-paper>time{display:block;margin:10px 8px 0;padding:6px 5px;border:1px solid #c9a66e;border-radius:7px;background:#f7e8c9;text-align:center;font-size:10px;color:#513416;box-shadow:0 4px 0 #6f431f}.j-kiosk-archive{grid-area:archive;display:flex;flex-direction:column;padding:8px 0 0 14px;border-right:1px solid rgba(126,78,26,.23);min-width:0}.j-kiosk-archive h3{font-size:17px;margin:0 0 10px}.j-kiosk-history{display:grid;gap:7px;flex:1}.j-kiosk-history a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:9px;align-items:center;padding:7px;background:rgba(255,255,255,.48);border:1px solid rgba(143,91,37,.18);border-radius:10px}.j-kiosk-history img{width:64px;height:48px;border-radius:6px;object-fit:cover}.j-kiosk-history strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.65}.j-kiosk-history time{display:block;color:#8b6d48;font-size:9px;margin-top:3px}.j-kiosk-archive-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:39px;border-radius:10px;background:#b91c1c;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(185,28,28,.2)}
@media(max-width:1050px){.j-kiosk-inner{grid-template-columns:1fr;grid-template-areas:"intro" "showcase" "archive"}.j-kiosk-intro{border:0;padding:4px 20px 12px}.j-kiosk-archive{border:0;padding:4px}.j-kiosk-history{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.j-kiosk{margin:18px 0;border-radius:19px}.j-kiosk-awning{height:30px;background-size:82px 100%}.j-kiosk-inner{padding:18px 14px 22px;gap:14px}.j-kiosk-intro h2{font-size:22px}.j-kiosk-intro p{font-size:12px}.j-kiosk-sign{width:54px;height:54px}.j-kiosk-showcase{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.j-kiosk-paper:nth-child(3){display:none}.j-kiosk-paper.is-main{transform:none}.j-kiosk-paper>a{min-height:205px}.j-kiosk-history{grid-template-columns:1fr}.j-kiosk-history a:nth-child(n+3){display:none}}