@font-face{font-family:HYZhongHeiJ;src:url(/media/%E6%B1%89%E4%BB%AA%E4%B8%AD%E9%BB%91%E7%AE%80.ttf) format("truetype");font-display:swap}:global(*){box-sizing:border-box}.folder-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:60;display:flex;align-items:center;gap:14px;color:#2e2e2e;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.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:60;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;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.page-heading{position:absolute;top:56px;right:28px;z-index:55;width:260px;text-align:right;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.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}.folder-grid{position:absolute;left:50%;top:128px;display:grid;width:min(1180px,calc(100% - 96px));height:560px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:42px 18px;overflow:hidden auto;padding:42px 10px 0;z-index:20;transform:translate(-50%)}.folder-grid::-webkit-scrollbar{width:0}.folder-card{--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .36);--folder-color: color-mix(in srgb, var(--card-border), transparent 78%);--folder-back-color: color-mix(in srgb, var(--card-border), transparent 84%);--folder-line: color-mix(in srgb, var(--card-border), #ffffff 42%);position:relative;height:198px;overflow:visible;border:0;border-radius:0;background:transparent;transition:transform .26s ease,box-shadow .26s ease}.folder-page-deep-purple .folder-card{--folder-color: color-mix(in srgb, var(--card-border), transparent 82%);--folder-back-color: color-mix(in srgb, var(--card-border), transparent 88%);--folder-line: color-mix(in srgb, var(--card-border), #ffffff 58%)}.folder-card:hover{z-index:50;box-shadow:none;transform:translateY(-3px)}.folder-card.is-open{z-index:60}.folder-shell{position:relative;z-index:3;width:128px;height:116px;margin:18px auto 0;cursor:pointer;transition:transform .24s ease}.folder-shell:focus-visible{outline:2px solid rgba(65,53,69,.36);outline-offset:8px;border-radius:14px}.folder-card:hover .folder-shell,.folder-card.is-open .folder-shell{transform:translateY(-6px)}.folder-back{position:absolute;bottom:14px;left:50%;width:112px;height:68px;overflow:visible;border:1px solid color-mix(in srgb,var(--folder-line),transparent 18%);border-radius:0 14px 14px;background:linear-gradient(135deg,rgba(255,255,255,.56),var(--folder-back-color)),#ffffff38;box-shadow:0 10px 22px #402d4614;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);transform:translate(-50%)}.folder-back:after{content:"";position:absolute;bottom:calc(100% - 1px);left:0;width:42px;height:13px;border:1px solid color-mix(in srgb,var(--folder-line),transparent 20%);border-bottom:0;border-radius:10px 10px 0 0;background:#ffffff57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.paper-card{position:absolute;z-index:2;bottom:36px;left:50%;width:82px;height:110px;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.86);border-radius:9px;background:#fff;box-shadow:0 12px 24px #3026362e;cursor:zoom-in;transform:translate(-50%,18%);transition:transform .3s ease,box-shadow .3s ease}.paper-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.paper-card-front{z-index:3;transform:translate(-78%,8%) rotate(-7deg)}.paper-card-back{z-index:2;transform:translate(-22%,12%) rotate(7deg)}.paper-card-landscape{z-index:3;width:128px;height:78px;transform:translate(-50%,-4%) rotate(-12deg)}.folder-card.is-open .paper-card-front{transform:translate(-106%,-44%) rotate(-13deg)}.folder-card.is-open .paper-card-back{transform:translate(6%,-44%) rotate(13deg)}.folder-card.is-open .paper-card-landscape{transform:translate(-50%,-46%) rotate(-15deg)}.folder-card.is-open .paper-card:hover{box-shadow:0 18px 30px #30263633}.folder-card.is-open .paper-card-front:hover{transform:translate(-106%,-44%) rotate(-13deg) scale(1.05)}.folder-card.is-open .paper-card-back:hover{transform:translate(6%,-44%) rotate(13deg) scale(1.05)}.folder-card.is-open .paper-card-landscape:hover{transform:translate(-50%,-46%) rotate(-15deg) scale(1.05)}.folder-card:hover .paper-card img{animation:paper-hop .56s cubic-bezier(.2,.8,.24,1)}.folder-card:hover .paper-card-back img{animation-delay:70ms}.folder-front{position:absolute;right:0;left:0;z-index:3;bottom:10px;height:44px;border:1px solid color-mix(in srgb,var(--folder-line),transparent 18%);border-radius:10px 15px 15px;background:linear-gradient(135deg,rgba(255,255,255,.64),var(--folder-color)),#ffffff2e;box-shadow:inset 0 1px #ffffff5c,0 10px 20px #402d460f;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);transform-origin:bottom;transform:skew(13deg) scaleY(.58);transition:transform .3s ease}.folder-front-main{z-index:4}.folder-front-right{z-index:3;background:linear-gradient(135deg,#ffffff80,color-mix(in srgb,var(--folder-color),transparent 20%)),#ffffff29;clip-path:polygon(100% 0,100% 100%,42% 100%,54% 0);transform:skew(-13deg) scaleY(.58)}.folder-card.is-open .folder-front{transform:skew(13deg) scaleY(.45)}.folder-card.is-open .folder-front-right{transform:skew(-13deg) scaleY(.45)}.folder-card h2{position:relative;z-index:1;margin:0;overflow:hidden;padding:0 14px;color:#413545;font-family:HYZhongHeiJ,Microsoft YaHei,sans-serif;font-size:15px;font-weight:760;letter-spacing:.02em;line-height:24px;text-align:center;text-overflow:ellipsis;white-space:nowrap;transition:color .22s ease,text-shadow .22s ease,transform .22s ease}.folder-card:hover h2,.folder-card.is-open h2{color:#2b2230;text-shadow:0 0 14px rgba(142,110,170,.28),0 1px 0 rgba(255,255,255,.72);transform:translateY(1px)}.folder-card.is-open h2{z-index:0}@keyframes paper-hop{0%{transform:translateY(0)}42%{transform:translateY(-7px) scale(1.018)}to{transform:translateY(0)}}.folder-lightbox[hidden]{display:none}.folder-lightbox{position:absolute;inset:0;z-index:80;display:grid;place-items:center}.lightbox-backdrop{position:absolute;inset:0;border:0;background:#f6f6f6bd;cursor:zoom-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-panel{position:relative;z-index:1;width:350px;overflow:hidden;border:1.5px solid transparent;border-radius:20px;background:linear-gradient(180deg,#fff6fb,#f7f1ff) padding-box,linear-gradient(145deg,#ffd3e8,#e2d6ff 52%,#fff0cb) border-box;box-shadow:0 28px 72px #26262633}.lightbox-image{display:block;width:calc(100% - 34px);height:456px;margin:17px 17px 0;border-radius:14px;object-fit:cover;object-position:50% 18%}.lightbox-panel.is-landscape{width:628px}.lightbox-panel.is-landscape .lightbox-image{height:352px;object-fit:contain;object-position:center;background:#ffffff6b}.lightbox-panel h2{margin:0;padding:15px 18px 17px;color:#413545;font-family:HYZhongHeiJ,Microsoft YaHei,sans-serif;font-size:22px;font-weight:760;text-align:center;background:linear-gradient(180deg,#fff6fbf5,#f7f1fffa)}.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}.folder-page{width:100%;max-width:1700px;min-height:100svh;aspect-ratio:auto;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:clamp(118px,10vw,154px) clamp(16px,4vw,48px) clamp(32px,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)}.folder-grid{position:relative;left:auto;top:auto;width:100%;height:auto;grid-template-columns:repeat(auto-fit,minmax(clamp(122px,16vw,188px),1fr));gap:clamp(36px,4vw,56px) clamp(12px,2vw,24px);overflow:visible;padding:clamp(40px,5vw,72px) 0 0;transform:none}.folder-card{height:clamp(178px,20vw,220px);min-width:0}.folder-shell{width:100%;height:100%}.folder-back{width:min(132px,86%);height:clamp(76px,9vw,104px);overflow:visible}.paper-card{bottom:clamp(38px,5vw,54px);width:clamp(76px,9.5vw,104px);height:clamp(104px,13vw,140px)}.paper-card-landscape{width:clamp(136px,17vw,176px);height:clamp(76px,9.5vw,98px)}.folder-front{height:clamp(42px,5vw,58px)}.folder-card h2{font-size:clamp(12px,1.25vw,15px)}.folder-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-panel{width:fit-content;max-width:min(92vw,430px);max-height:88vh;margin:auto;overflow-y:auto}.lightbox-image{width:auto;max-width:min(82vw,360px);height:auto;max-height:min(72vh,760px);margin:clamp(10px,2vw,17px) auto 0;object-fit:contain}.lightbox-panel.is-landscape{width:min(92vw,1100px);max-width:min(92vw,1100px)}.lightbox-panel.is-landscape .lightbox-image{width:calc(100% - clamp(20px,4vw,34px));max-width:none;height:auto;max-height:min(70vh,640px)}.lightbox-panel{width:fit-content;max-width:min(92vw,1100px);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.lightbox-image,.lightbox-panel.is-landscape .lightbox-image{width:auto;max-width:min(88vw,1066px);height:auto;max-height:86vh;margin:0 auto;border-radius:0;background:transparent;object-fit:contain}.lightbox-panel h2{display:none}.lightbox-close{top:-12px;right:-12px}@media (max-width: 640px){.folder-page{padding-top:136px}.page-heading{width:calc(100% - 28px);text-align:right}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr))}}