.public-navbar[data-v-991f7a82]{position:sticky;top:0;z-index:100;background-color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.public-navbar .navbar-container[data-v-991f7a82]{max-width:1200px;margin:0 auto;padding:0 24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:64px;gap:24px}.public-navbar .navbar-container .navbar-logo[data-v-991f7a82],.public-navbar .navbar-container[data-v-991f7a82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.public-navbar .navbar-container .navbar-logo[data-v-991f7a82]{gap:12px;font-weight:700;font-size:16px;color:#333;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-flex-negative:0;flex-shrink:0}.public-navbar .navbar-container .navbar-logo[data-v-991f7a82]:hover{opacity:.8}.public-navbar .navbar-container .navbar-logo .logo-img[data-v-991f7a82]{height:40px;border-radius:4px}.public-navbar .navbar-container .navbar-logo .logo-text[data-v-991f7a82]{display:none}@media (min-width:768px){.public-navbar .navbar-container .navbar-logo .logo-text[data-v-991f7a82]{display:inline}}.public-navbar .navbar-container .navbar-menu[data-v-991f7a82]{display:none;gap:32px;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width:768px){.public-navbar .navbar-container .navbar-menu[data-v-991f7a82]{display:-webkit-box;display:-ms-flexbox;display:flex}}.public-navbar .navbar-container .navbar-menu .menu-item[data-v-991f7a82]{color:#333;font-size:15px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;padding:4px 0}.public-navbar .navbar-container .navbar-menu .menu-item[data-v-991f7a82]:hover{color:#667eea}.public-navbar .navbar-container .navbar-menu .menu-item.active[data-v-991f7a82]{color:#667eea;font-weight:600}.public-navbar .navbar-container .navbar-menu .menu-item[data-v-991f7a82]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#667eea;-webkit-transition:width .3s ease;transition:width .3s ease}.public-navbar .navbar-container .navbar-menu .menu-item.active[data-v-991f7a82]:after,.public-navbar .navbar-container .navbar-menu .menu-item[data-v-991f7a82]:hover:after{width:100%}.public-navbar .navbar-container .navbar-search[data-v-991f7a82]{display:none}@media (min-width:992px){.public-navbar .navbar-container .navbar-search[data-v-991f7a82]{display:block}}.public-navbar .navbar-container .navbar-auth[data-v-991f7a82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-ms-flex-negative:0;flex-shrink:0}.public-navbar .navbar-container .navbar-auth .user-info-wrapper[data-v-991f7a82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:4px 8px;border-radius:20px;-webkit-transition:all .3s ease;transition:all .3s ease}.public-navbar .navbar-container .navbar-auth .user-info-wrapper[data-v-991f7a82]:hover{background-color:rgba(102,126,234,.1)}.public-navbar .navbar-container .navbar-auth .user-avatar[data-v-991f7a82]{cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.public-navbar .navbar-container .navbar-auth .user-avatar[data-v-991f7a82]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.public-navbar .navbar-container .navbar-auth .user-name[data-v-991f7a82]{display:none}@media (min-width:768px){.public-navbar .navbar-container .navbar-auth .user-name[data-v-991f7a82]{display:inline;margin-left:8px;color:#333;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-navbar .navbar-container .navbar-auth .user-name[data-v-991f7a82]:hover{color:#667eea}}@media (max-width:768px){.public-navbar .navbar-container[data-v-991f7a82]{padding:0 16px}}.work-card[data-v-c29a0ca8]{background:#fff;border-radius:8px;overflow:hidden;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e8e8e8;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.work-card[data-v-c29a0ca8]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#667eea}.work-card:hover .work-cover img[data-v-c29a0ca8]{-webkit-transform:scale(1.1);transform:scale(1.1)}.work-card:hover .work-cover .work-overlay[data-v-c29a0ca8]{opacity:1}.work-card:hover .work-title[data-v-c29a0ca8]{color:#667eea}.work-card .work-cover[data-v-c29a0ca8]{position:relative;width:100%;padding-top:75%;overflow:hidden;background-color:#f5f5f5}.work-card .work-cover img[data-v-c29a0ca8]{-o-object-fit:cover;object-fit:cover}.work-card .work-cover .work-overlay[data-v-c29a0ca8],.work-card .work-cover img[data-v-c29a0ca8]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.work-card .work-cover .work-overlay[data-v-c29a0ca8]{background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.work-card .work-cover .work-overlay .overlay-content[data-v-c29a0ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#fff}.work-card .work-cover .work-overlay .overlay-content .view-icon[data-v-c29a0ca8]{font-size:32px}.work-card .work-cover .work-overlay .overlay-content span[data-v-c29a0ca8]{font-size:14px}.work-card .work-cover .work-tag[data-v-c29a0ca8]{position:absolute;top:12px;left:12px;z-index:1}.work-card .work-info[data-v-c29a0ca8]{padding:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.work-card .work-info .work-title[data-v-c29a0ca8]{font-size:16px;font-weight:600;color:#333;margin:0 0 12px 0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:all .3s ease;transition:all .3s ease;min-height:48px}.work-card .work-info .work-author[data-v-c29a0ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px}.work-card .work-info .work-author .author-name[data-v-c29a0ca8]{color:#8c8c8c;font-size:14px}.work-card .work-info .work-meta[data-v-c29a0ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin-bottom:12px}.work-card .work-info .work-meta .meta-item[data-v-c29a0ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#8c8c8c;font-size:14px}.work-card .work-info .work-meta .meta-item i[data-v-c29a0ca8]{font-size:14px}.work-card .work-info .work-footer[data-v-c29a0ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #e8e8e8}.work-card .work-info .work-footer .work-category[data-v-c29a0ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#8c8c8c;font-size:13px}.work-card .work-info .work-footer .work-category i[data-v-c29a0ca8]{font-size:13px}.work-card .work-info .work-footer .work-time[data-v-c29a0ca8]{color:#8c8c8c;font-size:13px}@media (max-width:768px){.work-card .work-info[data-v-c29a0ca8]{padding:12px}.work-card .work-info .work-title[data-v-c29a0ca8]{font-size:15px;min-height:45px}.work-card .work-info .work-meta[data-v-c29a0ca8]{gap:12px}.work-card .work-info .work-meta .meta-item[data-v-c29a0ca8]{font-size:13px}}