.card{background:var(--card-background-color);border-radius:16px;width:100%;height:100%;padding:.5rem;transition:transform .2s;box-shadow:0 4px 12px #0000000d}
.name-card{color:#fff;text-align:center;background:linear-gradient(-45deg,#0f2027,#2c5364,#f4a261,#e76f51) 0 0/400% 400%;animation:15s infinite gradientShift}
.timeline-container{background:var(--card-background-color);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:visible}.timeline-container .timeline-item-content{box-sizing:border-box;justify-content:center;align-items:center;gap:.3rem;width:80%;height:100%;padding:0;font-size:.6rem;display:flex;overflow:hidden}.timeline-container .timeline-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.timeline-container .timeline-item{align-items:center;height:30%;display:flex;position:relative;overflow:hidden}.timeline-container .timeline-bars{height:calc(100% - 40px);overflow:auto}.timeline-container .timeline-year-header{z-index:99;background:var(--card-background-color);border-bottom:1px solid #f0f0f0;padding:0 0 .5rem;position:sticky;top:0}.timeline-container .logo-mask{aspect-ratio:1;background-color:#fff;height:100%;max-height:20px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.timeline-container .dtstack{font-size:.6rem}.timeline-container .dtstack .logo-mask{-webkit-mask-image:url(/dtstack.png);mask-image:url(/dtstack.png)}.timeline-container .chuangyin .logo-mask{-webkit-mask-image:url(/chuangyin.png);mask-image:url(/chuangyin.png)}.timeline-container .splashtop .logo-mask{-webkit-mask-image:url(/splashtop.png);mask-image:url(/splashtop.png)}.timeline-container .timeline-year-text{color:#95979b;letter-spacing:2px;flex:1;font-size:.6rem;font-weight:500}.timeline-container .relative{flex:1;padding:0 .5rem}.timeline-container .month-indicator{cursor:pointer;background:0 0;height:100%;transition:all .2s;position:absolute;transform:translate(-50%)}.timeline-container .month-indicator:before{content:attr(data-month)" " attr(data-year);background-color:var(--grey160);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;text-align:center;z-index:100;border-radius:4px;min-width:60px;margin-bottom:8px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.timeline-container .month-indicator:hover:before{opacity:1;visibility:visible}.timeline-container .month-indicator:hover:after{background-color:var(--grey150);width:80%;height:20px}.timeline-container .timeline-month-indicator{width:100%;height:100%;position:absolute;bottom:0;overflow:visible}.timeline-container .month-indicator:after{content:" ";background-color:var(--grey90);width:1px;height:4px;transition:all .2s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.timeline-container .first-month-indicator:after{background-color:var(--grey160)}.timeline-container .bg-gray-100{background-color:var(--grey90);box-shadow:inset 0 2px 4px #0000000d}
.dailywords-container{width:100%}.dailywords-container .dailywords-item{height:100%}video{aspect-ratio:16/9;width:auto;height:100%}
.qr-container-wrapper{background-color:var(--card-background-color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.qr-container{grid-template-columns:repeat(var(--qr-size,21),1fr);aspect-ratio:1;border-radius:10px;width:auto;height:100%;padding:12px;transition:box-shadow .5s ease-in-out;display:grid;position:absolute}.qr-module{width:100%;height:100%}

.reading-container .reading-item{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.reading-container .book-stack{justify-content:center;align-items:center;gap:2px;width:100%;height:100%;padding:10px 0;display:flex}.reading-container .book-item-cover img{box-shadow:0 7px 29px #64646f33;width:auto!important}.reading-container .book-item-name{color:#666;font-size:12px}
.creativity-container{width:auto;position:relative}.creativity-container .creativity-item-icon-bum img,.creativity-container .creativity-item-icon-star img{object-fit:contain}
.root-box{width:100%;height:100vh;display:flex;overflow:hidden}.panel{flex-direction:column;height:100%;display:flex}.left-panel{width:25%}.center-panel{width:50%}.right-panel{width:25%}.left-panel .top-row{height:25%}.left-panel .center-row{height:75%}.left-panel .center-row .row-1{height:25%}.row-2-25{height:25%;margin-top:1rem}.row-2-50{height:50%;margin-top:1rem}.center-panel .top-row{gap:1rem;height:25%}.center-panel .middle-row{height:50%}.center-panel .bottom-row{height:25%}.right-panel .right-main{height:60%}.right-panel .right-sub,.right-panel .right-bottom{height:20%}.module-frame{width:100%;min-width:0;height:100%}.module-split{flex:1}.square-container{aspect-ratio:1;height:100%}.top-right-wording{flex:1}@media screen and (max-width:768px){.root-box{overflow-y:auto;flex-direction:column!important;height:auto!important}.left-panel,.center-panel,.right-panel{width:100%!important;height:100%!important}.left-panel .top-row{min-height:200px;height:auto!important}.left-panel .center-row{height:auto!important}.left-panel .center-row .row-1{min-height:100px;height:auto!important}.left-panel .center-row .row-2{min-height:150px;height:auto!important;margin-top:1rem!important}.center-panel .top-row{flex-direction:column;gap:1rem;min-height:150px;height:auto!important}.center-panel .row{min-height:200px;height:auto!important}.center-panel .bottom-row{min-height:150px;height:auto!important}.right-panel .row{min-height:200px;height:auto!important}.card{margin:.5rem;padding:.5rem}.skill-box .container{width:100%;height:auto;min-height:150px}.square-container{aspect-ratio:1;width:100%!important;height:auto!important}}