:root{--bg:#fff;--fg:#333;--fs:12px;--lh:1.8;--ff:Verdana,"PingFang SC","Microsoft YaHei",sans-serif;--tfs:13px;--tfg:#000;--cfs:11px;--cfg:#888;--link:#666;--hover:#56a7fa;--iw:640px;--gw:220px;--mfs:12px;--mfg:#666;--mact:#000}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ff);font-size:var(--fs);line-height:var(--lh);-webkit-text-size-adjust:100%}
a{color:var(--link);text-decoration:none}a:hover{color:var(--hover)}
.bar{display:none}
#menu{position:fixed;inset:0 auto 0 0;width:240px;padding:32px 10px 32px 28px;overflow:auto;background:var(--bg);font-size:var(--mfs)}
#menu a,#menu summary{color:var(--mfg)}#menu a:hover,#menu summary:hover{color:var(--hover)}
#menu .name{display:block;color:var(--mact);margin-bottom:20px}
#menu .lang{margin:0 0 28px;color:var(--cfg)}
#menu .lang button{all:unset;cursor:pointer;color:var(--mfg)}#menu .lang .on{color:var(--mact)}
#menu .sec{margin:0 0 2px;color:var(--mact)}#menu .grp{margin-bottom:22px}
#menu ul{list-style:none;margin:0;padding:0}#menu li,#menu details{padding-left:10px}#menu details li{padding-left:12px}
#menu summary{cursor:pointer;list-style:none}#menu summary::-webkit-details-marker{display:none}
#menu summary::before{content:"+ "}#menu details[open]>summary::before{content:"– "}
#menu a[aria-current]{color:var(--mact)}#menu .soon{color:var(--cfg)}
#content{margin-left:270px;padding:32px 40px 80px 10px}
h1{font-size:var(--tfs);color:var(--tfg);font-weight:600;margin:0 0 6px}
p{margin:0 0 9px}.cap{font-size:var(--cfs);color:var(--cfg);margin:4px 0 0}
.work{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.work .im{flex:0 1 auto;min-width:min(260px,100%);max-width:min(var(--iw),100%)}
.work .tx{flex:1 1 300px;max-width:42em}
.view img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto}.view img.go{cursor:pointer}
.ctl{display:flex;align-items:center;gap:12px;margin:8px 0 0;color:var(--cfg)}
.ctl button{all:unset;cursor:pointer;font-size:18px;line-height:1;color:var(--fg);padding:2px 4px}
.ctl button:hover{color:var(--hover)}.ctl button:focus-visible{outline:1px solid var(--hover)}
.view .cap{margin-top:6px}
.doc{max-width:44em}.tight p{margin:0 0 3px}
.grid{display:flex;flex-wrap:wrap;gap:22px 16px;align-items:flex-start;margin:14px 0 20px}
.grid figure{margin:0;max-width:var(--gw)}.grid img{display:block;max-width:100%;height:auto}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 28px;margin:14px 0}dt{color:var(--cfg)}dd{margin:0}
ul.links{list-style:none;margin:14px 0;padding:0}ul.links li{margin-bottom:6px}
@media(max-width:800px){
.bar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 20px;border-bottom:1px solid rgba(128,128,128,.25)}
.bar a{color:var(--tfg)}.bar button{all:unset;cursor:pointer;color:var(--mfg)}
#menu{display:none;position:static;width:auto;padding:14px 20px 4px}body.open #menu{display:block}
#content{margin:0;padding:18px 20px 60px}.work{display:block}.work .tx{margin-top:18px}}