.tab-container .tab-content{padding:5px}.tab-container>input[type=radio]{display:none}.tabs{border-bottom:2px solid #ddd;display:flex}.tabs label{align-items:flex-end;border-bottom:3px solid transparent;color:#666;cursor:pointer;display:flex;flex:1;font-weight:700;justify-content:center;padding:.8em 0;text-align:center;transition:all .3s}#tab1:checked~.tabs label[for=tab1],#tab2:checked~.tabs label[for=tab2],#tab3:checked~.tabs label[for=tab3],#tab4:checked~.tabs label[for=tab4]{border-bottom:3px solid #bbbe04;color:#bbbe04}.tab-content{background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;margin-top:-3px;padding:1.5em}#tab1:checked~.content #content1,#tab2:checked~.content #content2,#tab3:checked~.content #content3,#tab4:checked~.content #content4{display:block}.form-container{background:#fff;border-radius:16px;border-top:7px solid #bbbe04;box-shadow:0 0 20px rgba(0,0,0,.08);margin:50px auto;max-width:600px;padding:32px}@media (max-width:600px){.form-container{padding:8px}}.form-container h2{text-align:center}.button-update{background:linear-gradient(135deg,#5b9df9,#4ec6f5);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;padding:14px 0;transition:opacity .3s;width:100%}.button-update:hover{opacity:.85}.message-error{color:red;font-size:14px;margin-top:16px;text-align:center}.profilecard{background:var(--accent);border-radius:20px;margin:30px auto;max-width:320px;overflow:hidden;position:relative;z-index:0}.profilecard:before{background:conic-gradient(from 250deg,blue,red,gold,#adff2f,#32eeff,blue);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;pointer-events:none;position:absolute;z-index:1}.profilecard-inner{background-image:radial-gradient(circle,hsla(0,0%,100%,.3) 20%,transparent 21%),radial-gradient(circle,hsla(0,0%,100%,.3) 20%,transparent 21%);background-position:0 0,8px 8px;background-size:32px 32px}.profilecard-header{background:hsla(0,0%,98%,.8);border-top-left-radius:12px;border-top-right-radius:12px;color:#222;display:flex;font-size:14px;font-weight:600;justify-content:space-between;overflow:hidden;padding:14px 18px;z-index:3}.profilecard-header.shadow{box-shadow:0 0 12px rgba(0,0,0,.1)}.profilecard-body{padding:24px 20px 16px;position:relative;text-align:center}.profilecard-body .avatar{border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.4);height:110px;margin-bottom:12px;-o-object-fit:cover;object-fit:cover;width:110px}.profilecard-body .avatar.circle{border-radius:50%}.profilecard-body .avatar.square{border-radius:0}.profilecard-body .overlay-central{background:hsla(0,0%,75%,.5);border-radius:6px;color:#111;display:inline-block;margin-top:6px;padding:4px 8px}.profilecard-body .name{font-weight:700}.profilecard-footer{background:hsla(0,0%,98%,.8);border-radius:0 0 12px 12px;color:#111;display:flex;flex-direction:column;gap:4px;margin:2px;padding:10px 14px}.profilecard-footer.shadow{box-shadow:0 0 12px rgba(0,0,0,.05)}.profilecard-footer .stats{font-size:13px;list-style:none;margin:0;padding:0}.profilecard-footer .stats li{margin-bottom:2px}.profilecard-footer .stamp{background-color:#fff;border-radius:8px 0 8px 0;box-shadow:inset 0 2px 4px rgba(0,0,0,.4);height:1.5em;padding:1px}.profilecard-footer .paragraph1{font-weight:700}.profilecard-footer .paragraph2{margin-left:.6em}.profilecard-userid{display:flex;font-size:12px;justify-content:flex-end;padding-right:7px}.profileedit .message,.profileedit .profile{background:#fafafa;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;padding:12px 14px;transition:border-color .2s;width:100%}.profileedit .message:focus,.profileedit .profile:focus{background:#fff;border-color:#5b9df9;outline:none}.profileedit .form-group{margin-bottom:24px}.profileedit .form-group label{color:#444;display:block;font-weight:600;margin-bottom:8px}.profileedit textarea[name=selfintroduction]{min-height:20em}.profileedit .message{min-height:80px;resize:vertical}.profileedit .color-button{border:1px solid silver;cursor:pointer;height:30px;margin:5px;width:30px}.profileedit .color-button.selected{height:60px;width:60px}.profileedit .avatar-style-button{border:1px solid silver;cursor:pointer;height:30px;margin:5px;width:30px}.profileedit .avatar-style-button.circle{border-radius:50%}.profileedit .avatar-style-button.square{border-radius:0}.profileedit .avatar-style-button.selected{height:60px;width:60px}.profileedit .color-button:hover{border-color:#555;transform:scale(1.1)}.profileedit .file-box{background:#f9f9f9;border:2px dashed #ccc;border-radius:12px;padding:20px;text-align:center}.footprint-button{border:1px solid silver;cursor:pointer;height:30px;margin:5px;width:30px}.footprint-button.selected{height:60px;width:60px}