.dl-page{--dl-paper:#f6f4ef;--dl-cover:#eee8dc;--dl-ink:#2b2f35;--dl-muted:#6c7076;--dl-hair:#2b2f3529;--dl-teal:#127985;--dl-serif:"Noto Serif TC";--dl-serif-stack:var(--dl-serif), Georgia, "PingFang TC", "Microsoft JhengHei", serif;--dl-mono-stack:var(--dl-mono), Consolas, "Courier New", monospace;background:var(--dl-paper);color:var(--dl-ink);padding-bottom:72px}.dl-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.dl-wrap>.work-tabs+.dl-head{padding-top:36px}.dl-head{border-bottom:1px solid var(--dl-hair);grid-template-columns:1fr minmax(0,340px);align-items:end;gap:24px;padding:64px 0 26px;display:grid}.dl-eyebrow{font-family:var(--dl-mono-stack);letter-spacing:.2em;color:var(--dl-teal);font-size:12px;font-weight:700}.dl-head h1{font-family:var(--dl-serif-stack);margin:10px 0 0;font-size:clamp(34px,4.6vw,52px);font-weight:900;line-height:1.15}.dl-head p{color:var(--dl-muted);border-left:2px solid var(--dl-teal);margin:0;padding-left:14px;font-size:15px;line-height:1.8}.dl-garden{color:var(--dl-teal);border-bottom:1px solid;margin-left:6px;text-decoration:none;display:inline-block}.dl-tabs{border-bottom:1px solid var(--dl-hair);flex-wrap:wrap;gap:26px;padding:18px 0 14px;display:flex}.dl-tab{cursor:pointer;font:inherit;color:var(--dl-muted);background:0 0;border:0;padding:4px 0;font-size:15px}.dl-tab sup{font-family:var(--dl-mono-stack);margin-left:3px;font-size:10px}.dl-tab.is-on{color:var(--dl-ink);box-shadow:inset 0 -2px 0 var(--dl-teal);font-weight:700}.dl-count{font-family:var(--dl-mono-stack);color:var(--dl-muted);text-align:right;padding:12px 0 0;font-size:12px}.dl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:44px 32px;padding:26px 0 0;display:grid}.dl-card{flex-direction:column;display:flex;position:relative}.dl-card[hidden]{display:none}.dl-cover{aspect-ratio:4/3;background:var(--dl-cover);border:1px solid var(--dl-hair);transform:perspective(900px) rotateX(var(--dl-rx,0deg)) rotateY(var(--dl-ry,0deg)) translateY(var(--dl-lift,0px));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .25s;position:relative;overflow:hidden}.dl-card:hover{--dl-lift:-4px}.dl-card:hover .dl-cover{box-shadow:0 16px 30px #2b2f351a}.dl-cover:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--dl-gx,50%) var(--dl-gy,50%), #ffffff73, #fff0 55%);transition:opacity .3s;position:absolute;inset:0}.dl-card:hover .dl-cover:after{opacity:1}.dl-num{font-family:var(--dl-serif-stack);color:#0000;-webkit-text-stroke:1.2px #2b2f3538;translate:var(--dl-nx,0px) var(--dl-ny,0px);font-size:88px;font-weight:900;line-height:1;transition:-webkit-text-stroke-color .25s,translate .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;left:14px}.dl-card:hover .dl-num{-webkit-text-stroke-color:#1279858c}.dl-cat{writing-mode:vertical-rl;font-family:var(--dl-mono-stack);letter-spacing:.2em;color:var(--dl-muted);border-left:1px solid var(--dl-hair);padding-left:6px;font-size:11px;position:absolute;top:14px;right:14px}.dl-shot{filter:drop-shadow(0 10px 18px #2b2f3529);height:auto;transform:translate(-50%);translate:var(--dl-sx,0px) var(--dl-sy,0px);transition:translate .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-2px;left:60%}.dl-shot--phone{width:40%}.dl-shot--wide{width:60%;bottom:12%;left:57%}.dl-shot--icon{aspect-ratio:4/3;border:2px solid var(--dl-ink);opacity:.5;border-radius:3px;width:34%;bottom:24%}.dl-region{font-family:var(--dl-mono-stack);letter-spacing:.12em;color:#fff;background:var(--dl-ink);padding:4px 10px;font-size:11.5px;font-weight:700;position:absolute;bottom:12px;left:14px}.dl-fig{font-family:var(--dl-mono-stack);color:var(--dl-muted);letter-spacing:.06em;font-size:10.5px;position:absolute;bottom:10px;left:14px}.dl-info{flex-direction:column;flex:1;padding:16px 2px 0;display:flex}.dl-row{font-family:var(--dl-mono-stack);letter-spacing:.1em;color:var(--dl-muted);justify-content:space-between;font-size:11.5px;display:flex}.dl-no{color:var(--dl-teal);font-weight:700}.dl-title{font-family:var(--dl-serif-stack);margin:8px 0 4px;font-size:24px;font-weight:900;line-height:1.3}.dl-tagline{font-family:var(--dl-serif-stack);color:var(--dl-teal);margin:0 0 8px;font-size:15px;font-weight:700}.dl-desc{color:#474b51;margin:0 0 12px;font-size:14.5px;line-height:1.7}.dl-chips{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.dl-chips span{color:#474b51;border:1px solid var(--dl-hair);background:#fbfaf7;padding:3px 8px;font-size:12px}.dl-links{align-items:center;gap:18px;margin-top:auto;display:flex}.dl-try{color:var(--dl-ink);letter-spacing:.04em;font-size:14.5px;font-weight:700;text-decoration:none}.dl-try:after{content:"";z-index:1;position:absolute;inset:0}.dl-try span{color:var(--dl-teal);margin-left:6px;transition:transform .2s;display:inline-block}.dl-card:hover .dl-try span{transform:translate(4px)}.dl-aside{z-index:2;color:var(--dl-muted);border-bottom:1px solid var(--dl-hair);font-size:13.5px;text-decoration:none;position:relative}.dl-aside:hover{color:var(--dl-teal);border-color:var(--dl-teal)}.dl-card:focus-within .dl-cover{outline:2px solid var(--dl-teal);outline-offset:3px}.dl-card--next .dl-cover{background:0 0;border:1px dashed #2b2f3559}.dl-card--next .dl-num{-webkit-text-stroke-color:#2b2f3524}.dl-soon{text-align:center;font-family:var(--dl-serif-stack);color:var(--dl-muted);place-items:center;padding:0 24px;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.dl-close{border-top:1px solid var(--dl-hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:70px 0 0;padding:28px 0 0;display:flex}.dl-close p{font-family:var(--dl-serif-stack);margin:0;font-size:20px;font-weight:700}.dl-close a{background:var(--dl-teal);color:#fff;border-radius:2px;padding:12px 20px;font-weight:700;text-decoration:none}@media (max-width:760px){.dl-head{grid-template-columns:1fr;padding-top:44px}}