@font-face{font-family:HYZhongHeiJ;src:url(/media/姹変华涓粦绠€.ttf) format("truetype");font-display:swap}:global(*){box-sizing:border-box}.card-page{position:relative;width:min(100vw,calc(100vh * 1331 / 730),1331px);aspect-ratio:1331 / 730;overflow:hidden;background:#f6f6f6;color:#262626}.top-icons{position:absolute;top:24px;left:24px;z-index:50;display:flex;align-items:center;gap:14px;color:#2e2e2e}.icon-button{display:grid;width:28px;height:28px;place-items:center;color:inherit;text-decoration:none}.icon-button svg{width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.menu-icon-button svg{width:30px;height:30px;stroke-width:2.6}.divider{width:2px;height:26px;background:#252525}.local-time{position:absolute;top:25px;right:28px;z-index:50;color:#2e2e2e;font-family:HYZhongHeiJ,Microsoft YaHei,sans-serif;font-size:18px;font-weight:700;letter-spacing:.04em;line-height:1;font-variant-numeric:tabular-nums}.page-heading{position:absolute;top:56px;right:28px;z-index:5;width:260px;text-align:right}.page-heading p{margin:0 0 5px;color:#6a6a6a;font-family:Trebuchet MS,Comic Sans MS,Segoe UI,Microsoft YaHei,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em}.page-heading h1{margin:0;color:#242424;font-family:HYZhongHeiJ,Microsoft YaHei,sans-serif;font-size:18px;font-weight:760;letter-spacing:.03em}.image-source-note{margin:18px 0 12px;color:#777;font-size:clamp(11px,1.1vw,13px);line-height:1.5;text-align:right}.chroma-grid{position:absolute;left:50%;top:118px;display:grid;width:min(1180px,calc(100% - 96px));height:586px;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;overflow:hidden auto;padding:4px 8px 0;transform:translate(-50%)}.chroma-grid::-webkit-scrollbar{width:0}.chroma-card{--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .34);position:relative;display:flex;height:188px;flex-direction:column;overflow:hidden;border:1.5px solid transparent;border-radius:14px;cursor:zoom-in;background:linear-gradient(180deg,#fff8ee,#fff0f6) padding-box,linear-gradient(145deg,#ffe0b8,#ffd0dc 50%,#d8d0ff) border-box;transition:border-color .26s ease,transform .26s ease}.chroma-card:hover{border-color:transparent;transform:translateY(-2px)}.chroma-card:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 68%);opacity:0;pointer-events:none;transition:opacity .36s ease}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:8px 8px 0;background:transparent}.chroma-img-wrapper img{display:block;width:100%;height:144px;border-radius:9px;object-fit:cover;object-position:50% 18%}.chroma-info{position:relative;z-index:1;display:flex;min-height:36px;align-items:center;justify-content:center;padding:0 10px 1px;color:#413545;background:linear-gradient(180deg,#fff8eef0,#fff0f6f5);text-align:center}.chroma-info h2{margin:0;overflow:hidden;font-family:HYZhongHeiJ,Microsoft YaHei,sans-serif;font-size:13px;font-weight:760;letter-spacing:.02em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.card-lightbox[hidden]{display:none}.card-lightbox{position:absolute;inset:0;z-index:80;display:grid;place-items:center}.lightbox-backdrop{position:absolute;inset:0;border:0;background:#f6f6f6b8;cursor:zoom-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-card{position:relative;z-index:1;width:348px;margin:0;overflow:hidden;border:1.5px solid transparent;border-radius:18px;background:linear-gradient(180deg,#fff8ee,#fff0f6) padding-box,linear-gradient(145deg,#ffe0b8,#ffd0dc 50%,#d8d0ff) border-box;box-shadow:0 28px 72px #26262638}.lightbox-card img{display:block;width:100%;height:466px;object-fit:cover;object-position:50% 18%}.lightbox-card h2{margin:0;padding:16px 18px 18px;color:#413545;font-family:HYZhongHeiJ,Microsoft YaHei,sans-serif;font-size:22px;font-weight:760;text-align:center;background:linear-gradient(180deg,#fff8eef5,#fff0f6fa)}.lightbox-close{position:absolute;top:10px;right:10px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#f6f6f6db;color:#242424;cursor:pointer;font-size:24px;line-height:1}.card-page{width:100%;max-width:1700px;min-height:100svh;aspect-ratio:auto;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:clamp(86px,9vw,128px) clamp(16px,4vw,48px) clamp(28px,5vw,64px);box-sizing:border-box}.top-icons{top:clamp(14px,2.2vw,24px);left:clamp(14px,2.2vw,24px)}.local-time{top:clamp(16px,2.3vw,25px);right:clamp(14px,2.2vw,28px);font-size:clamp(13px,1.5vw,18px)}.page-heading{top:clamp(48px,5.4vw,64px);right:clamp(14px,2.2vw,28px);width:min(42vw,260px)}.page-heading p{font-size:clamp(9px,1vw,11px)}.page-heading h1{font-size:clamp(14px,1.7vw,18px)}.chroma-grid{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;grid-template-columns:repeat(auto-fit,minmax(clamp(118px,16vw,220px),1fr));grid-auto-rows:auto;align-content:start;gap:clamp(8px,1.6vw,18px);overflow:visible;padding:0;transform:none}.chroma-card{height:auto;min-width:0;aspect-ratio:.72}.chroma-img-wrapper{flex:1 1 auto;min-height:0;padding:clamp(6px,1vw,10px) clamp(6px,1vw,10px) 0}.chroma-img-wrapper img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.chroma-info{min-height:clamp(32px,4vw,48px);padding:0 clamp(8px,1.4vw,14px) 2px}.chroma-info h2{font-size:clamp(12px,1.25vw,15px)}.card-lightbox{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:clamp(12px,3vw,28px);overflow-y:auto;overscroll-behavior:contain}.lightbox-backdrop{position:fixed;inset:0}.lightbox-card{width:min(92vw,900px);max-height:88vh;margin:auto;overflow-y:auto}.lightbox-card img{width:100%;height:auto;max-height:min(72vh,760px);object-fit:contain}.lightbox-card{width:fit-content;max-width:min(92vw,520px);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.lightbox-card img{width:auto;max-width:min(88vw,520px);height:auto;max-height:86vh;border-radius:0;object-fit:contain}.lightbox-card h2{display:none}.lightbox-close{top:-12px;right:-12px}@media (max-width: 640px){.card-page{padding-top:112px}.page-heading{width:calc(100% - 28px);text-align:right}.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr))}}