.article-container{max-width:1370px;margin:0 auto;min-height:100vh;margin-top:10px}.breadcrumbs{padding:10px 0;font-size:14px;color:#666;display:flex;align-items:center;gap:5px}.breadcrumbs a{color:#666;text-decoration:none}.breadcrumbs a:hover{color:#e64a19}.shop-header{padding:20px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:10px;background-color:#fff;border-radius:16px;height:40px}.shop-logo-area{display:flex;align-items:center}.shop-logo-brand{letter-spacing:1px;cursor:pointer}.shop-logo-name{color:#666;font-size:18px;font-weight:400}.shop-name-wrapper{margin-left:15px;display:flex;flex-direction:column}.article-content{display:flex;flex-direction:column;margin-top:20px;background-color:#fff;border-radius:16px;min-height:calc(100vh - 200px)}.article-main-content{display:flex;gap:0}.article-sidebar{width:180px;border-right:1px solid #eee;padding:20px 0;flex-shrink:0}.article-nav-item{padding:12px 25px;font-size:14px;color:#666;cursor:pointer;transition:all .3s;list-style:none}.article-nav-item:hover{color:#0056b3}.article-nav-item.article-active{background-color:#f0f2f5;color:#333;border-right:3px solid #0056b3;font-weight:700}.detail-body{flex:1;padding:40px 60px;background:#fff}.detail-header{border-bottom:1px solid #eee;padding-bottom:25px;margin-bottom:30px}.detail-title{font-size:28px;font-weight:700;color:#333;line-height:1.4;margin-bottom:20px;width:900px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-meta{font-size:14px;color:#999;display:flex;gap:20px;align-items:center}.detail-meta span{display:flex;align-items:center;gap:5px}.article-tags div{padding:4px 8px;border-radius:4px}.article-tag-0{background-color:#f0f8fb;color:#1967d2}.article-tag-1{background-color:#e8f4f8;color:#2d7d9a}.article-tag-2{background-color:#b4c7e7;color:#3a5f70}.detail-text{font-size:16px;color:#444;line-height:1.8;word-break:break-all}.detail-text p{margin-bottom:20px}.detail-text img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:8px}.detail-footer-nav{margin-top:50px;padding-top:20px;border-top:1px dashed #eee}.nav-link{display:block;width:800px;padding:8px 0;font-size:14px;color:#666;text-decoration:none;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link:hover{color:#0056b3}.nav-link span{color:#999;margin-right:10px}.back-btn{margin-top:30px;display:inline-block;padding:8px 25px;border:1px solid #ddd;border-radius:4px;color:#666;text-decoration:none;transition:all .2s}.back-btn:hover{background:#f8f8f8;border-color:#ccc}.article-nowrap-ellipsis-title{display:inline-block;width:100px;height:18px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}