:root{--主题色:#67abff;--阴影:0 2px 20px rgba(103,171,255,.3);--按钮-圆角:15px;--主色调rgb:103,171,255}#app,body,html{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;text-align:center;font-family:sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;background-color:#fff;color:#000}#app,.bg,body,html{height:100%;width:100%}.bg{position:absolute;top:0;left:0;background-image:linear-gradient(rgba(var(--主色调rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--主色调rgb),.07) 1px,transparent 1px);background-size:30px 30px}*{transition:.5s cubic-bezier(.2,.84,0,1);font-weight:700;letter-spacing:1px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box}:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}::-moz-selection{background:var(--主题色);color:#fff}::selection{background:var(--主题色);color:#fff}::-webkit-scrollbar{width:0;height:0}.头像{background-color:#fff;will-change:filter;transition:filter .3s;width:200px;height:200px;margin-bottom:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #fff;filter:drop-shadow(0 0 2em rgba(65,151,255,.2))}.头像:hover{filter:drop-shadow(0 0 2em rgba(65,151,255,.533))}.隐藏{visibility:hidden;transform:scale(0);opacity:0}.显示{visibility:visible;transform:scale(1);opacity:1}section{position:absolute;top:0;left:0;min-height:100%;width:100%;display:flex;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:center;background-color:#fff;background-image:linear-gradient(rgba(var(--主色调rgb),.7) 1px,transparent 1px),;overflow:auto;overflow-x:hidden;padding:30px 0}.横线{margin-top:15px;width:50px;height:5px;background-color:var(--主题色);border-radius:20px;margin-bottom:20px}#链接 .图标{will-change:filter;transition:filter .3s;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #fff;filter:drop-shadow(var(--阴影))}#链接 .图标,#项目 .图标{width:100px;height:100px}#项目 .图标{margin-bottom:10px}h1{font-size:40px;margin:0}h1,h2{font-weight:700;color:var(--主题色)}h2{font-size:12px;margin-bottom:20px}button{color:#fff;border:none;box-shadow:var(--阴影);border-radius:var(--按钮-圆角);cursor:pointer;font-size:17px;height:50px;margin:15px 0;width:210px;background-color:var(--主题色);filter:brightness(1);outline:none;transition:.5s cubic-bezier(.2,.84,0,1)}button:hover{filter:brightness(1.1);scale:1.05}button:active{scale:.95;filter:brightness(1)}.按钮组{display:flex;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:center}.按钮1{background-color:var(--主题色);color:#fff}.按钮2{background-color:#fff;color:var(--主题色)}.icon{width:40px;margin-right:10px;fill:var(--主题色);backdrop-filter:drop-shadow(0 0 10px var(--主题色))}.联系方式{margin:5px 20px;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:30px}.卡片,.联系方式{display:flex;justify-content:center;align-items:center;cursor:pointer}.卡片{max-height:280px;padding:8vw 20px;margin:25px;width:100%;max-width:300px;border-radius:15px;box-shadow:var(--阴影);background-color:#fff;flex-direction:column;word-break:break-word;white-space:pre-wrap}.卡片:hover{filter:brightness(1.02);box-shadow:0 0 5px var(--主题色)}.卡片:active{scale:.95;filter:brightness(1)}#链接,#项目{flex-direction:row;flex-wrap:wrap}#链接,#项目,.内容{padding:0 20px;width:100%;display:flex;align-items:center;justify-content:center}.内容{z-index:999;flex-direction:column}#标签{display:flex;flex-direction:row;justify-content:center;align-items:center}#标签 span{box-shadow:var(--阴影);padding:8px 15px;margin:10px 15px;border-radius:10px;background-color:#fff}#标签 span:hover{scale:1.1}#介绍{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}