.folder-hero{margin:32px var(--pad) 0;background:#0c1018;position:relative;isolation:isolate}.folder-paper{color:#11130f;background-color:#fafbf7;background-image:linear-gradient(#5a6a5210 1px,transparent 1px),linear-gradient(90deg,#5a6a5210 1px,transparent 1px);background-size:32px 32px;border-radius:0 0 46px 46px;position:relative;padding:26px 36px 104px;min-height:400px}.folder-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px}.folder-title-group{text-align:center;padding-top:55px}.folder-eyebrow{font-size:9px;letter-spacing:2.2px;color:#677060;margin-bottom:12px}.folder-title-group h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;font-size:clamp(60px,7.5vw,120px);line-height:1.1;letter-spacing:-.065em;white-space:nowrap}.folder-labels{display:flex;flex-direction:column;align-items:center;margin-top:28px}.folder-labels p{font-size:clamp(13px,1.25vw,18px);line-height:1.5;padding:9px 30px;font-family:'Microsoft YaHei',sans-serif}.folder-lime{background:#c9fa56;transform:rotate(-2deg);min-width:340px}.folder-black{background:#11130f;color:#fafbf7;transform:rotate(2deg);min-width:300px;margin-top:-2px}.folder-base{min-height:265px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 36px 24px}.folder-open{position:absolute;top:auto;transform:translateY(-112px);display:flex;flex-direction:column;align-items:center;gap:20px}.folder-clasp{width:90px;height:156px;position:relative;display:block}.clasp-disc{position:absolute;left:9px;width:72px;height:72px;background:#c9fa56;border:1px solid #aac84d;border-radius:50%;box-shadow:0 2px 0 #637b4266;z-index:2;transition:transform .3s}.clasp-disc:after{content:'';position:absolute;inset:24px;background:#eff2e9;border:4px solid #242b20;border-radius:50%;box-shadow:0 0 0 2px #9bad65}.disc-top{top:0}.disc-bottom{bottom:0}.clasp-thread{position:absolute;left:31px;top:35px;width:28px;height:89px;border:1px solid #c9fa56;border-radius:50%;transform:rotate(-14deg)}.clasp-thread:after{content:'';position:absolute;inset:-1px;border:1px solid #c9fa56;border-radius:50%;transform:rotate(28deg)}.folder-clasp b{position:absolute;right:-16px;bottom:17px;font-family:Georgia,serif;font-weight:400;font-size:30px;transform:rotate(30deg);color:#a7afa1}.folder-open:hover .disc-bottom{transform:rotate(18deg) translateY(5px)}.folder-open-text{font-size:15px;letter-spacing:1px}.folder-open-text>span{display:inline-block;margin-left:10px;color:#c9fa56}.folder-bottom{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:24px;width:100%;font-size:10px;color:#b8beb8;padding-top:185px}.folder-bottom>span{letter-spacing:1.5px}.folder-bottom p{text-align:center}.folder-bottom>a{text-align:right;color:#f0f1e9;font-size:12px}.profile-gallery{border:1px solid var(--line);background:#171d19;min-width:0}.profile-gallery-top{display:flex;justify-content:space-between;padding:14px 16px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.profile-photo-next{width:100%;display:block;position:relative;background:#111;padding:0;cursor:pointer;aspect-ratio:3/4;overflow:hidden}.profile-frame{width:100%;height:100%;object-fit:cover;object-position:center}.profile-photo-hint{position:absolute;bottom:12px;right:12px;padding:6px 10px;background:#101312b8;font-size:10px;color:white;backdrop-filter:blur(5px)}.profile-controls{display:flex;align-items:center;justify-content:space-between;padding:8px}.profile-controls button{background:transparent;width:42px;height:38px;font-size:21px;color:var(--green)}.profile-controls button:hover{background:#c3ed6515}.profile-caption{font-size:12px}.profile-gallery:focus-within{border-color:#9aad7b}
@media(min-width:1700px){.folder-paper{padding-bottom:120px}.folder-base{min-height:300px}.folder-open{transform:translateY(-145px)}}
@media(max-width:900px){.folder-hero{margin-top:20px}.folder-paper{padding:22px 24px 95px;min-height:340px}.folder-title-group{padding-top:45px}.folder-title-group h1{font-size:8.1vw}.folder-bottom{grid-template-columns:1fr 1fr}.folder-bottom p{display:none}.folder-base{padding-left:24px;padding-right:24px}}
@media(max-width:600px){.folder-hero{margin:14px 14px 0}.folder-paper{padding:20px 16px 85px;border-radius:0 0 28px 28px;min-height:330px;background-size:24px 24px}.folder-meta{font-size:8px;gap:10px}.folder-title-group{padding-top:46px}.folder-eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:17px}.folder-title-group h1{font-size:clamp(29px,8.6vw,51px);letter-spacing:-.065em}.folder-labels{margin-top:28px}.folder-labels p{font-size:11px;padding:9px 12px;min-width:0;max-width:100%}.folder-lime{width:265px}.folder-black{width:235px}.folder-base{min-height:235px;padding:0 18px 22px}.folder-open{transform:translateY(-90px);gap:15px}.folder-clasp{height:134px;width:76px}.clasp-disc{width:60px;height:60px;left:8px}.clasp-disc:after{inset:19px;border-width:3px}.clasp-thread{left:25px;top:30px;width:25px;height:74px}.folder-open-text{font-size:13px}.folder-bottom{padding-top:177px;font-size:7px;gap:10px}.folder-bottom>span{letter-spacing:.6px}.folder-bottom>a{font-size:11px}.profile-gallery-top{font-size:10px}.profile-caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.clasp-disc{transition:none}}