.opacity-4[data-v-9c0ab298]{opacity:.1}.c-pointer[data-v-9c0ab298]{cursor:pointer}.card-group[data-v-9c0ab298]{position:relative;display:flex;flex-direction:row;flex-wrap:wrap}.card-group>.card[data-v-9c0ab298]{flex:calc(25% - 24px) 0 0;margin:24px 12px}.card[data-v-9c0ab298]{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:4px;transition:opacity .3s ease-in}.card .card-header[data-v-9c0ab298]{flex:1;position:relative;display:flex;flex-direction:row;justify-content:space-between;padding:8px 16px}.card .card-body[data-v-9c0ab298]{flex:1;position:relative;padding:24px}.card .card-footer[data-v-9c0ab298]{flex:1;position:relative;padding:8px 16px 24px}.content[data-v-9c0ab298]{margin:0 auto;width:1024px}.header[data-v-9c0ab298]{position:fixed;top:0;right:0;left:0;height:140px;text-align:center;background-color:#ffffff4d;z-index:99}.header-title[data-v-9c0ab298]{color:#666;font-size:48px;font-weight:400}.header-title-h3[data-v-9c0ab298]{margin-top:8px;color:#666666e6;font-size:24px;font-weight:400}.header-msg[data-v-9c0ab298]{margin-top:8px;color:#666c;font-size:12px}.color-wrapper[data-v-9c0ab298]{position:relative;padding-top:160px;background-image:url(/assets/texture.d794feb1.png);transition:background-color .3s ease-in}.title[data-v-9c0ab298]{position:relative;text-align:left}.title .title-zh[data-v-9c0ab298]{display:block;color:#333;font-size:14px;font-weight:700}.title .title-en[data-v-9c0ab298]{margin-top:2px;color:#999;font-size:12px}.btn .copy[data-v-9c0ab298]{position:relative;color:#ccc;font-size:12px}.btn .copy[data-v-9c0ab298]:after{content:"";position:absolute;bottom:0;left:0;width:12px;border-bottom:1px solid #ccc;transform:translateY(2px)}.btn .copy[data-v-9c0ab298]:hover{color:#333;transition:color .3s ease-in}.btn .copy[data-v-9c0ab298]:hover:after{width:100%;border-block-color:#333;transition:all .2s ease-in}.msg[data-v-9c0ab298]{position:relative;text-align:left}.color[data-v-9c0ab298]{margin:0 auto;width:120px;height:120px;border-radius:120px;background-image:url(/assets/texture.d794feb1.png)}.color-hex[data-v-9c0ab298]{color:#666;font-size:14px;font-weight:700}.color-rgb[data-v-9c0ab298]{margin-top:4px;width:75%}.color-rgb>span[data-v-9c0ab298]{position:relative;display:block;margin-top:2px;width:100%;height:2px;background-color:#fff}.color-rgb>span>span[data-v-9c0ab298]{display:block;height:2px;background-color:#eee}*{margin:0;padding:0;box-sizing:border-box}.footer{position:relative;padding:24px 0;color:#a8a8a8;font-size:14px;background-color:#000;border-top:1px solid rgba(255,255,255,.2)}.footer>.content{margin:0 auto;width:1024px}.footer span>a{color:#a8a8a8;text-decoration:none}.footer span+span{margin-left:24px}