:root{--ink:#0a0a0a;--paper:#fff;--grey-30:#e3e3e3;--grey-60:#777;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--disp:"Archivo", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Archivo", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:var(--paper)}.page{flex-direction:column;gap:14px;padding:20px 24px 16px;display:flex}@media (min-width:1024px){.page{height:100vh;gap:14px;height:100dvh;padding:22px 48px 16px;overflow:hidden}}header{flex:none;justify-content:space-between;align-items:center;display:flex}header .brand{font-family:var(--disp);letter-spacing:.06em;font-size:15px;font-weight:900}header .brand span{opacity:.55;font-weight:500}header .meta{color:var(--grey-60);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.hero{flex-wrap:wrap;flex:none;align-items:flex-end;gap:12px 48px;display:flex}.hero .title-block{min-width:0}.hero .kicker{color:var(--grey-60);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:8px;font-size:10px;display:flex}.hero .kicker:before{background:var(--ink);content:"";width:28px;height:1px}.hero h1{font-family:var(--disp);letter-spacing:0;white-space:nowrap;font-size:clamp(26px,3.6vh,46px);font-weight:900;line-height:1.04}.hero h1 .en{color:var(--grey-60);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:normal;margin-left:14px;font-size:11px;font-weight:400;display:inline}.hero .statement{color:#444;flex:1;min-width:280px;max-width:640px;font-size:12.5px;line-height:1.75}.hero .facts{color:var(--grey-60);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:6px 26px;font-size:10px;display:flex}.hero .facts b{color:var(--ink);font-weight:500}.index{border-top:1px solid var(--ink);flex:1;grid-template-columns:1fr;min-height:0;display:grid}@media (min-width:1024px){.index{grid-template-columns:52fr 48fr}}.list{flex-direction:column;min-height:0;display:flex}.list-head{border-bottom:1px solid var(--grey-30);color:var(--grey-60);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;flex:none;gap:24px;padding:10px 32px;font-size:9px;display:none}@media (min-width:1024px){.list-head{display:flex}}.list-head .c-no{width:36px}.list-head .c-name{flex:1}.list-head .c-cat{width:110px}.list-head .c-status{text-align:right;width:76px}.row{border-bottom:1px solid var(--grey-30);color:inherit;cursor:pointer;isolation:isolate;flex-direction:column;flex:1;justify-content:center;gap:8px;min-height:0;padding:12px 20px;text-decoration:none;display:flex;position:relative}@media (min-width:1024px){.row{gap:6px;padding:8px 32px}}.row:before{content:"";transform-origin:top;z-index:-1;background:#f4f4f2;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleY(0)}.row:hover:before,.row.active:before{transform:scaleY(1)}.row .line1{align-items:baseline;gap:16px;display:flex}.row .no{color:var(--grey-60);font-family:var(--mono);flex:none;width:36px;font-size:11px;transition:color .3s}.row:hover .no{color:var(--ink)}.row .name{font-family:var(--disp);letter-spacing:0;flex:1;font-size:clamp(18px,2.5vh,27px);font-weight:900;line-height:1.1}.row .name small{color:var(--grey-60);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-left:10px;font-size:9.5px;font-weight:400;display:inline}.row .visit{background:var(--paper);border:1px solid var(--ink);font-family:var(--mono);letter-spacing:.14em;opacity:0;text-transform:uppercase;will-change:transform, opacity;flex:none;align-self:center;align-items:center;gap:6px;padding:6px 13px;font-size:10px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s,background .2s,color .2s;display:inline-flex;transform:translate(48px)}.row:hover .visit{opacity:1;transform:translate(0)}.row .visit:hover{background:var(--ink);color:var(--paper)}@media (hover:none){.row .visit{opacity:1;transform:none}}.row .line2{color:#555;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-left:52px;font-size:12px;line-height:1.5;display:flex}.row .line2 .domain{color:var(--ink);font-family:var(--mono);font-size:11px}.row .tags{flex-wrap:wrap;gap:6px;display:flex}.row .tag{background:var(--paper);border:1px solid var(--grey-30);color:var(--grey-60);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;font-size:9px}.row .status{color:var(--grey-60);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;display:inline-flex}.row .status i{background:var(--ink);border-radius:50%;width:7px;height:7px;display:inline-block}.row .status.dim i{background:var(--paper);border:1px solid var(--ink)}.panel{display:none}@media (min-width:1024px){.panel{border-left:1px solid var(--ink);flex-direction:column;gap:10px;min-height:0;padding:16px 0 0 32px;display:flex}}.panel .frame{border:1px solid var(--ink);background:#f4f4f2;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.panel .frame img{opacity:0;will-change:transform, opacity;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(10px)}.panel .frame img.show{opacity:1;transform:none}.panel .caption{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;flex:none;justify-content:space-between;align-items:baseline;gap:16px;font-size:10px;display:flex}.panel .caption .cap-name{color:var(--ink);font-weight:500}.panel .caption .cap-url{color:var(--grey-60)}.panel .hint{color:var(--grey-60);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;flex:none;font-size:9px}.row .m-shot{border:1px solid var(--ink);object-fit:contain;background:#f4f4f2;width:100%;max-height:34vh;display:block}@media (min-width:1024px){.row .m-shot{display:none}}footer{border-top:1px solid var(--ink);color:var(--grey-60);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:6px 40px;padding-top:12px;font-size:10px;display:flex}footer a{border-bottom:1px solid var(--grey-30);color:var(--ink);text-decoration:none}footer a:hover{border-color:var(--ink)}@media (max-width:640px){.page{padding-inline:16px}.hero h1{white-space:normal}.hero h1 .en{margin-top:8px;margin-left:0;display:block}.row{padding-inline:0}.row .line1{gap:10px}.row .visit{padding-inline:10px}.row .line2{margin-left:46px}}