.home-layout{width:100%;height:100%;border:1px solid rgba(0,0,0,.05);border-radius:24px;display:flex;padding:40px;gap:50px;box-sizing:border-box;font-family:inherit;color:var(--text-color);background-color:rgba(255,255,255,.3);backdrop-filter:blur(5px);overflow:hidden}.home-sidebar{display:flex;flex-direction:column;align-items:center;gap:30px;width:260px;flex-shrink:0}.profile-avatar{width:140px;height:140px;border:1px solid rgba(0,0,0,.05);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--accent-color);background-color:var(--paper-color);overflow:hidden;font-weight:600}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar.is-clickable{cursor:pointer;transition:transform .3s,box-shadow .3s}.profile-avatar.is-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.avatar-letter{font-size:48px;line-height:1;color:#333;text-transform:uppercase}.music-widget{width:100%;height:50px;border:1px solid rgba(0,0,0,.05);border-radius:25px;display:flex;align-items:center;padding:0 20px;gap:12px;box-sizing:border-box;cursor:pointer;transition:background-color .3s;background-color:rgba(255,255,255,.2);color:var(--text-color)}.music-widget:hover{background-color:#fafafa}.icon-hypercube{width:22px;height:22px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;fill:none}.puzzle-text{font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-area{width:100%;flex-grow:1;border:1px solid rgba(0,0,0,.05);border-radius:20px;display:flex;flex-direction:column;padding:15px;box-sizing:border-box;background-color:rgba(255,255,255,.15);gap:10px;overflow-y:auto}.notification-empty{font-size:12px;color:#999;text-align:center;margin-top:auto;margin-bottom:20px}.notice-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:12px 15px;text-decoration:none;color:inherit;transition:.3s;cursor:pointer;display:flex;align-items:center}.notice-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.notice-title{font-size:13px;font-weight:500;color:#333}.notice-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background-color:#ff3b30;border-radius:50%}.home-main{display:flex;flex-direction:column;flex-grow:1;gap:40px}.home-header{display:flex;justify-content:flex-end;align-items:center;gap:40px;height:50px;flex-shrink:0}.nav-menu{display:flex;gap:12px}.login-btn,.nav-btn{height:40px;padding:0 22px;border:1px solid rgba(0,0,0,.12);border-radius:20px;background:rgba(255,255,255,.2);font-family:inherit;font-size:14px;color:var(--text-color);cursor:pointer;transition:.3s}.nav-btn:hover{background-color:#f7f7f7;border-color:#ccc}.nav-btn.is-selected{background:rgba(51,51,51,.08);border-color:rgba(51,51,51,.25);color:#111;box-shadow:0 3px 10px rgba(0,0,0,.04);transform:translateY(-1px)}.nav-btn.is-selected:hover{background:rgba(51,51,51,.12);border-color:rgba(51,51,51,.32)}.login-btn{font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.login-btn:hover{background-color:#333;color:#fff;border-color:#333}.login-btn.is-authenticated{cursor:default;padding:0;width:40px}.login-btn.is-authenticated:hover{background-color:transparent;color:#333;border-color:#e0e0e0}.css-plus-icon{position:relative;width:20px;height:20px;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.css-plus-icon::after,.css-plus-icon::before{content:'';position:absolute;background-color:currentColor;border-radius:4px}.css-plus-icon::before{top:50%;left:2px;right:2px;height:2px;margin-top:-1px}.css-plus-icon::after{left:50%;top:2px;bottom:2px;width:2px;margin-left:-1px}.login-btn.is-authenticated:hover .css-plus-icon{transform:scale(1.15) rotate(90deg)}.content-area{flex-grow:1;border:1px solid rgba(0,0,0,.05);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;background-color:rgba(255,255,255,.1)}.article-list-wrapper{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.1) transparent}.article-list-wrapper::-webkit-scrollbar{width:6px}.article-list-wrapper::-webkit-scrollbar-track{background:0 0}.article-list-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.08);border-radius:10px;transition:background-color .3s}.article-list-wrapper::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.15)}.article-card{border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;background-color:var(--paper-color);display:flex;flex-direction:column;gap:15px;text-decoration:none;color:inherit;position:relative}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05);border-color:#ccc}.article-header{display:flex;justify-content:space-between;align-items:flex-start}.article-author-info{display:flex;align-items:center;gap:10px}.article-author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;font-size:14px;font-weight:700;color:#333}.article-author-name{font-size:14px;font-weight:600;color:#555}.article-title{font-size:20px;font-weight:700;color:#333;margin:0}.article-intro{font-size:14px;color:#666;line-height:1.5;margin:0}.article-footer{display:flex;justify-content:flex-end}.article-date{font-size:12px;color:#999}.article-status-tag{font-size:12px;color:#999;background:rgba(0,0,0,.03);padding:2px 8px;border-radius:10px;font-weight:400}@media (max-width:1100px){.home-header{flex-wrap:wrap;justify-content:flex-start;height:auto}.nav-menu{flex-wrap:wrap}}@media (max-width:768px){.home-layout{flex-direction:column;padding:20px;gap:30px;overflow-y:auto}.home-sidebar{width:100%}.history-widget{height:180px;flex-grow:0}.home-header{gap:15px}}