.mw-why{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:34px;margin:24px 0;padding:26px;border:1px solid #e7cd95;border-radius:20px;background:#fffcf3;color:#35271f;font-family:'Huninn','Microsoft JhengHei','PingFang TC',sans-serif;box-shadow:0 12px 30px #28486a12;scroll-margin-top:90px}
.mw-why *,.mw-image-preview *{box-sizing:border-box}
.mw-wall{min-width:0;padding:17px 17px 13px;border:1px solid #dbd6bd;border-radius:15px;background:radial-gradient(ellipse at 15% 10%,#fff1bd,transparent 60%),linear-gradient(140deg,#f7f0dc,#e5f4f5);box-shadow:inset 0 2px 4px #fff9}
.mw-wall-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.mw-wall-head h3{font-size:17px;line-height:1.4;margin:0;color:#514331;font-weight:800}
.mw-wall-head span{font-size:11px;color:#7c705a;border:1px solid #d8c8a6;background:#fff9e9;border-radius:99px;padding:3px 8px;white-space:nowrap}
.mw-photos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 9px;padding:3px 2px 6px}
.mw-photo{grid-column:span 3;position:relative;min-width:0;display:block;padding:5px 5px 6px;background:#fff;border:1px solid #fff;border-radius:5px;box-shadow:0 5px 10px #3c32142b;transform:rotate(var(--mw-tilt,0deg));transition:transform .18s,box-shadow .18s,border-color .18s;cursor:zoom-in;text-decoration:none!important;color:#675a47!important}
.mw-photo--poster{grid-column:span 4}
.mw-photo img{display:block;width:100%;height:auto;aspect-ratio:1.12;object-fit:contain;background:#232327;border:0;border-radius:2px;margin:0}
.mw-photo--poster img{aspect-ratio:1.72;background:#fff9db}
.mw-photo span{display:block;font-size:10px;line-height:1.4;text-align:center;padding-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mw-photo:hover,.mw-photo:focus-visible,.mw-photo.mw-active{z-index:2;transform:translateY(-4px) rotate(0deg) scale(1.045);box-shadow:0 8px 17px #573c303d;border-color:#dfa842;outline:2px solid #f0c463;outline-offset:1px}
.mw-wall-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 0;font-size:12px;line-height:1.45;color:#84765d}
.mw-wall-note svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round}
.mw-touch-note{display:none}
.mw-copy{min-width:0;padding:5px 2px}
.mw-eyebrow{display:block;font-size:12px;color:#a37826;letter-spacing:.13em;font-weight:700;margin-bottom:9px}
.mw-copy h2{font-size:30px;line-height:1.35;font-weight:800;margin:0 0 24px;color:#35271f}
.mw-reason{display:grid;grid-template-columns:33px minmax(0,1fr);gap:12px;padding:17px 0;border-top:1px solid #ece2ce}
.mw-reason:first-of-type{border-top:0;padding-top:0}
.mw-number{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:9px;background:#ffebbc;color:#a06813;font-size:12px;font-weight:800;margin-top:1px}
.mw-reason:nth-of-type(2) .mw-number{background:#e7f0f2;color:#507785}.mw-reason:nth-of-type(3) .mw-number{background:#eee8f6;color:#8466a6}
.mw-reason h3{font-size:22px;line-height:1.35;margin:0 0 7px;font-weight:800;color:#35271f}
.mw-reason p{font-size:15px;line-height:1.75;color:#756650;margin:0}
.mw-reason strong{font-weight:700;color:#a76812}
.mw-online{display:inline-flex;align-items:center;gap:6px;margin-top:9px;border-radius:5px;background:#eef3e6;color:#5f7545;padding:3px 8px;font-size:12px;line-height:1.5;font-weight:700}
.mw-online::before{content:'';height:6px;width:6px;border-radius:50%;background:#76a857}
.mw-image-preview{position:fixed;inset:auto;margin:0;padding:9px;border:1px solid #e1c888;border-radius:12px;background:#fffdf8;box-shadow:0 14px 65px #192b4566;color:#4f402e;z-index:2147483000;pointer-events:none;font-family:'Huninn','Microsoft JhengHei','PingFang TC',sans-serif;overflow:hidden}
.mw-image-preview::backdrop{background:transparent;pointer-events:none}
.mw-image-preview[hidden]{display:none!important}
.mw-image-preview{box-sizing:border-box;pointer-events:auto}
.mw-image-preview img{display:block;width:100%;height:auto;max-height:calc(100dvh - 110px);object-fit:contain;background:#202124;border-radius:5px;margin:0}
.mw-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px 2px;min-height:32px}
.mw-preview-caption p{margin:0;font-size:14px;line-height:1.4;font-weight:700}
.mw-preview-caption small{font-size:11px;font-weight:400;white-space:nowrap;color:#998772}
.mw-close{display:none;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #deceb4;border-radius:50%;background:#fff;color:#594934;font-size:24px;line-height:1;cursor:pointer}
.mw-image-preview.mw-pinned{pointer-events:auto}.mw-pinned .mw-close{display:flex}.mw-pinned .mw-preview-caption small{display:none}
.mw-close:focus-visible{outline:3px solid #a28bc6;outline-offset:2px}
@media(max-width:1050px){.mw-why{gap:24px;padding:22px;grid-template-columns:1.1fr 1fr}.mw-wall{padding:14px 12px 12px}.mw-copy h2{font-size:26px;margin-bottom:20px}.mw-reason h3{font-size:20px}.mw-reason p{font-size:14px}.mw-reason{gap:9px;padding:13px 0}.mw-photos{gap:10px 7px}.mw-photo{padding:4px}.mw-photo span{font-size:9px}.mw-wall-head h3{font-size:15px}}
@media(max-width:780px){.mw-why{grid-template-columns:1fr;gap:25px;padding:18px;border-radius:16px;margin:20px 0;scroll-margin-top:65px}.mw-wall{padding:13px 11px 11px}.mw-wall-head{margin-bottom:13px}.mw-copy{padding:0 2px}.mw-copy h2{font-size:26px;margin-bottom:19px}.mw-reason h3{font-size:21px}.mw-reason p{font-size:14px}.mw-reason:last-child{padding-bottom:0}.mw-photos{gap:9px 7px}.mw-photo img{aspect-ratio:1.05}.mw-photo--poster img{aspect-ratio:1.65}.mw-wall-note{font-size:11px}.mw-wall-head span{font-size:10px;padding:3px 7px}}
@media(hover:none),(pointer:coarse){.mw-desktop-note{display:none}.mw-touch-note{display:inline}}
@media(max-width:420px){.mw-why{padding:14px;gap:22px}.mw-wall{padding:11px 9px 9px}.mw-photo{padding:3px 3px 4px}.mw-photo span{font-size:8px}.mw-photos{gap:8px 5px}.mw-wall-head h3{font-size:14px}.mw-wall-head span{font-size:9px}.mw-copy h2{font-size:24px}.mw-preview-caption p{font-size:13px}.mw-image-preview{padding:6px}.mw-preview-caption{padding-top:7px}}
@media(prefers-reduced-motion:reduce){.mw-photo{transition:none}}
