body{position:relative;width:90%;max-width:800px;margin:48px auto;font-family:Helvetica,Arial,sans-serif}body[data-theme=light]{color:#232a31;background-color:#fff}body[data-theme=light] section *{border-bottom-color:#b4b2b2}body[data-theme=light] section .title::after{background:#232a31}body[data-theme=light] section .content{color:#888}body[data-theme=dark]{color:#b4b2b2;background-color:#1b1b1b}body[data-theme=dark] section *{border-bottom-color:#b4b2b2}body[data-theme=dark] section .title::after{background:#b4b2b2}body[data-theme=dark] section .content{color:#888686}body h1,body h2,body h3,body h4,body h5{margin:0}body a{color:inherit;text-decoration:none}body ul{margin:0;list-style-type:none}body p{margin:0}body section{margin-bottom:32px}body section .title{position:relative;padding-bottom:4px;padding-left:4px;margin-bottom:12px;border-bottom:1px solid}body section .title::after{content:"";position:absolute;right:-6px;top:27px;width:8px;height:8px;border-radius:4px}body section .sub-title{display:block;font-size:1.3em;font-weight:bold;margin-bottom:2px}body #toolbar{position:absolute;display:flex;justify-content:space-around;align-items:center;left:0;top:-48px;background:#3d3e42;width:120px;height:28px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}body #toolbar i{color:#fff}body #toolbar a{padding:4px;margin:3px 2px;font-size:14px;color:#fff;border-right:1px solid #fff}body #toolbar a:last-child{border-right:0}body #toolbar .print-btn{cursor:pointer}body #toolbar .print-btn i{padding:4px}body #toolbar .switch-container{display:flex;align-items:center}body #toolbar .switch-container i{font-size:14px}body #toolbar .switch-container i:first-child{margin-right:4px}body #toolbar .switch-container i:last-child{margin-left:4px}body #toolbar .switch-container .switch{display:flex;align-items:center;padding:0 1px;width:32px;height:16px;box-sizing:border-box;border-radius:8px;border:2px solid #fff;cursor:pointer}body #toolbar .switch-container .switch div{width:10px;height:10px;background-color:#fff;border-radius:5px}@media print{body #toolbar{display:none !important}}body #profile{display:flex;justify-content:space-between;align-items:center}@media(max-width: 450px){body #profile{display:block}}body #profile .left-block{min-width:30%}body #profile .left-block .names{display:flex;align-items:flex-end;padding-bottom:3px;margin-bottom:3px;border-bottom:1px solid}body #profile .left-block .names>*{margin:0 4px}@media(max-width: 450px){body #profile .left-block .names .cn-name{font-size:24px}body #profile .left-block .names .en-name{font-size:12px}}body #profile .left-block .job{text-align:right;font-style:italic}body #profile .right-block{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:8px;font-size:18px}@media(max-width: 450px){body #profile .right-block{padding:16px 0 0 0}}body #profile .right-block li{margin-bottom:6px}body #profile .right-block li i{margin-right:6px}body #skills .skill-block{margin-bottom:12px}body #skills .skill-block .skill-list{display:flex;flex-wrap:wrap;padding:0}body #skills .skill-block .skill-list .skill-entry{line-height:22px;font-size:18px}body #skills .skill-block .skill-list .skill-entry:not(:last-child)::after{content:"、"}body #experiences .expr-block{margin-bottom:24px}body #experiences .expr-block .expr-title-block{margin-bottom:8px}body #experiences .expr-block .expr-title-block .expr-title{font-size:1.3em;font-weight:bold}body #experiences .expr-block .expr-title-block .expr-duration{float:right;font-size:14px;font-style:italic;line-height:28px}body #experiences .expr-block .expr-whatido-block{margin-bottom:8px;list-style-type:decimal}body #experiences .expr-block .expr-whatido-block .expr-whatido{line-height:1.3em;font-size:18px;padding:0px;margin-bottom:6px}body #experiences .expr-block .expr-whatido-block .expr-whatido .expr-whatido-detail{padding-left:16px;list-style-type:circle}body #experiences .expr-block .expr-tech-stack-block{display:flex;flex-wrap:wrap;margin-left:8px}body #experiences .expr-block .expr-tech-stack-block .expr-tech-stack-title{display:inline-block}body #experiences .expr-block .expr-tech-stack-block .expr-tech-stack{font-size:16px}body #experiences .expr-block .expr-tech-stack-block .expr-tech-stack:not(:last-child)::after{content:"、"}body #projects .proj-block{margin-bottom:36px}body #projects .proj-block .proj-title{margin-bottom:8px;font-size:1.3em;font-weight:bold}body #projects .proj-block .proj-title a{margin-left:8px;font-size:16px}body #projects .proj-block .proj-descriptions-block{margin-bottom:8px;list-style-type:circle}body #projects .proj-block .proj-descriptions-block .proj-descriptions{line-height:1.3em;font-size:18px;margin-bottom:6px}body #projects .proj-block .proj-tech-stack-block{display:flex;flex-wrap:wrap;margin-left:8px}body #projects .proj-block .proj-tech-stack-block .proj-tech-stack-title{display:inline-block}body #projects .proj-block .proj-tech-stack-block .proj-tech-stack{font-size:16px}body #projects .proj-block .proj-tech-stack-block .proj-tech-stack:not(:last-child)::after{content:"、"}body #educations .edu-block{margin-bottom:24px}body #educations .edu-block .edu-title-block{margin-bottom:4px}body #educations .edu-block .edu-title-block .edu-title{font-size:1.3em;font-weight:bold}body #educations .edu-block .edu-title-block .edu-duration{float:right;font-size:14px;font-style:italic}body #educations .edu-block .edu-descp{margin-left:8px;font-size:14px}