:root,body{color:#302e2b;background:#eeeae3}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.viewport{flex-direction:column;height:100svh;min-height:650px;padding:0 4%;display:flex;position:sticky;top:0;overflow:clip}.masthead{flex-shrink:0;justify-content:space-between;align-items:center;height:90px;display:flex}.identity{letter-spacing:.06em;align-items:center;gap:12px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.mark{font-size:2rem;font-weight:400}.edition,.subline,.selected-number,.insert-top,.insert-bottom,.tab,.cabinet-lip{font-family:Courier New,monospace}.edition{letter-spacing:.07em;font-size:.75rem}main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.intro{position:absolute;top:25px;left:0}.kicker{letter-spacing:.08em;margin:0;font-size:1.2rem;font-weight:500;line-height:1.8}.subline{color:#777168;margin-top:12px;font-size:.875rem}.cabinet-area{width:min(440px,55vw);margin-top:80px}.cabinet{perspective:1300px;height:340px;position:relative}.folder{inset:0;top:calc(var(--i)*38px);height:225px;z-index:calc(var(--i) + 1);transform:scale(var(--scale));transform-origin:bottom;pointer-events:none;transition:transform .62s cubic-bezier(.22,.68,0,1);position:absolute}.folder-back{background:#e7e2d9;border:1px solid #888279;position:absolute;inset:28px 0 0}.folder-front{width:100%;height:100%;color:inherit;cursor:pointer;text-align:left;transform-origin:bottom;pointer-events:auto;background:0 0;border:0;padding:0;transition:transform .62s cubic-bezier(.22,.68,0,1);position:absolute;inset:0}.folder-shape{width:100%;height:100%;display:block;overflow:visible}.folder-shape path{fill:#eeeae3;stroke:#837d74;stroke-width:1px;vector-effect:non-scaling-stroke}.tab{top:0;left:var(--tab);letter-spacing:-.04em;background:#eeeae3;border:1px solid #837d74;border-bottom:0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:5px;width:30%;height:28px;padding:0 10px;font-size:.875rem;display:flex;position:absolute}.tab-num{opacity:.6;font-size:.75rem}.folder-label{color:#746e65;justify-content:space-between;font-size:.875rem;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.folder-label>span{font-family:Courier New,monospace;font-size:.75rem}.insert{color:#f3efe7;will-change:transform;opacity:0;pointer-events:none;background:#302e2b;flex-direction:column;width:91%;height:270px;padding:18px 22px;text-decoration:none;transition:transform .68s cubic-bezier(.22,.68,0,1),opacity .34s .12s;display:flex;position:absolute;top:35px;left:4.5%;transform:translateY(0);box-shadow:0 4px 9px #302e2b14}.insert-top{color:#b3aea5;letter-spacing:.05em;justify-content:space-between;font-size:.75rem;display:flex}.insert-body{flex:1;padding-top:22px;position:relative}.card-title{letter-spacing:.06em;margin:0 0 7px;font-size:2.15rem;font-weight:450;line-height:1.4}.insert-body p{color:#cdc7bc;margin:0;font-size:1rem}.insert-symbol{color:#c0b9ab;font-size:3rem;line-height:1;position:absolute;top:6px;right:0}.insert-bottom{border-top:1px solid #5b574f;justify-content:space-between;align-items:center;padding-top:10px;font-size:.875rem;display:flex}.active .insert{opacity:1;pointer-events:auto;transition-duration:.82s,.26s;transition-delay:35ms,0s;transform:translateY(-240px)}.before{transform:translateY(-34px) scale(var(--scale))}.cabinet-lip{z-index:7;letter-spacing:.04em;background:#eeeae3;border:1px solid #837d74;justify-content:space-between;align-items:center;width:108%;height:80px;padding:0 25px;font-size:.75rem;display:flex;position:absolute;top:362px;left:-4%;box-shadow:0 13px 14px -15px #48403480}.cabinet-lip>span:last-child{color:#746e65}.selected{align-items:center;gap:16px;width:min(475px,60vw);margin-top:128px;font-size:.875rem;display:flex}.selected-number{color:#746e65;font-size:.75rem}.selection-line{background:#ccc6bc;flex:1;height:1px}.direct-nav{gap:24px;margin-top:18px;font-size:.875rem;display:flex}.direct-nav a{color:#746e65;text-decoration:none}.direct-nav a:hover{color:#302e2b;text-decoration:underline}footer{color:#746e65;flex-shrink:0;justify-content:space-between;padding:24px 0;font-size:.875rem;display:flex}.scroll-hint{align-items:center;gap:12px;display:flex}.scroll-hint>span{color:#302e2b;font-size:1.25rem}.keyboard-change .folder,.keyboard-change .insert,.keyboard-change .folder-front{transition:none}.folder-front:focus-visible{outline-offset:5px}.insert:focus-visible{outline-color:#8f5b34}@media (hover:hover) and (pointer:fine){.folder-front:hover .tab{background:#ded6c9}.insert:hover .insert-bottom{color:#fff}}@media (width<=1050px){.intro{top:0}.cabinet-area{width:min(380px,60vw);margin-top:150px}.kicker{font-size:1rem}.subline{font-size:.875rem}.cabinet{height:295px}.folder{height:180px}.cabinet-lip{height:65px;top:317px}.insert{height:235px}.active .insert{transform:translateY(-207px)}.selected{margin-top:106px}}@media (width<=600px){.viewport{min-height:720px;padding:0 6%}.masthead{height:76px}.edition{text-align:right;max-width:100px}.intro{top:0}.kicker br{display:none}.subline{margin:4px 0 0}.cabinet-area{width:87%;margin-top:145px}.cabinet{height:305px}.folder{height:175px;top:calc(var(--i)*42px)}.tab{width:32%;padding:0 5px;font-size:.875rem}.tab-num{display:none}.insert{height:225px;padding:15px}.card-title{font-size:1.8rem}.insert-symbol{font-size:2.5rem}.insert-top{font-size:.75rem}.insert-body p{max-width:95%;font-size:1rem}.active .insert{transform:translateY(-200px)}.cabinet-lip{height:65px;padding:0 16px;top:328px}.selected{width:94%;margin-top:108px}.direct-nav{gap:20px;margin-top:16px}footer{padding:18px 0}.footer-note{display:none}}@media (height<=850px) and (width>=1051px){.cabinet-area{width:370px;margin-top:110px}.cabinet{height:310px}.folder{height:170px;top:calc(var(--i)*42px)}.insert{height:230px}.active .insert{transform:translateY(-205px)}.cabinet-lip{height:65px;top:328px}.selected{width:400px;margin-top:104px}.masthead{height:76px}}@media (prefers-reduced-motion:reduce){.archive{height:auto}.viewport{position:relative}.scroll-hint{font-size:0}.scroll-hint:after{content:"點選資料夾展開";font-size:.875rem}}.active .insert{transform:translateY(calc(-100% - 12px))}@media (height<=650px){.archive{height:auto}.viewport{height:auto;position:relative}.viewport main{min-height:650px}}.cabinet-area{width:min(370px,76vw);margin:0;position:absolute;top:47%;left:50%;transform:translate(-50%,-35%)}.folder{height:170px;top:calc(var(--i)*42px)}.insert{height:230px}.cabinet-lip{height:65px;top:328px}.selected{width:min(400px,82vw);margin:0;position:absolute;top:calc(47% + 301px)}.direct-nav{margin:0;position:absolute;top:calc(47% + 339px)}@media (width<=600px){.viewport{min-height:850px}.viewport main{min-height:700px}.intro{top:10px}.cabinet-area{width:82%;top:47%}.cabinet{height:305px}.folder{height:170px}.insert{height:225px}.cabinet-lip{top:328px}.selected{top:calc(47% + 301px)}.direct-nav{top:calc(47% + 339px)}.tab{font-size:.75rem}}.archive{height:600svh}.viewport{min-height:1160px}.viewport main{min-height:1000px}.cabinet-area{top:38%}.cabinet{height:520px}.cabinet-lip{z-index:12;top:538px}.selected{top:calc(38% + 450px)}.direct-nav{flex-wrap:wrap;justify-content:center;gap:12px 24px;width:min(540px,92vw);top:calc(38% + 488px)}@media (width<=600px){.viewport{min-height:1210px}.viewport main{min-height:1050px}.cabinet-area{top:38%}.cabinet{height:515px}.cabinet-lip{top:538px}.selected{top:calc(38% + 450px)}.direct-nav{column-gap:20px;top:calc(38% + 488px)}}@media (prefers-reduced-motion:reduce){.archive{height:auto}}.insert{border-radius:10px}.folder-back{border-radius:8px}.folder:nth-of-type(10){height:132px}.cabinet-lip{width:104%;height:90px;box-shadow:none;border-radius:6px 6px 0 0;top:420px;left:-2%}.card-pocket{clip-path:inset(-100vh -40px 0);pointer-events:none;position:absolute;inset:0}.folder-front .tab{height:11.25%}.folder-front .tab:after{content:"";background:inherit;pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0}.cabinet{perspective:900px;perspective-origin:50% 0}.folder{transform-origin:50% 100%;transform:translateZ(var(--depth)) rotateX(8deg)}.folder.before{transform:translateY(-34px) translateZ(var(--depth)) rotateX(8deg)}.active .folder-front{transform:none}.viewport{height:100svh;min-height:0}.viewport main{width:100%;height:100%;min-height:0}.cabinet-area{width:370px;top:calc(50% - 255px * var(--touch-scale,1));transform:translateX(-50%) scale(var(--touch-scale,1));transform-origin:50% 0;margin:0;left:50%}@media (pointer:coarse),(width<=600px){body:has(.archive){overscroll-behavior:none;overflow:hidden}.archive{touch-action:pinch-zoom;height:100svh;overflow:hidden}.viewport{height:100svh;min-height:0;padding:0;position:relative;top:0}.viewport main{width:100%;height:100%;min-height:0}.cabinet-area{width:370px;top:calc(50% - 185px * var(--touch-scale,.9));transform:translateX(-50%) scale(var(--touch-scale,.9));transform-origin:50% 0;margin:0;left:50%}.cabinet{height:520px}.folder-front,.insert{touch-action:pinch-zoom;-webkit-tap-highlight-color:transparent}.folder-front:active .tab{background:#ded6c9}.folder,.insert,.active .insert{transition-duration:.28s;transition-delay:0s}.insert{height:230px}}@media (prefers-reduced-motion:reduce){.archive{height:auto}.viewport{position:relative}}.folder-front .tab{letter-spacing:.08em;justify-content:center;padding:0 3px;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:9px;font-weight:500}.card-title{letter-spacing:-.035em;margin:0 0 12px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:36px;font-weight:400;line-height:1.15}.insert-body{padding-top:20px}.insert-body p{max-width:240px;font-size:12px;line-height:1.6}.insert-top,.insert-bottom,.cabinet-lip{letter-spacing:.1em;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:9px}.insert{text-align:center}.insert-top,.insert-bottom{justify-content:center;gap:12px}.insert-body p{margin-inline:auto}.cabinet-lip{text-align:center;justify-content:center;gap:16px}.insert.insert-blog{color:#253b51;text-align:left;background:#fff;padding:0;overflow:hidden}.blog-preview{background:#e3f0f3;flex:1;min-height:0;overflow:hidden}.blog-preview img{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.blog-caption{border-top:1px solid #e7edf0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 24px;display:flex}.blog-platform{letter-spacing:.1em;color:#6b7c8b;font-size:10px;display:block}.blog-caption h2{letter-spacing:.02em;margin:3px 0 0;font-size:19px;font-weight:600;line-height:1.4}.blog-visit{white-space:nowrap;color:#466d91;font-size:11px}.insert-blog:hover .blog-visit{text-underline-offset:3px;text-decoration:underline}